vue-data-ui 3.25.4 → 3.25.6
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/README.md +13 -13
- package/dist/{BaseDraggableDialog-BM_R41j8.js → BaseDraggableDialog-Gm4Q30j0.js} +1 -1
- package/dist/{BaseIcon-t83PDe9k.js → BaseIcon-D8R6_sKH.js} +5 -5
- package/dist/{BaseLegendToggle-__JnV08B.js → BaseLegendToggle-CXQrLjd-.js} +1 -1
- package/dist/{BaseZoomControls-Xo16vFa4.js → BaseZoomControls-BTzjVDPM.js} +1 -1
- package/dist/{ColorPicker-ZJrR3Olp.js → ColorPicker-CUy15T72.js} +102 -100
- package/dist/{DataTable-COIO9gi4.js → DataTable-oiM9uWrQ.js} +1 -1
- package/dist/{HillActions-Cl-dNBZR.js → HillActions-Dn8aKOVJ.js} +1 -1
- package/dist/{NonSvgPenAndPaper-DS84BAOx.js → NonSvgPenAndPaper-DFXjpRyl.js} +2 -2
- package/dist/{PackageVersion-5SWftabm.js → PackageVersion-ur6jKRL5.js} +1 -1
- package/dist/{PenAndPaper-B_SdRSKH.js → PenAndPaper-KFzKlvbi.js} +20 -4
- package/dist/{SlicerPreview-GvsdvE-h.js → SlicerPreview-B6iHOC9L.js} +1 -1
- package/dist/{UserOptions-f3Q0nqrj.js → UserOptions-2x4VklMW.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 +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-label.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/{package-DmsdiyeS.js → package-Dx7M6sYy.js} +1 -1
- package/dist/{render-common-zoPh9a78.js → render-common-DETHvNhl.js} +1 -1
- 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 +80 -1
- package/dist/types/vue-ui-annotator.d.ts +58 -2
- package/dist/{useConfig-CyCVHo81.js → useConfig-CIQZ6_r7.js} +1339 -1313
- package/dist/{useObjectBindings-ByORl1rV.js → useObjectBindings---mHNfbS.js} +2 -2
- package/dist/utils.js +1 -1
- package/dist/{vue-data-ui-DTj71yB7.js → vue-data-ui-Dh3_EsHb.js} +70 -70
- package/dist/vue-data-ui.js +71 -71
- package/dist/vue-ui-3d-bar-i1REAKnM.js +1831 -0
- package/dist/{vue-ui-accordion-D4zsdacF.js → vue-ui-accordion-BSmBUjwZ.js} +2 -2
- package/dist/vue-ui-age-pyramid-DuHblCNO.js +1293 -0
- package/dist/vue-ui-annotator-CTQHAPho.js +3325 -0
- package/dist/vue-ui-bullet-CYLnKrmM.js +702 -0
- package/dist/{vue-ui-bump-BkOtQNWe.js → vue-ui-bump-DhwySwgn.js} +382 -380
- package/dist/vue-ui-candlestick-BpiECaDj.js +1859 -0
- package/dist/{vue-ui-carousel-table-CRgbs7jR.js → vue-ui-carousel-table-D-T2yA7-.js} +2 -2
- package/dist/vue-ui-chestnut-1MsZ9Q3r.js +2016 -0
- package/dist/vue-ui-chord-QBQUSe7r.js +1347 -0
- package/dist/vue-ui-circle-pack-ZWEwtesD.js +1635 -0
- package/dist/{vue-ui-cursor-BHyXRadA.js → vue-ui-cursor-CHQcHAHQ.js} +2 -2
- package/dist/{vue-ui-dag-CyVqaLbF.js → vue-ui-dag-C_inEafb.js} +794 -792
- package/dist/{vue-ui-dashboard-7I-7wvCP.js → vue-ui-dashboard-Bs2mBur5.js} +74 -72
- package/dist/{vue-ui-digits-BBL8uERO.js → vue-ui-digits-DwE4MoXI.js} +2 -2
- package/dist/vue-ui-donut-BM9dMHXj.js +2415 -0
- package/dist/{vue-ui-donut-DcgUuefk.js → vue-ui-donut-CbOSJmRu.js} +2 -2
- package/dist/vue-ui-donut-evolution-C97_RHus.js +1552 -0
- package/dist/vue-ui-dumbbell-DwKa5EL5.js +1533 -0
- package/dist/vue-ui-flow-DTTr3YL9.js +1217 -0
- package/dist/vue-ui-funnel-C4pkBk3D.js +749 -0
- package/dist/vue-ui-galaxy-CuAPLOvX.js +1085 -0
- package/dist/vue-ui-gauge-DLDULH26.js +934 -0
- package/dist/{vue-ui-geo-jR4P4pbt.js → vue-ui-geo-DXIHhp-G.js} +431 -429
- package/dist/{vue-ui-gizmo-D6W86s9o.js → vue-ui-gizmo-PuURiePo.js} +2 -2
- package/dist/vue-ui-heatmap-mvWLKB99.js +1555 -0
- package/dist/{vue-ui-hill-fFq7pm-g.js → vue-ui-hill-DqsVJkmO.js} +472 -470
- package/dist/vue-ui-history-plot-BBVLgt9_.js +1698 -0
- package/dist/{vue-ui-horizontal-bar-D3Sft4kp.js → vue-ui-horizontal-bar-y8Q8PZwT.js} +513 -511
- package/dist/{vue-ui-kpi-fzLsKlyE.js → vue-ui-kpi-B2hf3kpp.js} +2 -2
- package/dist/{vue-ui-label-BSgLalWD.js → vue-ui-label-ClMQ5Gez.js} +1 -1
- package/dist/{vue-ui-mini-loader-BL2odRfu.js → vue-ui-mini-loader-DtPOVIkK.js} +1 -1
- package/dist/vue-ui-molecule-eeW1Pmg8.js +929 -0
- package/dist/{vue-ui-mood-radar-bvGx6XgG.js → vue-ui-mood-radar-Dd1qfUiu.js} +378 -376
- package/dist/vue-ui-nested-donuts-CUARCr6O.js +1503 -0
- package/dist/vue-ui-onion-NoxHP0cG.js +1235 -0
- package/dist/{vue-ui-parallel-coordinate-plot-B_QJ4N9o.js → vue-ui-parallel-coordinate-plot-Cp3pCyxK.js} +409 -407
- package/dist/vue-ui-quadrant-C3kQtaeX.js +1967 -0
- package/dist/{vue-ui-quick-chart-BFscCR59.js → vue-ui-quick-chart-BZq517pL.js} +8 -6
- package/dist/vue-ui-radar-DvNrl4uD.js +1374 -0
- package/dist/vue-ui-rating-CWFMoYpE.js +359 -0
- package/dist/vue-ui-relation-circle-1iS6C0xx.js +905 -0
- package/dist/vue-ui-ridgeline-B-EZiPCF.js +1630 -0
- package/dist/vue-ui-rings-BXuwrHos.js +1252 -0
- package/dist/vue-ui-scatter-ByL-ZZ3B.js +2405 -0
- package/dist/{vue-ui-skeleton-zmbcOVEf.js → vue-ui-skeleton-BcU1onF6.js} +698 -698
- package/dist/vue-ui-smiley-DJVusLnp.js +376 -0
- package/dist/vue-ui-spark-trend-DjS31avb.js +457 -0
- package/dist/vue-ui-sparkbar-1Al_TLw1.js +401 -0
- package/dist/vue-ui-sparkgauge-CwLo53Y8.js +268 -0
- package/dist/vue-ui-sparkhistogram-CGw6SThG.js +589 -0
- package/dist/{vue-ui-sparkline-Dv7XrEzO.js → vue-ui-sparkline-CSZGBFfI.js} +511 -511
- package/dist/vue-ui-sparkstackbar-B8dloLMp.js +738 -0
- package/dist/vue-ui-stackbar-FvNd77t1.js +2355 -0
- package/dist/vue-ui-stackline-CP7PkqiG.js +2469 -0
- package/dist/vue-ui-strip-plot-DSMlDkv1.js +1740 -0
- package/dist/{vue-ui-table-heatmap-Dv_ZKKm3.js → vue-ui-table-heatmap-DnP3pzh2.js} +2 -2
- package/dist/vue-ui-table-rwKtnJKt.js +1352 -0
- package/dist/vue-ui-table-sparkline-B6wyEAyC.js +738 -0
- package/dist/{vue-ui-thermometer-DytlLJ32.js → vue-ui-thermometer-D0_KsB-y.js} +194 -192
- package/dist/{vue-ui-timer-CvHP4HoW.js → vue-ui-timer-1Z2zginj.js} +153 -153
- package/dist/vue-ui-tiremarks-zbl7aooy.js +540 -0
- package/dist/vue-ui-treemap-Drs4gK6L.js +1733 -0
- package/dist/vue-ui-waffle-DqUVsVNE.js +1621 -0
- package/dist/vue-ui-wheel-DLCBPW9t.js +873 -0
- package/dist/vue-ui-word-cloud-8Agk9h6c.js +1710 -0
- package/dist/{vue-ui-world-D0_2upjg.js → vue-ui-world-BOBHo7-L.js} +526 -524
- package/dist/vue-ui-xy-CSTJzRkk.js +5283 -0
- package/dist/{vue-ui-xy-D_5FfaH-.js → vue-ui-xy-Dmk1gQkI.js} +2 -2
- package/dist/vue-ui-xy-canvas-DANPuyf4.js +1824 -0
- package/dist/{vue_ui_age_pyramid-BY6c-oX_.js → vue_ui_age_pyramid-B2R66DgQ.js} +15 -6
- package/package.json +1 -1
- package/dist/vue-ui-3d-bar-CH8SpxS2.js +0 -1829
- package/dist/vue-ui-age-pyramid-B9MUVi75.js +0 -1241
- package/dist/vue-ui-annotator-CmlcWPIm.js +0 -2886
- package/dist/vue-ui-bullet-n8KNnDwh.js +0 -700
- package/dist/vue-ui-candlestick-Bxlvqk49.js +0 -1857
- package/dist/vue-ui-chestnut-ByDKbkG9.js +0 -2014
- package/dist/vue-ui-chord-DQRBgVOx.js +0 -1345
- package/dist/vue-ui-circle-pack-CBBc0HOe.js +0 -1633
- package/dist/vue-ui-donut-DfiocufT.js +0 -2413
- package/dist/vue-ui-donut-evolution-BoqO8By2.js +0 -1550
- package/dist/vue-ui-dumbbell-7M_oUQdi.js +0 -1529
- package/dist/vue-ui-flow-CoylrfnO.js +0 -1215
- package/dist/vue-ui-funnel-DaBYHWIC.js +0 -747
- package/dist/vue-ui-galaxy-BIebStQ3.js +0 -1083
- package/dist/vue-ui-gauge-CwdTmiRP.js +0 -932
- package/dist/vue-ui-heatmap-DXYlGwqR.js +0 -1553
- package/dist/vue-ui-history-plot-CgIELoD2.js +0 -1696
- package/dist/vue-ui-molecule-DeHWkkhy.js +0 -929
- package/dist/vue-ui-nested-donuts-CeAV2xPk.js +0 -1501
- package/dist/vue-ui-onion-B7oFulsQ.js +0 -1233
- package/dist/vue-ui-quadrant-DrKnz37q.js +0 -1965
- package/dist/vue-ui-radar-Bzx69q8f.js +0 -1372
- package/dist/vue-ui-rating-CimC9FQ9.js +0 -359
- package/dist/vue-ui-relation-circle-DIQYyDGb.js +0 -903
- package/dist/vue-ui-ridgeline-CPEnM45x.js +0 -1621
- package/dist/vue-ui-rings-qPL5Iwji.js +0 -1250
- package/dist/vue-ui-scatter-BB0ClTsU.js +0 -2403
- package/dist/vue-ui-smiley-DzPkCMN-.js +0 -376
- package/dist/vue-ui-spark-trend-Ciq7-k_q.js +0 -457
- package/dist/vue-ui-sparkbar-D1M7-naP.js +0 -401
- package/dist/vue-ui-sparkgauge-rsqaeR_n.js +0 -268
- package/dist/vue-ui-sparkhistogram-C4WXt2Ni.js +0 -589
- package/dist/vue-ui-sparkstackbar-DDOXdeV-.js +0 -738
- package/dist/vue-ui-stackbar-C_hMnOLb.js +0 -2353
- package/dist/vue-ui-stackline-BHGi63lD.js +0 -2467
- package/dist/vue-ui-strip-plot-Cygpn-l8.js +0 -1738
- package/dist/vue-ui-table-BQna1wL6.js +0 -1352
- package/dist/vue-ui-table-sparkline-BCuimtk6.js +0 -738
- package/dist/vue-ui-tiremarks-BvjdZwgh.js +0 -538
- package/dist/vue-ui-treemap-C5OpqzSc.js +0 -1731
- package/dist/vue-ui-waffle-B7T_Zzan.js +0 -1619
- package/dist/vue-ui-wheel-D1B0k7IW.js +0 -871
- package/dist/vue-ui-word-cloud-C4pX6jop.js +0 -1708
- package/dist/vue-ui-xy-Ck41KYqF.js +0 -5281
- package/dist/vue-ui-xy-canvas-B_8Mu19r.js +0 -1824
|
@@ -1,538 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
|
|
2
|
-
import { Pt as t, Wt as n, X as r, Zt as i, b as a, i as o, nt as s, q as c, t as l } from "./lib-Dql7cqyA.js";
|
|
3
|
-
import { n as ee, t as te } from "./useHints-Dq_w2E8B.js";
|
|
4
|
-
import { t as ne } from "./useConfig-CyCVHo81.js";
|
|
5
|
-
import { t as re } from "./usePrinter-DISD7q5m.js";
|
|
6
|
-
import { n as ie, t as ae } from "./BaseScanner-DZvpgOjM.js";
|
|
7
|
-
import { t as u } from "./useNestedProp-Chvyfpl-.js";
|
|
8
|
-
import { t as oe } from "./useThemeCheck-C43Tcqmk.js";
|
|
9
|
-
import { t as se } from "./useChartExport-iwOqiIWX.js";
|
|
10
|
-
import { t as ce } from "./img-DhGApYG0.js";
|
|
11
|
-
import { n as le } from "./Title-CPHi-evi.js";
|
|
12
|
-
import { t as ue } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
13
|
-
import { l as de, t as fe } from "./useResponsive-ZtArZtUf.js";
|
|
14
|
-
import { t as pe } from "./useUserOptionState-DK-_1ddE.js";
|
|
15
|
-
import { t as me } from "./useChartAccessibility-DYqac8yF.js";
|
|
16
|
-
import { t as he } from "./usePrefersMotion-BC-CsqR1.js";
|
|
17
|
-
import { t as ge } from "./vue_ui_tiremarks-CdEPieWV.js";
|
|
18
|
-
import { Fragment as _e, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as ve, createSlots as ye, createVNode as be, defineAsyncComponent as h, guardReactiveProps as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onMounted as xe, openBlock as b, ref as x, renderList as Se, renderSlot as S, toDisplayString as C, toRefs as Ce, unref as w, watch as we, withCtx as T } from "vue";
|
|
19
|
-
//#region src/components/vue-ui-tiremarks.vue
|
|
20
|
-
var Te = /* @__PURE__ */ e({ default: () => E }), Ee = ["id"], De = [
|
|
21
|
-
"xmlns",
|
|
22
|
-
"viewBox",
|
|
23
|
-
"aria-labelledby",
|
|
24
|
-
"aria-describedby"
|
|
25
|
-
], Oe = ["id"], ke = ["id"], Ae = ["width", "height"], je = { key: 1 }, Me = [
|
|
26
|
-
"d",
|
|
27
|
-
"stroke-width",
|
|
28
|
-
"stroke"
|
|
29
|
-
], Ne = { key: 2 }, Pe = [
|
|
30
|
-
"x1",
|
|
31
|
-
"y1",
|
|
32
|
-
"x2",
|
|
33
|
-
"y2",
|
|
34
|
-
"stroke-width",
|
|
35
|
-
"stroke"
|
|
36
|
-
], Fe = ["aria-label"], Ie = [
|
|
37
|
-
"x",
|
|
38
|
-
"y",
|
|
39
|
-
"height"
|
|
40
|
-
], Le = [
|
|
41
|
-
"x",
|
|
42
|
-
"y",
|
|
43
|
-
"font-size",
|
|
44
|
-
"fill",
|
|
45
|
-
"font-weight",
|
|
46
|
-
"text-anchor"
|
|
47
|
-
], Re = {
|
|
48
|
-
key: 4,
|
|
49
|
-
class: "vue-data-ui-watermark"
|
|
50
|
-
}, E = /*#__PURE__*/ ue({
|
|
51
|
-
__name: "vue-ui-tiremarks",
|
|
52
|
-
props: {
|
|
53
|
-
config: {
|
|
54
|
-
type: Object,
|
|
55
|
-
default() {
|
|
56
|
-
return {};
|
|
57
|
-
}
|
|
58
|
-
},
|
|
59
|
-
dataset: {
|
|
60
|
-
type: Object,
|
|
61
|
-
default() {
|
|
62
|
-
return {};
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
},
|
|
66
|
-
emits: ["copyAlt"],
|
|
67
|
-
setup(e, { expose: ue, emit: Te }) {
|
|
68
|
-
let E = h(() => import("./PenAndPaper-B_SdRSKH.js").then((e) => e.t)), ze = h(() => import("./UserOptions-f3Q0nqrj.js").then((e) => e.n)), Be = h(() => import("./PackageVersion-5SWftabm.js").then((e) => e.t)), { vue_ui_tiremarks: Ve } = ne(), { isThemeValid: He, warnInvalidTheme: Ue } = oe(), D = he(), O = e, We = Te, Ge = d(() => !!O.dataset && Object.keys(O.dataset).length), k = x(c()), A = x(null), Ke = x(null), qe = x(null), Je = x(null), Ye = x(0), Xe = x(0), j = x(null), M = x(null), N = x(R());
|
|
69
|
-
ee({
|
|
70
|
-
config: () => N.value,
|
|
71
|
-
dataset: () => O.dataset,
|
|
72
|
-
component: "VueUiTiremarks",
|
|
73
|
-
rules: [te.noHint]
|
|
74
|
-
});
|
|
75
|
-
let Ze = d(() => N.value.userOptions.useCursorPointer), Qe = d(() => i({
|
|
76
|
-
defaultConfig: {
|
|
77
|
-
userOptions: { show: !1 },
|
|
78
|
-
style: { chart: {
|
|
79
|
-
backgroundColor: "#99999930",
|
|
80
|
-
animation: { use: !1 },
|
|
81
|
-
layout: {
|
|
82
|
-
activeColor: "#6A6A6A80",
|
|
83
|
-
inactiveColor: "#CACACA80",
|
|
84
|
-
ticks: { gradient: { show: !1 } }
|
|
85
|
-
}
|
|
86
|
-
} }
|
|
87
|
-
},
|
|
88
|
-
userConfig: N.value.skeletonConfig ?? {}
|
|
89
|
-
})), { loading: P, FINAL_DATASET: F } = ie({
|
|
90
|
-
...Ce(O),
|
|
91
|
-
FINAL_CONFIG: N,
|
|
92
|
-
prepareConfig: R,
|
|
93
|
-
skeletonDataset: O.config?.skeletonDataset ?? { percentage: 50 },
|
|
94
|
-
skeletonConfig: i({
|
|
95
|
-
defaultConfig: N.value,
|
|
96
|
-
userConfig: Qe.value
|
|
97
|
-
})
|
|
98
|
-
}), { userOptionsVisible: I, setUserOptionsVisibility: $e, keepUserOptionState: et } = pe({ config: N.value }), { svgRef: L } = me({ config: N.value.style.chart.title });
|
|
99
|
-
function R() {
|
|
100
|
-
let e = u({
|
|
101
|
-
userConfig: O.config,
|
|
102
|
-
defaultConfig: Ve
|
|
103
|
-
}), t = e.theme;
|
|
104
|
-
if (!t) return e;
|
|
105
|
-
if (!He.value(e)) return Ue(e), e;
|
|
106
|
-
let n = u({
|
|
107
|
-
userConfig: ge[t] || O.config,
|
|
108
|
-
defaultConfig: e
|
|
109
|
-
});
|
|
110
|
-
return u({
|
|
111
|
-
userConfig: O.config,
|
|
112
|
-
defaultConfig: n
|
|
113
|
-
});
|
|
114
|
-
}
|
|
115
|
-
we(() => O.config, (e) => {
|
|
116
|
-
N.value = R(), I.value = !N.value.userOptions.showOnChartHover, G.value = N.value.style.chart.width, K.value = N.value.style.chart.height, ot(), Xe.value += 1;
|
|
117
|
-
}, { deep: !0 });
|
|
118
|
-
let { isPrinting: z, isImaging: B, generatePdf: tt, generateImage: nt } = re({
|
|
119
|
-
elementId: k.value,
|
|
120
|
-
fileName: N.value.style.chart.title.text || "vue-ui-tiremarks",
|
|
121
|
-
options: N.value.userOptions.print
|
|
122
|
-
}), rt = d(() => N.value.userOptions.show && !N.value.style.chart.title.text), V = x(N.value.style.chart.animation.use && !D.value ? 0 : a(F.value.percentage));
|
|
123
|
-
we(() => F.value, (e) => {
|
|
124
|
-
N.value.style.chart.animation.use && !D.value ? it(e.percentage) : V.value = e.percentage || 0;
|
|
125
|
-
}, { deep: !0 }), xe(() => {
|
|
126
|
-
ot();
|
|
127
|
-
});
|
|
128
|
-
function it(e) {
|
|
129
|
-
let t = N.value.style.chart.animation.speed, n = Math.abs(e - V.value) / (t * 120);
|
|
130
|
-
function r() {
|
|
131
|
-
V.value < e ? V.value = Math.min(V.value + n, e) : V.value > e && (V.value = Math.max(V.value - n, e)), V.value !== e && requestAnimationFrame(r);
|
|
132
|
-
}
|
|
133
|
-
r();
|
|
134
|
-
}
|
|
135
|
-
let at = d(() => N.value.debug);
|
|
136
|
-
function ot() {
|
|
137
|
-
if (t(O.dataset) && s({
|
|
138
|
-
componentName: "VueUiTiremarks",
|
|
139
|
-
type: "dataset",
|
|
140
|
-
debug: at.value
|
|
141
|
-
}), N.value.responsive) {
|
|
142
|
-
let e = de(() => {
|
|
143
|
-
let { width: e, height: t } = fe({
|
|
144
|
-
chart: A.value,
|
|
145
|
-
title: N.value.style.chart.title.text ? qe.value : null,
|
|
146
|
-
source: Je.value
|
|
147
|
-
});
|
|
148
|
-
requestAnimationFrame(() => {
|
|
149
|
-
G.value = Math.max(.1, e), K.value = Math.max(.1, t - 12);
|
|
150
|
-
});
|
|
151
|
-
});
|
|
152
|
-
j.value && (M.value && j.value.unobserve(M.value), j.value.disconnect()), j.value = new ResizeObserver(e), M.value = A.value.parentNode, j.value.observe(M.value);
|
|
153
|
-
}
|
|
154
|
-
it(F.value.percentage || 0);
|
|
155
|
-
}
|
|
156
|
-
let H = d(() => N.value.style.chart.layout.display === "vertical"), U = d(() => {
|
|
157
|
-
let e = N.value.style.chart.percentage.show, t = {
|
|
158
|
-
top: e ? 48 : 12,
|
|
159
|
-
left: e ? 64 : 16,
|
|
160
|
-
right: e ? 64 : 16,
|
|
161
|
-
bottom: e ? 48 : 12
|
|
162
|
-
};
|
|
163
|
-
return H.value ? {
|
|
164
|
-
top: N.value.style.chart.percentage.verticalPosition === "top" ? t.top : 3,
|
|
165
|
-
left: 3,
|
|
166
|
-
right: 3,
|
|
167
|
-
bottom: N.value.style.chart.percentage.verticalPosition === "bottom" ? t.bottom : 3
|
|
168
|
-
} : {
|
|
169
|
-
top: 0,
|
|
170
|
-
bottom: 0,
|
|
171
|
-
left: N.value.style.chart.percentage.horizontalPosition === "left" ? t.left : 16,
|
|
172
|
-
right: N.value.style.chart.percentage.horizontalPosition === "right" ? t.right : 10
|
|
173
|
-
};
|
|
174
|
-
}), W = d(() => Object.values(U.value).reduce((e, t) => e + t, 0)), G = x(N.value.style.chart.width), K = x(N.value.style.chart.height), q = d(() => ({
|
|
175
|
-
height: K.value,
|
|
176
|
-
width: G.value
|
|
177
|
-
})), st = d(() => ({
|
|
178
|
-
horizontal: {
|
|
179
|
-
x: Y.value.x + (N.value.style.chart.percentage.horizontalPosition === "left" ? 6 : 3),
|
|
180
|
-
y: q.value.height / 2 - Y.value.fontSize / 2
|
|
181
|
-
},
|
|
182
|
-
vertical: {
|
|
183
|
-
x: q.value.width / 2 - 20,
|
|
184
|
-
y: Y.value.y - Y.value.fontSize / 2
|
|
185
|
-
}
|
|
186
|
-
})[N.value.style.chart.layout.display]), J = d(() => H.value ? {
|
|
187
|
-
mark: (q.value.height - W.value) / 100 * .5,
|
|
188
|
-
space: (q.value.height - W.value) / 100 * .5
|
|
189
|
-
} : {
|
|
190
|
-
mark: (q.value.width - W.value) / 100 * .5,
|
|
191
|
-
space: (q.value.width - W.value) / 100 * .5
|
|
192
|
-
}), ct = d(() => {
|
|
193
|
-
let e = [];
|
|
194
|
-
for (let t = 0; t < 100; t += 1) {
|
|
195
|
-
let r = N.value.style.chart.layout.ticks.gradient.show ? n(N.value.style.chart.layout.activeColor, t / 100 * (N.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : N.value.style.chart.layout.activeColor;
|
|
196
|
-
if (H.value) {
|
|
197
|
-
let n = N.value.style.chart.layout.crescendo ? (100 - t) * (q.value.width - U.value.left - U.value.right) / 100 / 3 : 0, i = U.value.left + 4 + n, a = q.value.width - U.value.right - 4 - n, o = q.value.height - U.value.bottom - t * J.value.mark - t * J.value.space - J.value.mark, s = q.value.height - U.value.bottom - t * J.value.mark - t * J.value.space - J.value.mark, c = (a - i) / N.value.style.chart.layout.curveAngleX, l = N.value.style.chart.layout.curveAngleY * ((1 + t) / 100);
|
|
198
|
-
e.push({
|
|
199
|
-
x1: i,
|
|
200
|
-
x2: a,
|
|
201
|
-
y1: o,
|
|
202
|
-
y2: s,
|
|
203
|
-
curve: `M ${i} ${o} C ${i + c} ${o - l}, ${a - c} ${s - l}, ${a} ${s}`,
|
|
204
|
-
color: r
|
|
205
|
-
});
|
|
206
|
-
} else {
|
|
207
|
-
let n = N.value.style.chart.layout.crescendo ? (100 - t) * (q.value.height - U.value.top - U.value.bottom) / 100 / 3 : 0, i = U.value.left + t * J.value.mark + t * J.value.space - J.value.mark, a = i, o = U.value.top + 4 + n, s = q.value.height - U.value.bottom - 4 - n, c = N.value.style.chart.layout.curveAngleY * ((1 + t) / 100), l = (s - o) / N.value.style.chart.layout.curveAngleX;
|
|
208
|
-
e.push({
|
|
209
|
-
x1: i,
|
|
210
|
-
x2: a,
|
|
211
|
-
y1: o,
|
|
212
|
-
y2: s,
|
|
213
|
-
curve: `M ${i} ${o} C ${i + c} ${o + l}, ${a + c} ${s - l}, ${a} ${s}`,
|
|
214
|
-
color: r
|
|
215
|
-
});
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
return e;
|
|
219
|
-
}), Y = d(() => {
|
|
220
|
-
let e, t, n, r = N.value.style.chart.percentage.fontSize / 3;
|
|
221
|
-
return H.value ? N.value.style.chart.percentage.verticalPosition === "top" ? (e = q.value.width / 2, t = U.value.top / 2, n = "middle") : N.value.style.chart.percentage.verticalPosition === "bottom" && (e = q.value.width / 2, t = q.value.height - U.value.bottom / 2 + r, n = "middle") : N.value.style.chart.percentage.horizontalPosition === "left" ? (e = 4, t = q.value.height / 2 + r, n = "start") : N.value.style.chart.percentage.horizontalPosition === "right" && (e = q.value.width - U.value.right + 8, t = q.value.height / 2 + r, n = "start"), {
|
|
222
|
-
x: e,
|
|
223
|
-
y: t,
|
|
224
|
-
textAnchor: n,
|
|
225
|
-
bold: N.value.style.chart.percentage.bold,
|
|
226
|
-
fontSize: N.value.style.chart.percentage.fontSize,
|
|
227
|
-
fill: N.value.style.chart.percentage.color
|
|
228
|
-
};
|
|
229
|
-
}), X = x(!1);
|
|
230
|
-
function lt(e) {
|
|
231
|
-
X.value = e, Ye.value += 1;
|
|
232
|
-
}
|
|
233
|
-
let Z = x(!1);
|
|
234
|
-
function Q() {
|
|
235
|
-
Z.value = !Z.value;
|
|
236
|
-
}
|
|
237
|
-
async function ut({ scale: e = 2 } = {}) {
|
|
238
|
-
if (!A.value) return;
|
|
239
|
-
let { width: t, height: n } = A.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ce({
|
|
240
|
-
domElement: A.value,
|
|
241
|
-
base64: !0,
|
|
242
|
-
img: !0,
|
|
243
|
-
scale: e
|
|
244
|
-
});
|
|
245
|
-
return {
|
|
246
|
-
imageUri: i,
|
|
247
|
-
base64: a,
|
|
248
|
-
title: N.value.style.chart.title.text,
|
|
249
|
-
width: t,
|
|
250
|
-
height: n,
|
|
251
|
-
aspectRatio: r
|
|
252
|
-
};
|
|
253
|
-
}
|
|
254
|
-
let dt = d(() => N.value.style.chart.backgroundColor), ft = d(() => N.value.style.chart.title), { isCallbackImaging: pt, isCallbackSvg: mt, generateSvg: ht, onGenerateImage: gt } = se({
|
|
255
|
-
svg: L,
|
|
256
|
-
title: ft,
|
|
257
|
-
legend: null,
|
|
258
|
-
legendItems: null,
|
|
259
|
-
backgroundColor: dt,
|
|
260
|
-
getSvgCallback: () => N.value.userOptions.callbacks.svg,
|
|
261
|
-
generateImage: nt
|
|
262
|
-
});
|
|
263
|
-
async function _t() {
|
|
264
|
-
if (We("copyAlt", {
|
|
265
|
-
config: N.value,
|
|
266
|
-
dataset: F.value
|
|
267
|
-
}), !N.value.userOptions.callbacks.altCopy) {
|
|
268
|
-
console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
|
|
269
|
-
return;
|
|
270
|
-
}
|
|
271
|
-
await Promise.resolve(N.value.userOptions.callbacks.altCopy({
|
|
272
|
-
config: N.value,
|
|
273
|
-
dataset: F.value
|
|
274
|
-
}));
|
|
275
|
-
}
|
|
276
|
-
let vt = d(() => `${k.value}-title`), yt = d(() => `${k.value}-desc`), $ = d(() => o(N.value.style.chart.percentage.formatter, V.value, r({
|
|
277
|
-
v: V.value,
|
|
278
|
-
s: "%",
|
|
279
|
-
r: N.value.style.chart.percentage.rounding
|
|
280
|
-
}))), bt = d(() => N.value.style.chart.title.text || ""), xt = d(() => P.value ? "Loading data" : `Value: ${$.value}`);
|
|
281
|
-
return ue({
|
|
282
|
-
getImage: ut,
|
|
283
|
-
generatePdf: tt,
|
|
284
|
-
generateImage: nt,
|
|
285
|
-
generateSvg: ht,
|
|
286
|
-
toggleAnnotator: Q,
|
|
287
|
-
toggleFullscreen: lt,
|
|
288
|
-
copyAlt: _t
|
|
289
|
-
}), (e, t) => (b(), m("div", {
|
|
290
|
-
ref_key: "tiremarksChart",
|
|
291
|
-
ref: A,
|
|
292
|
-
class: _(`vue-data-ui-component vue-ui-tiremarks ${N.value.useCssAnimation ? "" : "vue-ui-dna"}`),
|
|
293
|
-
style: y(`font-family:${N.value.style.fontFamily};width:100%; text-align:center;background:${N.value.style.chart.backgroundColor}`),
|
|
294
|
-
id: k.value,
|
|
295
|
-
onMouseenter: t[0] ||= () => w($e)(!0),
|
|
296
|
-
onMouseleave: t[1] ||= () => w($e)(!1)
|
|
297
|
-
}, [
|
|
298
|
-
N.value.userOptions.buttons.annotator ? (b(), f(w(E), {
|
|
299
|
-
key: 0,
|
|
300
|
-
svgRef: w(L),
|
|
301
|
-
backgroundColor: N.value.style.chart.backgroundColor,
|
|
302
|
-
color: N.value.style.chart.color,
|
|
303
|
-
active: Z.value,
|
|
304
|
-
isCursorPointer: Ze.value,
|
|
305
|
-
onClose: Q
|
|
306
|
-
}, {
|
|
307
|
-
"annotator-action-close": T(() => [S(e.$slots, "annotator-action-close", {}, void 0, !0)]),
|
|
308
|
-
"annotator-action-color": T(({ color: t }) => [S(e.$slots, "annotator-action-color", v(g({ color: t })), void 0, !0)]),
|
|
309
|
-
"annotator-action-draw": T(({ mode: t }) => [S(e.$slots, "annotator-action-draw", v(g({ mode: t })), void 0, !0)]),
|
|
310
|
-
"annotator-action-undo": T(({ disabled: t }) => [S(e.$slots, "annotator-action-undo", v(g({ disabled: t })), void 0, !0)]),
|
|
311
|
-
"annotator-action-redo": T(({ disabled: t }) => [S(e.$slots, "annotator-action-redo", v(g({ disabled: t })), void 0, !0)]),
|
|
312
|
-
"annotator-action-delete": T(({ disabled: t }) => [S(e.$slots, "annotator-action-delete", v(g({ disabled: t })), void 0, !0)]),
|
|
313
|
-
_: 3
|
|
314
|
-
}, 8, [
|
|
315
|
-
"svgRef",
|
|
316
|
-
"backgroundColor",
|
|
317
|
-
"color",
|
|
318
|
-
"active",
|
|
319
|
-
"isCursorPointer"
|
|
320
|
-
])) : p("", !0),
|
|
321
|
-
rt.value ? (b(), m("div", {
|
|
322
|
-
key: 1,
|
|
323
|
-
ref_key: "noTitle",
|
|
324
|
-
ref: Ke,
|
|
325
|
-
class: "vue-data-ui-no-title-space",
|
|
326
|
-
style: "height:36px; width: 100%;background:transparent"
|
|
327
|
-
}, null, 512)) : p("", !0),
|
|
328
|
-
N.value.style.chart.title.text ? (b(), m("div", {
|
|
329
|
-
key: 2,
|
|
330
|
-
ref_key: "chartTitle",
|
|
331
|
-
ref: qe,
|
|
332
|
-
style: "width:100%;background:transparent;padding-bottom:12px"
|
|
333
|
-
}, [(b(), f(le, {
|
|
334
|
-
key: `title_${Xe.value}`,
|
|
335
|
-
config: {
|
|
336
|
-
title: {
|
|
337
|
-
cy: "wheel-title",
|
|
338
|
-
...N.value.style.chart.title
|
|
339
|
-
},
|
|
340
|
-
subtitle: {
|
|
341
|
-
cy: "wheel-subtitle",
|
|
342
|
-
...N.value.style.chart.title.subtitle
|
|
343
|
-
}
|
|
344
|
-
}
|
|
345
|
-
}, null, 8, ["config"]))], 512)) : p("", !0),
|
|
346
|
-
N.value.userOptions.show && Ge.value && (w(et) || w(I)) ? (b(), f(w(ze), {
|
|
347
|
-
ref: "details",
|
|
348
|
-
key: `user_options_${Ye.value}`,
|
|
349
|
-
backgroundColor: N.value.style.chart.backgroundColor,
|
|
350
|
-
color: N.value.style.chart.color,
|
|
351
|
-
isPrinting: w(z),
|
|
352
|
-
isImaging: w(B),
|
|
353
|
-
uid: k.value,
|
|
354
|
-
hasPdf: N.value.userOptions.buttons.pdf,
|
|
355
|
-
hasImg: N.value.userOptions.buttons.img,
|
|
356
|
-
hasSvg: N.value.userOptions.buttons.svg,
|
|
357
|
-
hasFullscreen: N.value.userOptions.buttons.fullscreen,
|
|
358
|
-
hasAltCopy: N.value.userOptions.buttons.altCopy,
|
|
359
|
-
hasXls: !1,
|
|
360
|
-
isFullscreen: X.value,
|
|
361
|
-
titles: { ...N.value.userOptions.buttonTitles },
|
|
362
|
-
chartElement: A.value,
|
|
363
|
-
position: N.value.userOptions.position,
|
|
364
|
-
hasAnnotator: N.value.userOptions.buttons.annotator,
|
|
365
|
-
isAnnotation: Z.value,
|
|
366
|
-
callbacks: N.value.userOptions.callbacks,
|
|
367
|
-
printScale: N.value.userOptions.print.scale,
|
|
368
|
-
isCursorPointer: Ze.value,
|
|
369
|
-
onToggleFullscreen: lt,
|
|
370
|
-
onGeneratePdf: w(tt),
|
|
371
|
-
onGenerateImage: w(gt),
|
|
372
|
-
onGenerateSvg: w(ht),
|
|
373
|
-
onToggleAnnotator: Q,
|
|
374
|
-
onCopyAlt: _t,
|
|
375
|
-
style: y({ visibility: w(et) ? w(I) ? "visible" : "hidden" : "visible" })
|
|
376
|
-
}, ye({ _: 2 }, [
|
|
377
|
-
e.$slots.menuIcon ? {
|
|
378
|
-
name: "menuIcon",
|
|
379
|
-
fn: T(({ isOpen: t, color: n }) => [S(e.$slots, "menuIcon", v(g({
|
|
380
|
-
isOpen: t,
|
|
381
|
-
color: n
|
|
382
|
-
})), void 0, !0)]),
|
|
383
|
-
key: "0"
|
|
384
|
-
} : void 0,
|
|
385
|
-
e.$slots.optionPdf ? {
|
|
386
|
-
name: "optionPdf",
|
|
387
|
-
fn: T(() => [S(e.$slots, "optionPdf", {}, void 0, !0)]),
|
|
388
|
-
key: "1"
|
|
389
|
-
} : void 0,
|
|
390
|
-
e.$slots.optionImg ? {
|
|
391
|
-
name: "optionImg",
|
|
392
|
-
fn: T(() => [S(e.$slots, "optionImg", {}, void 0, !0)]),
|
|
393
|
-
key: "2"
|
|
394
|
-
} : void 0,
|
|
395
|
-
e.$slots.optionSvg ? {
|
|
396
|
-
name: "optionSvg",
|
|
397
|
-
fn: T(() => [S(e.$slots, "optionSvg", {}, void 0, !0)]),
|
|
398
|
-
key: "3"
|
|
399
|
-
} : void 0,
|
|
400
|
-
e.$slots.optionFullscreen ? {
|
|
401
|
-
name: "optionFullscreen",
|
|
402
|
-
fn: T(({ toggleFullscreen: t, isFullscreen: n }) => [S(e.$slots, "optionFullscreen", v(g({
|
|
403
|
-
toggleFullscreen: t,
|
|
404
|
-
isFullscreen: n
|
|
405
|
-
})), void 0, !0)]),
|
|
406
|
-
key: "4"
|
|
407
|
-
} : void 0,
|
|
408
|
-
e.$slots.optionAnnotator ? {
|
|
409
|
-
name: "optionAnnotator",
|
|
410
|
-
fn: T(({ toggleAnnotator: t, isAnnotator: n }) => [S(e.$slots, "optionAnnotator", v(g({
|
|
411
|
-
toggleAnnotator: t,
|
|
412
|
-
isAnnotator: n
|
|
413
|
-
})), void 0, !0)]),
|
|
414
|
-
key: "5"
|
|
415
|
-
} : void 0,
|
|
416
|
-
e.$slots.optionAltCopy ? {
|
|
417
|
-
name: "optionAltCopy",
|
|
418
|
-
fn: T(({ altCopy: t }) => [S(e.$slots, "optionAltCopy", v(g({ altCopy: t })), void 0, !0)]),
|
|
419
|
-
key: "6"
|
|
420
|
-
} : void 0,
|
|
421
|
-
e.$slots["custom-menu-before"] ? {
|
|
422
|
-
name: "custom-menu-before",
|
|
423
|
-
fn: T(() => [S(e.$slots, "custom-menu-before", {}, void 0, !0)]),
|
|
424
|
-
key: "7"
|
|
425
|
-
} : void 0,
|
|
426
|
-
e.$slots["custom-menu-after"] ? {
|
|
427
|
-
name: "custom-menu-after",
|
|
428
|
-
fn: T(() => [S(e.$slots, "custom-menu-after", {}, void 0, !0)]),
|
|
429
|
-
key: "8"
|
|
430
|
-
} : void 0
|
|
431
|
-
]), 1032, [
|
|
432
|
-
"backgroundColor",
|
|
433
|
-
"color",
|
|
434
|
-
"isPrinting",
|
|
435
|
-
"isImaging",
|
|
436
|
-
"uid",
|
|
437
|
-
"hasPdf",
|
|
438
|
-
"hasImg",
|
|
439
|
-
"hasSvg",
|
|
440
|
-
"hasFullscreen",
|
|
441
|
-
"hasAltCopy",
|
|
442
|
-
"isFullscreen",
|
|
443
|
-
"titles",
|
|
444
|
-
"chartElement",
|
|
445
|
-
"position",
|
|
446
|
-
"hasAnnotator",
|
|
447
|
-
"isAnnotation",
|
|
448
|
-
"callbacks",
|
|
449
|
-
"printScale",
|
|
450
|
-
"isCursorPointer",
|
|
451
|
-
"onGeneratePdf",
|
|
452
|
-
"onGenerateImage",
|
|
453
|
-
"onGenerateSvg",
|
|
454
|
-
"style"
|
|
455
|
-
])) : p("", !0),
|
|
456
|
-
(b(), m("svg", {
|
|
457
|
-
ref_key: "svgRef",
|
|
458
|
-
ref: L,
|
|
459
|
-
xmlns: w(l),
|
|
460
|
-
class: _({
|
|
461
|
-
"vue-data-ui-fullscreen--on": X.value,
|
|
462
|
-
"vue-data-ui-fulscreen--off": !X.value
|
|
463
|
-
}),
|
|
464
|
-
viewBox: `0 0 ${G.value} ${K.value}`,
|
|
465
|
-
style: y(`max-width:100%; overflow: visible; background:transparent;color:${N.value.style.chart.color}`),
|
|
466
|
-
role: "img",
|
|
467
|
-
"aria-labelledby": vt.value,
|
|
468
|
-
"aria-describedby": yt.value
|
|
469
|
-
}, [
|
|
470
|
-
ve("title", { id: vt.value }, C(bt.value), 9, Oe),
|
|
471
|
-
ve("desc", { id: yt.value }, C(xt.value), 9, ke),
|
|
472
|
-
be(w(Be)),
|
|
473
|
-
e.$slots["chart-background"] ? (b(), m("foreignObject", {
|
|
474
|
-
key: 0,
|
|
475
|
-
x: 0,
|
|
476
|
-
y: 0,
|
|
477
|
-
width: q.value.width,
|
|
478
|
-
height: q.value.height,
|
|
479
|
-
style: { pointerEvents: "none" }
|
|
480
|
-
}, [S(e.$slots, "chart-background", {}, void 0, !0)], 8, Ae)) : p("", !0),
|
|
481
|
-
N.value.style.chart.layout.curved ? (b(), m("g", je, [(b(!0), m(_e, null, Se(ct.value, (e, t) => (b(), m("path", {
|
|
482
|
-
d: e.curve,
|
|
483
|
-
"stroke-width": J.value.mark,
|
|
484
|
-
stroke: V.value >= t ? e.color : N.value.style.chart.layout.inactiveColor,
|
|
485
|
-
"stroke-linecap": "round",
|
|
486
|
-
fill: "none",
|
|
487
|
-
class: _({ "vue-ui-tick-animated": N.value.style.chart.animation.use && !w(D) && t <= V.value })
|
|
488
|
-
}, null, 10, Me))), 256))])) : (b(), m("g", Ne, [(b(!0), m(_e, null, Se(ct.value, (e, t) => (b(), m("line", {
|
|
489
|
-
x1: e.x1,
|
|
490
|
-
y1: e.y1,
|
|
491
|
-
x2: e.x2,
|
|
492
|
-
y2: e.y2,
|
|
493
|
-
"stroke-width": J.value.mark,
|
|
494
|
-
stroke: V.value >= t ? e.color : N.value.style.chart.layout.inactiveColor,
|
|
495
|
-
"stroke-linecap": "round"
|
|
496
|
-
}, null, 8, Pe))), 256))])),
|
|
497
|
-
N.value.style.chart.percentage.show ? (b(), m("g", {
|
|
498
|
-
key: 3,
|
|
499
|
-
role: "status",
|
|
500
|
-
"aria-live": "polite",
|
|
501
|
-
"aria-label": w(P) ? "..." : `${$.value}`
|
|
502
|
-
}, [w(P) ? (b(), m("rect", {
|
|
503
|
-
key: 0,
|
|
504
|
-
x: st.value.x,
|
|
505
|
-
y: st.value.y,
|
|
506
|
-
width: 40,
|
|
507
|
-
height: Y.value.fontSize,
|
|
508
|
-
fill: "#6A6A6A80",
|
|
509
|
-
rx: 3
|
|
510
|
-
}, null, 8, Ie)) : (b(), m("text", {
|
|
511
|
-
key: 1,
|
|
512
|
-
"aria-hidden": "true",
|
|
513
|
-
x: Y.value.x,
|
|
514
|
-
y: Y.value.y,
|
|
515
|
-
"font-size": Y.value.fontSize,
|
|
516
|
-
fill: N.value.style.chart.layout.ticks.gradient.show && N.value.style.chart.percentage.useGradientColor ? w(n)(N.value.style.chart.layout.activeColor, V.value / 100 * (N.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : N.value.style.chart.percentage.color,
|
|
517
|
-
"font-weight": Y.value.bold ? "bold" : "normal",
|
|
518
|
-
"text-anchor": Y.value.textAnchor
|
|
519
|
-
}, C($.value), 9, Le))], 8, Fe)) : p("", !0),
|
|
520
|
-
S(e.$slots, "svg", { svg: {
|
|
521
|
-
...q.value,
|
|
522
|
-
isPrintingImg: w(z) || w(B) || w(pt),
|
|
523
|
-
isPrintingSvg: w(mt)
|
|
524
|
-
} }, void 0, !0)
|
|
525
|
-
], 14, De)),
|
|
526
|
-
e.$slots.watermark ? (b(), m("div", Re, [S(e.$slots, "watermark", v(g({ isPrinting: w(z) || w(B) || w(pt) || w(mt) })), void 0, !0)])) : p("", !0),
|
|
527
|
-
e.$slots.source ? (b(), m("div", {
|
|
528
|
-
key: 5,
|
|
529
|
-
ref_key: "source",
|
|
530
|
-
ref: Je,
|
|
531
|
-
dir: "auto"
|
|
532
|
-
}, [S(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
|
|
533
|
-
S(e.$slots, "skeleton", {}, () => [w(P) ? (b(), f(ae, { key: 0 })) : p("", !0)], !0)
|
|
534
|
-
], 46, Ee));
|
|
535
|
-
}
|
|
536
|
-
}, [["__scopeId", "data-v-2c6b8285"]]);
|
|
537
|
-
//#endregion
|
|
538
|
-
export { Te as n, E as t };
|