vue-data-ui
Version:
A user-empowering data visualization Vue 3 components library for eloquent data storytelling
2,344 lines • 290 kB
JavaScript
import { watchEffect as kr, markRaw as Fr, computed as U, isRef as Er, defineAsyncComponent as C } from "vue";
function pr() {
const o = "#2D353C", e = "#A1A1A1", r = "#e1e5e8", l = "#CCCCCC", c = "#4A4A4A", t = "#FFFFFF", i = "#fafafa", n = "#1f77b4", s = "#d62728", u = "#2ca02c", d = "#42d392", b = "#FFD055", a = {
_10: 10,
_12: 12,
_14: 14,
_16: 16,
_18: 18,
_20: 20,
_24: 24,
_32: 32,
_48: 48
}, f = {
LINE: "line",
SQUARE: "square",
ROUND: "round",
CIRCLE: "circle",
CURVED: "curved",
BAR: "bar",
STAR: "star"
}, g = {
LEFT: "left",
CENTER: "center",
RIGHT: "right",
BOTTOM: "bottom",
TOP: "top"
}, y = {
DESC: "desc"
}, p = {
threshold: 500
}, A = {
text: "",
color: o,
fontSize: a._20,
bold: !0,
textAlign: g.CENTER,
paddingLeft: 0,
paddingRight: 0,
subtitle: {
color: e,
text: "",
fontSize: a._16,
bold: !1
}
}, F = {
show: !0,
bold: !1,
backgroundColor: t,
color: o,
fontSize: a._14
}, E = {
show: !0,
color: o,
backgroundColor: t,
fontSize: a._14,
customFormat: null,
borderRadius: 4,
borderColor: r,
borderWidth: 1,
backgroundOpacity: 100,
position: g.CENTER,
offsetY: 24
}, w = {
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"
}
}, h = ({
tooltip: R = !1,
pdf: X = !1,
csv: j = !1,
img: K = !1,
table: q = !1,
labels: Q = !1,
fullscreen: Z = !1,
sort: J = !1,
stack: oo = !1,
animation: ro = !1,
annotator: to = !1
}) => {
const v = {
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 v.tooltip, X || delete v.pdf, j || delete v.csv, K || delete v.img, q || delete v.table, Q || delete v.labels, Z || delete v.fullscreen, J || delete v.sort, oo || delete v.stack, ro || delete v.animation, to || delete v.annotator, {
show: !0,
showOnChartHover: !1,
keepStateOnChartLeave: !0,
position: "right",
buttons: {
tooltip: R,
pdf: X,
csv: j,
img: K,
table: q,
labels: Q,
fullscreen: Z,
sort: J,
stack: oo,
animation: ro,
annotator: to
},
callbacks: {
animation: null,
annotator: null,
csv: null,
fullscreen: null,
img: null,
labels: null,
pdf: null,
sort: null,
stack: null,
table: null,
tooltip: null
},
buttonTitles: v,
print: {
allowTaint: !1,
backgroundColor: t,
useCORS: !1,
onclone: null,
scale: 2,
logging: !1
}
};
}, D = (R) => ({
top: R[0],
right: R[1],
bottom: R[2],
left: R[3]
}), B = {
backgroundColor: i,
color: o,
outline: "none"
}, m = {
backgroundColor: t,
color: o,
outline: "none"
}, x = {
show: !1,
responsiveBreakpoint: 400
}, O = {
show: !0,
color: l,
highlightColor: c,
fontSize: a._14,
useResetSlot: !1,
startIndex: null,
endIndex: null,
enableRangeHandles: !0,
enableSelectionDrag: !0
}, S = {
show: !1,
smooth: !1,
selectedColor: n,
selectedColorOpacity: 0.2,
lineColor: o,
selectionRadius: 2,
indicatorColor: o,
verticalHandles: !1
}, $ = {
theme: "",
responsive: !1,
customPalette: [],
useCssAnimation: !0,
orientation: "vertical",
// or 'horizontal'
table: {
...x,
columnNames: {
period: "Period",
total: "Total"
},
th: B,
td: {
...m,
roundingValue: 0
}
},
userOptions: h({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
labels: !0,
fullscreen: !0,
annotator: !0
}),
style: {
fontFamily: "inherit",
chart: {
backgroundColor: t,
color: o,
height: 500,
width: 800,
padding: D([24, 24, 36, 48]),
title: A,
legend: F,
zoom: O,
tooltip: {
...E,
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: a._16,
bold: !1,
color: o
},
dataLabels: {
show: !0,
hideEmptyValues: !1,
hideUnderValue: null,
hideEmptyPercentages: !1,
hideUnderPercentage: null,
adaptColorToBackground: !0,
color: o,
fontSize: a._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: r,
linesColor: r,
linesThickness: 1,
linesStrokeDasharray: 0,
axisThickness: 2,
axisName: {
show: !0,
text: "",
fontSize: a._14,
color: o,
bold: !1,
offsetY: 0
},
timeLabels: {
show: !0,
values: [],
datetimeFormatter: w,
offsetY: 0,
rotation: 0,
fontSize: a._14,
color: o,
bold: !1
}
},
y: {
showAxis: !0,
showVerticalLines: !1,
linesColor: r,
linesThickness: 1,
linesStrokeDasharray: 0,
axisColor: r,
axisThickness: 2,
axisName: {
show: !0,
text: "",
fontSize: a._14,
color: o,
bold: !1,
offsetX: 0
},
axisLabels: {
formatter: null,
show: !0,
color: o,
fontSize: a._14,
bold: !1,
rounding: 0
}
}
}
}
}
}, _ = {
theme: "",
responsive: !1,
responsiveProportionalSizing: !0,
customPalette: [],
useCssAnimation: !0,
downsample: p,
chart: {
fontFamily: "inherit",
backgroundColor: t,
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: D([5, 10, 5, 10]),
border: {
stroke: t,
strokeWidth: 1,
rx: 0,
ry: 0
},
fontSize: 14,
color: o,
backgroundColor: r
},
line: {
stroke: o,
strokeWidth: 1,
strokeDasharray: 0
},
area: {
fill: r,
opacity: 30
}
}
}
],
zoom: {
...O,
minimap: S
},
padding: D([36, 24, 64, 48]),
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: a._10,
color: o,
bold: !1,
offsetY: 0,
width: "auto",
padding: 3,
textAlign: g.CENTER
}
},
timeTag: {
show: !1,
backgroundColor: r,
color: o,
fontSize: a._12,
circleMarker: {
radius: 3,
color: o
}
},
grid: {
stroke: r,
showVerticalLines: !1,
showHorizontalLines: !1,
position: "middle",
// or 'start'
frame: {
show: !1,
stroke: r,
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
strokeDasharray: 0
},
labels: {
show: !0,
color: o,
fontSize: a._16,
axis: {
yLabel: "",
yLabelOffsetX: 0,
xLabel: "",
xLabelOffsetY: 14,
fontSize: a._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: 40,
formatter: null,
scaleMin: null,
// Overrides auto scaling
scaleMax: null,
// idem
groupColor: null,
// force yAxis labels color
scaleLabelOffsetX: 0,
scaleValueOffsetX: 0
},
xAxisLabels: {
color: o,
show: !0,
values: [],
datetimeFormatter: w,
fontSize: a._14,
showOnlyFirstAndLast: !1,
showOnlyAtModulo: !1,
modulo: 12,
yOffset: 24,
rotation: 0
}
}
},
comments: {
show: !0,
showInTooltip: !0,
width: 200,
offsetX: 0,
offsetY: 0
},
labels: {
fontSize: a._10,
prefix: "",
suffix: ""
},
legend: {
color: o,
show: !0,
fontSize: a._14
},
title: {
...A,
show: !0
},
tooltip: {
...E,
showTimeLabel: !0,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0
},
userOptions: h({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
labels: !0,
fullscreen: !0,
stack: !0,
annotator: !0
})
},
bar: {
borderRadius: 2,
useGradient: !0,
periodGap: 0.1,
border: {
useSerieColor: !1,
strokeWidth: 0,
stroke: t
},
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: {
radius: 3,
useGradient: !0,
strokeWidth: 3,
cutNullValues: !1,
dot: {
hideAboveMaxSerieLength: 62,
useSerieColor: !0,
fill: t,
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: a._14
}
},
plot: {
radius: 3,
useGradient: !0,
dot: {
useSerieColor: !0,
fill: t,
strokeWidth: 0.5
},
labels: {
show: !1,
offsetY: -6,
rounding: 0,
color: o,
formatter: null
},
tag: {
followValue: !0,
formatter: null,
fontSize: a._14
}
},
table: {
responsiveBreakpoint: 400,
rounding: 0,
sparkline: !0,
showSum: !0,
columnNames: {
period: "Period",
total: "Total"
},
th: B,
td: m
},
showTable: !1
}, L = {
type: "classic",
responsive: !1,
theme: "",
customPalette: [],
useCssAnimation: !0,
events: {
datapointEnter: null,
datapointLeave: null,
datapointClick: null
},
serieToggleAnimation: {
show: !0,
durationMs: 500
},
startAnimation: {
show: !0,
durationMs: 1e3,
staggerMs: 50
},
useBlurOnHover: !0,
userOptions: h({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
labels: !0,
fullscreen: !0,
annotator: !0
}),
translations: {
total: "Total",
average: "Average"
},
table: {
...x,
th: B,
td: {
...m,
roundingValue: 0,
roundingPercentage: 0
},
columnNames: {
series: "Series",
value: "Value",
percentage: "Percentage"
}
},
style: {
fontFamily: "inherit",
chart: {
useGradient: !0,
gradientIntensity: 40,
backgroundColor: t,
color: o,
padding: D([0, 0, 0, 0]),
width: 512,
height: 360,
layout: {
curvedMarkers: !1,
labels: {
dataLabels: {
show: !0,
useLabelSlots: !1,
hideUnderValue: 3,
prefix: "",
suffix: ""
},
value: {
rounding: 0,
show: !0,
formatter: null
},
percentage: {
color: o,
bold: !0,
fontSize: a._18,
rounding: 0,
formatter: null
},
name: {
color: o,
bold: !1,
fontSize: a._14
},
hollow: {
show: !0,
total: {
show: !0,
bold: !1,
fontSize: a._18,
color: e,
text: "Total",
offsetY: 0,
value: {
color: o,
fontSize: a._18,
bold: !0,
suffix: "",
prefix: "",
offsetY: 0,
rounding: 0,
formatter: null
}
},
average: {
show: !0,
bold: !1,
fontSize: a._18,
color: e,
text: "Average",
offsetY: 0,
value: {
color: o,
fontSize: a._18,
bold: !0,
suffix: "",
prefix: "",
offsetY: 0,
rounding: 0,
formatter: null
}
}
}
},
donut: {
strokeWidth: 55,
borderWidth: 1,
useShadow: !1,
shadowColor: o,
emptyFill: r,
selectedColor: "#0000001A",
borderColorAuto: !0,
borderColor: "#CCCCCC"
}
},
comments: {
show: !0,
showInTooltip: !0,
width: 100,
offsetY: 0,
offsetX: 0
},
legend: {
...F,
roundingValue: 0,
roundingPercentage: 0,
showPercentage: !0,
showValue: !0
},
tooltip: {
...E,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0
},
title: A
}
}
}, fo = {
responsive: !1,
theme: "",
customPalette: [],
userOptions: h({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
style: {
fontFamily: "inherit",
chart: {
backgroundColor: t,
color: o,
height: 500,
width: 800,
padding: D([0, 6, 12, 6]),
layout: {
sorted: !0,
rects: {
stroke: r,
strokeWidth: 1,
borderRadius: 0,
colorRatio: 0.3,
gradient: {
show: !0,
intensity: 30
},
selected: {
stroke: r,
strokeWidth: 1,
unselectedOpacity: 0.6
}
},
labels: {
showDefaultLabels: !0,
fontSize: a._24,
minFontSize: a._10,
hideUnderProportion: 0.03,
prefix: "Value: ",
suffix: "",
rounding: 0,
formatter: null
}
},
legend: {
...F,
roundingValue: 0,
roundingPercentage: 0,
showValue: !0,
showPercentage: !0
},
title: A,
tooltip: {
...E,
roundingValue: 1
}
}
},
table: {
...x,
columnNames: {
series: "Series",
value: "Value",
percentage: "Percentage"
},
th: B,
td: {
...m,
roundingValue: 0,
roundingPercentage: 0
}
}
}, go = {
responsive: !1,
theme: "",
customPalette: [],
useBlurOnHover: !0,
useCustomCells: !1,
useAnimation: !0,
style: {
fontFamily: "inherit",
chart: {
backgroundColor: t,
color: o,
layout: {
labels: {
dataLabels: {
prefix: "",
suffix: "",
formatter: null
},
captions: {
show: !1,
showSerieName: !1,
serieNameAbbreviation: !0,
serieNameMaxAbbreviationSize: 3,
fontSize: a._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: A,
tooltip: {
...E,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0
},
legend: {
...F,
roundingValue: 0,
roundingPercentage: 0,
showValue: !0,
showPercentage: !0
}
}
},
userOptions: h({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
table: {
...x,
columnNames: {
series: "Series",
value: "Value",
percentage: "Percentage"
},
th: B,
td: {
...m,
roundingValue: 0,
roundingPercentage: 0
}
}
}, Ao = {
responsive: !1,
theme: "",
customPalette: [],
useCssAnimation: !0,
style: {
fontFamily: "inherit",
chart: {
backgroundColor: t,
color: o,
layout: {
plots: {
show: !0,
radius: 2
},
outerPolygon: {
stroke: l,
strokeWidth: 1
},
dataPolygon: {
strokeWidth: 1,
transparent: !1,
opacity: 20,
useGradient: !0
},
grid: {
show: !0,
stroke: r,
strokeWidth: 0.5,
graduations: 5
},
labels: {
dataLabels: {
show: !0,
fontSize: a._12,
color: o
}
}
},
title: A,
tooltip: {
...E,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0,
animation: {
show: !0,
animationFrames: 60
}
},
legend: {
...F,
roundingPercentage: 0
}
}
},
table: {
...x,
th: B,
td: {
...m,
roundingValue: 0,
roundingPercentage: 0
}
},
userOptions: h({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
translations: {
target: "Target",
value: "Value",
datapoint: "Datapoint"
}
}, Co = {
responsive: !1,
theme: "",
customPalette: [],
useCssAnimation: !0,
zoomAnimationFrames: 20,
downsample: p,
style: {
fontFamily: "inherit",
chart: {
height: 512,
width: 512,
backgroundColor: t,
color: o,
layout: {
labels: {
quadrantLabels: {
show: !0,
tl: {
text: "",
color: o,
fontSize: a._16,
bold: !0
},
tr: {
text: "",
color: o,
fontSize: a._16,
bold: !0
},
br: {
text: "",
color: o,
fontSize: a._16,
bold: !0
},
bl: {
text: "",
color: o,
fontSize: a._16,
bold: !0
}
},
plotLabels: {
showAsTag: !1,
show: !0,
fontSize: a._10,
color: o,
offsetY: 8,
rounding: 0,
x: {
formatter: null
},
y: {
formatter: null
}
},
axisLabels: {
show: !0,
fontSize: a._14,
color: {
positive: o,
negative: o
}
}
},
grid: {
stroke: r,
strokeWidth: 1.5,
showArrows: !0,
graduations: {
stroke: r,
strokeWidth: 0.5,
show: !0,
steps: 5,
fill: !0,
color: r,
roundingForce: 10
},
xAxis: {
min: -100,
max: 100,
auto: !0,
name: ""
},
yAxis: {
min: -100,
max: 100,
auto: !0,
name: ""
}
},
plots: {
radius: 6,
outline: !0,
outlineColor: t,
outlineWidth: 1
},
areas: {
show: !0,
opacity: 40,
useGradient: !0
}
},
title: A,
tooltip: {
...E,
roundingValue: 0,
showShape: !0
},
legend: F
}
},
table: {
...x,
th: B,
td: {
...m,
roundingValue: 0
}
},
userOptions: h({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
labels: !0,
fullscreen: !0,
annotator: !0
}),
translations: {
category: "Category",
item: "Item",
side: "Side"
}
}, ho = {
responsive: !1,
theme: "",
customPalette: [],
style: {
fontFamily: "inherit",
chart: {
backgroundColor: t,
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: a._16,
useSerieColor: !0,
color: o,
bold: !1
},
indicatorArc: {
show: !1,
radius: 123,
fill: r
},
pointer: {
show: !0,
type: "pointy",
size: 1,
stroke: t,
strokeWidth: 12,
useRatingColor: !0,
color: l,
circle: {
radius: 10,
stroke: o,
strokeWidth: 2,
color: t
}
}
},
legend: {
show: !0,
fontSize: a._48,
prefix: "",
suffix: "",
roundingValue: 1,
showPlusSymbol: !0,
useRatingColor: !0,
color: o,
formatter: null
},
title: A
}
},
userOptions: h({
pdf: !0,
img: !0,
fullscreen: !0,
annotator: !0
}),
translations: {
base: "Base"
}
}, ko = {
responsive: !1,
theme: "",
style: {
fontFamily: "inherit",
chart: {
backgroundColor: t,
color: o,
animation: {
use: !0,
speed: 0.5,
acceleration: 1
},
layout: {
wheel: {
ticks: {
type: "classic",
// or 'arc'
rounded: !0,
inactiveColor: r,
activeColor: n,
sizeRatio: 0.9,
quantity: 100,
// min 100
strokeWidth: 5,
gradient: {
show: !0,
shiftHueIntensity: 100
}
}
},
innerCircle: {
show: !0,
stroke: r,
strokeWidth: 1
},
percentage: {
show: !0,
fontSize: a._48,
rounding: 1,
bold: !0,
formatter: null
}
},
title: A
}
},
userOptions: h({
pdf: !0,
img: !0,
fullscreen: !0,
annotator: !0
})
}, Fo = {
theme: "",
style: {
fontFamily: "inherit",
chart: {
backgroundColor: t,
color: o,
animation: {
use: !0,
speed: 0.5,
acceleration: 1
},
layout: {
display: "horizontal",
crescendo: !1,
curved: !1,
curveAngleX: 10,
curveAngleY: 10,
activeColor: n,
inactiveColor: r,
ticks: {
gradient: {
show: !0,
shiftHueIntensity: 100
}
}
},
percentage: {
show: !0,
useGradientColor: !0,
color: n,
fontSize: a._16,
bold: !0,
rounding: 1,
verticalPosition: g.BOTTOM,
horizontalPosition: g.LEFT,
formatter: null
},
title: A
}
},
userOptions: h({
pdf: !0,
img: !0,
fullscreen: !0,
annotator: !0
})
}, Eo = {
theme: "",
customPalette: [],
style: {
fontFamily: "inherit",
chart: {
backgroundColor: t,
color: o,
layout: {
grandTotal: {
show: !0,
fontSize: a._20,
bold: !0,
prefix: "",
suffix: "",
roundingValue: 0,
color: o,
text: "Grand total",
offsetY: 0,
formatter: null
},
roots: {
stroke: t,
strokeWidth: 5,
useGradient: !0,
gradientIntensity: 20,
underlayerColor: t,
labels: {
show: !0,
fontSize: a._16,
adaptColorToBackground: !0,
color: t,
bold: !0,
roundingValue: 0,
prefix: "",
suffix: "",
formatter: null,
name: {
color: o,
fontSize: a._16,
bold: !0
}
}
},
verticalSeparator: {
stroke: t,
strokeWidth: 5
},
links: {
opacity: 10
},
branches: {
stroke: t,
strokeWidth: 0,
borderRadius: 6,
useGradient: !0,
gradientIntensity: 20,
underlayerColor: t,
widthRatio: 1.5,
labels: {
show: !0,
fontSize: a._14,
color: o,
bold: !0,
dataLabels: {
show: !0,
hideUnderValue: 5,
fontSize: a._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: a._12,
bold: !0,
prefix: "",
suffix: "",
formatter: null
},
core: {
total: {
color: o,
fontSize: a._24,
bold: !1
},
value: {
color: o,
fontSize: a._24,
bold: !0,
prefix: "",
suffix: ""
}
}
}
}
},
legend: {
fontSize: a._16,
color: o,
roundingValue: 0,
roundingPercentage: 0,
prefix: "",
suffix: ""
},
title: {
...A,
offsetY: 0,
subtitle: {
...A.subtitle,
offsetY: 0
}
}
}
}
},
table: {
...x,
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: h({
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
translations: {
total: "Total",
proportionToTree: "of grand total",
of: "of"
}
}, po = {
responsive: !1,
theme: "",
customPalette: [],
useCssAnimation: !0,
useStartAnimation: !0,
useBlurOnHover: !0,
style: {
fontFamily: "inherit",
chart: {
backgroundColor: t,
color: o,
useGradient: !0,
gradientIntensity: 20,
layout: {
maxThickness: 64,
gutter: {
color: r,
width: 0.62
},
track: {
width: 0.62
},
labels: {
show: !0,
fontSize: a._14,
color: o,
roundingValue: 0,
roundingPercentage: 0,
bold: !0,
offsetX: 0,
offsetY: 0,
value: {
show: !0,
formatter: null
},
percentage: {
show: !0
}
}
},
title: A,
legend: {
...F,
roundingValue: 0,
roundingPercentage: 0
},
tooltip: {
...E,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0
}
}
},
userOptions: h({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
table: {
...x,
th: B,
td: {
...m,
roundingValue: 0,
roundingPercentage: 0
},
translations: {
value: "Value",
percentage: "Percentage",
serie: "Serie"
}
}
}, Do = {
responsive: !1,
theme: "",
customPalette: [],
useCssAnimation: !0,
events: {
datapointEnter: null,
datapointLeave: null,
datapointClick: null
},
style: {
fontFamily: "inherit",
chart: {
backgroundColor: t,
color: o,
layout: {
bars: {
sort: y.DESC,
useStroke: !1,
strokeWidth: 2,
height: 32,
gap: 6,
borderRadius: 4,
offsetX: 64,
paddingRight: 0,
useGradient: !0,
gradientIntensity: 20,
fillOpacity: 90,
underlayerColor: t,
dataLabels: {
color: o,
bold: !0,
fontSize: a._12,
value: {
show: !0,
roundingValue: 0,
prefix: "",
suffix: "",
formatter: null
},
percentage: {
show: !0,
roundingPercentage: 0
},
offsetX: 0
},
nameLabels: {
show: !0,
color: o,
bold: !1,
fontSize: a._10,
offsetX: 0
},
parentLabels: {
show: !0,
color: o,
bold: !1,
fontSize: a._10,
offsetX: 0
}
},
highlighter: {
color: o,
opacity: 5
},
separators: {
show: !0,
color: r,
strokeWidth: 1
}
},
title: A,
legend: {
...F,
position: g.TOP,
roundingValue: 0,
roundingPercentage: 0,
prefix: "",
suffix: ""
},
tooltip: {
...E,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0,
prefix: "",
suffix: ""
}
}
},
userOptions: h({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
sort: !0,
fullscreen: !0,
annotator: !0
}),
table: {
...x,
th: B,
td: {
...m,
roundingValue: 0,
roundingPercentage: 0,
prefix: "",
suffix: ""
}
},
translations: {
parentName: "Serie",
childName: "Child",
value: "value",
percentageToTotal: "%/total",
percentageToSerie: "%/serie"
}
}, Bo = {
theme: "",
style: {
fontFamily: "inherit",
backgroundColor: t,
color: o,
layout: {
padding: D([36, 12, 12, 48]),
cells: {
height: 36,
rowTotal: {
value: {
show: !1
},
color: {
show: !1
}
},
columnTotal: {
value: {
show: !1,
rotation: 0,
offsetX: 0,
offsetY: 0
},
color: {
show: !1
}
},
value: {
show: !1,
fontSize: a._18,
bold: !1,
roundingValue: 0,
color: o,
formatter: null
},
colors: {
hot: s,
cold: n,
underlayer: t
},
spacing: 2,
selected: {
border: 4,
color: o
}
},
dataLabels: {
prefix: "",
suffix: "",
xAxis: {
show: !0,
values: [],
showOnlyAtModulo: null,
rotation: 0,
fontSize: a._10,
color: o,
bold: !1,
offsetX: 0,
offsetY: 0
},
yAxis: {
show: !0,
values: [],
fontSize: a._10,
color: o,
bold: !1,
offsetX: 0,
offsetY: 0
}
}
},
title: A,
legend: {
...F,
fontSize: a._12,
roundingValue: 0,
position: g.RIGHT,
scaleBorderRadius: 18
},
tooltip: {
...E,
roundingValue: 0
}
},
userOptions: h({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
table: {
...x,
colNames: {
xAxis: "X"
},
th: B,
td: {
...m,
roundingValue: 0
}
}
}, yo = {
responsive: !1,
theme: "",
customPalette: [],
useCssAnimation: !0,
downsample: p,
style: {
fontFamily: "inherit",
backgroundColor: t,
color: o,
layout: {
height: 316,
width: 512,
padding: D([36, 48, 36, 48]),
axis: {
show: !0,
stroke: r,
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: t,
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: a._12,
color: o,
rounding: 2,
bold: !1,
showName: !0,
prefix: "",
suffix: "",
x: {
formatter: null
},
y: {
formatter: null
}
},
markers: {
radius: 1.5,
stroke: t,
strokeWidth: 0.5,
fill: o
}
}
},
correlation: {
show: !0,
strokeDasharray: 2,
strokeWidth: 1,
label: {
show: !0,
fontSize: a._12,
color: o,
bold: !0,
roundingValue: 2,
useSerieColor: !0
}
},
dataLabels: {
xAxis: {
name: "xAxis",
show: !0,
fontSize: a._10,
color: o,
bold: !1,
offsetX: 0,
offsetY: 0,
roundingValue: 0
},
yAxis: {
name: "yAxis",
show: !0,
fontSize: a._10,
color: o,
bold: !1,
offsetX: 0,
offsetY: 0,
roundingValue: 0
}
}
},
title: A,
legend: {
...F,
roundingValue: 0
},
tooltip: {
...E,
roundingValue: 2,
showShape: !0,
prefix: "",
suffix: ""
}
},
userOptions: h({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
table: {
...x,
th: B,
td: {
...m,
roundingValue: 2,
roundingAverage: 1
},
translations: {
correlationCoefficient: "Correlation Coef.",
nbrPlots: "Nbr plots",
average: "Average",
series: "Series"
}
}
}, mo = {
responsive: !1,
responsiveProportionalSizing: !0,
theme: "",
useCssAnimation: !0,
style: {
fontFamily: "inherit",
backgroundColor: t,
color: o,
height: 316,
width: 512,
layout: {
padding: D([36, 48, 36, 48]),
selector: {
color: r,
opacity: 10
},
grid: {
show: !0,
stroke: r,
strokeWidth: 0.5,
xAxis: {
dataLabels: {
show: !0,
fontSize: a._10,
color: o,
offsetY: 0,
bold: !1,
rotation: 0,
datetimeFormatter: w
}
},
yAxis: {
scale: {
min: null,
max: null
},
dataLabels: {
show: !0,
fontSize: a._12,
color: o,
roundingValue: 0,
offsetX: 0,
bold: !1,
steps: 10,
prefix: "",
suffix: ""
}
}
},
wick: {
stroke: o,
strokeWidth: 0.5,
extremity: {
shape: f.LINE,
size: "auto",
color: o
}
},
candle: {
borderRadius: 1,
stroke: o,
strokeWidth: 0.5,
colors: {
bearish: s,
bullish: u
},
gradient: {
show: !0,
underlayer: t
},
widthRatio: 0.5
}
},
zoom: O,
title: A,
tooltip: {
...E,
roundingValue: 0,
prefix: "",
suffix: ""
}
},
translations: {
period: "Period",
open: "Open",
high: "High",
low: "Low",
last: "Last",
volume: "Volume"
},
userOptions: h({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
table: {
...x,
th: B,
td: {
...m,
roundingValue: 2,
prefix: "",
suffix: ""
}
}
}, xo = {
theme: "",
responsive: !1,
type: f.LINE,
downsample: p,
style: {
chartWidth: 290,
animation: {
show: !0,
animationFrames: 360
},
padding: D([12, 0, 3, 0]),
fontFamily: "inherit",
backgroundColor: t,
scaleMin: null,
scaleMax: null,
line: {
color: n,
strokeWidth: 3,
smooth: !1
},
bar: {
borderRadius: 3,
color: n
},
zeroLine: {
color: o,
strokeWidth: 1
},
plot: {
show: !0,
radius: 4,
stroke: t,
strokeWidth: 1
},
verticalIndicator: {
show: !0,
strokeWidth: 1.5,
color: n,
strokeDasharray: 3
},
dataLabel: {
show: !0,
position: g.LEFT,
offsetX: 0,
offsetY: 0,
fontSize: a._20,
bold: !0,
color: o,
roundingValue: 0,
valueType: "latest",
prefix: "",
suffix: "",
formatter: null
},
title: {
show: !0,
textAlign: g.LEFT,
color: o,
fontSize: a._16,
bold: !0,
text: ""
},
tooltip: {
show: !1,
fontSize: a._14,
color: o,
backgroundColor: t,
offsetY: 0,
borderWidth: 0,
borderColor: r,
borderRadius: 2,
backgroundOpacity: 100
},
area: {
show: !0,
useGradient: !0,
opacity: 30,
color: n
}
}
}, wo = {
theme: "",
customPalette: [],
style: {
fontFamily: "inherit",
backgroundColor: t,
animation: {
show: !0,
animationFrames: 60
},
layout: {
independant: !0,
percentage: !0,
target: 0,
showTargetValue: !1,
targetValueText: ""
},
gutter: {
backgroundColor: r,
opacity: 100
},
bar: {
gradient: {
show: !0,
intensity: 40,
underlayerColor: t
}
},
labels: {
fontSize: a._16,
name: {
position: "top-left",
width: "100%",
color: o,
bold: !1
},
value: {
show: !0,
bold: !0
}
},
title: {
text: "",
color: o,
fontSize: a._16,
bold: !0,
textAlign: g.LEFT,
margin: "0 0 6px 0",
subtitle: {
color: e,
text: "",
fontSize: a._12,
bold: !1
}
},
gap: 4
}
}, Lo = {
theme: "",
customPalette: [],
style: {
fontFamily: "inherit",
backgroundColor: t,
animation: {
show: !0,
animationFrames: 60
},
bar: {
gradient: {
show: !0,
intensity: 40,
underlayerColor: t
}
},
legend: {
show: !0,
textAlign: g.LEFT,
fontSize: a._12,
margin: "6px 0 0 0",
name: {
color: o,
bold: !1
},
value: {
show: !0,
bold: !1,
color: o,
prefix: "",
suffix: "",
rounding: 0,
formatter: null
},
percentage: {
show: !0,
bold: !0,
color: o,
rounding: 1
}
},
title: {
...A,
textAlign: g.LEFT,
margin: "0 0 6px 0"
},
tooltip: {
...E
}
}
}, vo = {
theme: "",
style: {
fontFamily: "inherit",
backgroundColor: t,
animation: {
show: !0,
speedMs: 500
},
layout: {
height: 96,
width: 640,
padding: D([24, 0, 36, 0])
},
bars: {
shape: f.SQUARE,
strokeWidth: 0,
colors: {
positive: n,
negative: s,
gradient: {
show: !0
}
},
borderRadius: 24,
gap: 12
},
labels: {
value: {
fontSize: a._14,
color: o,
bold: !0,
rounding: 1,
prefix: "",
suffix: "",
offsetY: 0,
formatter: null
},
valueLabel: {
fontSize: a._14,
color: o,
bold: !1,
rounding: 0
},
timeLabel: {
fontSize: a._12,
color: o,
bold: !1
}
},
selector: {
stroke: n,
strokeWidth: 2,
strokeDasharray: 0,
borderRadius: 2
},
title: {
text: "",
color: o,
fontSize: a._16,
bold: !0,
textAlign: g.LEFT,
subtitle: {
color: e,
text: "",
fontSize: a._12,
bold: !