vue-data-ui 3.22.13 → 3.23.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/LICENSE +1 -1
- package/README.md +13 -1
- package/dist/{Arrow-DKx74WtM.js → Arrow-o2qHNvrC.js} +1 -1
- package/dist/{BaseDraggableDialog-3n8udWmh.js → BaseDraggableDialog-qTnfhLBz.js} +2 -2
- package/dist/{BaseIcon-CP5RWnqt.js → BaseIcon-91MZoczJ.js} +4 -3
- package/dist/{BaseLegendToggle-DsWphmIb.js → BaseLegendToggle-CtAPwzr2.js} +1 -1
- package/dist/{BaseZoomControls-C9_ygNN4.js → BaseZoomControls-rdzlicuz.js} +2 -2
- package/dist/{ColorPicker-3N_HVgXs.js → ColorPicker-CIAkdPrj.js} +2 -2
- package/dist/{DataTable-DzPEVvSo.js → DataTable-D4tM9s5Y.js} +2 -2
- package/dist/HillActions-BWhxHlrj.js +187 -0
- package/dist/{Legend-C0xAnJdO.js → Legend-CQTRlzK-.js} +2 -2
- package/dist/{NonSvgPenAndPaper-B_mE5UbR.js → NonSvgPenAndPaper-Cawacw1W.js} +19 -19
- package/dist/{PackageVersion-B6Hokxw9.js → PackageVersion--QCMh5k_.js} +1 -1
- package/dist/{PenAndPaper-CSMVXpg2.js → PenAndPaper-cE4J8-rA.js} +11 -11
- package/dist/{Shape-BfnXr1nJ.js → Shape-BPMV94Ij.js} +3 -3
- package/dist/{Slicer-C6qNUmZ4.js → Slicer-5yIrdoJv.js} +15 -15
- package/dist/SlicerPreview-DvjLV2TW.js +1689 -0
- package/dist/{SparkTooltip-uoUiL_P8.js → SparkTooltip-BaYtEKS6.js} +6 -6
- package/dist/Title-BODtwViI.js +87 -0
- package/dist/{Tooltip-CA1rtSyl.js → Tooltip-CMTGxeYO.js} +1 -1
- package/dist/{UserOptions-DzAFK9cY.js → UserOptions-3ujTo3LD.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-bump.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-dag.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-geo.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-hill.js +2 -0
- 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-stackline.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-BdAFKZQg.js → dom-to-png-4tdMNGPX.js} +1 -1
- package/dist/exposedLib-DWLRqRhv.js +25 -0
- package/dist/{img-Bikk1dGb.js → img-DIQG5q8T.js} +1 -1
- package/dist/{labelUtils-BUhssos9.js → labelUtils-C5lnc_xc.js} +1 -1
- package/dist/{lib-CFm_J26b.js → lib-BuMGJ_a0.js} +216 -173
- package/dist/{package-DmDydylu.js → package-BMc_ZieJ.js} +1 -1
- package/dist/{pdf-zmz3l2uy.js → pdf-Cnz4NKM9.js} +1 -1
- package/dist/{render-common-BIG8JYGK.js → render-common-Ktg2LZFG.js} +21 -21
- package/dist/ssr/vue-ui-donut.js +1 -1
- package/dist/ssr/vue-ui-xy.js +1 -1
- package/dist/ssr.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.ts +493 -0
- package/dist/types/vue-ui-hill.d.ts +90 -0
- package/dist/useAutoSizeLabelsInsideViewbox-DvDwcwi_.js +122 -0
- package/dist/{useConfig-C0V0eG7L.js → useConfig-BilxnBNr.js} +767 -476
- package/dist/useHints-Dq_w2E8B.js +66 -0
- package/dist/{useNestedProp-BY6DNN3i.js → useNestedProp--NSEmhOH.js} +1 -1
- package/dist/{useObjectBindings-Djwpii4d.js → useObjectBindings-Cwq7NcQz.js} +3 -2
- package/dist/{usePrinter-BH-xle1O.js → usePrinter-BFvi4jVy.js} +2 -2
- package/dist/useTransitions-g_zBREk2.js +39 -0
- package/dist/utils.js +14 -14
- package/dist/{vue-data-ui-rkzh6EkO.js → vue-data-ui-EsawKe_W.js} +85 -81
- package/dist/vue-data-ui.js +77 -76
- package/dist/vue-ui-3d-bar-RSUS2xpL.js +1849 -0
- package/dist/{vue-ui-accordion-UA88lv4d.js → vue-ui-accordion-61MlW-Ge.js} +4 -4
- package/dist/vue-ui-age-pyramid-CgnPWA93.js +1263 -0
- package/dist/vue-ui-annotator-DBRT85HG.js +2913 -0
- package/dist/vue-ui-bullet-Bc3-WaN1.js +724 -0
- package/dist/{vue-ui-bump-BS7RCf0Z.js → vue-ui-bump-Dvv3iSKr.js} +332 -295
- package/dist/{vue-ui-candlestick-BZSGDKrM.js → vue-ui-candlestick-DvvsrIdp.js} +464 -440
- package/dist/vue-ui-carousel-table-DtsNVim8.js +463 -0
- package/dist/vue-ui-chestnut-ArloORzP.js +2068 -0
- package/dist/{vue-ui-chord-D6G7ceE-.js → vue-ui-chord-xX5gWZy8.js} +430 -424
- package/dist/vue-ui-circle-pack-D8wykmqg.js +1638 -0
- package/dist/{vue-ui-cursor-BpN5MsXM.js → vue-ui-cursor-CxgE6Phh.js} +61 -61
- package/dist/{vue-ui-dag-BzgOgXzU.js → vue-ui-dag-C9Sf9vH7.js} +924 -916
- package/dist/vue-ui-dashboard-bGmaglAj.js +520 -0
- package/dist/{vue-ui-digits-OMPrn8fb.js → vue-ui-digits-DgDE-_Fn.js} +58 -50
- package/dist/vue-ui-donut-B_n6wF6B.js +2440 -0
- package/dist/{vue-ui-donut-Cp5NbZ1r.js → vue-ui-donut-Bmo149AR.js} +113 -113
- package/dist/{vue-ui-donut-evolution-DHVi5rOn.js → vue-ui-donut-evolution-D6vH_hfx.js} +528 -447
- package/dist/vue-ui-dumbbell-BX4Ao_wR.js +1582 -0
- package/dist/{vue-ui-flow-BusUK3H0.js → vue-ui-flow-Bshw8pT_.js} +415 -407
- package/dist/vue-ui-funnel-CjYosIik.js +797 -0
- package/dist/vue-ui-galaxy-CvXgy-dy.js +1111 -0
- package/dist/vue-ui-gauge-CByT0_vF.js +953 -0
- package/dist/{vue-ui-geo-CyFgFKlh.js → vue-ui-geo-C-gSZL2q.js} +378 -363
- package/dist/{vue-ui-gizmo-DdeXwCQp.js → vue-ui-gizmo-CJdxyPID.js} +57 -49
- package/dist/{vue-ui-heatmap-D8-qJ7fg.js → vue-ui-heatmap-DEEKv8ip.js} +498 -490
- package/dist/vue-ui-hill-D7LYAgAL.js +1768 -0
- package/dist/{vue-ui-history-plot-C2Aqk2ON.js → vue-ui-history-plot-BhcU94Pt.js} +553 -556
- package/dist/vue-ui-horizontal-bar-CfFye5tL.js +1733 -0
- package/dist/vue-ui-kpi-DCBnNfTb.js +104 -0
- package/dist/vue-ui-mini-loader-CtWpqnLW.js +133 -0
- package/dist/vue-ui-molecule-D3igGyOy.js +958 -0
- package/dist/{vue-ui-mood-radar-BiOjxFEN.js → vue-ui-mood-radar-sl6DMxqR.js} +349 -341
- package/dist/{vue-ui-nested-donuts-Cl1HVvDp.js → vue-ui-nested-donuts-aS4YzaB3.js} +449 -413
- package/dist/vue-ui-onion-EhPTZpW_.js +1258 -0
- package/dist/vue-ui-parallel-coordinate-plot-DE9wTmQQ.js +1455 -0
- package/dist/{vue-ui-quadrant-B21LkUc8.js → vue-ui-quadrant-SaY_RPSE.js} +625 -617
- package/dist/vue-ui-quick-chart-CJ9rejnj.js +2389 -0
- package/dist/{vue-ui-radar-CyzAyVos.js → vue-ui-radar-CaNen5Fj.js} +356 -310
- package/dist/vue-ui-rating--K7rX2an.js +360 -0
- package/dist/vue-ui-relation-circle-FLs8vOxQ.js +925 -0
- package/dist/vue-ui-ridgeline-Beg5hshN.js +1663 -0
- package/dist/{vue-ui-rings-FtcdX8xl.js → vue-ui-rings-BevKD8P-.js} +449 -423
- package/dist/{vue-ui-scatter-Cp_-2ahf.js → vue-ui-scatter-CNA7jF-o.js} +721 -702
- package/dist/{vue-ui-skeleton-COytVrfN.js → vue-ui-skeleton-B9ZP1w-i.js} +395 -387
- package/dist/{vue-ui-smiley-Da2jgkb7.js → vue-ui-smiley-DYnqqk6u.js} +128 -120
- package/dist/{vue-ui-spark-trend-DC2KUlEY.js → vue-ui-spark-trend-R0ebpg-G.js} +132 -117
- package/dist/{vue-ui-sparkbar-DdxQOFIF.js → vue-ui-sparkbar-DYC3By0v.js} +119 -111
- package/dist/{vue-ui-sparkgauge-DTA-fORH.js → vue-ui-sparkgauge-Bw6no-In.js} +76 -68
- package/dist/vue-ui-sparkhistogram-DvRKy8rq.js +590 -0
- package/dist/{vue-ui-sparkline-DcR_N-zT.js → vue-ui-sparkline-Dz1uzBos.js} +389 -364
- package/dist/vue-ui-sparkstackbar-DlnPdZih.js +692 -0
- package/dist/vue-ui-stackbar-B-THcavY.js +2350 -0
- package/dist/vue-ui-stackline-3dBPoI0h.js +2464 -0
- package/dist/{vue-ui-strip-plot-NLCwYvyw.js → vue-ui-strip-plot-ACeYOoHj.js} +505 -484
- package/dist/vue-ui-table-heatmap-DVwMqzje.js +364 -0
- package/dist/{vue-ui-table-AM9brdwU.js → vue-ui-table-rFy16bp0.js} +512 -504
- package/dist/{vue-ui-table-sparkline-BE6DAvur.js → vue-ui-table-sparkline-CABJzK8p.js} +207 -181
- package/dist/vue-ui-thermometer-CVQ-H69Q.js +777 -0
- package/dist/{vue-ui-timer-BZM5ITG9.js → vue-ui-timer-Bm8LpsnI.js} +66 -58
- package/dist/{vue-ui-tiremarks-BCncDpHX.js → vue-ui-tiremarks-DB3f5qiz.js} +127 -119
- package/dist/vue-ui-treemap-DP0Sx8Y8.js +1760 -0
- package/dist/vue-ui-waffle-iPpdk1Bm.js +1412 -0
- package/dist/vue-ui-wheel-BJkEYfLj.js +892 -0
- package/dist/{vue-ui-word-cloud-D7R7nhk1.js → vue-ui-word-cloud-B2sxtel9.js} +440 -432
- package/dist/{vue-ui-world-DZBt-07p.js → vue-ui-world-BBQZLnzm.js} +343 -335
- package/dist/vue-ui-xy-ChZg7AtI.js +1364 -0
- package/dist/{vue-ui-xy-CluEZ7lS.js → vue-ui-xy-DZj5DT-q.js} +1633 -1587
- package/dist/{vue-ui-xy-canvas-7YSYRdwr.js → vue-ui-xy-canvas-BN2u0bOJ.js} +456 -430
- package/dist/vue_ui_hill-dnltu0L-.js +368 -0
- package/package.json +2 -2
- package/dist/SlicerPreview-Cw6WMVhG.js +0 -1689
- package/dist/Title-BuPs74IB.js +0 -87
- package/dist/exposedLib-Ciw6TGtP.js +0 -25
- package/dist/useAutoSizeLabelsInsideViewbox-C9RNjsGv.js +0 -50
- package/dist/useMountedDelay-BAjrhRJb.js +0 -14
- package/dist/vue-ui-3d-bar-D5xHEWr1.js +0 -1824
- package/dist/vue-ui-age-pyramid-CAJg01c7.js +0 -1246
- package/dist/vue-ui-annotator-q3ZKx6ua.js +0 -2905
- package/dist/vue-ui-bullet-ByeaWGfI.js +0 -709
- package/dist/vue-ui-carousel-table-DO5NRXvX.js +0 -455
- package/dist/vue-ui-chestnut-BfeSPeEh.js +0 -2042
- package/dist/vue-ui-circle-pack-Cqmlw7AV.js +0 -1610
- package/dist/vue-ui-dashboard-DLvGJXJY.js +0 -512
- package/dist/vue-ui-donut-ZIRebAWc.js +0 -2418
- package/dist/vue-ui-dumbbell-gDYjU2oF.js +0 -1564
- package/dist/vue-ui-funnel-BtaYaU0r.js +0 -781
- package/dist/vue-ui-galaxy-BMp-HzDh.js +0 -1076
- package/dist/vue-ui-gauge-CBou0cFE.js +0 -925
- package/dist/vue-ui-horizontal-bar-BuwxI7d1.js +0 -1689
- package/dist/vue-ui-kpi-ByxoO01r.js +0 -96
- package/dist/vue-ui-mini-loader-D9pprk2c.js +0 -125
- package/dist/vue-ui-molecule-BqJJq49_.js +0 -932
- package/dist/vue-ui-onion-CRQOxurS.js +0 -1199
- package/dist/vue-ui-parallel-coordinate-plot-Dhn18RtR.js +0 -1412
- package/dist/vue-ui-quick-chart-DAhSXYnp.js +0 -2443
- package/dist/vue-ui-rating-DbxK-ftN.js +0 -352
- package/dist/vue-ui-relation-circle-Cb33DMZo.js +0 -917
- package/dist/vue-ui-ridgeline-D7aArzQk.js +0 -1627
- package/dist/vue-ui-sparkhistogram-D1oFTrvt.js +0 -575
- package/dist/vue-ui-sparkstackbar-BlFio0lP.js +0 -674
- package/dist/vue-ui-stackbar-Cu13EdVa.js +0 -2322
- package/dist/vue-ui-stackline-DKL0o_-3.js +0 -2427
- package/dist/vue-ui-table-heatmap-CSI482KG.js +0 -338
- package/dist/vue-ui-thermometer-D6Czx7Fb.js +0 -769
- package/dist/vue-ui-treemap-BOEYCOdk.js +0 -1727
- package/dist/vue-ui-waffle-BrM8IHdG.js +0 -1367
- package/dist/vue-ui-wheel-BNsajigQ.js +0 -884
- package/dist/vue-ui-xy-Dt_1bSBT.js +0 -1364
|
@@ -1,24 +1,25 @@
|
|
|
1
1
|
import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { t as
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { t as
|
|
8
|
-
import { t as
|
|
9
|
-
import { t as
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
2
|
+
import { $ as t, D as n, J as r, Jt as i, Kt as a, Pt as o, S as s, X as c, b as l, jt as u, pt as d, q as f, t as p, tt as m, xt as h } from "./lib-BuMGJ_a0.js";
|
|
3
|
+
import { n as g, t as _ } from "./useHints-Dq_w2E8B.js";
|
|
4
|
+
import { t as v } from "./useConfig-BilxnBNr.js";
|
|
5
|
+
import { t as y } from "./usePrinter-BFvi4jVy.js";
|
|
6
|
+
import { n as ee, t as te } from "./BaseScanner-DZvpgOjM.js";
|
|
7
|
+
import { t as b } from "./useSvgExport-Ba9qBr9M.js";
|
|
8
|
+
import { t as x } from "./useNestedProp--NSEmhOH.js";
|
|
9
|
+
import { t as S } from "./useThemeCheck-C43Tcqmk.js";
|
|
10
|
+
import { t as C } from "./img-DIQG5q8T.js";
|
|
11
|
+
import { n as w } from "./Title-BODtwViI.js";
|
|
12
|
+
import { t as T } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
13
|
+
import { i as ne, t as re } from "./useResponsive-ZtArZtUf.js";
|
|
14
|
+
import { t as ie } from "./A11yDataTable-DdRsVULz.js";
|
|
14
15
|
import { t as E } from "./useUserOptionState-DK-_1ddE.js";
|
|
15
|
-
import { t as
|
|
16
|
-
import { t as
|
|
17
|
-
import { t as
|
|
18
|
-
import { t as
|
|
19
|
-
import { Fragment as
|
|
16
|
+
import { t as ae } from "./useChartAccessibility-DYqac8yF.js";
|
|
17
|
+
import { t as oe } from "./usePanZoom-CYU3B4T3.js";
|
|
18
|
+
import { t as se } from "./vue_ui_word_cloud-C-qIMNLu.js";
|
|
19
|
+
import { t as ce } from "./BaseZoomControls-rdzlicuz.js";
|
|
20
|
+
import { Fragment as le, computed as D, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as j, createSlots as ue, createTextVNode as de, createVNode as fe, defineAsyncComponent as M, guardReactiveProps as N, mergeProps as pe, nextTick as me, normalizeClass as he, normalizeProps as P, normalizeStyle as ge, onBeforeUnmount as _e, onMounted as ve, openBlock as F, ref as I, renderList as ye, renderSlot as L, resolveDynamicComponent as be, shallowRef as xe, toDisplayString as Se, toRefs as Ce, unref as R, watch as we, withCtx as z } from "vue";
|
|
20
21
|
//#region src/wordcloud.js
|
|
21
|
-
var
|
|
22
|
+
var Te = {
|
|
22
23
|
fast: {
|
|
23
24
|
spiralStep: 6,
|
|
24
25
|
fallbackSpiralStep: 2,
|
|
@@ -49,13 +50,13 @@ var Se = {
|
|
|
49
50
|
minimumVisualPadding: 4,
|
|
50
51
|
scaleStep: .95
|
|
51
52
|
}
|
|
52
|
-
},
|
|
53
|
-
function
|
|
54
|
-
return
|
|
53
|
+
}, Ee = "fast";
|
|
54
|
+
function De(e) {
|
|
55
|
+
return Te[e] || Te[Ee];
|
|
55
56
|
}
|
|
56
|
-
var
|
|
57
|
-
function
|
|
58
|
-
let t = String(e), n =
|
|
57
|
+
var Oe = /* @__PURE__ */ new Map();
|
|
58
|
+
function ke(e) {
|
|
59
|
+
let t = String(e), n = Oe.get(t);
|
|
59
60
|
if (n) return n;
|
|
60
61
|
let r = Math.PI / 180, i = [], a = [];
|
|
61
62
|
for (let t = 0; t < 360; t += e) {
|
|
@@ -66,9 +67,9 @@ function Ee(e) {
|
|
|
66
67
|
cosineArray: i,
|
|
67
68
|
sineArray: a
|
|
68
69
|
};
|
|
69
|
-
return
|
|
70
|
+
return Oe.set(t, o), o;
|
|
70
71
|
}
|
|
71
|
-
function
|
|
72
|
+
function Ae({ word: e, fontSize: t, pad: n, canvas: r, ctx: i, svg: a }) {
|
|
72
73
|
let o = a.style && a.style.bold, s = a.style && a.style.fontFamily || "Arial, \"Noto Sans Arabic\", Tahoma, sans-serif", c = `${o ? "bold " : ""}${t}px ${s}`, l = String(e.name || ""), u = /[\u0600-\u06FF]/.test(l);
|
|
73
74
|
i.font = c, i.direction = u ? "rtl" : "ltr", i.textAlign = "left", i.textBaseline = "alphabetic";
|
|
74
75
|
let d = i.measureText(l), f = Math.ceil(Math.abs(d.actualBoundingBoxLeft || 0)), p = Math.ceil(Math.abs(d.actualBoundingBoxRight || d.width)), m = Math.ceil(d.actualBoundingBoxAscent || t), h = Math.ceil(d.actualBoundingBoxDescent || t * .25), g = Math.max(0, Math.round(n || 0)) + Math.ceil(t * (u ? .22 : .12)), _ = Math.max(1, f + p + g * 2), v = Math.max(1, m + h + g * 2);
|
|
@@ -100,7 +101,7 @@ function De({ word: e, fontSize: t, pad: n, canvas: r, ctx: i, svg: a }) {
|
|
|
100
101
|
maxY: T
|
|
101
102
|
};
|
|
102
103
|
}
|
|
103
|
-
function
|
|
104
|
+
function je(e) {
|
|
104
105
|
let t = [];
|
|
105
106
|
if (!e.length) return t;
|
|
106
107
|
let n = e[0][1], r = e[0][0], i = r;
|
|
@@ -122,16 +123,16 @@ function Oe(e) {
|
|
|
122
123
|
i
|
|
123
124
|
]), t;
|
|
124
125
|
}
|
|
125
|
-
function
|
|
126
|
+
function Me(e, t) {
|
|
126
127
|
return 4294967295 >>> 32 - (t - e + 1) << e >>> 0;
|
|
127
128
|
}
|
|
128
|
-
function
|
|
129
|
+
function Ne(e) {
|
|
129
130
|
return 4294967295 << e >>> 0;
|
|
130
131
|
}
|
|
131
|
-
function
|
|
132
|
+
function Pe(e) {
|
|
132
133
|
return 4294967295 >>> 31 - e >>> 0;
|
|
133
134
|
}
|
|
134
|
-
function
|
|
135
|
+
function Fe({ maskBits: e, maskRowStride: t, maskW: n, maskH: r, wx: i, wy: a, runs: o }) {
|
|
135
136
|
for (let s = 0; s < o.length; s += 1) {
|
|
136
137
|
let c = o[s][0], l = o[s][1], u = o[s][2], d = a + c;
|
|
137
138
|
if (d < 0 || d >= r) return !1;
|
|
@@ -139,16 +140,16 @@ function Me({ maskBits: e, maskRowStride: t, maskW: n, maskH: r, wx: i, wy: a, r
|
|
|
139
140
|
if (f < 0 || p >= n) return !1;
|
|
140
141
|
let m = d * t, h = f >>> 5, g = p >>> 5, _ = f & 31, v = p & 31;
|
|
141
142
|
if (h === g) {
|
|
142
|
-
if (e[m + h] &
|
|
143
|
+
if (e[m + h] & Me(_, v)) return !1;
|
|
143
144
|
} else {
|
|
144
|
-
if (e[m + h] &
|
|
145
|
+
if (e[m + h] & Ne(_)) return !1;
|
|
145
146
|
for (let t = h + 1; t < g; t += 1) if (e[m + t]) return !1;
|
|
146
|
-
if (e[m + g] &
|
|
147
|
+
if (e[m + g] & Pe(v)) return !1;
|
|
147
148
|
}
|
|
148
149
|
}
|
|
149
150
|
return !0;
|
|
150
151
|
}
|
|
151
|
-
function
|
|
152
|
+
function Ie({ maskBits: e, maskRowStride: t, maskW: n, maskH: r, wx: i, wy: a, runs: o }) {
|
|
152
153
|
for (let s = 0; s < o.length; s += 1) {
|
|
153
154
|
let c = o[s][0], l = o[s][1], u = o[s][2], d = a + c;
|
|
154
155
|
if (d < 0 || d >= r) continue;
|
|
@@ -156,22 +157,22 @@ function Ne({ maskBits: e, maskRowStride: t, maskW: n, maskH: r, wx: i, wy: a, r
|
|
|
156
157
|
if (p < 0 || f >= n) continue;
|
|
157
158
|
let m = d * t, h = f >>> 5, g = p >>> 5, _ = f & 31, v = p & 31;
|
|
158
159
|
if (h === g) {
|
|
159
|
-
let t =
|
|
160
|
+
let t = Me(_, v);
|
|
160
161
|
e[m + h] |= t;
|
|
161
162
|
} else {
|
|
162
163
|
{
|
|
163
|
-
let t =
|
|
164
|
+
let t = Ne(_);
|
|
164
165
|
e[m + h] |= t;
|
|
165
166
|
}
|
|
166
167
|
for (let t = h + 1; t < g; t += 1) e[m + t] = 4294967295;
|
|
167
168
|
{
|
|
168
|
-
let t =
|
|
169
|
+
let t = Pe(v);
|
|
169
170
|
e[m + g] |= t;
|
|
170
171
|
}
|
|
171
172
|
}
|
|
172
173
|
}
|
|
173
174
|
}
|
|
174
|
-
function
|
|
175
|
+
function B({ wordMask: e, w: t, h: n, dilation: r }) {
|
|
175
176
|
let i = new Uint8Array(t * n), a = [];
|
|
176
177
|
for (let n = 0; n < e.length; n += 1) {
|
|
177
178
|
let r = e[n][0], o = e[n][1] * t + r;
|
|
@@ -197,7 +198,7 @@ function V({ wordMask: e, w: t, h: n, dilation: r }) {
|
|
|
197
198
|
}
|
|
198
199
|
return o;
|
|
199
200
|
}
|
|
200
|
-
function
|
|
201
|
+
function Le(e, t) {
|
|
201
202
|
let n = [];
|
|
202
203
|
for (let r = 0; r < t; r += 1) {
|
|
203
204
|
let t = e[r];
|
|
@@ -220,7 +221,7 @@ function Pe(e, t) {
|
|
|
220
221
|
}
|
|
221
222
|
return n;
|
|
222
223
|
}
|
|
223
|
-
function
|
|
224
|
+
function Re({ runs: e, w: t, h: n, dilation: r }) {
|
|
224
225
|
if (!e.length || r <= 0) return e;
|
|
225
226
|
let i = Array(n);
|
|
226
227
|
for (let a = 0; a < e.length; a += 1) {
|
|
@@ -230,9 +231,9 @@ function Fe({ runs: e, w: t, h: n, dilation: r }) {
|
|
|
230
231
|
t || (t = [], i[e] = t), t.push([c, l]);
|
|
231
232
|
}
|
|
232
233
|
}
|
|
233
|
-
return
|
|
234
|
+
return Le(i, n);
|
|
234
235
|
}
|
|
235
|
-
function
|
|
236
|
+
function V(e, t) {
|
|
236
237
|
let n = e.runs, r = e.w, i = e.h, a = Math.max(1, Math.round(r * t)), o = Math.max(1, Math.round(i * t)), s = Array(o), c = a, l = o, u = 0, d = 0, f = !1;
|
|
237
238
|
for (let e = 0; e < n.length; e += 1) {
|
|
238
239
|
let r = n[e], i = r[0], a = r[1], p = r[2], m = Math.round(i * t);
|
|
@@ -281,23 +282,23 @@ function H(e, t) {
|
|
|
281
282
|
maxY: d
|
|
282
283
|
};
|
|
283
284
|
}
|
|
284
|
-
var
|
|
285
|
-
function
|
|
285
|
+
var ze = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map();
|
|
286
|
+
function Be({ word: e, fontSize: t, pad: n, svg: r }) {
|
|
286
287
|
let i = r.style && r.style.bold ? 1 : 0, a = n || 0;
|
|
287
288
|
return `${e.name}::${t}::${a}::${i}`;
|
|
288
289
|
}
|
|
289
|
-
function
|
|
290
|
-
let o =
|
|
290
|
+
function Ve({ word: e, fontSize: t, pad: n, canvas: r, ctx: i, svg: a }) {
|
|
291
|
+
let o = Be({
|
|
291
292
|
word: e,
|
|
292
293
|
fontSize: t,
|
|
293
294
|
pad: n,
|
|
294
295
|
svg: a
|
|
295
|
-
}), s =
|
|
296
|
+
}), s = ze.get(o);
|
|
296
297
|
if (s) return {
|
|
297
298
|
key: o,
|
|
298
299
|
bitmap: s
|
|
299
300
|
};
|
|
300
|
-
let c =
|
|
301
|
+
let c = Ae({
|
|
301
302
|
word: e,
|
|
302
303
|
fontSize: t,
|
|
303
304
|
pad: n,
|
|
@@ -305,26 +306,26 @@ function Re({ word: e, fontSize: t, pad: n, canvas: r, ctx: i, svg: a }) {
|
|
|
305
306
|
ctx: i,
|
|
306
307
|
svg: a
|
|
307
308
|
});
|
|
308
|
-
return
|
|
309
|
+
return ze.set(o, c), {
|
|
309
310
|
key: o,
|
|
310
311
|
bitmap: c
|
|
311
312
|
};
|
|
312
313
|
}
|
|
313
|
-
function
|
|
314
|
-
let a = `${e}::d${i}`, o =
|
|
314
|
+
function He({ bitmapKey: e, wordMask: t, w: n, h: r, dilation: i }) {
|
|
315
|
+
let a = `${e}::d${i}`, o = H.get(a);
|
|
315
316
|
if (o) return o;
|
|
316
|
-
let s =
|
|
317
|
+
let s = B({
|
|
317
318
|
wordMask: t,
|
|
318
319
|
w: n,
|
|
319
320
|
h: r,
|
|
320
321
|
dilation: i
|
|
321
322
|
}), c = {
|
|
322
323
|
wordMask: s,
|
|
323
|
-
runs:
|
|
324
|
+
runs: je(s)
|
|
324
325
|
};
|
|
325
|
-
return
|
|
326
|
+
return H.set(a, c), c;
|
|
326
327
|
}
|
|
327
|
-
function
|
|
328
|
+
function Ue(e, t, n) {
|
|
328
329
|
if (!e.length) return;
|
|
329
330
|
let r = Infinity, i = -Infinity, a = Infinity, o = -Infinity;
|
|
330
331
|
for (let t = 0; t < e.length; t += 1) {
|
|
@@ -343,19 +344,19 @@ function Be(e, t, n) {
|
|
|
343
344
|
}
|
|
344
345
|
}
|
|
345
346
|
}
|
|
346
|
-
function
|
|
347
|
+
function We() {
|
|
347
348
|
return typeof performance < "u" && typeof performance.now == "function" ? () => performance.now() : () => Date.now();
|
|
348
349
|
}
|
|
349
|
-
function
|
|
350
|
+
function U({ value: e, minimumValue: t, maximumValue: n, configuredMinimumFontSize: r, maximumFontSize: i }) {
|
|
350
351
|
if (n === t) return i;
|
|
351
352
|
let a = (e - t) / (n - t) * (i - r) + r;
|
|
352
353
|
return Math.max(r, Math.min(i, a));
|
|
353
354
|
}
|
|
354
|
-
function
|
|
355
|
+
function Ge({ bitmapHeight: e, proximity: t, strictPixelPadding: n, minimumVisualPadding: r }) {
|
|
355
356
|
let i = Math.max(0, Math.round(t || 0)), a = Math.ceil(e * .035) + 2;
|
|
356
357
|
return Math.max(i, a, n ? 3 : 0, r);
|
|
357
358
|
}
|
|
358
|
-
function
|
|
359
|
+
function Ke({ currentBitmap: e, strictPixelPadding: t, scaleFactor: n, baseBitmap: r, bitmapKey: i, proximity: a, minimumVisualPadding: o }) {
|
|
359
360
|
let s = e.runs, c = e.w, l = e.h, u = e.minX, d = e.minY, f = e.maxX, p = e.maxY;
|
|
360
361
|
if (!s.length) return {
|
|
361
362
|
runs: s,
|
|
@@ -366,7 +367,7 @@ function We({ currentBitmap: e, strictPixelPadding: t, scaleFactor: n, baseBitma
|
|
|
366
367
|
bitmapMaximumX: f,
|
|
367
368
|
bitmapMaximumY: p
|
|
368
369
|
};
|
|
369
|
-
let m =
|
|
370
|
+
let m = Ge({
|
|
370
371
|
bitmapHeight: l,
|
|
371
372
|
proximity: a,
|
|
372
373
|
strictPixelPadding: t,
|
|
@@ -381,7 +382,7 @@ function We({ currentBitmap: e, strictPixelPadding: t, scaleFactor: n, baseBitma
|
|
|
381
382
|
bitmapMaximumX: f,
|
|
382
383
|
bitmapMaximumY: p
|
|
383
384
|
} : n === 1 && m === 2 && t ? {
|
|
384
|
-
runs:
|
|
385
|
+
runs: He({
|
|
385
386
|
bitmapKey: i,
|
|
386
387
|
wordMask: r.wordMask,
|
|
387
388
|
w: r.w,
|
|
@@ -395,7 +396,7 @@ function We({ currentBitmap: e, strictPixelPadding: t, scaleFactor: n, baseBitma
|
|
|
395
396
|
bitmapMaximumX: f,
|
|
396
397
|
bitmapMaximumY: p
|
|
397
398
|
} : {
|
|
398
|
-
runs:
|
|
399
|
+
runs: Re({
|
|
399
400
|
runs: s,
|
|
400
401
|
w: c,
|
|
401
402
|
h: l,
|
|
@@ -409,23 +410,23 @@ function We({ currentBitmap: e, strictPixelPadding: t, scaleFactor: n, baseBitma
|
|
|
409
410
|
bitmapMaximumY: p
|
|
410
411
|
};
|
|
411
412
|
}
|
|
412
|
-
async function
|
|
413
|
+
async function qe({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskBits: r, maskRowStride: i, maskWidth: a, maskHeight: o, centerX: s, centerY: c, maximumRadius: l, scaleStep: u, strictPixelPadding: d, bitmapKey: f, minimumFontSize: p, rawWord: m, cosineArray: h, sineArray: g, radiusStep: _, maximumAttempts: v, maybeYield: y, proximity: ee, minimumVisualPadding: te }) {
|
|
413
414
|
let b = 1;
|
|
414
415
|
for (; b >= n;) {
|
|
415
|
-
let { runs: n, bitmapWidth: x, bitmapHeight: S, bitmapMinimumX: C, bitmapMinimumY: w, bitmapMaximumX: T, bitmapMaximumY: ne } =
|
|
416
|
-
currentBitmap: b === 1 ? e :
|
|
416
|
+
let { runs: n, bitmapWidth: x, bitmapHeight: S, bitmapMinimumX: C, bitmapMinimumY: w, bitmapMaximumX: T, bitmapMaximumY: ne } = Ke({
|
|
417
|
+
currentBitmap: b === 1 ? e : V(e, b),
|
|
417
418
|
strictPixelPadding: d,
|
|
418
419
|
scaleFactor: b,
|
|
419
420
|
baseBitmap: e,
|
|
420
421
|
bitmapKey: f,
|
|
421
422
|
proximity: ee,
|
|
422
423
|
minimumVisualPadding: te
|
|
423
|
-
}),
|
|
424
|
-
for (;
|
|
424
|
+
}), re = 0, ie = 0;
|
|
425
|
+
for (; re < l && ie < v;) {
|
|
425
426
|
for (let e = 0; e < h.length; e += 1) {
|
|
426
|
-
|
|
427
|
-
let l = Math.round(s +
|
|
428
|
-
if (!(l < 0 || u < 0 || l + x > a || u + S > o) &&
|
|
427
|
+
ie += 1;
|
|
428
|
+
let l = Math.round(s + re * h[e] - x / 2), u = Math.round(c + re * g[e] - S / 2);
|
|
429
|
+
if (!(l < 0 || u < 0 || l + x > a || u + S > o) && Fe({
|
|
429
430
|
maskBits: r,
|
|
430
431
|
maskRowStride: i,
|
|
431
432
|
maskW: a,
|
|
@@ -447,7 +448,7 @@ async function Ge({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskB
|
|
|
447
448
|
maxX: T,
|
|
448
449
|
maxY: ne
|
|
449
450
|
};
|
|
450
|
-
return
|
|
451
|
+
return Ie({
|
|
451
452
|
maskBits: r,
|
|
452
453
|
maskRowStride: i,
|
|
453
454
|
maskW: a,
|
|
@@ -458,14 +459,14 @@ async function Ge({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskB
|
|
|
458
459
|
}), d;
|
|
459
460
|
}
|
|
460
461
|
}
|
|
461
|
-
|
|
462
|
+
re += _, ie & 1023 || await y();
|
|
462
463
|
}
|
|
463
464
|
b *= u, await y();
|
|
464
465
|
}
|
|
465
466
|
return null;
|
|
466
467
|
}
|
|
467
|
-
async function
|
|
468
|
-
return await
|
|
468
|
+
async function Je({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskBits: r, maskRowStride: i, maskWidth: a, maskHeight: o, centerX: s, centerY: c, maximumRadius: l, scaleStep: u, strictPixelPadding: d, bitmapKey: f, minimumFontSize: p, rawWord: m, maybeYield: h, proximity: g, qualityPreset: _, primarySpiral: v, fallbackSpiral: y }) {
|
|
469
|
+
return await qe({
|
|
469
470
|
baseBitmap: e,
|
|
470
471
|
baseFontSize: t,
|
|
471
472
|
minimumScaleFactor: n,
|
|
@@ -488,7 +489,7 @@ async function Ke({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskB
|
|
|
488
489
|
maybeYield: h,
|
|
489
490
|
proximity: g,
|
|
490
491
|
minimumVisualPadding: _.minimumVisualPadding
|
|
491
|
-
}) || await
|
|
492
|
+
}) || await qe({
|
|
492
493
|
baseBitmap: e,
|
|
493
494
|
baseFontSize: t,
|
|
494
495
|
minimumScaleFactor: n,
|
|
@@ -513,28 +514,28 @@ async function Ke({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskB
|
|
|
513
514
|
minimumVisualPadding: _.minimumVisualPadding
|
|
514
515
|
});
|
|
515
516
|
}
|
|
516
|
-
async function
|
|
517
|
-
let s =
|
|
517
|
+
async function Ye({ words: e, proximity: t = 0, svg: n, strictPixelPadding: r, quality: i = Ee, onProgress: a, debugTiming: o = !1 }) {
|
|
518
|
+
let s = We(), c = s(), l = c;
|
|
518
519
|
async function u() {
|
|
519
520
|
s() - l >= 12 && (await new Promise((e) => setTimeout(e, 0)), l = s());
|
|
520
521
|
}
|
|
521
|
-
let d = n.width, f = n.height, p = Math.round(d), m = Math.round(f), h =
|
|
522
|
+
let d = n.width, f = n.height, p = Math.round(d), m = Math.round(f), h = De(i), g = ke(h.spiralStep), _ = ke(h.fallbackSpiralStep), v = n.minFontSize, y = Math.min(n.maxFontSize, 100), ee = e.map((e) => e.value), te = Math.min(...ee), b = Math.max(...ee);
|
|
522
523
|
if (p <= 0 || m <= 0) return [];
|
|
523
524
|
let x = p + 31 >>> 5, S = new Uint32Array(x * m), C = document.createElement("canvas"), w = C.getContext("2d", { willReadFrequently: !0 });
|
|
524
525
|
C.width = p, C.height = m;
|
|
525
|
-
let T = Math.max(p, m), ne = Math.floor(p / 2),
|
|
526
|
+
let T = Math.max(p, m), ne = Math.floor(p / 2), re = Math.floor(m / 2), ie = [...e.map((e, t) => ({
|
|
526
527
|
...e,
|
|
527
528
|
__wcIndex: t,
|
|
528
529
|
id: e.id == null ? `${e.name}__${t}` : e.id
|
|
529
|
-
}))].sort((e, t) => t.value - e.value),
|
|
530
|
-
for (let e = 0; e <
|
|
531
|
-
let i =
|
|
530
|
+
}))].sort((e, t) => t.value - e.value), E = [], ae = h.scaleStep;
|
|
531
|
+
for (let e = 0; e < ie.length; e += 1) {
|
|
532
|
+
let i = ie[e], o = E.length, s = U({
|
|
532
533
|
value: i.value,
|
|
533
534
|
minimumValue: te,
|
|
534
535
|
maximumValue: b,
|
|
535
536
|
configuredMinimumFontSize: v,
|
|
536
537
|
maximumFontSize: y
|
|
537
|
-
}), c =
|
|
538
|
+
}), c = Ve({
|
|
538
539
|
word: i,
|
|
539
540
|
fontSize: s,
|
|
540
541
|
pad: t,
|
|
@@ -546,7 +547,7 @@ async function qe({ words: e, proximity: t = 0, svg: n, strictPixelPadding: r, q
|
|
|
546
547
|
await u();
|
|
547
548
|
continue;
|
|
548
549
|
}
|
|
549
|
-
let
|
|
550
|
+
let oe = await Je({
|
|
550
551
|
baseBitmap: d,
|
|
551
552
|
baseFontSize: s,
|
|
552
553
|
minimumScaleFactor: Math.max(1 / s, .1),
|
|
@@ -555,9 +556,9 @@ async function qe({ words: e, proximity: t = 0, svg: n, strictPixelPadding: r, q
|
|
|
555
556
|
maskWidth: p,
|
|
556
557
|
maskHeight: m,
|
|
557
558
|
centerX: ne,
|
|
558
|
-
centerY:
|
|
559
|
+
centerY: re,
|
|
559
560
|
maximumRadius: T,
|
|
560
|
-
scaleStep:
|
|
561
|
+
scaleStep: ae,
|
|
561
562
|
strictPixelPadding: r,
|
|
562
563
|
bitmapKey: l,
|
|
563
564
|
minimumFontSize: 1,
|
|
@@ -568,31 +569,31 @@ async function qe({ words: e, proximity: t = 0, svg: n, strictPixelPadding: r, q
|
|
|
568
569
|
primarySpiral: g,
|
|
569
570
|
fallbackSpiral: _
|
|
570
571
|
});
|
|
571
|
-
if (
|
|
572
|
-
let e =
|
|
572
|
+
if (oe && (E.push(oe), a && E.length > o)) {
|
|
573
|
+
let e = E[E.length - 1];
|
|
573
574
|
a({
|
|
574
575
|
word: e,
|
|
575
|
-
all:
|
|
576
|
+
all: E
|
|
576
577
|
});
|
|
577
578
|
}
|
|
578
579
|
await u();
|
|
579
580
|
}
|
|
580
|
-
if (!
|
|
581
|
-
|
|
582
|
-
let
|
|
583
|
-
return o && typeof console < "u" && console.log && console.log("[vue-data-ui][word-cloud] positionWordsAsync:", `${
|
|
581
|
+
if (!E.length) return [];
|
|
582
|
+
Ue(E, p, m);
|
|
583
|
+
let oe = s() - c;
|
|
584
|
+
return o && typeof console < "u" && console.log && console.log("[vue-data-ui][word-cloud] positionWordsAsync:", `${oe.toFixed(2)} ms for ${e.length} words`), E.sort((e, t) => t.fontSize - e.fontSize);
|
|
584
585
|
}
|
|
585
586
|
//#endregion
|
|
586
587
|
//#region src/components/vue-ui-word-cloud.vue
|
|
587
|
-
var
|
|
588
|
+
var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
|
|
588
589
|
"id",
|
|
589
590
|
"data-resizing",
|
|
590
591
|
"data-relayout"
|
|
591
|
-
],
|
|
592
|
+
], Qe = ["id"], $e = { style: { position: "relative" } }, et = [
|
|
592
593
|
"aria-describedby",
|
|
593
594
|
"xmlns",
|
|
594
595
|
"viewBox"
|
|
595
|
-
],
|
|
596
|
+
], tt = ["width", "height"], nt = ["transform"], rt = ["transform"], it = [
|
|
596
597
|
"data-a11y-word-index",
|
|
597
598
|
"x",
|
|
598
599
|
"y",
|
|
@@ -602,14 +603,14 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
602
603
|
"onMouseover",
|
|
603
604
|
"onMouseleave",
|
|
604
605
|
"onClick"
|
|
605
|
-
],
|
|
606
|
+
], at = [
|
|
606
607
|
"fill",
|
|
607
608
|
"font-weight",
|
|
608
609
|
"font-size",
|
|
609
610
|
"transform",
|
|
610
611
|
"stroke",
|
|
611
612
|
"stroke-width"
|
|
612
|
-
],
|
|
613
|
+
], ot = {
|
|
613
614
|
key: 0,
|
|
614
615
|
style: {
|
|
615
616
|
position: "absolute",
|
|
@@ -619,14 +620,14 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
619
620
|
},
|
|
620
621
|
"data-dom-to-png-ignore": "",
|
|
621
622
|
"aria-hidden": "true"
|
|
622
|
-
},
|
|
623
|
+
}, st = {
|
|
623
624
|
key: 5,
|
|
624
625
|
class: "vue-data-ui-watermark"
|
|
625
|
-
},
|
|
626
|
+
}, ct = {
|
|
626
627
|
key: 6,
|
|
627
628
|
"data-dom-to-png-ignore": "",
|
|
628
629
|
class: "reset-wrapper"
|
|
629
|
-
},
|
|
630
|
+
}, lt = ["innerHTML"], ut = /*#__PURE__*/ T({
|
|
630
631
|
__name: "vue-ui-word-cloud",
|
|
631
632
|
props: {
|
|
632
633
|
config: {
|
|
@@ -643,18 +644,25 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
643
644
|
}
|
|
644
645
|
},
|
|
645
646
|
emits: ["copyAlt"],
|
|
646
|
-
setup(e, { expose:
|
|
647
|
-
let
|
|
647
|
+
setup(e, { expose: T, emit: Te }) {
|
|
648
|
+
let Ee = M(() => import("./Tooltip-CMTGxeYO.js")), De = M(() => import("./BaseIcon-91MZoczJ.js").then((e) => e.n)), Oe = M(() => import("./vue-ui-accordion-61MlW-Ge.js").then((e) => e.n)), ke = M(() => import("./DataTable-D4tM9s5Y.js")), Ae = M(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), je = M(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), Me = M(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), Ne = M(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), { vue_ui_word_cloud: Pe } = v(), { isThemeValid: Fe, warnInvalidTheme: Ie } = S(), B = e, Le = Te, Re = D({
|
|
648
649
|
get() {
|
|
649
|
-
return !!
|
|
650
|
+
return !!B.dataset && B.dataset.length;
|
|
650
651
|
},
|
|
651
652
|
set(e) {
|
|
652
653
|
return e;
|
|
653
654
|
}
|
|
654
|
-
}),
|
|
655
|
+
}), V = I(f()), ze = I(0), H = I(null), Be = I(null), Ve = I(null), He = I(0), Ue = I(0), We = I(!1), U = I(null), Ge = I(null), Ke = I(!1), qe = I(!1), Je = I(null), Xe = I(!1), ut = I(!1), W = I(null), dt = I({
|
|
655
656
|
x: 0,
|
|
656
657
|
y: 0
|
|
657
|
-
}),
|
|
658
|
+
}), ft = I("pointer"), pt = I(!1), G = I(Ct());
|
|
659
|
+
g({
|
|
660
|
+
config: () => G.value,
|
|
661
|
+
dataset: () => B.dataset,
|
|
662
|
+
component: "VueUiWordCloud",
|
|
663
|
+
rules: [_.noHint]
|
|
664
|
+
});
|
|
665
|
+
let K = D(() => G.value.userOptions.useCursorPointer), mt = D(() => i({
|
|
658
666
|
defaultConfig: {
|
|
659
667
|
userOptions: { show: !1 },
|
|
660
668
|
table: { show: !1 },
|
|
@@ -672,16 +680,16 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
672
680
|
} }
|
|
673
681
|
},
|
|
674
682
|
userConfig: G.value.skeletonConfig ?? {}
|
|
675
|
-
})), { loading:
|
|
676
|
-
...
|
|
683
|
+
})), { loading: ht, FINAL_DATASET: gt, manualLoading: _t } = ee({
|
|
684
|
+
...Ce(B),
|
|
677
685
|
FINAL_CONFIG: G,
|
|
678
|
-
prepareConfig:
|
|
686
|
+
prepareConfig: Ct,
|
|
679
687
|
callback: () => {
|
|
680
688
|
Promise.resolve().then(() => {
|
|
681
689
|
X.value.showTable = G.value.table.show, X.value.showTooltip = G.value.style.chart.tooltip.show, X.value.showZoom = G.value.style.chart.zoom.show;
|
|
682
690
|
});
|
|
683
691
|
},
|
|
684
|
-
skeletonDataset:
|
|
692
|
+
skeletonDataset: B.config?.skeletonDataset ?? [
|
|
685
693
|
{
|
|
686
694
|
name: "Lorem",
|
|
687
695
|
value: 6
|
|
@@ -875,141 +883,141 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
875
883
|
value: 1
|
|
876
884
|
}
|
|
877
885
|
],
|
|
878
|
-
skeletonConfig:
|
|
886
|
+
skeletonConfig: i({
|
|
879
887
|
defaultConfig: G.value,
|
|
880
|
-
userConfig:
|
|
888
|
+
userConfig: mt.value
|
|
881
889
|
})
|
|
882
|
-
}),
|
|
883
|
-
function
|
|
884
|
-
return typeof
|
|
890
|
+
}), vt = I(yt());
|
|
891
|
+
function yt() {
|
|
892
|
+
return typeof gt.value == "string" ? r(gt.value) : gt.value.map((e, t) => ({
|
|
885
893
|
...e,
|
|
886
|
-
value:
|
|
894
|
+
value: l(e.value)
|
|
887
895
|
}));
|
|
888
896
|
}
|
|
889
|
-
let { userOptionsVisible:
|
|
890
|
-
function
|
|
891
|
-
let e =
|
|
892
|
-
userConfig:
|
|
893
|
-
defaultConfig:
|
|
897
|
+
let { userOptionsVisible: bt, setUserOptionsVisibility: xt, keepUserOptionState: St } = E({ config: G.value }), { svgRef: q } = ae({ config: G.value.style.chart.title });
|
|
898
|
+
function Ct() {
|
|
899
|
+
let e = x({
|
|
900
|
+
userConfig: B.config,
|
|
901
|
+
defaultConfig: Pe
|
|
894
902
|
}), t = e.theme;
|
|
895
903
|
if (!t) return e;
|
|
896
|
-
if (!
|
|
897
|
-
let n =
|
|
898
|
-
userConfig:
|
|
904
|
+
if (!Fe.value(e)) return Ie(e), e;
|
|
905
|
+
let n = x({
|
|
906
|
+
userConfig: se[t] || B.config,
|
|
899
907
|
defaultConfig: e
|
|
900
|
-
}),
|
|
901
|
-
userConfig:
|
|
908
|
+
}), r = x({
|
|
909
|
+
userConfig: B.config,
|
|
902
910
|
defaultConfig: n
|
|
903
911
|
});
|
|
904
912
|
return {
|
|
905
|
-
...
|
|
906
|
-
customPalette:
|
|
913
|
+
...r,
|
|
914
|
+
customPalette: r.customPalette.length ? r.customPalette : a[t] || o
|
|
907
915
|
};
|
|
908
916
|
}
|
|
909
|
-
let
|
|
917
|
+
let wt = I({
|
|
910
918
|
x: 0,
|
|
911
919
|
y: 0
|
|
912
920
|
});
|
|
913
|
-
function
|
|
921
|
+
function Tt() {
|
|
914
922
|
let e = {
|
|
915
923
|
x: 0,
|
|
916
924
|
y: 0,
|
|
917
925
|
width: Math.max(10, J.value.width),
|
|
918
926
|
height: Math.max(10, J.value.height)
|
|
919
927
|
};
|
|
920
|
-
|
|
928
|
+
en(e), wt.value = {
|
|
921
929
|
x: e.x + e.width / 2,
|
|
922
930
|
y: e.y + e.height / 2
|
|
923
|
-
},
|
|
931
|
+
}, Qt();
|
|
924
932
|
}
|
|
925
|
-
let
|
|
926
|
-
|
|
927
|
-
}, 100),
|
|
928
|
-
|
|
929
|
-
e === !1 && (
|
|
930
|
-
}),
|
|
931
|
-
G.value =
|
|
933
|
+
let Et = ne(() => {
|
|
934
|
+
zt();
|
|
935
|
+
}, 100), Dt = I(!1);
|
|
936
|
+
we(() => Dt.value, (e) => {
|
|
937
|
+
e === !1 && (qe.value = !0, Et(), Tt());
|
|
938
|
+
}), we(() => B.config, (e) => {
|
|
939
|
+
G.value = Ct(), bt.value = !G.value.userOptions.showOnChartHover, Mt(), He.value += 1, Ue.value += 1, X.value.showTable = G.value.table.show, X.value.showTooltip = G.value.style.chart.tooltip.show, X.value.showZoom = G.value.style.chart.zoom.show;
|
|
932
940
|
}, { deep: !0 });
|
|
933
|
-
let J =
|
|
941
|
+
let J = I({
|
|
934
942
|
width: G.value.style.chart.width,
|
|
935
943
|
height: G.value.style.chart.height,
|
|
936
944
|
maxFontSize: G.value.style.chart.words.maxFontSize,
|
|
937
945
|
minFontSize: G.value.style.chart.words.minFontSize,
|
|
938
946
|
bold: G.value.style.chart.words.bold
|
|
939
|
-
}),
|
|
940
|
-
let { width: e, height: t } =
|
|
941
|
-
chart:
|
|
942
|
-
title: G.value.style.chart.title.text ?
|
|
943
|
-
legend: G.value.style.chart.controls.show ?
|
|
944
|
-
source:
|
|
947
|
+
}), Ot = ne(() => {
|
|
948
|
+
let { width: e, height: t } = re({
|
|
949
|
+
chart: H.value,
|
|
950
|
+
title: G.value.style.chart.title.text ? Be.value : null,
|
|
951
|
+
legend: G.value.style.chart.controls.show ? Je.value?.$el : null,
|
|
952
|
+
source: Ve.value
|
|
945
953
|
});
|
|
946
954
|
requestAnimationFrame(async () => {
|
|
947
|
-
J.value.width = Math.max(10, e), J.value.height = Math.max(10, t - 12), await
|
|
955
|
+
J.value.width = Math.max(10, e), J.value.height = Math.max(10, t - 12), await me(), Dt.value = !1;
|
|
948
956
|
});
|
|
949
|
-
}, 100),
|
|
950
|
-
|
|
951
|
-
}, Y =
|
|
952
|
-
|
|
953
|
-
let
|
|
954
|
-
function
|
|
955
|
-
|
|
957
|
+
}, 100), kt = () => {
|
|
958
|
+
Dt.value = !0, Ot();
|
|
959
|
+
}, Y = xe(null), At = xe(null);
|
|
960
|
+
ve(Mt);
|
|
961
|
+
let jt = D(() => !!G.value.debug);
|
|
962
|
+
function Mt() {
|
|
963
|
+
u(B.dataset) ? m({
|
|
956
964
|
componentName: "VueUiWordCloud",
|
|
957
965
|
type: "dataset",
|
|
958
|
-
debug:
|
|
959
|
-
}) :
|
|
960
|
-
|
|
966
|
+
debug: jt.value
|
|
967
|
+
}) : vt.value.forEach((e, t) => {
|
|
968
|
+
d({
|
|
961
969
|
datasetObject: e,
|
|
962
970
|
requiredAttributes: ["name", "value"]
|
|
963
971
|
}).forEach((e) => {
|
|
964
|
-
|
|
972
|
+
Re.value = !1, m({
|
|
965
973
|
componentName: "VueUiWordCloud",
|
|
966
974
|
type: "datasetSerieAttribute",
|
|
967
975
|
property: e,
|
|
968
976
|
index: t,
|
|
969
|
-
debug:
|
|
977
|
+
debug: jt.value
|
|
970
978
|
});
|
|
971
979
|
});
|
|
972
|
-
}),
|
|
980
|
+
}), u(B.dataset) || (_t.value = G.value.loading), G.value.responsive && (Y.value && (At.value && Y.value.unobserve(At.value), Y.value.disconnect()), Y.value = new ResizeObserver(kt), At.value = H.value.parentNode, Y.value.observe(At.value)), Tt();
|
|
973
981
|
}
|
|
974
|
-
|
|
975
|
-
Y.value && (
|
|
982
|
+
_e(() => {
|
|
983
|
+
Y.value && (At.value && Y.value.unobserve(At.value), Y.value.disconnect());
|
|
976
984
|
});
|
|
977
|
-
let { isPrinting:
|
|
978
|
-
elementId: `wordCloud_${
|
|
985
|
+
let { isPrinting: Nt, isImaging: Pt, generatePdf: Ft, generateImage: It } = y({
|
|
986
|
+
elementId: `wordCloud_${V.value}`,
|
|
979
987
|
fileName: G.value.style.chart.title.text || "vue-ui-word-cloud",
|
|
980
988
|
options: G.value.userOptions.print
|
|
981
|
-
}), X =
|
|
989
|
+
}), X = I({
|
|
982
990
|
showTable: G.value.table.show,
|
|
983
991
|
showTooltip: G.value.style.chart.tooltip.show,
|
|
984
992
|
showZoom: G.value.style.chart.zoom.show
|
|
985
993
|
});
|
|
986
|
-
|
|
994
|
+
we(G, () => {
|
|
987
995
|
X.value.showTable = G.value.table.show, X.value.showTooltip = G.value.style.chart.tooltip.show, X.value.showZoom = G.value.style.chart.zoom.show;
|
|
988
996
|
}, { immediate: !0 });
|
|
989
|
-
function
|
|
997
|
+
function Lt(e, t, n = "Arial") {
|
|
990
998
|
let r = document.createElement("canvas").getContext("2d");
|
|
991
999
|
return r.font = `${t}px ${G.value.style.chart.words.bold ? "bold" : "normal"} ${n}`, {
|
|
992
1000
|
width: r.measureText(e).width + G.value.style.chart.words.proximity,
|
|
993
1001
|
height: t
|
|
994
1002
|
};
|
|
995
1003
|
}
|
|
996
|
-
let Z =
|
|
997
|
-
function
|
|
998
|
-
let e = [...
|
|
1004
|
+
let Z = I([]), Rt = /* @__PURE__ */ new Map();
|
|
1005
|
+
function zt() {
|
|
1006
|
+
let e = [...vt.value].map((e) => e.value), t = Math.max(...e), n = Math.min(...e), r = [...vt.value].map((e, r) => {
|
|
999
1007
|
let i = (e.value - n) / (t - n) * (J.value.maxFontSize - J.value.minFontSize) + J.value.minFontSize;
|
|
1000
1008
|
i = isNaN(i) ? J.value.minFontSize : i;
|
|
1001
|
-
let
|
|
1009
|
+
let a = Lt(e.name, i);
|
|
1002
1010
|
return {
|
|
1003
1011
|
...e,
|
|
1004
1012
|
id: e.id ?? `${e.name}__${r}`,
|
|
1005
1013
|
fontSize: i,
|
|
1006
|
-
width:
|
|
1007
|
-
height:
|
|
1008
|
-
color: e.color ?
|
|
1014
|
+
width: a.width,
|
|
1015
|
+
height: a.height,
|
|
1016
|
+
color: e.color ? s(e.color) : G.value.style.chart.words.usePalette ? G.value.customPalette[r] || G.value.customPalette[r % G.value.customPalette.length] || o[r] || o[r % o.length] : G.value.style.chart.words.color
|
|
1009
1017
|
};
|
|
1010
1018
|
});
|
|
1011
|
-
Z.value.length = 0,
|
|
1012
|
-
debugTiming:
|
|
1019
|
+
Z.value.length = 0, Rt.clear(), Ye({
|
|
1020
|
+
debugTiming: jt.value,
|
|
1013
1021
|
words: r,
|
|
1014
1022
|
svg: J.value,
|
|
1015
1023
|
proximity: G.value.style.chart.words.proximity,
|
|
@@ -1017,43 +1025,43 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1017
1025
|
quality: G.value.quality,
|
|
1018
1026
|
onProgress: ({ all: e }) => {
|
|
1019
1027
|
for (let t of e) {
|
|
1020
|
-
let e = t.id, n =
|
|
1021
|
-
if (n === void 0) n = Z.value.length,
|
|
1028
|
+
let e = t.id, n = Rt.get(e);
|
|
1029
|
+
if (n === void 0) n = Z.value.length, Rt.set(e, n), Z.value.push({ ...t });
|
|
1022
1030
|
else {
|
|
1023
1031
|
let e = Z.value[n];
|
|
1024
1032
|
e.x = t.x, e.y = t.y, e.width = t.width, e.height = t.height, e.fontSize = t.fontSize, e.minX = t.minX, e.minY = t.minY, e.maxX = t.maxX, e.maxY = t.maxY;
|
|
1025
1033
|
}
|
|
1026
1034
|
}
|
|
1027
1035
|
}
|
|
1028
|
-
}), Z.value.sort((e, t) => t.fontSize - e.fontSize),
|
|
1029
|
-
|
|
1030
|
-
}),
|
|
1036
|
+
}), Z.value.sort((e, t) => t.fontSize - e.fontSize), Rt.clear(), Z.value.forEach((e, t) => {
|
|
1037
|
+
Rt.set(e.id, t);
|
|
1038
|
+
}), Ke.value = !0, qe.value = !1;
|
|
1031
1039
|
}
|
|
1032
|
-
let
|
|
1040
|
+
let Bt = D(() => ({
|
|
1033
1041
|
head: Z.value.map((e) => ({
|
|
1034
1042
|
name: e.name,
|
|
1035
1043
|
color: e.color
|
|
1036
1044
|
})),
|
|
1037
1045
|
body: Z.value.map((e) => e.value)
|
|
1038
1046
|
}));
|
|
1039
|
-
function
|
|
1040
|
-
|
|
1041
|
-
let
|
|
1047
|
+
function Vt(e = null) {
|
|
1048
|
+
me(() => {
|
|
1049
|
+
let r = Bt.value.head.map((e, t) => [[e.name], [Bt.value.body[t]]]), i = n([
|
|
1042
1050
|
[G.value.style.chart.title.text],
|
|
1043
1051
|
[G.value.style.chart.title.subtitle.text],
|
|
1044
1052
|
[[""], [G.value.table.columnNames.value]]
|
|
1045
|
-
].concat(
|
|
1046
|
-
e ? e(
|
|
1047
|
-
csvContent:
|
|
1053
|
+
].concat(r));
|
|
1054
|
+
e ? e(i) : t({
|
|
1055
|
+
csvContent: i,
|
|
1048
1056
|
title: G.value.style.chart.title.text || "vue-ui-word-cloud"
|
|
1049
1057
|
});
|
|
1050
1058
|
});
|
|
1051
1059
|
}
|
|
1052
|
-
let
|
|
1053
|
-
let e = [G.value.table.columnNames.series, G.value.table.columnNames.value], t =
|
|
1054
|
-
let n =
|
|
1060
|
+
let Ht = D(() => {
|
|
1061
|
+
let e = [G.value.table.columnNames.series, G.value.table.columnNames.value], t = Bt.value.head.map((e, t) => {
|
|
1062
|
+
let n = c({
|
|
1055
1063
|
p: G.value.table.td.prefix,
|
|
1056
|
-
v:
|
|
1064
|
+
v: Bt.value.body[t],
|
|
1057
1065
|
s: G.value.table.td.suffix,
|
|
1058
1066
|
r: G.value.table.td.roundingValue
|
|
1059
1067
|
});
|
|
@@ -1081,39 +1089,39 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1081
1089
|
a11yBody: n,
|
|
1082
1090
|
config: r
|
|
1083
1091
|
};
|
|
1084
|
-
}), Q =
|
|
1085
|
-
function
|
|
1086
|
-
Q.value = e,
|
|
1092
|
+
}), Q = I(!1);
|
|
1093
|
+
function Ut(e) {
|
|
1094
|
+
Q.value = e, ze.value += 1;
|
|
1087
1095
|
}
|
|
1088
|
-
function
|
|
1096
|
+
function Wt() {
|
|
1089
1097
|
return Z.value;
|
|
1090
1098
|
}
|
|
1091
|
-
function
|
|
1099
|
+
function Gt() {
|
|
1092
1100
|
X.value.showTable = !X.value.showTable;
|
|
1093
1101
|
}
|
|
1094
|
-
function
|
|
1102
|
+
function Kt() {
|
|
1095
1103
|
X.value.showTooltip = !X.value.showTooltip;
|
|
1096
1104
|
}
|
|
1097
|
-
let
|
|
1098
|
-
function
|
|
1099
|
-
|
|
1105
|
+
let qt = I(!1);
|
|
1106
|
+
function Jt() {
|
|
1107
|
+
qt.value = !qt.value;
|
|
1100
1108
|
}
|
|
1101
|
-
function
|
|
1109
|
+
function Yt() {
|
|
1102
1110
|
X.value.showZoom = !X.value.showZoom;
|
|
1103
1111
|
}
|
|
1104
|
-
let
|
|
1112
|
+
let Xt = D(() => !qt.value && X.value.showZoom), { viewBox: Zt, resetZoom: Qt, isZoom: $t, setInitialViewBox: en, zoomByFactor: tn, scale: nn } = oe(q, {
|
|
1105
1113
|
x: 0,
|
|
1106
1114
|
y: 0,
|
|
1107
1115
|
width: J.value.width <= 0 ? 10 : J.value.width,
|
|
1108
1116
|
height: J.value.height <= 0 ? 10 : J.value.height
|
|
1109
|
-
}, 1,
|
|
1110
|
-
|
|
1111
|
-
|
|
1117
|
+
}, 1, Xt);
|
|
1118
|
+
we(() => B.dataset, () => {
|
|
1119
|
+
vt.value = yt(), G.value.responsive || (zt(), Tt());
|
|
1112
1120
|
}, { immediate: !0 });
|
|
1113
|
-
async function
|
|
1114
|
-
if (!
|
|
1115
|
-
let { width: t, height: n } =
|
|
1116
|
-
domElement:
|
|
1121
|
+
async function rn({ scale: e = 2 } = {}) {
|
|
1122
|
+
if (!H.value) return;
|
|
1123
|
+
let { width: t, height: n } = H.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await C({
|
|
1124
|
+
domElement: H.value,
|
|
1117
1125
|
base64: !0,
|
|
1118
1126
|
img: !0,
|
|
1119
1127
|
scale: e
|
|
@@ -1127,10 +1135,10 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1127
1135
|
aspectRatio: r
|
|
1128
1136
|
};
|
|
1129
1137
|
}
|
|
1130
|
-
let
|
|
1138
|
+
let an = D(() => {
|
|
1131
1139
|
let e = G.value.table.useDialog && !G.value.table.show, t = X.value.showTable;
|
|
1132
1140
|
return {
|
|
1133
|
-
component: e ?
|
|
1141
|
+
component: e ? Ne : Oe,
|
|
1134
1142
|
title: `${G.value.style.chart.title.text}${G.value.style.chart.title.subtitle.text ? `: ${G.value.style.chart.title.subtitle.text}` : ""}`,
|
|
1135
1143
|
props: e ? {
|
|
1136
1144
|
backgroundColor: G.value.table.th.backgroundColor,
|
|
@@ -1138,7 +1146,7 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1138
1146
|
headerColor: G.value.table.th.color,
|
|
1139
1147
|
headerBg: G.value.table.th.backgroundColor,
|
|
1140
1148
|
isFullscreen: Q.value,
|
|
1141
|
-
fullscreenParent:
|
|
1149
|
+
fullscreenParent: H.value,
|
|
1142
1150
|
forcedWidth: Math.min(500, window.innerWidth * .8),
|
|
1143
1151
|
isCursorPointer: K.value
|
|
1144
1152
|
} : {
|
|
@@ -1158,106 +1166,106 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1158
1166
|
}
|
|
1159
1167
|
};
|
|
1160
1168
|
});
|
|
1161
|
-
|
|
1162
|
-
G.value.table.show || (e && G.value.table.useDialog &&
|
|
1169
|
+
we(() => X.value.showTable, (e) => {
|
|
1170
|
+
G.value.table.show || (e && G.value.table.useDialog && U.value ? U.value.open() : "close" in U.value && U.value.close());
|
|
1163
1171
|
});
|
|
1164
|
-
function
|
|
1165
|
-
X.value.showTable = !1,
|
|
1172
|
+
function on() {
|
|
1173
|
+
X.value.showTable = !1, Ge.value && Ge.value.setTableIconState(!1);
|
|
1166
1174
|
}
|
|
1167
|
-
let
|
|
1175
|
+
let sn = D(() => G.value.style.chart.backgroundColor), { exportSvg: cn, getSvg: ln } = b({
|
|
1168
1176
|
svg: q,
|
|
1169
|
-
title:
|
|
1170
|
-
backgroundColor:
|
|
1177
|
+
title: D(() => G.value.style.chart.title),
|
|
1178
|
+
backgroundColor: sn
|
|
1171
1179
|
});
|
|
1172
|
-
async function
|
|
1173
|
-
|
|
1180
|
+
async function un({ isCb: e }) {
|
|
1181
|
+
ut.value = !0, await me();
|
|
1174
1182
|
try {
|
|
1175
1183
|
if (e) {
|
|
1176
|
-
let { blob: e, url: t, text: n, dataUrl: r } = await
|
|
1184
|
+
let { blob: e, url: t, text: n, dataUrl: r } = await ln();
|
|
1177
1185
|
await Promise.resolve(G.value.userOptions.callbacks.svg({
|
|
1178
1186
|
blob: e,
|
|
1179
1187
|
url: t,
|
|
1180
1188
|
text: n,
|
|
1181
1189
|
dataUrl: r
|
|
1182
1190
|
}));
|
|
1183
|
-
} else await Promise.resolve(
|
|
1191
|
+
} else await Promise.resolve(cn());
|
|
1184
1192
|
} finally {
|
|
1185
|
-
|
|
1193
|
+
ut.value = !1;
|
|
1186
1194
|
}
|
|
1187
1195
|
}
|
|
1188
|
-
function
|
|
1196
|
+
function dn(e) {
|
|
1189
1197
|
if (e?.stage === "start") {
|
|
1190
|
-
|
|
1198
|
+
Xe.value = !0;
|
|
1191
1199
|
return;
|
|
1192
1200
|
}
|
|
1193
1201
|
if (e?.stage === "end") {
|
|
1194
|
-
|
|
1202
|
+
Xe.value = !1;
|
|
1195
1203
|
return;
|
|
1196
1204
|
}
|
|
1197
|
-
|
|
1205
|
+
It();
|
|
1198
1206
|
}
|
|
1199
|
-
function
|
|
1200
|
-
|
|
1207
|
+
function fn() {
|
|
1208
|
+
tn(1.5, !0);
|
|
1201
1209
|
}
|
|
1202
|
-
function
|
|
1203
|
-
|
|
1210
|
+
function pn() {
|
|
1211
|
+
tn(1 / 1.5, !0);
|
|
1204
1212
|
}
|
|
1205
|
-
let $ =
|
|
1206
|
-
function
|
|
1207
|
-
$.value = null, W.value = null,
|
|
1213
|
+
let $ = I(null), mn = I(!1), hn = I(""), gn = I(null);
|
|
1214
|
+
function _n() {
|
|
1215
|
+
$.value = null, W.value = null, We.value = !1;
|
|
1208
1216
|
}
|
|
1209
|
-
function
|
|
1217
|
+
function vn(e, t) {
|
|
1210
1218
|
G.value.events.datapointLeave && G.value.events.datapointLeave({
|
|
1211
1219
|
datapoint: e,
|
|
1212
1220
|
seriesIndex: t
|
|
1213
|
-
}), !(W.value === t &&
|
|
1221
|
+
}), !(W.value === t && ft.value === "keyboard") && ($.value = null, We.value = !1);
|
|
1214
1222
|
}
|
|
1215
|
-
function
|
|
1223
|
+
function yn(e, t) {
|
|
1216
1224
|
G.value.events.datapointClick && G.value.events.datapointClick({
|
|
1217
1225
|
datapoint: e,
|
|
1218
1226
|
seriesIndex: t
|
|
1219
1227
|
});
|
|
1220
1228
|
}
|
|
1221
|
-
function
|
|
1229
|
+
function bn(e) {
|
|
1222
1230
|
if (!q.value || e == null) return;
|
|
1223
|
-
let t = q.value.querySelector(`[data-a11y-word-index="${e}-${
|
|
1231
|
+
let t = q.value.querySelector(`[data-a11y-word-index="${e}-${V.value}"]`);
|
|
1224
1232
|
if (!t) return;
|
|
1225
1233
|
let n = t.getBoundingClientRect();
|
|
1226
|
-
|
|
1234
|
+
dt.value = {
|
|
1227
1235
|
x: n.left + n.width / 2,
|
|
1228
1236
|
y: n.top + n.height / 2
|
|
1229
1237
|
};
|
|
1230
1238
|
}
|
|
1231
|
-
function
|
|
1239
|
+
function xn(e, t, n = "pointer") {
|
|
1232
1240
|
if (G.value.events.datapointEnter && G.value.events.datapointEnter({
|
|
1233
1241
|
datapoint: e,
|
|
1234
1242
|
seriesIndex: t
|
|
1235
1243
|
}), !X.value.showTooltip) return;
|
|
1236
|
-
|
|
1244
|
+
ft.value = n, W.value = t, $.value = e.id, gn.value = {
|
|
1237
1245
|
datapoint: e,
|
|
1238
1246
|
config: G.value,
|
|
1239
1247
|
seriesIndex: t
|
|
1240
1248
|
};
|
|
1241
1249
|
let r = G.value.style.chart.tooltip.customFormat;
|
|
1242
|
-
if (
|
|
1250
|
+
if (mn.value = !1, h(r)) try {
|
|
1243
1251
|
let t = r({
|
|
1244
1252
|
datapoint: e,
|
|
1245
1253
|
config: G.value
|
|
1246
1254
|
});
|
|
1247
|
-
typeof t == "string" && (
|
|
1255
|
+
typeof t == "string" && (hn.value = t, mn.value = !0);
|
|
1248
1256
|
} catch {
|
|
1249
|
-
console.warn("Custom format cannot be applied."),
|
|
1257
|
+
console.warn("Custom format cannot be applied."), mn.value = !1;
|
|
1250
1258
|
}
|
|
1251
|
-
if (!
|
|
1259
|
+
if (!mn.value) {
|
|
1252
1260
|
let t = `<svg viewBox="0 0 10 10" height="${G.value.style.chart.tooltip.fontSize}"><circle cx="5" cy="5" r="5" fill="${e.color}"/></svg><span>${e.name}:</span><b>${(e.value || 0).toFixed(G.value.style.chart.tooltip.roundingValue)}</b>`;
|
|
1253
|
-
|
|
1261
|
+
hn.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${t}</div>`;
|
|
1254
1262
|
}
|
|
1255
|
-
n === "keyboard" &&
|
|
1256
|
-
|
|
1257
|
-
}),
|
|
1263
|
+
n === "keyboard" && me(() => {
|
|
1264
|
+
bn(t);
|
|
1265
|
+
}), We.value = !0;
|
|
1258
1266
|
}
|
|
1259
|
-
async function
|
|
1260
|
-
if (
|
|
1267
|
+
async function Sn() {
|
|
1268
|
+
if (Le("copyAlt", {
|
|
1261
1269
|
config: G.value,
|
|
1262
1270
|
dataset: Z.value
|
|
1263
1271
|
}), !G.value.userOptions.callbacks.altCopy) {
|
|
@@ -1269,72 +1277,72 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1269
1277
|
dataset: Z.value
|
|
1270
1278
|
}));
|
|
1271
1279
|
}
|
|
1272
|
-
function
|
|
1273
|
-
W.value = null,
|
|
1280
|
+
function Cn() {
|
|
1281
|
+
W.value = null, pt.value = !0;
|
|
1274
1282
|
}
|
|
1275
|
-
function
|
|
1276
|
-
|
|
1283
|
+
function wn() {
|
|
1284
|
+
_n(), pt.value = !1;
|
|
1277
1285
|
}
|
|
1278
|
-
function
|
|
1279
|
-
if (!q.value ||
|
|
1286
|
+
function Tn(e) {
|
|
1287
|
+
if (!q.value || qt.value || document.activeElement !== q.value || !Z.value.length) return;
|
|
1280
1288
|
let t = e.key === "ArrowLeft" || e.key === "ArrowUp", n = e.key === "ArrowRight" || e.key === "ArrowDown", r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
|
|
1281
1289
|
if (!t && !n && !r && !i) return;
|
|
1282
1290
|
if (e.preventDefault(), e.stopPropagation(), i) {
|
|
1283
|
-
|
|
1291
|
+
_n();
|
|
1284
1292
|
return;
|
|
1285
1293
|
}
|
|
1286
1294
|
if (r) {
|
|
1287
1295
|
if (W.value === null) return;
|
|
1288
1296
|
let e = Z.value[W.value];
|
|
1289
1297
|
if (!e) return;
|
|
1290
|
-
|
|
1298
|
+
yn(e, W.value);
|
|
1291
1299
|
return;
|
|
1292
1300
|
}
|
|
1293
1301
|
let a = W.value;
|
|
1294
1302
|
a === null || a < 0 || a >= Z.value.length ? a = n ? 0 : Z.value.length - 1 : (a += n ? 1 : -1, a < 0 && (a = Z.value.length - 1), a >= Z.value.length && (a = 0));
|
|
1295
1303
|
let o = Z.value[a];
|
|
1296
|
-
o &&
|
|
1304
|
+
o && xn(o, a, "keyboard");
|
|
1297
1305
|
}
|
|
1298
|
-
let
|
|
1299
|
-
headers:
|
|
1300
|
-
rows:
|
|
1306
|
+
let En = D(() => ({
|
|
1307
|
+
headers: Ht.value?.colNames ?? [],
|
|
1308
|
+
rows: Ht.value?.a11yBody ?? []
|
|
1301
1309
|
}));
|
|
1302
|
-
return
|
|
1303
|
-
getData:
|
|
1304
|
-
getImage:
|
|
1305
|
-
generateCsv:
|
|
1306
|
-
generatePdf:
|
|
1307
|
-
generateImage:
|
|
1308
|
-
generateSvg:
|
|
1309
|
-
resetZoom:
|
|
1310
|
-
toggleTable:
|
|
1311
|
-
toggleTooltip:
|
|
1312
|
-
toggleAnnotator:
|
|
1313
|
-
toggleFullscreen:
|
|
1314
|
-
toggleZoom:
|
|
1315
|
-
copyAlt:
|
|
1316
|
-
}), (e, t) => (
|
|
1310
|
+
return T({
|
|
1311
|
+
getData: Wt,
|
|
1312
|
+
getImage: rn,
|
|
1313
|
+
generateCsv: Vt,
|
|
1314
|
+
generatePdf: Ft,
|
|
1315
|
+
generateImage: It,
|
|
1316
|
+
generateSvg: un,
|
|
1317
|
+
resetZoom: Qt,
|
|
1318
|
+
toggleTable: Gt,
|
|
1319
|
+
toggleTooltip: Kt,
|
|
1320
|
+
toggleAnnotator: Jt,
|
|
1321
|
+
toggleFullscreen: Ut,
|
|
1322
|
+
toggleZoom: Yt,
|
|
1323
|
+
copyAlt: Sn
|
|
1324
|
+
}), (e, t) => (F(), A("div", {
|
|
1317
1325
|
class: "vue-data-ui-component vue-ui-word-cloud",
|
|
1318
1326
|
ref_key: "wordCloudChart",
|
|
1319
|
-
ref:
|
|
1320
|
-
id: `wordCloud_${
|
|
1321
|
-
"data-resizing":
|
|
1322
|
-
"data-relayout":
|
|
1323
|
-
style:
|
|
1324
|
-
onMouseenter: t[3] ||= () =>
|
|
1327
|
+
ref: H,
|
|
1328
|
+
id: `wordCloud_${V.value}`,
|
|
1329
|
+
"data-resizing": Dt.value,
|
|
1330
|
+
"data-relayout": qe.value,
|
|
1331
|
+
style: ge(`width: 100%; font-family:${G.value.style.fontFamily};background:${G.value.style.chart.backgroundColor};${G.value.responsive ? "height:100%" : ""}`),
|
|
1332
|
+
onMouseenter: t[3] ||= () => R(xt)(!0),
|
|
1325
1333
|
onMouseleave: t[4] ||= () => {
|
|
1326
|
-
|
|
1334
|
+
R(xt)(!1), pt.value || _n();
|
|
1327
1335
|
}
|
|
1328
1336
|
}, [
|
|
1329
|
-
|
|
1330
|
-
id: `chart-instructions-${
|
|
1337
|
+
j("div", {
|
|
1338
|
+
id: `chart-instructions-${V.value}`,
|
|
1331
1339
|
class: "sr-only"
|
|
1332
|
-
}, [
|
|
1333
|
-
|
|
1340
|
+
}, [j("p", null, Se(G.value.a11y.translations.keyboardNavigation), 1)], 8, Qe),
|
|
1341
|
+
En.value?.rows?.length ? (F(), O(ie, {
|
|
1334
1342
|
key: 0,
|
|
1335
|
-
uid:
|
|
1336
|
-
head:
|
|
1337
|
-
body:
|
|
1343
|
+
uid: V.value,
|
|
1344
|
+
head: En.value.headers,
|
|
1345
|
+
body: En.value.rows,
|
|
1338
1346
|
notice: G.value.a11y.translations.tableAvailable,
|
|
1339
1347
|
caption: G.value.a11y.translations.tableCaption
|
|
1340
1348
|
}, null, 8, [
|
|
@@ -1343,22 +1351,22 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1343
1351
|
"body",
|
|
1344
1352
|
"notice",
|
|
1345
1353
|
"caption"
|
|
1346
|
-
])) :
|
|
1347
|
-
G.value.userOptions.buttons.annotator ? (
|
|
1354
|
+
])) : k("", !0),
|
|
1355
|
+
G.value.userOptions.buttons.annotator ? (F(), O(R(Ae), {
|
|
1348
1356
|
key: 1,
|
|
1349
|
-
svgRef:
|
|
1357
|
+
svgRef: R(q),
|
|
1350
1358
|
backgroundColor: G.value.style.chart.backgroundColor,
|
|
1351
1359
|
color: G.value.style.chart.color,
|
|
1352
|
-
active:
|
|
1360
|
+
active: qt.value,
|
|
1353
1361
|
isCursorPointer: K.value,
|
|
1354
|
-
onClose:
|
|
1362
|
+
onClose: Jt
|
|
1355
1363
|
}, {
|
|
1356
|
-
"annotator-action-close":
|
|
1357
|
-
"annotator-action-color":
|
|
1358
|
-
"annotator-action-draw":
|
|
1359
|
-
"annotator-action-undo":
|
|
1360
|
-
"annotator-action-redo":
|
|
1361
|
-
"annotator-action-delete":
|
|
1364
|
+
"annotator-action-close": z(() => [L(e.$slots, "annotator-action-close", {}, void 0, !0)]),
|
|
1365
|
+
"annotator-action-color": z(({ color: t }) => [L(e.$slots, "annotator-action-color", P(N({ color: t })), void 0, !0)]),
|
|
1366
|
+
"annotator-action-draw": z(({ mode: t }) => [L(e.$slots, "annotator-action-draw", P(N({ mode: t })), void 0, !0)]),
|
|
1367
|
+
"annotator-action-undo": z(({ disabled: t }) => [L(e.$slots, "annotator-action-undo", P(N({ disabled: t })), void 0, !0)]),
|
|
1368
|
+
"annotator-action-redo": z(({ disabled: t }) => [L(e.$slots, "annotator-action-redo", P(N({ disabled: t })), void 0, !0)]),
|
|
1369
|
+
"annotator-action-delete": z(({ disabled: t }) => [L(e.$slots, "annotator-action-delete", P(N({ disabled: t })), void 0, !0)]),
|
|
1362
1370
|
_: 3
|
|
1363
1371
|
}, 8, [
|
|
1364
1372
|
"svgRef",
|
|
@@ -1366,28 +1374,28 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1366
1374
|
"color",
|
|
1367
1375
|
"active",
|
|
1368
1376
|
"isCursorPointer"
|
|
1369
|
-
])) :
|
|
1370
|
-
G.value.style.chart.title.text ? (
|
|
1377
|
+
])) : k("", !0),
|
|
1378
|
+
G.value.style.chart.title.text ? (F(), A("div", {
|
|
1371
1379
|
key: 2,
|
|
1372
1380
|
ref_key: "chartTitle",
|
|
1373
|
-
ref:
|
|
1381
|
+
ref: Be,
|
|
1374
1382
|
style: "width:100%;background:transparent;padding-bottom:24px"
|
|
1375
|
-
}, [(
|
|
1376
|
-
key: `title_${
|
|
1383
|
+
}, [(F(), O(w, {
|
|
1384
|
+
key: `title_${He.value}`,
|
|
1377
1385
|
config: {
|
|
1378
1386
|
title: { ...G.value.style.chart.title },
|
|
1379
1387
|
subtitle: { ...G.value.style.chart.title.subtitle }
|
|
1380
1388
|
}
|
|
1381
|
-
}, null, 8, ["config"]))], 512)) :
|
|
1382
|
-
G.value.userOptions.show &&
|
|
1389
|
+
}, null, 8, ["config"]))], 512)) : k("", !0),
|
|
1390
|
+
G.value.userOptions.show && Re.value && (R(St) || R(bt)) ? (F(), O(R(je), {
|
|
1383
1391
|
ref_key: "userOptionsRef",
|
|
1384
|
-
ref:
|
|
1385
|
-
key: `user_option_${
|
|
1392
|
+
ref: Ge,
|
|
1393
|
+
key: `user_option_${ze.value}`,
|
|
1386
1394
|
backgroundColor: G.value.style.chart.backgroundColor,
|
|
1387
1395
|
color: G.value.style.chart.color,
|
|
1388
|
-
isPrinting:
|
|
1389
|
-
isImaging:
|
|
1390
|
-
uid:
|
|
1396
|
+
isPrinting: R(Nt),
|
|
1397
|
+
isImaging: R(Pt),
|
|
1398
|
+
uid: V.value,
|
|
1391
1399
|
hasPdf: G.value.userOptions.buttons.pdf,
|
|
1392
1400
|
hasXls: G.value.userOptions.buttons.csv,
|
|
1393
1401
|
hasImg: G.value.userOptions.buttons.img,
|
|
@@ -1397,33 +1405,33 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1397
1405
|
hasAltCopy: G.value.userOptions.buttons.altCopy,
|
|
1398
1406
|
isFullscreen: Q.value,
|
|
1399
1407
|
titles: { ...G.value.userOptions.buttonTitles },
|
|
1400
|
-
chartElement:
|
|
1408
|
+
chartElement: H.value,
|
|
1401
1409
|
position: G.value.userOptions.position,
|
|
1402
1410
|
hasTooltip: G.value.style.chart.tooltip.show && G.value.userOptions.buttons.tooltip,
|
|
1403
1411
|
isTooltip: X.value.showTooltip,
|
|
1404
1412
|
hasAnnotator: G.value.userOptions.buttons.annotator,
|
|
1405
|
-
isAnnotation:
|
|
1413
|
+
isAnnotation: qt.value,
|
|
1406
1414
|
callbacks: G.value.userOptions.callbacks,
|
|
1407
1415
|
printScale: G.value.userOptions.print.scale,
|
|
1408
1416
|
tableDialog: G.value.table.useDialog,
|
|
1409
1417
|
hasZoom: G.value.userOptions.buttons.zoom,
|
|
1410
1418
|
isZoom: X.value.showZoom,
|
|
1411
1419
|
isCursorPointer: K.value,
|
|
1412
|
-
onToggleFullscreen:
|
|
1413
|
-
onGeneratePdf:
|
|
1414
|
-
onGenerateCsv:
|
|
1415
|
-
onGenerateImage:
|
|
1416
|
-
onGenerateSvg:
|
|
1417
|
-
onToggleTable:
|
|
1418
|
-
onToggleTooltip:
|
|
1419
|
-
onToggleAnnotator:
|
|
1420
|
-
onToggleZoom:
|
|
1421
|
-
onCopyAlt:
|
|
1422
|
-
style:
|
|
1423
|
-
},
|
|
1420
|
+
onToggleFullscreen: Ut,
|
|
1421
|
+
onGeneratePdf: R(Ft),
|
|
1422
|
+
onGenerateCsv: Vt,
|
|
1423
|
+
onGenerateImage: dn,
|
|
1424
|
+
onGenerateSvg: un,
|
|
1425
|
+
onToggleTable: Gt,
|
|
1426
|
+
onToggleTooltip: Kt,
|
|
1427
|
+
onToggleAnnotator: Jt,
|
|
1428
|
+
onToggleZoom: Yt,
|
|
1429
|
+
onCopyAlt: Sn,
|
|
1430
|
+
style: ge({ visibility: R(St) ? R(bt) ? "visible" : "hidden" : "visible" })
|
|
1431
|
+
}, ue({ _: 2 }, [
|
|
1424
1432
|
e.$slots.menuIcon ? {
|
|
1425
1433
|
name: "menuIcon",
|
|
1426
|
-
fn:
|
|
1434
|
+
fn: z(({ isOpen: t, color: n }) => [L(e.$slots, "menuIcon", P(N({
|
|
1427
1435
|
isOpen: t,
|
|
1428
1436
|
color: n
|
|
1429
1437
|
})), void 0, !0)]),
|
|
@@ -1431,37 +1439,37 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1431
1439
|
} : void 0,
|
|
1432
1440
|
e.$slots.optionTooltip ? {
|
|
1433
1441
|
name: "optionTooltip",
|
|
1434
|
-
fn:
|
|
1442
|
+
fn: z(() => [L(e.$slots, "optionTooltip", {}, void 0, !0)]),
|
|
1435
1443
|
key: "1"
|
|
1436
1444
|
} : void 0,
|
|
1437
1445
|
e.$slots.optionPdf ? {
|
|
1438
1446
|
name: "optionPdf",
|
|
1439
|
-
fn:
|
|
1447
|
+
fn: z(() => [L(e.$slots, "optionPdf", {}, void 0, !0)]),
|
|
1440
1448
|
key: "2"
|
|
1441
1449
|
} : void 0,
|
|
1442
1450
|
e.$slots.optionCsv ? {
|
|
1443
1451
|
name: "optionCsv",
|
|
1444
|
-
fn:
|
|
1452
|
+
fn: z(() => [L(e.$slots, "optionCsv", {}, void 0, !0)]),
|
|
1445
1453
|
key: "3"
|
|
1446
1454
|
} : void 0,
|
|
1447
1455
|
e.$slots.optionImg ? {
|
|
1448
1456
|
name: "optionImg",
|
|
1449
|
-
fn:
|
|
1457
|
+
fn: z(() => [L(e.$slots, "optionImg", {}, void 0, !0)]),
|
|
1450
1458
|
key: "4"
|
|
1451
1459
|
} : void 0,
|
|
1452
1460
|
e.$slots.optionSvg ? {
|
|
1453
1461
|
name: "optionSvg",
|
|
1454
|
-
fn:
|
|
1462
|
+
fn: z(() => [L(e.$slots, "optionSvg", {}, void 0, !0)]),
|
|
1455
1463
|
key: "5"
|
|
1456
1464
|
} : void 0,
|
|
1457
1465
|
e.$slots.optionTable ? {
|
|
1458
1466
|
name: "optionTable",
|
|
1459
|
-
fn:
|
|
1467
|
+
fn: z(() => [L(e.$slots, "optionTable", {}, void 0, !0)]),
|
|
1460
1468
|
key: "6"
|
|
1461
1469
|
} : void 0,
|
|
1462
1470
|
e.$slots.optionFullscreen ? {
|
|
1463
1471
|
name: "optionFullscreen",
|
|
1464
|
-
fn:
|
|
1472
|
+
fn: z(({ toggleFullscreen: t, isFullscreen: n }) => [L(e.$slots, "optionFullscreen", P(N({
|
|
1465
1473
|
toggleFullscreen: t,
|
|
1466
1474
|
isFullscreen: n
|
|
1467
1475
|
})), void 0, !0)]),
|
|
@@ -1469,7 +1477,7 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1469
1477
|
} : void 0,
|
|
1470
1478
|
e.$slots.optionAnnotator ? {
|
|
1471
1479
|
name: "optionAnnotator",
|
|
1472
|
-
fn:
|
|
1480
|
+
fn: z(({ toggleAnnotator: t, isAnnotator: n }) => [L(e.$slots, "optionAnnotator", P(N({
|
|
1473
1481
|
toggleAnnotator: t,
|
|
1474
1482
|
isAnnotator: n
|
|
1475
1483
|
})), void 0, !0)]),
|
|
@@ -1477,7 +1485,7 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1477
1485
|
} : void 0,
|
|
1478
1486
|
e.$slots.optionZoom ? {
|
|
1479
1487
|
name: "optionZoom",
|
|
1480
|
-
fn:
|
|
1488
|
+
fn: z(({ toggleZoom: t, isZoomLocked: n }) => [L(e.$slots, "optionZoom", P(N({
|
|
1481
1489
|
toggleZoom: t,
|
|
1482
1490
|
isZoomLocked: n
|
|
1483
1491
|
})), void 0, !0)]),
|
|
@@ -1485,72 +1493,72 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1485
1493
|
} : void 0,
|
|
1486
1494
|
e.$slots.optionAltCopy ? {
|
|
1487
1495
|
name: "optionAltCopy",
|
|
1488
|
-
fn:
|
|
1496
|
+
fn: z(({ altCopy: t }) => [L(e.$slots, "optionAltCopy", P(N({ altCopy: t })), void 0, !0)]),
|
|
1489
1497
|
key: "10"
|
|
1490
1498
|
} : void 0,
|
|
1491
1499
|
e.$slots["custom-menu-before"] ? {
|
|
1492
1500
|
name: "custom-menu-before",
|
|
1493
|
-
fn:
|
|
1501
|
+
fn: z(() => [L(e.$slots, "custom-menu-before", {}, void 0, !0)]),
|
|
1494
1502
|
key: "11"
|
|
1495
1503
|
} : void 0,
|
|
1496
1504
|
e.$slots["custom-menu-after"] ? {
|
|
1497
1505
|
name: "custom-menu-after",
|
|
1498
|
-
fn:
|
|
1506
|
+
fn: z(() => [L(e.$slots, "custom-menu-after", {}, void 0, !0)]),
|
|
1499
1507
|
key: "12"
|
|
1500
1508
|
} : void 0
|
|
1501
|
-
]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasTooltip.isTooltip.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.hasZoom.isZoom.isCursorPointer.onGeneratePdf.style".split("."))) :
|
|
1502
|
-
G.value.style.chart.controls.position === "top" && G.value.style.chart.controls.show && !
|
|
1509
|
+
]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasTooltip.isTooltip.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.hasZoom.isZoom.isCursorPointer.onGeneratePdf.style".split("."))) : k("", !0),
|
|
1510
|
+
G.value.style.chart.controls.position === "top" && G.value.style.chart.controls.show && !R(ht) ? (F(), O(ce, {
|
|
1503
1511
|
key: 4,
|
|
1504
1512
|
ref_key: "zoomControls",
|
|
1505
|
-
ref:
|
|
1513
|
+
ref: Je,
|
|
1506
1514
|
config: G.value,
|
|
1507
|
-
scale:
|
|
1515
|
+
scale: R(nn),
|
|
1508
1516
|
isFullscreen: Q.value,
|
|
1509
1517
|
isCursorPointer: K.value,
|
|
1510
|
-
onZoomIn:
|
|
1511
|
-
onZoomOut:
|
|
1512
|
-
onResetZoom: t[0] ||= (e) =>
|
|
1518
|
+
onZoomIn: fn,
|
|
1519
|
+
onZoomOut: pn,
|
|
1520
|
+
onResetZoom: t[0] ||= (e) => R(Qt)(!0)
|
|
1513
1521
|
}, null, 8, [
|
|
1514
1522
|
"config",
|
|
1515
1523
|
"scale",
|
|
1516
1524
|
"isFullscreen",
|
|
1517
1525
|
"isCursorPointer"
|
|
1518
|
-
])) :
|
|
1519
|
-
|
|
1526
|
+
])) : k("", !0),
|
|
1527
|
+
j("div", $e, [(F(), A("svg", {
|
|
1520
1528
|
ref_key: "svgRef",
|
|
1521
1529
|
ref: q,
|
|
1522
|
-
class:
|
|
1530
|
+
class: he({
|
|
1523
1531
|
"vue-data-ui-fullscreen--on": Q.value,
|
|
1524
1532
|
"vue-data-ui-fulscreen--off": !Q.value
|
|
1525
1533
|
}),
|
|
1526
|
-
"aria-describedby": `chart-instructions-${
|
|
1527
|
-
xmlns:
|
|
1528
|
-
viewBox: `${
|
|
1534
|
+
"aria-describedby": `chart-instructions-${V.value}`,
|
|
1535
|
+
xmlns: R(p),
|
|
1536
|
+
viewBox: `${R(Zt).x} ${R(Zt).y} ${R(Zt).width} ${R(Zt).height}`,
|
|
1529
1537
|
style: "overflow:hidden;background:transparent;display:block",
|
|
1530
1538
|
tabindex: "0",
|
|
1531
|
-
onFocus:
|
|
1532
|
-
onBlur:
|
|
1533
|
-
onKeydown:
|
|
1539
|
+
onFocus: Cn,
|
|
1540
|
+
onBlur: wn,
|
|
1541
|
+
onKeydown: Tn
|
|
1534
1542
|
}, [
|
|
1535
|
-
|
|
1536
|
-
e.$slots["chart-background"] ? (
|
|
1543
|
+
fe(R(Me)),
|
|
1544
|
+
e.$slots["chart-background"] ? (F(), A("foreignObject", {
|
|
1537
1545
|
key: 0,
|
|
1538
1546
|
x: 0,
|
|
1539
1547
|
y: 0,
|
|
1540
1548
|
width: J.value.width <= 0 ? 10 : J.value.width,
|
|
1541
1549
|
height: J.value.height <= 0 ? 10 : J.value.height,
|
|
1542
1550
|
style: { pointerEvents: "none" }
|
|
1543
|
-
}, [
|
|
1544
|
-
|
|
1545
|
-
transform: `translate(${
|
|
1546
|
-
class:
|
|
1547
|
-
}, [(
|
|
1551
|
+
}, [L(e.$slots, "chart-background", {}, void 0, !0)], 8, tt)) : k("", !0),
|
|
1552
|
+
j("g", {
|
|
1553
|
+
transform: `translate(${wt.value.x}, ${wt.value.y})`,
|
|
1554
|
+
class: he({ "wc-finalized": Ke.value })
|
|
1555
|
+
}, [(F(!0), A(le, null, ye(Z.value, (e, t) => (F(), A("g", {
|
|
1548
1556
|
key: e.id,
|
|
1549
1557
|
class: "vue-ui-word-cloud-word",
|
|
1550
1558
|
transform: `translate(${e.x}, ${e.y})`
|
|
1551
|
-
}, [e.minX === void 0 ?
|
|
1559
|
+
}, [e.minX === void 0 ? k("", !0) : (F(), A("rect", {
|
|
1552
1560
|
key: 0,
|
|
1553
|
-
"data-a11y-word-index": `${t}-${
|
|
1561
|
+
"data-a11y-word-index": `${t}-${V.value}`,
|
|
1554
1562
|
x: e.minX,
|
|
1555
1563
|
y: e.minY * 1.25,
|
|
1556
1564
|
width: e.maxX - e.minX,
|
|
@@ -1558,10 +1566,10 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1558
1566
|
fill: "transparent",
|
|
1559
1567
|
"pointer-events": "visiblePainted",
|
|
1560
1568
|
"aria-label": `${e.name}: ${(e.value || 0).toFixed(G.value.style.chart.tooltip.roundingValue)}`,
|
|
1561
|
-
onMouseover: (n) =>
|
|
1562
|
-
onMouseleave: (n) =>
|
|
1563
|
-
onClick: (n) =>
|
|
1564
|
-
}, null, 40,
|
|
1569
|
+
onMouseover: (n) => xn(e, t),
|
|
1570
|
+
onMouseleave: (n) => vn(e, t),
|
|
1571
|
+
onClick: (n) => yn(e, t)
|
|
1572
|
+
}, null, 40, it)), j("text", {
|
|
1565
1573
|
fill: e.color,
|
|
1566
1574
|
"font-weight": G.value.style.chart.words.bold ? "bold" : "normal",
|
|
1567
1575
|
x: 0,
|
|
@@ -1575,42 +1583,42 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1575
1583
|
"stroke-width": e.height * .05,
|
|
1576
1584
|
"stroke-linecap": "round",
|
|
1577
1585
|
"stroke-linejoin": "round",
|
|
1578
|
-
style:
|
|
1586
|
+
style: ge(`
|
|
1579
1587
|
pointer-events:none;
|
|
1580
|
-
fill-opacity:${!$.value || $.value === e.id || !
|
|
1588
|
+
fill-opacity:${!$.value || $.value === e.id || !Ke.value ? 1 : G.value.style.chart.words.hoverOpacity} !important;
|
|
1581
1589
|
`)
|
|
1582
|
-
},
|
|
1583
|
-
|
|
1590
|
+
}, Se(e.name), 13, at)], 8, rt))), 128))], 10, nt),
|
|
1591
|
+
L(e.$slots, "svg", { svg: {
|
|
1584
1592
|
...J.value,
|
|
1585
|
-
isPrintingImg:
|
|
1586
|
-
isPrintingSvg:
|
|
1593
|
+
isPrintingImg: R(Nt) || R(Pt) || Xe.value,
|
|
1594
|
+
isPrintingSvg: ut.value
|
|
1587
1595
|
} }, void 0, !0)
|
|
1588
|
-
], 42,
|
|
1596
|
+
], 42, et)), e.$slots.hint ? (F(), A("div", ot, [L(e.$slots, "hint", P(N({
|
|
1589
1597
|
hint: G.value.a11y.translations.keyboardNavigation,
|
|
1590
|
-
isVisible:
|
|
1591
|
-
})), void 0, !0)])) :
|
|
1592
|
-
e.$slots.watermark ? (
|
|
1593
|
-
|
|
1594
|
-
G.value.style.chart.controls.position === "bottom" && G.value.style.chart.controls.show && !
|
|
1598
|
+
isVisible: pt.value
|
|
1599
|
+
})), void 0, !0)])) : k("", !0)]),
|
|
1600
|
+
e.$slots.watermark ? (F(), A("div", st, [L(e.$slots, "watermark", P(N({ isPrinting: R(Nt) || R(Pt) || Xe.value || ut.value })), void 0, !0)])) : k("", !0),
|
|
1601
|
+
R($t) ? (F(), A("div", ct, [L(e.$slots, "reset-action", { reset: R(Qt) }, void 0, !0)])) : k("", !0),
|
|
1602
|
+
G.value.style.chart.controls.position === "bottom" && G.value.style.chart.controls.show && !R(ht) ? (F(), O(ce, {
|
|
1595
1603
|
key: 7,
|
|
1596
1604
|
ref_key: "zoomControls",
|
|
1597
|
-
ref:
|
|
1605
|
+
ref: Je,
|
|
1598
1606
|
config: G.value,
|
|
1599
|
-
scale:
|
|
1607
|
+
scale: R(nn),
|
|
1600
1608
|
isFullscreen: Q.value,
|
|
1601
1609
|
isCursorPointer: K.value,
|
|
1602
|
-
onZoomIn:
|
|
1603
|
-
onZoomOut:
|
|
1604
|
-
onResetZoom: t[1] ||= (e) =>
|
|
1610
|
+
onZoomIn: fn,
|
|
1611
|
+
onZoomOut: pn,
|
|
1612
|
+
onResetZoom: t[1] ||= (e) => R(Qt)(!0)
|
|
1605
1613
|
}, null, 8, [
|
|
1606
1614
|
"config",
|
|
1607
1615
|
"scale",
|
|
1608
1616
|
"isFullscreen",
|
|
1609
1617
|
"isCursorPointer"
|
|
1610
|
-
])) :
|
|
1611
|
-
|
|
1618
|
+
])) : k("", !0),
|
|
1619
|
+
fe(R(Ee), {
|
|
1612
1620
|
teleportTo: G.value.style.chart.tooltip.teleportTo,
|
|
1613
|
-
show: X.value.showTooltip &&
|
|
1621
|
+
show: X.value.showTooltip && We.value,
|
|
1614
1622
|
backgroundColor: G.value.style.chart.tooltip.backgroundColor,
|
|
1615
1623
|
color: G.value.style.chart.tooltip.color,
|
|
1616
1624
|
fontSize: G.value.style.chart.tooltip.fontSize,
|
|
@@ -1621,20 +1629,20 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1621
1629
|
position: G.value.style.chart.tooltip.position,
|
|
1622
1630
|
offsetX: G.value.style.chart.tooltip.offsetX,
|
|
1623
1631
|
offsetY: G.value.style.chart.tooltip.offsetY,
|
|
1624
|
-
parent:
|
|
1625
|
-
content:
|
|
1626
|
-
isCustom:
|
|
1632
|
+
parent: H.value,
|
|
1633
|
+
content: hn.value,
|
|
1634
|
+
isCustom: mn.value,
|
|
1627
1635
|
isFullscreen: Q.value,
|
|
1628
1636
|
smooth: G.value.style.chart.tooltip.smooth,
|
|
1629
1637
|
backdropFilter: G.value.style.chart.tooltip.backdropFilter,
|
|
1630
1638
|
smoothForce: G.value.style.chart.tooltip.smoothForce,
|
|
1631
1639
|
smoothSnapThreshold: G.value.style.chart.tooltip.smoothSnapThreshold,
|
|
1632
|
-
isA11yMode:
|
|
1633
|
-
a11yPosition:
|
|
1640
|
+
isA11yMode: ft.value === "keyboard",
|
|
1641
|
+
a11yPosition: dt.value
|
|
1634
1642
|
}, {
|
|
1635
|
-
"tooltip-before":
|
|
1636
|
-
tooltip:
|
|
1637
|
-
"tooltip-after":
|
|
1643
|
+
"tooltip-before": z(() => [L(e.$slots, "tooltip-before", P(N({ ...gn.value })), void 0, !0)]),
|
|
1644
|
+
tooltip: z(() => [L(e.$slots, "tooltip", P(N({ ...gn.value })), void 0, !0)]),
|
|
1645
|
+
"tooltip-after": z(() => [L(e.$slots, "tooltip-after", P(N({ ...gn.value })), void 0, !0)]),
|
|
1638
1646
|
_: 3
|
|
1639
1647
|
}, 8, [
|
|
1640
1648
|
"teleportTo",
|
|
@@ -1660,36 +1668,36 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1660
1668
|
"isA11yMode",
|
|
1661
1669
|
"a11yPosition"
|
|
1662
1670
|
]),
|
|
1663
|
-
e.$slots.source ? (
|
|
1671
|
+
e.$slots.source ? (F(), A("div", {
|
|
1664
1672
|
key: 8,
|
|
1665
1673
|
ref_key: "source",
|
|
1666
|
-
ref:
|
|
1674
|
+
ref: Ve,
|
|
1667
1675
|
dir: "auto"
|
|
1668
|
-
}, [
|
|
1669
|
-
|
|
1676
|
+
}, [L(e.$slots, "source", {}, void 0, !0)], 512)) : k("", !0),
|
|
1677
|
+
Re.value && G.value.userOptions.buttons.table ? (F(), O(be(an.value.component), pe({ key: 9 }, an.value.props, {
|
|
1670
1678
|
ref_key: "tableUnit",
|
|
1671
|
-
ref:
|
|
1672
|
-
onClose:
|
|
1673
|
-
}),
|
|
1674
|
-
content:
|
|
1675
|
-
key: `table_${
|
|
1676
|
-
colNames:
|
|
1677
|
-
head:
|
|
1678
|
-
body:
|
|
1679
|
-
config:
|
|
1680
|
-
title: G.value.table.useDialog ? "" :
|
|
1679
|
+
ref: U,
|
|
1680
|
+
onClose: on
|
|
1681
|
+
}), ue({
|
|
1682
|
+
content: z(() => [(F(), O(R(ke), {
|
|
1683
|
+
key: `table_${Ue.value}`,
|
|
1684
|
+
colNames: Ht.value.colNames,
|
|
1685
|
+
head: Ht.value.head,
|
|
1686
|
+
body: Ht.value.body,
|
|
1687
|
+
config: Ht.value.config,
|
|
1688
|
+
title: G.value.table.useDialog ? "" : an.value.title,
|
|
1681
1689
|
withCloseButton: !G.value.table.useDialog,
|
|
1682
1690
|
isCursorPointer: K.value,
|
|
1683
|
-
onClose:
|
|
1691
|
+
onClose: on
|
|
1684
1692
|
}, {
|
|
1685
|
-
th:
|
|
1693
|
+
th: z(({ th: e }) => [j("div", {
|
|
1686
1694
|
innerHTML: e,
|
|
1687
1695
|
style: {
|
|
1688
1696
|
display: "flex",
|
|
1689
1697
|
"align-items": "center"
|
|
1690
1698
|
}
|
|
1691
|
-
}, null, 8,
|
|
1692
|
-
td:
|
|
1699
|
+
}, null, 8, lt)]),
|
|
1700
|
+
td: z(({ td: e }) => [de(Se(e.name || e), 1)]),
|
|
1693
1701
|
_: 1
|
|
1694
1702
|
}, 8, [
|
|
1695
1703
|
"colNames",
|
|
@@ -1703,24 +1711,24 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
|
|
|
1703
1711
|
_: 2
|
|
1704
1712
|
}, [G.value.table.useDialog ? {
|
|
1705
1713
|
name: "title",
|
|
1706
|
-
fn:
|
|
1714
|
+
fn: z(() => [de(Se(an.value.title), 1)]),
|
|
1707
1715
|
key: "0"
|
|
1708
1716
|
} : void 0, G.value.table.useDialog ? {
|
|
1709
1717
|
name: "actions",
|
|
1710
|
-
fn:
|
|
1718
|
+
fn: z(() => [j("button", {
|
|
1711
1719
|
tabindex: "0",
|
|
1712
1720
|
class: "vue-ui-user-options-button",
|
|
1713
|
-
onClick: t[2] ||= (e) =>
|
|
1714
|
-
style:
|
|
1715
|
-
}, [
|
|
1721
|
+
onClick: t[2] ||= (e) => Vt(G.value.userOptions.callbacks.csv),
|
|
1722
|
+
style: ge({ cursor: K.value ? "pointer" : "default" })
|
|
1723
|
+
}, [fe(R(De), {
|
|
1716
1724
|
name: "fileCsv",
|
|
1717
|
-
stroke:
|
|
1725
|
+
stroke: an.value.props.color
|
|
1718
1726
|
}, null, 8, ["stroke"])], 4)]),
|
|
1719
1727
|
key: "1"
|
|
1720
|
-
} : void 0]), 1040)) :
|
|
1721
|
-
|
|
1722
|
-
], 44,
|
|
1728
|
+
} : void 0]), 1040)) : k("", !0),
|
|
1729
|
+
L(e.$slots, "skeleton", {}, () => [R(ht) ? (F(), O(te, { key: 0 })) : k("", !0)], !0)
|
|
1730
|
+
], 44, Ze));
|
|
1723
1731
|
}
|
|
1724
|
-
}, [["__scopeId", "data-v-
|
|
1732
|
+
}, [["__scopeId", "data-v-67a99716"]]);
|
|
1725
1733
|
//#endregion
|
|
1726
|
-
export {
|
|
1734
|
+
export { Xe as n, ut as t };
|