vue-data-ui
Version:
A user-empowering data visualization Vue 3 components library for eloquent data storytelling
2,341 lines • 312 kB
JavaScript
import { toRaw as xt, isRef as U, unref as Q, watchEffect as wt, markRaw as vt, computed as G, defineAsyncComponent as h } from "vue";
function Lt() {
const o = "#2D353C", r = "#A1A1A1", t = "#e1e5e8", a = "#CCCCCC", l = "#4A4A4A", e = "#FFFFFF", c = "#fafafa", s = "#1f77b4", i = "#d62728", d = "#2ca02c", u = "#42d392", b = "#FFD055", n = {
_6: 6,
_10: 10,
_12: 12,
_14: 14,
_16: 16,
_18: 18,
_20: 20,
_24: 24,
_32: 32,
_48: 48
}, f = n._6, g = {
LINE: "line",
SQUARE: "square",
ROUND: "round",
CIRCLE: "circle",
CURVED: "curved",
BAR: "bar",
STAR: "star"
}, A = {
LEFT: "left",
CENTER: "center",
BOTTOM: "bottom",
TOP: "top"
}, E = {
DESC: "desc"
}, w = {
threshold: 1095
// v2 = 500
}, C = {
text: "",
color: o,
fontSize: n._20,
bold: !0,
textAlign: A.CENTER,
paddingLeft: 0,
paddingRight: 0,
subtitle: {
color: r,
text: "",
fontSize: n._16,
bold: !1
}
}, p = {
show: !0,
bold: !1,
backgroundColor: e,
color: o,
fontSize: n._14
}, D = {
show: !0,
color: o,
backgroundColor: e,
fontSize: n._14,
customFormat: null,
borderRadius: 4,
borderColor: t,
borderWidth: 1,
backgroundOpacity: 100,
position: A.CENTER,
offsetY: 24,
smooth: !0,
// v3
backdropFilter: !0
// v3
}, v = {
enable: !1,
locale: "en",
useUTC: !1,
januaryAsYear: !1,
options: {
year: "yyyy",
month: "MMM 'yy",
day: "dd MMM",
hour: "HH:mm",
minute: "HH:mm:ss",
second: "HH:mm:ss"
}
}, k = ({
tooltip: R = !1,
pdf: J = !1,
csv: oo = !1,
img: to = !1,
table: eo = !1,
labels: ro = !1,
fullscreen: lo = !1,
sort: ao = !1,
stack: no = !1,
animation: so = !1,
annotator: co = !1
}) => {
const _ = {
open: "Open options",
close: "Close options",
tooltip: "Toggle tooltip",
pdf: "Download PDF",
csv: "Download CSV",
img: "Download PNG",
table: "Toggle table",
labels: "Toggle labels",
fullscreen: "Toggle fullscreen",
sort: "Toggle sort",
stack: "Toggle stack mode",
animation: "Toggle animation",
annotator: "Toggle annotator"
};
return R || delete _.tooltip, J || delete _.pdf, oo || delete _.csv, to || delete _.img, eo || delete _.table, ro || delete _.labels, lo || delete _.fullscreen, ao || delete _.sort, no || delete _.stack, so || delete _.animation, co || delete _.annotator, {
show: !0,
showOnChartHover: !1,
keepStateOnChartLeave: !0,
position: "right",
buttons: {
tooltip: R,
pdf: J,
csv: oo,
img: to,
table: eo,
labels: ro,
fullscreen: lo,
sort: ao,
stack: no,
animation: so,
annotator: co
},
callbacks: {
animation: null,
annotator: null,
csv: null,
fullscreen: null,
img: null,
labels: null,
pdf: null,
sort: null,
stack: null,
table: null,
tooltip: null
},
buttonTitles: _,
print: {
allowTaint: !1,
backgroundColor: e,
useCORS: !1,
onclone: null,
scale: 2,
logging: !1
}
};
}, x = (R) => ({
top: R[0],
right: R[1],
bottom: R[2],
left: R[3]
}), B = {
backgroundColor: c,
color: o,
outline: "none"
}, m = {
backgroundColor: e,
color: o,
outline: "none"
}, y = {
show: !1,
responsiveBreakpoint: 400
}, L = {
show: !0,
color: a,
highlightColor: l,
fontSize: n._14,
useResetSlot: !1,
startIndex: null,
endIndex: null,
enableRangeHandles: !0,
enableSelectionDrag: !0
}, M = {
show: !1,
smooth: !1,
selectedColor: s,
selectedColorOpacity: 0.2,
lineColor: o,
selectionRadius: 2,
indicatorColor: o,
verticalHandles: !1
}, po = {
loading: !1,
// v3
debug: !1,
// v3
theme: "",
responsive: !1,
events: {
// v3
datapointEnter: null,
// v3
datapointLeave: null,
// v3
datapointClick: null
// v3
},
customPalette: [],
useCssAnimation: !1,
// v3 (v2 = true)
orientation: "vertical",
// or 'horizontal'
table: {
...y,
columnNames: {
period: "Period",
total: "Total"
},
th: B,
td: {
...m,
roundingValue: 0
}
},
userOptions: k({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
labels: !0,
fullscreen: !0,
annotator: !0
}),
style: {
fontFamily: "inherit",
chart: {
backgroundColor: e,
color: o,
height: 500,
width: 800,
padding: x([12, 12, 12, 12]),
title: C,
legend: {
...p,
position: "bottom"
},
zoom: L,
tooltip: {
...D,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0,
showTimeLabel: !0
},
highlighter: {
color: o,
opacity: 5
},
bars: {
gapRatio: 0.5,
distributed: !1,
showDistributedPercentage: !0,
borderRadius: 0,
strokeWidth: 1,
gradient: {
show: !0,
intensity: 20
},
totalValues: {
show: !0,
offsetY: 0,
fontSize: n._16,
bold: !1,
color: o
},
dataLabels: {
show: !0,
hideEmptyValues: !1,
hideUnderValue: null,
hideEmptyPercentages: !1,
hideUnderPercentage: null,
adaptColorToBackground: !0,
color: o,
fontSize: n._14,
bold: !1,
rounding: 0,
prefix: "",
suffix: "",
formatter: null
}
},
grid: {
scale: {
ticks: 10,
scaleMin: null,
// Force min scale (defaults to dataset's min)
scaleMax: null
// Force max scale (defaults to dataset's max)
},
x: {
showAxis: !0,
showHorizontalLines: !1,
axisColor: t,
linesColor: t,
linesThickness: 1,
linesStrokeDasharray: 0,
axisThickness: 2,
axisName: {
show: !0,
text: "",
fontSize: n._14,
color: o,
bold: !1,
offsetY: 0
},
timeLabels: {
show: !0,
values: [],
datetimeFormatter: v,
offsetY: 0,
rotation: 0,
autoRotate: {
// v3
enable: !0,
// v3
angle: -30
// v3
},
fontSize: n._14,
color: o,
bold: !1
}
},
y: {
showAxis: !0,
showVerticalLines: !1,
linesColor: t,
linesThickness: 1,
linesStrokeDasharray: 0,
axisColor: t,
axisThickness: 2,
axisName: {
show: !0,
text: "",
fontSize: n._14,
color: o,
bold: !1,
offsetX: 0
},
axisLabels: {
formatter: null,
show: !0,
color: o,
fontSize: n._14,
bold: !1,
rounding: 0
}
}
}
}
}
}, z = {
debug: !1,
// v3
theme: "",
responsive: !1,
loading: !1,
// v3
events: {
// v3
datapointEnter: null,
// v3
datapointLeave: null,
// v3
datapointClick: null
// v3
},
responsiveProportionalSizing: !0,
customPalette: [],
useCssAnimation: !1,
// v3 (v2 = true)
downsample: w,
chart: {
fontFamily: "inherit",
backgroundColor: e,
color: o,
height: 600,
width: 1e3,
// Annotations are hidden in stack mode
annotations: [
{
show: !1,
yAxis: {
yTop: null,
yBottom: null,
label: {
text: "",
textAnchor: "start",
// or middle or end
position: "start",
// or end
offsetX: 0,
offsetY: 0,
padding: x([12, 12, 12, 12]),
border: {
stroke: e,
strokeWidth: 1,
rx: 0,
ry: 0
},
fontSize: 14,
color: o,
backgroundColor: t
},
line: {
stroke: o,
strokeWidth: 1,
strokeDasharray: 0
},
area: {
fill: t,
opacity: 30
}
}
}
],
zoom: {
...L,
minimap: M,
preview: {
// v3
enable: !0,
fill: "#CCCCCC50",
stroke: "#6A6A6A",
strokeWidth: 2,
strokeDasharray: 0
}
},
padding: x([12, 12, 6, 6]),
highlighter: {
color: o,
opacity: 5,
useLine: !1,
lineDasharray: 2,
lineWidth: 1
},
// Highlight area was initially a single object of type VueUiXyHighlightArea.
// It now also works with a type VueUiXyHighlightArea[]
highlightArea: {
show: !1,
from: 0,
to: 0,
color: o,
opacity: 20,
caption: {
text: "",
fontSize: n._10,
color: o,
bold: !1,
offsetY: 0,
width: "auto",
padding: 3,
textAlign: A.CENTER
}
},
timeTag: {
show: !1,
backgroundColor: t,
color: o,
fontSize: n._12,
circleMarker: {
radius: 3,
color: o
}
},
grid: {
stroke: t,
showVerticalLines: !1,
showHorizontalLines: !1,
position: "middle",
// or 'start'
frame: {
show: !1,
stroke: t,
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
strokeDasharray: 0
},
labels: {
show: !0,
color: o,
fontSize: n._16,
axis: {
yLabel: "",
yLabelOffsetX: 0,
xLabel: "",
xLabelOffsetY: 0,
fontSize: n._14
},
zeroLine: {
show: !0
},
xAxis: {
showBaseline: !1,
showCrosshairs: !0,
crosshairsAlwaysAtZero: !1,
crosshairSize: 6
},
yAxis: {
position: "left",
showBaseline: !0,
showCrosshairs: !0,
crosshairSize: 6,
commonScaleSteps: 10,
useIndividualScale: !1,
useNiceScale: !1,
stacked: !1,
gap: 12,
labelWidth: 64,
formatter: null,
scaleMin: null,
// Overrides auto scaling
scaleMax: null,
// idem
groupColor: null,
// force yAxis labels color
scaleLabelOffsetX: 0,
scaleValueOffsetX: 0,
rounding: 1,
serieNameFormatter: null
// v3, for individual scale & stacked modes
},
xAxisLabels: {
color: o,
show: !0,
values: [],
datetimeFormatter: v,
fontSize: n._14,
showOnlyFirstAndLast: !1,
showOnlyAtModulo: !1,
modulo: 12,
yOffset: 24,
rotation: 0,
autoRotate: {
// v3
enable: !0,
// v3
angle: -30
// v3
}
}
}
},
comments: {
show: !0,
showInTooltip: !0,
width: 200,
offsetX: 0,
offsetY: 0
},
labels: {
fontSize: n._10,
prefix: "",
suffix: ""
},
legend: {
color: o,
show: !0,
fontSize: n._14,
position: "bottom"
// bottom | top
},
title: {
...C,
show: !0
},
tooltip: {
...D,
showTimeLabel: !0,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0
},
userOptions: k({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
labels: !0,
fullscreen: !0,
stack: !0,
annotator: !0
})
},
bar: {
showTransition: !0,
transitionDurationMs: 300,
borderRadius: 2,
useGradient: !0,
periodGap: 0.1,
innerGap: 0,
border: {
useSerieColor: !1,
strokeWidth: 0,
stroke: e
},
labels: {
show: !1,
offsetY: -6,
rounding: 0,
color: o,
formatter: null
},
serieName: {
show: !1,
offsetY: -6,
useAbbreviation: !0,
abbreviationSize: 3,
useSerieColor: !0,
color: o,
bold: !1
}
},
line: {
showTransition: !0,
transitionDurationMs: 300,
radius: 3,
useGradient: !0,
strokeWidth: 3,
cutNullValues: !1,
dot: {
hideAboveMaxSerieLength: 62,
useSerieColor: !0,
fill: e,
strokeWidth: 0.5
},
labels: {
show: !1,
offsetY: -6,
rounding: 0,
color: o,
formatter: null
},
area: {
useGradient: !0,
opacity: 30
},
tag: {
followValue: !0,
formatter: null,
fontSize: n._14
}
},
plot: {
showTransition: !0,
transitionDurationMs: 300,
radius: 3,
useGradient: !0,
dot: {
useSerieColor: !0,
fill: e,
strokeWidth: 0.5
},
labels: {
show: !1,
offsetY: -6,
rounding: 0,
color: o,
formatter: null
},
tag: {
followValue: !0,
formatter: null,
fontSize: n._14
}
},
table: {
responsiveBreakpoint: 400,
rounding: 0,
sparkline: !0,
showSum: !0,
columnNames: {
period: "Period",
total: "Total"
},
th: B,
td: m
},
showTable: !1
}, S = {
debug: !1,
// v3
type: "classic",
loading: !1,
// v3
pie: !1,
// v3
autoSize: !0,
// false = v2
responsive: !1,
theme: "",
customPalette: [],
useCssAnimation: !1,
// v3 (v2 = true)
events: {
// v3
datapointEnter: null,
// v3
datapointLeave: null,
// v3
datapointClick: null
// v3
},
serieToggleAnimation: {
show: !0,
durationMs: 500
},
startAnimation: {
show: !1,
// v3 (v2 = true)
durationMs: 1e3,
staggerMs: 50
},
useBlurOnHover: !0,
userOptions: k({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
labels: !0,
fullscreen: !0,
annotator: !0
}),
translations: {
total: "Total",
average: "Average"
},
table: {
...y,
th: B,
td: {
...m,
roundingValue: 0,
roundingPercentage: 0
},
columnNames: {
series: "Series",
value: "Value",
percentage: "Percentage"
}
},
style: {
fontFamily: "inherit",
chart: {
useGradient: !0,
gradientIntensity: 40,
backgroundColor: e,
color: o,
padding: x([0, 0, 0, 0]),
width: 512,
height: 360,
layout: {
curvedMarkers: !0,
// v2 = false
labels: {
dataLabels: {
show: !0,
useLabelSlots: !1,
hideUnderValue: 3,
prefix: "",
suffix: ""
},
value: {
rounding: 0,
show: !0,
formatter: null
},
percentage: {
color: o,
bold: !0,
fontSize: n._18,
minFontSize: f,
// v3
rounding: 0,
formatter: null
},
name: {
color: o,
bold: !1,
fontSize: n._14,
minFontSize: f
// v3
},
hollow: {
show: !0,
total: {
show: !0,
bold: !1,
fontSize: n._18,
color: r,
text: "Total",
offsetY: 0,
value: {
color: o,
fontSize: n._18,
bold: !0,
suffix: "",
prefix: "",
offsetY: 0,
rounding: 0,
formatter: null
}
},
average: {
show: !0,
bold: !1,
fontSize: n._18,
color: r,
text: "Average",
offsetY: 0,
value: {
color: o,
fontSize: n._18,
bold: !0,
suffix: "",
prefix: "",
offsetY: 0,
rounding: 0,
formatter: null
}
}
}
},
donut: {
radiusRatio: 0.3,
// v3 (clamped between 0.1 and 0.5)
strokeWidth: 64,
// v3 (v2 = 55)
borderWidth: 1,
useShadow: !1,
shadowColor: o,
emptyFill: t,
selectedColor: "#0000001A",
borderColorAuto: !0,
borderColor: "#CCCCCC"
}
},
comments: {
show: !0,
showInTooltip: !0,
width: 100,
offsetY: 0,
offsetX: 0
},
legend: {
...p,
roundingValue: 0,
roundingPercentage: 0,
showPercentage: !0,
showValue: !0,
position: "bottom"
},
tooltip: {
...D,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0
},
title: C
}
}
}, Eo = {
debug: !1,
// v3
loading: !1,
// v3
responsive: !1,
events: {
// v3
datapointEnter: null,
// v3
datapointLeave: null,
// v3
datapointClick: null
// v3
},
theme: "",
customPalette: [],
userOptions: k({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
style: {
fontFamily: "inherit",
chart: {
backgroundColor: e,
color: o,
height: 500,
width: 800,
padding: x([0, 0, 0, 0]),
layout: {
sorted: !0,
rects: {
stroke: t,
strokeWidth: 1,
borderRadius: 0,
colorRatio: 0.3,
gradient: {
show: !0,
intensity: 30
},
selected: {
stroke: t,
strokeWidth: 1,
unselectedOpacity: 0.6
}
},
labels: {
showDefaultLabels: !0,
fontSize: n._24,
minFontSize: n._10,
hideUnderProportion: 0.03,
prefix: "Value: ",
suffix: "",
rounding: 0,
formatter: null
}
},
legend: {
...p,
roundingValue: 0,
roundingPercentage: 0,
showValue: !0,
showPercentage: !0,
position: "bottom"
},
title: C,
tooltip: {
...D,
roundingValue: 1
}
}
},
table: {
...y,
columnNames: {
series: "Series",
value: "Value",
percentage: "Percentage"
},
th: B,
td: {
...m,
roundingValue: 0,
roundingPercentage: 0
}
}
}, Do = {
debug: !1,
// v3
loading: !1,
// v3
responsive: !1,
events: {
// v3
datapointEnter: null,
// v3
datapointLeave: null,
// v3
datapointClick: null
// v3
},
theme: "",
customPalette: [],
useBlurOnHover: !0,
useCustomCells: !1,
useAnimation: !0,
style: {
fontFamily: "inherit",
chart: {
backgroundColor: e,
color: o,
layout: {
labels: {
dataLabels: {
prefix: "",
suffix: "",
formatter: null
},
captions: {
show: !1,
showSerieName: !1,
serieNameAbbreviation: !0,
serieNameMaxAbbreviationSize: 3,
fontSize: n._12,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0,
offsetX: 0,
offsetY: 0
}
},
grid: {
size: 10,
spaceBetween: 2,
vertical: !1
},
rect: {
rounded: !0,
rounding: 2,
stroke: o,
strokeWidth: 1,
useGradient: !0,
gradientIntensity: 40
}
},
title: C,
tooltip: {
...D,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0
},
legend: {
...p,
roundingValue: 0,
roundingPercentage: 0,
showValue: !0,
showPercentage: !0,
position: "bottom"
}
}
},
userOptions: k({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
table: {
...y,
columnNames: {
series: "Series",
value: "Value",
percentage: "Percentage"
},
th: B,
td: {
...m,
roundingValue: 0,
roundingPercentage: 0
}
}
}, Bo = {
debug: !1,
// v3
loading: !1,
// v3
responsive: !1,
events: {
// v3
datapointEnter: null,
// v3
datapointLeave: null,
// v3
datapointClick: null
// v3
},
theme: "",
customPalette: [],
useCssAnimation: !1,
// v2 = true
style: {
fontFamily: "inherit",
chart: {
backgroundColor: e,
color: o,
layout: {
plots: {
show: !0,
radius: 2
},
outerPolygon: {
stroke: a,
strokeWidth: 1
},
dataPolygon: {
strokeWidth: 1,
transparent: !1,
opacity: 20,
useGradient: !0
},
grid: {
show: !0,
stroke: t,
strokeWidth: 0.5,
graduations: 5
},
labels: {
dataLabels: {
show: !0,
fontSize: n._12,
color: o
}
}
},
title: C,
tooltip: {
...D,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0,
animation: {
show: !0,
animationFrames: 60
}
},
legend: {
...p,
roundingPercentage: 0,
position: "bottom"
}
}
},
table: {
...y,
th: B,
td: {
...m,
roundingValue: 0,
roundingPercentage: 0
}
},
userOptions: k({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
translations: {
target: "Target",
value: "Value",
datapoint: "Datapoint"
}
}, mo = {
debug: !1,
// v3
loading: !1,
// v3
responsive: !1,
events: {
// v3
datapointEnter: null,
// v3
datapointLeave: null,
// v3
datapointClick: null
// v3
},
theme: "",
customPalette: [],
useCssAnimation: !1,
// v2 = true
zoomAnimationFrames: 20,
downsample: w,
style: {
fontFamily: "inherit",
chart: {
height: 512,
width: 512,
backgroundColor: e,
color: o,
layout: {
labels: {
quadrantLabels: {
show: !0,
tl: {
text: "",
color: o,
fontSize: n._16,
bold: !0
},
tr: {
text: "",
color: o,
fontSize: n._16,
bold: !0
},
br: {
text: "",
color: o,
fontSize: n._16,
bold: !0
},
bl: {
text: "",
color: o,
fontSize: n._16,
bold: !0
}
},
plotLabels: {
showAsTag: !1,
show: !0,
fontSize: n._10,
color: o,
offsetY: 8,
rounding: 0,
x: {
formatter: null
},
y: {
formatter: null
}
},
axisLabels: {
show: !0,
fontSize: n._14,
color: {
positive: o,
negative: o
}
}
},
grid: {
stroke: t,
strokeWidth: 1.5,
showArrows: !0,
graduations: {
stroke: t,
strokeWidth: 0.5,
show: !0,
steps: 5,
fill: !0,
color: t,
roundingForce: 10
},
xAxis: {
min: -100,
max: 100,
auto: !0,
name: ""
},
yAxis: {
min: -100,
max: 100,
auto: !0,
name: ""
}
},
plots: {
radius: 6,
outline: !0,
outlineColor: e,
outlineWidth: 1
},
areas: {
show: !0,
opacity: 40,
useGradient: !0
}
},
title: C,
tooltip: {
...D,
roundingValue: 0,
showShape: !0
},
legend: {
...p,
position: "bottom"
}
}
},
table: {
...y,
th: B,
td: {
...m,
roundingValue: 0
}
},
userOptions: k({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
labels: !0,
fullscreen: !0,
annotator: !0
}),
translations: {
category: "Category",
item: "Item",
side: "Side"
}
}, yo = {
debug: !1,
// v3
loading: !1,
// v3
responsive: !1,
theme: "",
customPalette: [],
style: {
fontFamily: "inherit",
chart: {
backgroundColor: e,
color: o,
animation: {
use: !0,
speed: 1,
acceleration: 1
},
layout: {
radiusRatio: 1,
track: {
size: 1,
useGradient: !0,
gradientIntensity: 20
},
markers: {
show: !0,
color: o,
bold: !0,
fontSizeRatio: 1,
offsetY: 0,
roundingValue: 0,
formatter: null,
prefix: "",
suffix: ""
},
segmentSeparators: {
show: !1,
offsetOut: 0,
offsetIn: 0,
stroke: o,
strokeWidth: 2
},
segmentNames: {
show: !0,
curved: !0,
offsetRatio: 1.1,
fontSize: n._16,
minFontSize: f,
// v3
useSerieColor: !0,
color: o,
bold: !1
},
indicatorArc: {
show: !1,
radius: 123,
fill: t
},
pointer: {
show: !0,
type: "pointy",
size: 1,
stroke: e,
strokeWidth: 12,
useRatingColor: !0,
color: a,
circle: {
radius: 10,
stroke: o,
strokeWidth: 2,
color: e
}
}
},
legend: {
show: !0,
fontSize: n._48,
prefix: "",
suffix: "",
roundingValue: 1,
showPlusSymbol: !0,
useRatingColor: !0,
color: o,
formatter: null
},
title: C
}
},
userOptions: k({
pdf: !0,
img: !0,
fullscreen: !0,
annotator: !0
}),
translations: {
base: "Base"
}
}, xo = {
debug: !1,
// v3
loading: !1,
// v3
responsive: !1,
theme: "",
style: {
fontFamily: "inherit",
chart: {
backgroundColor: e,
color: o,
animation: {
use: !0,
speed: 0.5,
acceleration: 1
},
layout: {
wheel: {
ticks: {
type: "classic",
// or 'arc'
rounded: !0,
inactiveColor: t,
activeColor: s,
sizeRatio: 0.9,
quantity: 100,
// min 100
strokeWidth: 5,
gradient: {
show: !0,
shiftHueIntensity: 100
}
}
},
innerCircle: {
show: !0,
stroke: t,
strokeWidth: 1
},
percentage: {
show: !0,
fontSize: n._48,
rounding: 1,
bold: !0,
formatter: null
}
},
title: C
}
},
userOptions: k({
pdf: !0,
img: !0,
fullscreen: !0,
annotator: !0
})
}, wo = {
debug: !1,
// v3
loading: !1,
// v3
responsive: !1,
// v3
theme: "",
style: {
fontFamily: "inherit",
chart: {
backgroundColor: e,
color: o,
width: 312,
// v3
height: 56,
// v3
animation: {
use: !0,
speed: 0.5,
acceleration: 1
},
layout: {
display: "horizontal",
crescendo: !1,
curved: !1,
curveAngleX: 10,
curveAngleY: 10,
activeColor: s,
inactiveColor: t,
ticks: {
gradient: {
show: !0,
shiftHueIntensity: 100
}
}
},
percentage: {
show: !0,
useGradientColor: !0,
color: s,
fontSize: n._16,
bold: !0,
rounding: 1,
verticalPosition: A.BOTTOM,
horizontalPosition: A.LEFT,
formatter: null
},
title: C
}
},
userOptions: k({
pdf: !0,
img: !0,
fullscreen: !0,
annotator: !0
})
}, vo = {
debug: !1,
// v3
loading: !1,
// v3
theme: "",
customPalette: [],
style: {
fontFamily: "inherit",
chart: {
backgroundColor: e,
color: o,
layout: {
grandTotal: {
show: !0,
fontSize: n._20,
bold: !0,
prefix: "",
suffix: "",
roundingValue: 0,
color: o,
text: "Grand total",
offsetY: 0,
formatter: null
},
roots: {
stroke: e,
strokeWidth: 5,
useGradient: !0,
gradientIntensity: 20,
underlayerColor: e,
labels: {
show: !0,
fontSize: n._16,
adaptColorToBackground: !0,
color: e,
bold: !0,
roundingValue: 0,
prefix: "",
suffix: "",
formatter: null,
name: {
color: o,
fontSize: n._16,
bold: !0
}
}
},
verticalSeparator: {
stroke: e,
strokeWidth: 5
},
links: {
opacity: 10
},
branches: {
stroke: e,
strokeWidth: 0,
borderRadius: 6,
useGradient: !0,
gradientIntensity: 20,
underlayerColor: e,
widthRatio: 1.5,
labels: {
show: !0,
fontSize: n._14,
color: o,
bold: !0,
dataLabels: {
show: !0,
hideUnderValue: 5,
fontSize: n._14,
roundingValue: 0,
roundingPercentage: 0,
prefix: "",
suffix: "",
formatter: null
}
}
},
nuts: {
offsetX: 20,
useGradient: !0,
gradientIntensity: 30,
selected: {
useMotion: !0,
useGradient: !0,
gradientIntensity: 40,
roundingValue: 0,
roundingPercentage: 0,
labels: {
dataLabels: {
hideUnderValue: 5,
color: o,
fontSize: n._12,
bold: !0,
prefix: "",
suffix: "",
formatter: null
},
core: {
total: {
color: o,
fontSize: n._24,
bold: !1
},
value: {
color: o,
fontSize: n._24,
bold: !0,
prefix: "",
suffix: ""
}
}
}
}
},
legend: {
fontSize: n._16,
color: o,
roundingValue: 0,
roundingPercentage: 0,
prefix: "",
suffix: ""
},
title: {
...C,
offsetY: 0,
subtitle: {
...C.subtitle,
offsetY: 0
}
}
}
}
},
table: {
...y,
th: {
...B,
translations: {
rootName: "root name",
rootValue: "root value",
rootToTotal: "%/total",
branchName: "branch name",
branchValue: "branch value",
branchToRoot: "%/root",
branchToTotal: "%/total",
nutName: "nut name",
nutValue: "nut value",
nutToBranch: "%/branch",
nutToRoot: "%/root",
nutToTotal: "%/total"
}
},
td: {
...m,
roundingValue: 0,
roundingPercentage: 0
}
},
userOptions: k({
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
translations: {
total: "Total",
proportionToTree: "of grand total",
of: "of"
}
}, Lo = {
debug: !1,
// v3
loading: !1,
// v3
responsive: !1,
events: {
// v3
datapointEnter: null,
// v3
datapointLeave: null,
// v3
datapointClick: null
// v3
},
theme: "",
customPalette: [],
useCssAnimation: !1,
// v2 = true
useStartAnimation: !0,
useBlurOnHover: !0,
style: {
fontFamily: "inherit",
chart: {
backgroundColor: e,
color: o,
useGradient: !0,
gradientIntensity: 20,
layout: {
maxThickness: 64,
gutter: {
color: t,
width: 0.62
},
track: {
width: 0.62
},
labels: {
show: !0,
fontSize: n._14,
minFontSize: f,
// v3
color: o,
roundingValue: 0,
roundingPercentage: 0,
bold: !0,
offsetX: 0,
offsetY: 0,
value: {
show: !0,
formatter: null
},
percentage: {
show: !0
}
}
},
title: C,
legend: {
...p,
roundingValue: 0,
roundingPercentage: 0,
position: "bottom"
},
tooltip: {
...D,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0
}
}
},
userOptions: k({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
table: {
...y,
th: B,
td: {
...m,
roundingValue: 0,
roundingPercentage: 0
},
translations: {
value: "Value",
percentage: "Percentage",
serie: "Serie"
}
}
}, Z = {
// v3 renamed to _horizontal_ (yet still works)
debug: !1,
// v3
loading: !1,
// v3
autoSize: !0,
// v3
responsive: !1,
theme: "",
customPalette: [],
useCssAnimation: !1,
// v3 (v2 = true)
events: {
datapointEnter: null,
datapointLeave: null,
datapointClick: null
},
style: {
fontFamily: "inherit",
chart: {
backgroundColor: e,
color: o,
layout: {
bars: {
sort: E.DESC,
useStroke: !1,
strokeWidth: 2,
height: 32,
gap: 6,
borderRadius: 4,
offsetX: 64,
paddingRight: 0,
useGradient: !0,
gradientIntensity: 20,
fillOpacity: 90,
underlayerColor: e,
dataLabels: {
color: o,
bold: !0,
fontSize: n._14,
// v3 increased
value: {
show: !0,
roundingValue: 0,
prefix: "",
suffix: "",
formatter: null
},
percentage: {
show: !0,
roundingPercentage: 0
},
offsetX: 0
},
nameLabels: {
show: !0,
color: o,
bold: !1,
fontSize: n._14,
// v3 increased
offsetX: 0
},
parentLabels: {
show: !0,
color: o,
bold: !1,
fontSize: n._14,
// v3 increased
offsetX: 0
}
},
highlighter: {
color: o,
opacity: 5
},
separators: {
show: !1,
color: t,
strokeWidth: 1,
fullWidth: !0
}
},
title: C,
legend: {
...p,
position: A.TOP,
roundingValue: 0,
roundingPercentage: 0,
prefix: "",
suffix: ""
},
tooltip: {
...D,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0,
prefix: "",
suffix: ""
}
}
},
userOptions: k({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
sort: !0,
fullscreen: !0,
annotator: !0
}),
table: {
...y,
th: B,
td: {
...m,
roundingValue: 0,
roundingPercentage: 0,
prefix: "",
suffix: ""
}
},
translations: {
parentName: "Serie",
childName: "Child",
value: "value",
percentageToTotal: "%/total",
percentageToSerie: "%/serie"
}
}, So = Z, _o = {
debug: !1,
// v3
loading: !1,
// v3
responsive: !1,
// v3
events: {
// v3
datapointEnter: null,
// v3
datapointLeave: null,
// v3
datapointClick: null
// v3
},
theme: "",
style: {
fontFamily: "inherit",
backgroundColor: e,
color: o,
layout: {
height: 300,
// v3
width: 1e3,
// v3
padding: x([0, 0, 0, 0]),
cells: {
// height: 36, // v3 deprecated
rowTotal: {
value: {
show: !1
},
color: {
show: !1
}
},
columnTotal: {
value: {
show: !1,
rotation: 0,
autoRotate: {
// v3
enable: !0,
// v3
angle: -30
// v3
},
offsetX: 0,
offsetY: 0
},
color: {
show: !1
}
},
value: {
show: !1,
fontSize: n._18,
bold: !1,
roundingValue: 0,
color: o,
formatter: null
},
colors: {
hot: i,
cold: s,
underlayer: e
},
spacing: 2,
selected: {
border: 4,
color: o
}
},
dataLabels: {
prefix: "",
suffix: "",
xAxis: {
show: !0,
values: [],
datetimeFormatter: v,
showOnlyAtModulo: null,
rotation: 0,
autoRotate: {
// v3
enable: !0,
// v3
angle: -30
// v3
},
fontSize: n._10,
color: o,
bold: !1,
offsetX: 0,
offsetY: 0
},
yAxis: {
show: !0,
values: [],
datetimeFormatter: v,
fontSize: n._10,
color: o,
bold: !1,
offsetX: 0,
offsetY: 0
}
}
},
title: C,
legend: {
...p,
fontSize: n._12,
roundingValue: 0,
width: 24
// position: POSITION.RIGHT, // v3 deprecated
// scaleBorderRadius: 18 // v3 deprecated
},
tooltip: {
...D,
roundingValue: 0
}
},
userOptions: k({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
table: {
...y,
colNames: {
xAxis: "X"
},
th: B,
td: {
...m,
roundingValue: 0
}
}
}, zo = {
debug: !1,
// v3
loading: !1,
// v3
responsive: !1,
events: {
datapointEnter: null,
// v3
datapointLeave: null,
// v3
datapointClick: null
// v3
},
theme: "",
customPalette: [],
useCssAnimation: !1,
// v2 = true
downsample: w,
style: {
fontFamily: "inherit",
backgroundColor: e,
color: o,
layout: {
height: 316,
width: 512,
padding: x([0, 0, 0, 0]),
// v3 modification
axis: {
show: !0,
stroke: t,
strokeWidth: 1
},
marginalBars: {
show: !1,
size: 40,
tranches: 20,
opacity: 0.6,
fill: o,
strokeWidth: 1,
offset: 20,
borderRadius: 2,
useGradient: !0,
showLines: !1,
linesStrokeWidth: 1
},
plots: {
radius: 2,
stroke: e,
strokeWidth: 0.3,
opacity: 0.6,
significance: {
show: !0,
useDistanceOpacity: !1,
deviationThreshold: 10,
opacity: 0.3
},
deviation: {
translation: "deviation",
roundingValue: 1
},
giftWrap: {
show: !1,
strokeWidth: 1,
strokeDasharray: 0,
fillOpacity: 0.2
},
selectors: {
show: !0,
stroke: o,
strokeWidth: 0.7,
strokeDasharray: 0,
labels: {
fontSize: n._12,
color: o,
rounding: 2,
bold: !1,
showName: !0,
prefix: "",
suffix: "",
x: {
formatter: null
},
y: {
formatter: null
}
},
markers: {
radius: 1.5,
stroke: e,
strokeWidth: 0.5,
fill: o
}
}
},
correlation: {
show: !0,
strokeDasharray: 2,
strokeWidth: 1,
label: {
show: !0,
fontSize: n._12,
color: o,
bold: !0,
roundingValue: 2,
useSerieColor: !0
}
},
dataLabels: {
xAxis: {
name: "xAxis",
show: !0,
fontSize: n._10,
color: o,
bold: !1,
offsetX: 0,
offsetY: 0,
roundingValue: 0
},
yAxis: {
name: "yAxis",
show: !0,
fontSize: n._10,
color: o,
bold: !1,
offsetX: 0,
offsetY: 0,
roundingValue: 0
}
}
},
title: C,
legend: {
...p,
roundingValue: 0,
position: "bottom"
},
tooltip: {
...D,
roundingValue: 2,
showShape: !0,
prefix: "",
suffix: ""
}
},
userOptions: k({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
table: {
...y,
th: B,
td: {
...m,
roundingValue: 2,
roundingAverage: 1
},
translations: {
correlationCoefficient: "Correlation Coef.",
nbrPlots: "Nbr plots",
average: "Average",
series: "Series"
}
}
}, Oo = {
debug: !1,
// v3
loading: !1,
// v3
responsive: !1,
responsiveProportionalSizing: !0,
events: {
// v3
datapointEnter: null,
// v3
datapointLeave: null,
// v3
datapointClick: null
// v3
},
theme: "",
useCssAnimation: !1,
// v3 (v2 = true)
style: {
fontFamily: "inherit",
backgroundColor: e,
color: o,
height: 316,
width: 512,
layout: {
padding: x([0, 0, 0, 0]),
selector: {
color: t,
opacity: 10
},
grid: {
show: !0,
stroke: t,
strokeWidth: 0.5,
xAxis: {
dataLabels: {
show: !0,
fontSize: n._10,
color: o,
offsetY: 0,
bold: !1,
rotation: 0,
autoRotate: {
// v3
enable: !0,
// v3
angle: -30
// v3
},
datetimeFormatter: v
}
},
yAxis: {
scale: {
min: null,
max: null
},
dataLabels: {
show: !0,
fontSize: n._12,
color: o,
roundingValue: 0,
offsetX: 0,
bold: !1,
steps: 10,
prefix: "",
suffix: ""
}
}
},
wick: {
stroke: o,
strokeWidth: 0.5,
extremity: {
shape: g.LINE,
size: "auto",
color: o
}
},
candle: {
borderRadius: 1,
stroke: o,
strokeWidth: 0.5,
colors: {
bearish: i,
bullish: d
},
gradient: {
show: !0,
underlayer: e
},
widthRatio: 0.5
}
},
zoom: L,
title: C,
tooltip: {
...D,
roundingValue: 0,
prefix: "",
suffix: ""
}
},
translations: {
per