vue-data-ui-hq
Version:
A user-empowering data visualization Vue 3 components library for eloquent data storytelling
2,362 lines • 253 kB
JavaScript
import { defineAsyncComponent as g } from "vue";
function le() {
const o = "#2D353C", l = "#A1A1A1", e = "#e1e5e8", a = "#CCCCCC", n = "#4A4A4A", t = "#FFFFFF", c = "#fafafa", s = "#5f8bee", u = "#dc3912", i = "#2ca02c", f = "#42d392", d = "#FFD055", r = {
_10: 10,
_12: 12,
_14: 14,
_16: 16,
_18: 18,
_20: 20,
_24: 24,
_32: 32,
_48: 48
}, A = {
LINE: "line",
SQUARE: "square",
ROUND: "round",
CIRCLE: "circle",
CURVED: "curved",
BAR: "bar",
STAR: "star"
}, b = {
LEFT: "left",
CENTER: "center",
RIGHT: "right",
BOTTOM: "bottom",
TOP: "top"
}, F = {
ASC: "asc",
DESC: "desc"
}, x = {
threshold: 500
}, C = {
text: "",
color: o,
fontSize: r._20,
bold: !0,
textAlign: b.CENTER,
paddingLeft: 0,
paddingRight: 0,
subtitle: {
color: l,
text: "",
fontSize: r._16,
bold: !1
}
}, k = {
show: !0,
bold: !1,
backgroundColor: t,
color: o,
fontSize: r._14
}, y = {
show: !0,
color: o,
backgroundColor: t,
fontSize: r._14,
customFormat: null,
borderRadius: 4,
borderColor: e,
borderWidth: 1,
backgroundOpacity: 100,
position: b.CENTER,
offsetY: 24
}, h = ({
tooltip: D = !1,
pdf: V = !1,
csv: I = !1,
img: W = !1,
table: U = !1,
labels: Y = !1,
fullscreen: G = !1,
sort: H = !1,
stack: $ = !1,
animation: X = !1,
annotator: K = !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 D || delete v.tooltip, V || delete v.pdf, I || delete v.csv, W || delete v.img, U || delete v.table, Y || delete v.labels, G || delete v.fullscreen, H || delete v.sort, $ || delete v.stack, X || delete v.animation, K || delete v.annotator, {
show: !0,
showOnChartHover: !1,
keepStateOnChartLeave: !0,
position: "right",
buttons: {
tooltip: D,
pdf: V,
csv: I,
img: W,
table: U,
labels: Y,
fullscreen: G,
sort: H,
stack: $,
animation: X,
annotator: K
},
buttonTitles: v
};
}, E = (D) => ({
top: D[0],
right: D[1],
bottom: D[2],
left: D[3]
}), m = {
backgroundColor: c,
color: o,
outline: "none"
}, _ = {
backgroundColor: t,
color: o,
outline: "none"
}, w = {
show: !1,
responsiveBreakpoint: 400
}, B = {
show: !0,
color: a,
highlightColor: n,
fontSize: r._14,
useResetSlot: !1,
startIndex: null,
endIndex: null
}, S = {
show: !1,
smooth: !1,
selectedColor: "#1f77b4",
selectedColorOpacity: 0.2,
lineColor: "#2D353C",
selectionRadius: 2,
indicatorColor: "#2D353C"
}, Z = {
theme: "",
responsive: !1,
customPalette: [],
useCssAnimation: !0,
orientation: "vertical",
// or 'horizontal'
table: {
...w,
columnNames: {
period: "Period",
total: "Total"
},
th: m,
td: {
..._,
roundingValue: 0
}
},
userOptions: h({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
labels: !0,
fullscreen: !0,
annotator: !0
// IDEA : add a distributed toggle ?
}),
style: {
fontFamily: "inherit",
chart: {
backgroundColor: t,
color: o,
height: 500,
width: 800,
padding: E([24, 24, 36, 48]),
title: C,
legend: k,
zoom: B,
tooltip: {
...y,
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: r._16,
bold: !1,
color: o
},
dataLabels: {
show: !0,
hideEmptyValues: !1,
hideEmptyPercentages: !1,
adaptColorToBackground: !0,
color: o,
fontSize: r._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: e,
axisThickness: 2,
axisName: {
show: !0,
text: "",
fontSize: r._14,
color: o,
bold: !1,
offsetY: 0
},
timeLabels: {
show: !0,
values: [],
offsetY: 0,
rotation: 0,
fontSize: r._14,
color: o,
bold: !1
}
},
y: {
showAxis: !0,
showVerticalLines: !1,
axisColor: e,
axisThickness: 2,
axisName: {
show: !0,
text: "",
fontSize: r._14,
color: o,
bold: !1,
offsetX: 0
},
axisLabels: {
show: !0,
color: o,
fontSize: r._14,
bold: !1
}
}
}
}
}
}, J = {
theme: "",
responsive: !1,
customPalette: [],
useCssAnimation: !0,
downsample: x,
chart: {
fontFamily: "inherit",
backgroundColor: t,
color: o,
height: 600,
width: 1e3,
zoom: {
...B,
minimap: S
},
padding: E([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: r._10,
color: o,
bold: !1,
offsetY: 0,
width: "auto",
padding: 3,
textAlign: b.CENTER
}
},
timeTag: {
show: !1,
backgroundColor: e,
color: o,
fontSize: r._12,
circleMarker: {
radius: 3,
color: o
}
},
grid: {
stroke: e,
showVerticalLines: !1,
showHorizontalLines: !1,
position: "middle",
// or 'start'
frame: {
show: !1,
stroke: e,
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
strokeDasharray: 0
},
labels: {
show: !0,
color: o,
fontSize: r._16,
axis: {
yLabel: "",
yLabelOffsetX: 0,
xLabel: "",
xLabelOffsetY: 14,
fontSize: r._14
},
zeroLine: {
show: !0
},
xAxis: {
showBaseline: !1
},
yAxis: {
showBaseline: !0,
commonScaleSteps: 10,
useIndividualScale: !1,
stacked: !1,
gap: 12,
labelWidth: 40,
formatter: null,
scaleMin: null,
// Overrides auto scaling
scaleMax: null
// idem
},
xAxisLabels: {
color: o,
show: !0,
values: [],
fontSize: r._14,
showOnlyFirstAndLast: !1,
showOnlyAtModulo: !1,
modulo: 12,
yOffset: 24,
rotation: 0
}
}
},
comments: {
show: !0,
showInTooltip: !0,
width: 200,
offsetX: 0,
offsetY: 0
},
labels: {
fontSize: r._10,
prefix: "",
suffix: ""
},
legend: {
color: o,
show: !0,
fontSize: r._14
},
title: {
...C,
show: !0
},
tooltip: {
...y,
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,
dot: {
useSerieColor: !0,
fill: "#FFFFFF",
strokeWidth: 0.5
},
labels: {
show: !1,
offsetY: -6,
rounding: 0,
color: o,
formatter: null
},
area: {
useGradient: !0,
opacity: 30
}
},
plot: {
radius: 3,
useGradient: !0,
dot: {
useSerieColor: !0,
fill: "#FFFFFF",
strokeWidth: 0.5
},
labels: {
show: !1,
offsetY: -6,
rounding: 0,
color: o,
formatter: null
}
},
table: {
responsiveBreakpoint: 400,
rounding: 0,
sparkline: !0,
showSum: !0,
columnNames: {
period: "Period",
total: "Total"
},
th: m,
td: _
},
showTable: !1
}, oo = {
type: "classic",
responsive: !1,
theme: "",
customPalette: [],
useCssAnimation: !0,
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: {
...w,
th: m,
td: {
..._,
roundingValue: 0,
roundingPercentage: 0
},
columnNames: {
series: "Series",
value: "Value",
percentage: "Percentage"
}
},
style: {
fontFamily: "inherit",
chart: {
useGradient: !0,
gradientIntensity: 40,
backgroundColor: t,
color: o,
layout: {
labels: {
dataLabels: {
show: !0,
useLabelSlots: !1,
hideUnderValue: 3,
prefix: "",
suffix: ""
},
value: {
rounding: 0,
show: !0,
formatter: null
},
percentage: {
color: o,
bold: !0,
fontSize: r._18,
rounding: 0,
formatter: null
},
name: {
color: o,
bold: !1,
fontSize: r._14
},
hollow: {
show: !0,
total: {
show: !0,
bold: !1,
fontSize: r._18,
color: l,
text: "Total",
offsetY: 0,
value: {
color: o,
fontSize: r._18,
bold: !0,
suffix: "",
prefix: "",
offsetY: 0,
rounding: 0,
formatter: null
}
},
average: {
show: !0,
bold: !1,
fontSize: r._18,
color: l,
text: "Average",
offsetY: 0,
value: {
color: o,
fontSize: r._18,
bold: !0,
suffix: "",
prefix: "",
offsetY: 0,
rounding: 0,
formatter: null
}
}
}
},
donut: {
strokeWidth: 55,
borderWidth: 1,
useShadow: !1,
shadowColor: o
}
},
comments: {
show: !0,
showInTooltip: !0,
width: 100,
offsetY: 0,
offsetX: 0
},
legend: {
...k,
roundingValue: 0,
roundingPercentage: 0
},
tooltip: {
...y,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0
},
title: C
}
}
}, eo = {
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: E([0, 6, 12, 6]),
layout: {
sorted: !0,
rects: {
stroke: e,
strokeWidth: 1,
borderRadius: 0,
colorRatio: 0.3,
gradient: {
show: !0,
intensity: 30
},
selected: {
stroke: e,
strokeWidth: 1,
unselectedOpacity: 0.6
}
},
labels: {
showDefaultLabels: !0,
fontSize: r._24,
minFontSize: r._10,
hideUnderProportion: 0.03,
prefix: "Value: ",
suffix: "",
rounding: 0,
formatter: null
}
},
legend: {
...k,
roundingValue: 0,
roundingPercentage: 0
},
title: C,
tooltip: {
...y,
roundingValue: 1
}
}
},
table: {
...w,
columnNames: {
series: "Series",
value: "Value",
percentage: "Percentage"
},
th: m,
td: {
..._,
roundingValue: 0,
roundingPercentage: 0
}
}
}, to = {
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: r._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: {
...y,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0
},
legend: {
...k,
roundingValue: 0,
roundingPercentage: 0
}
}
},
userOptions: h({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
table: {
...w,
columnNames: {
series: "Series",
value: "Value",
percentage: "Percentage"
},
th: m,
td: {
..._,
roundingValue: 0,
roundingPercentage: 0
}
}
}, ro = {
responsive: !1,
theme: "",
customPalette: [],
useCssAnimation: !0,
style: {
fontFamily: "inherit",
chart: {
backgroundColor: t,
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: e,
strokeWidth: 0.5,
graduations: 5
},
labels: {
dataLabels: {
show: !0,
fontSize: r._12,
color: o
}
}
},
title: C,
tooltip: {
...y,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0,
animation: {
show: !0,
animationFrames: 60
}
},
legend: {
...k,
roundingPercentage: 0
}
}
},
table: {
...w,
th: m,
td: {
..._,
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"
}
}, lo = {
responsive: !1,
theme: "",
customPalette: [],
useCssAnimation: !0,
zoomAnimationFrames: 20,
downsample: x,
style: {
fontFamily: "inherit",
chart: {
height: 512,
width: 512,
backgroundColor: t,
color: o,
layout: {
labels: {
quadrantLabels: {
show: !0,
tl: {
text: "",
color: o,
fontSize: r._16,
bold: !0
},
tr: {
text: "",
color: o,
fontSize: r._16,
bold: !0
},
br: {
text: "",
color: o,
fontSize: r._16,
bold: !0
},
bl: {
text: "",
color: o,
fontSize: r._16,
bold: !0
}
},
plotLabels: {
showAsTag: !1,
show: !0,
fontSize: r._10,
color: o,
offsetY: 8,
rounding: 0,
x: {
formatter: null
},
y: {
formatter: null
}
},
axisLabels: {
show: !0,
fontSize: r._14,
color: {
positive: o,
negative: o
}
}
},
grid: {
stroke: e,
strokeWidth: 1.5,
showArrows: !0,
graduations: {
stroke: e,
strokeWidth: 0.5,
show: !0,
steps: 5,
fill: !0,
color: e,
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: C,
tooltip: {
...y,
roundingValue: 0,
showShape: !0
},
legend: k
}
},
table: {
...w,
th: m,
td: {
..._,
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"
}
}, ao = {
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: r._16,
useSerieColor: !0,
color: o,
bold: !1
},
pointer: {
type: "pointy",
size: 1,
stroke: t,
strokeWidth: 12,
useRatingColor: !0,
color: a,
circle: {
radius: 10,
stroke: o,
strokeWidth: 2,
color: t
}
}
},
legend: {
show: !0,
fontSize: r._48,
prefix: "",
suffix: "",
roundingValue: 1,
showPlusSymbol: !0,
useRatingColor: !0,
color: o,
formatter: null
},
title: C
}
},
userOptions: h({
pdf: !0,
img: !0,
fullscreen: !0,
annotator: !0
}),
translations: {
base: "Base"
}
}, no = {
responsive: !1,
theme: "",
style: {
fontFamily: "inherit",
chart: {
backgroundColor: t,
color: o,
animation: {
use: !0,
speed: 0.5,
acceleration: 1
},
layout: {
wheel: {
ticks: {
rounded: !0,
inactiveColor: e,
activeColor: s,
sizeRatio: 0.9,
gradient: {
show: !0,
shiftHueIntensity: 100
}
}
},
innerCircle: {
show: !0,
stroke: e,
strokeWidth: 1
},
percentage: {
show: !0,
fontSize: r._48,
rounding: 1,
bold: !0,
formatter: null
}
},
title: C
}
},
userOptions: h({
pdf: !0,
img: !0,
fullscreen: !0,
annotator: !0
})
}, so = {
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: s,
inactiveColor: e,
ticks: {
gradient: {
show: !0,
shiftHueIntensity: 100
}
}
},
percentage: {
show: !0,
useGradientColor: !0,
color: s,
fontSize: r._16,
bold: !0,
rounding: 1,
verticalPosition: b.BOTTOM,
horizontalPosition: b.LEFT,
formatter: null
},
title: C
}
},
userOptions: h({
pdf: !0,
img: !0,
fullscreen: !0,
annotator: !0
})
}, io = {
theme: "",
customPalette: [],
style: {
fontFamily: "inherit",
chart: {
backgroundColor: t,
color: o,
layout: {
grandTotal: {
show: !0,
fontSize: r._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: r._16,
adaptColorToBackground: !0,
color: t,
bold: !0,
roundingValue: 0,
prefix: "",
suffix: "",
formatter: null,
name: {
color: o,
fontSize: r._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: r._14,
color: o,
bold: !0,
dataLabels: {
show: !0,
hideUnderValue: 5,
fontSize: r._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: r._12,
bold: !0,
prefix: "",
suffix: "",
formatter: null
},
core: {
total: {
color: o,
fontSize: r._24,
bold: !1
},
value: {
color: o,
fontSize: r._24,
bold: !0,
prefix: "",
suffix: ""
}
}
}
}
},
legend: {
fontSize: r._16,
color: o,
roundingValue: 0,
roundingPercentage: 0,
prefix: "",
suffix: ""
},
title: {
...C,
offsetY: 0,
subtitle: {
...C.subtitle,
offsetY: 0
}
}
}
}
},
table: {
...w,
th: {
...m,
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: {
..._,
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"
}
}, co = {
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: e,
width: 0.62
},
track: {
width: 0.62
},
labels: {
show: !0,
fontSize: r._14,
color: o,
roundingValue: 0,
roundingPercentage: 0,
bold: !0,
offsetX: 0,
offsetY: 0,
value: {
show: !0,
formatter: null
},
percentage: {
show: !0
}
}
},
title: C,
legend: {
...k,
roundingValue: 0,
roundingPercentage: 0
},
tooltip: {
...y,
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: {
...w,
th: m,
td: {
..._,
roundingValue: 0,
roundingPercentage: 0
},
translations: {
value: "Value",
percentage: "Percentage",
serie: "Serie"
}
}
}, uo = {
responsive: !1,
theme: "",
customPalette: [],
useCssAnimation: !0,
style: {
fontFamily: "inherit",
chart: {
backgroundColor: t,
color: o,
layout: {
bars: {
sort: F.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: r._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: r._10,
offsetX: 0
},
parentLabels: {
show: !0,
color: o,
bold: !1,
fontSize: r._10,
offsetX: 0
}
},
highlighter: {
color: o,
opacity: 5
},
separators: {
show: !0,
color: e,
strokeWidth: 1
}
},
title: C,
legend: {
...k,
position: b.TOP,
roundingValue: 0,
roundingPercentage: 0,
prefix: "",
suffix: ""
},
tooltip: {
...y,
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: {
...w,
th: m,
td: {
..._,
roundingValue: 0,
roundingPercentage: 0,
prefix: "",
suffix: ""
}
},
translations: {
parentName: "Serie",
childName: "Child",
value: "value",
percentageToTotal: "%/total",
percentageToSerie: "%/serie"
}
}, fo = {
theme: "",
style: {
fontFamily: "inherit",
backgroundColor: t,
color: o,
layout: {
padding: E([36, 12, 12, 48]),
cells: {
height: 36,
value: {
show: !1,
fontSize: r._18,
bold: !1,
roundingValue: 0,
color: o,
formatter: null
},
colors: {
hot: u,
cold: s,
underlayer: t
},
spacing: 2,
selected: {
border: 4,
color: o
}
},
dataLabels: {
prefix: "",
suffix: "",
xAxis: {
show: !0,
values: [],
showOnlyAtModulo: null,
rotation: 0,
fontSize: r._10,
color: o,
bold: !1,
offsetX: 0,
offsetY: 0
},
yAxis: {
show: !0,
values: [],
fontSize: r._10,
color: o,
bold: !1,
offsetX: 0,
offsetY: 0
}
}
},
title: C,
legend: {
...k,
fontSize: r._12,
roundingValue: 0,
position: b.RIGHT,
scaleBorderRadius: 18
},
tooltip: {
...y,
roundingValue: 0
}
},
userOptions: h({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
table: {
...w,
colNames: {
xAxis: "X"
},
th: m,
td: {
..._,
roundingValue: 0
}
}
}, Ao = {
responsive: !1,
theme: "",
customPalette: [],
useCssAnimation: !0,
downsample: x,
style: {
fontFamily: "inherit",
backgroundColor: t,
color: o,
layout: {
height: 316,
width: 512,
padding: E([36, 48, 36, 48]),
axis: {
show: !0,
stroke: e,
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: r._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: r._12,
color: o,
bold: !0,
roundingValue: 2,
useSerieColor: !0
}
},
dataLabels: {
xAxis: {
name: "xAxis",
show: !0,
fontSize: r._10,
color: o,
bold: !1,
offsetX: 0,
offsetY: 0,
roundingValue: 0
},
yAxis: {
name: "yAxis",
show: !0,
fontSize: r._10,
color: o,
bold: !1,
offsetX: 0,
offsetY: 0,
roundingValue: 0
}
}
},
title: C,
legend: {
...k,
roundingValue: 0
},
tooltip: {
...y,
roundingValue: 2,
showShape: !0,
prefix: "",
suffix: ""
}
},
userOptions: h({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0
}),
table: {
...w,
th: m,
td: {
..._,
roundingValue: 2,
roundingAverage: 1
},
translations: {
correlationCoefficient: "Correlation Coef.",
nbrPlots: "Nbr plots",
average: "Average",
series: "Series"
}
}
}, bo = {
responsive: !1,
theme: "",
useCssAnimation: !0,
style: {
fontFamily: "inherit",
backgroundColor: t,
color: o,
height: 316,
width: 512,
layout: {
padding: E([36, 48, 36, 48]),
selector: {
color: e,
opacity: 10
},
grid: {
show: !0,
stroke: e,
strokeWidth: 0.5,
xAxis: {
dataLabels: {
show: !0,
fontSize: r._10,
color: o,
offsetY: 0,
bold: !1,
rotation: 0
}
},
yAxis: {
dataLabels: {
show: !0,
fontSize: r._12,
color: o,
roundingValue: 0,
offsetX: 0,
bold: !1,
steps: 10,
prefix: "",
suffix: ""
}
}
},
wick: {
stroke: o,
strokeWidth: 0.5,
extremity: {
shape: A.LINE,
size: "auto",
color: o
}
},
candle: {
borderRadius: 1,
stroke: o,
strokeWidth: 0.5,
colors: {
bearish: u,
bullish: i
},
gradient: {
show: !0,
underlayer: t
},
widthRatio: 0.5
}
},
zoom: B,
title: C,
tooltip: {
...y,
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: {
...w,
th: m,
td: {
..._,
roundingValue: 2,
prefix: "",
suffix: ""
}
}
}, Co = {
theme: "",
responsive: !1,
type: A.LINE,
downsample: x,
style: {
chartWidth: 290,
animation: {
show: !0,
animationFrames: 360
},
fontFamily: "inherit",
backgroundColor: t,
scaleMin: null,
scaleMax: null,
line: {
color: s,
strokeWidth: 3,
smooth: !1
},
bar: {
borderRadius: 3,
color: s
},
zeroLine: {
color: o,
strokeWidth: 1
},
plot: {
show: !0,
radius: 4,
stroke: t,
strokeWidth: 1
},
verticalIndicator: {
show: !0,
strokeWidth: 1.5,
color: s,
strokeDasharray: 3
},
dataLabel: {
show: !0,
position: b.LEFT,
offsetX: 0,
offsetY: 0,
fontSize: r._20,
bold: !0,
color: o,
roundingValue: 0,
valueType: "latest",
prefix: "",
suffix: "",
formatter: null
},
title: {
show: !0,
textAlign: b.LEFT,
color: o,
fontSize: r._16,
bold: !0,
text: ""
},
area: {
show: !0,
useGradient: !0,
opacity: 30,
color: s
}
}
}, go = {
theme: "",
customPalette: [],
style: {
fontFamily: "inherit",
backgroundColor: t,
animation: {
show: !0,
animationFrames: 60
},
layout: {
independant: !0,
percentage: !0,
target: 0,
showTargetValue: !1,
targetValueText: ""
},
gutter: {
backgroundColor: e,
opacity: 100
},
bar: {
gradient: {
show: !0,
intensity: 40,
underlayerColor: t
}
},
labels: {
fontSize: r._16,
name: {
position: "top-left",
width: "100%",
color: o,
bold: !1
},
value: {
show: !0,
bold: !0
}
},
title: {
text: "",
color: o,
fontSize: r._16,
bold: !0,
textAlign: b.LEFT,
margin: "0 0 6px 0",
subtitle: {
color: l,
text: "",
fontSize: r._12,
bold: !1
}
},
gap: 4
}
}, ho = {
theme: "",
customPalette: [],
style: {
fontFamily: "inherit",
backgroundColor: t,
animation: {
show: !0,
animationFrames: 60
},
bar: {
gradient: {
show: !0,
intensity: 40,
underlayerColor: t
}
},
legend: {
show: !0,
textAlign: b.LEFT,
fontSize: r._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: {
...C,
textAlign: b.LEFT,
margin: "0 0 6px 0"
},
tooltip: {
...y
}
}
}, ko = {
theme: "",
style: {
fontFamily: "inherit",
backgroundColor: t,
animation: {
show: !0,
speedMs: 500
},
layout: {
height: 96,
width: 640,
padding: E([24, 0, 36, 0])
},
bars: {
shape: A.SQUARE,
strokeWidth: 0,
colors: {
positive: s,
negative: u,
gradient: {
show: !0
}
},
borderRadius: 24,
gap: 12
},
labels: {
value: {
fontSize: r._14,
color: o,
bold: !0,
rounding: 1,
prefix: "",
suffix: "",
offsetY: 0,
formatter: null
},
valueLabel: {
fontSize: r._14,
color: o,
bold: !1,
rounding: 0
},
timeLabel: {
fontSize: r._12,
color: o,
bold: !1
}
},
selector: {
stroke: s,
strokeWidth: 2,
strokeDasharray: 0,
borderRadius: 2
},
title: {
text: "",
color: o,
fontSize: r._16,
bold: !0,
textAlign: b.LEFT,
subtitle: {
color: l,
text: "",
fontSize: r._12,
bold: !1
},
margin: "0 0 6px 0"
}
}
}, po = {
theme: "",
style: {
fontFamily: "inherit",
background: t,
height: 84,
basePosition: 72,
animation: {
show: !0,
speedMs: 150
},
title: {
show: !0,
fontSize: r._12,
position: b.TOP,
textAlign: b.CENTER,
bold: !1,
color: o
},
dataLabel: {
fontSize: r._20,
autoColor: !0,
color: o,
offsetY: 0,
bold: !0,
rounding: 0,
prefix: "",
suffix: "",
formatter: null
},
colors: {
min: u,
max: i,
showGradient: !0
},
track: {
autoColor: !0,
color: s,
strokeLinecap: A.ROUND
},
gutter: {
color: e,
strokeLinecap: A.ROUND
}
}
}, mo = {
theme: "",
downsample: x,
style: {
fontFamily: "inherit",
backgroundColor: t,
animation: {
show: !0,
animationFrames: 20
},
line: {
stroke: o,
strokeWidth: 2,
strokeLinecap: A.ROUND,
strokeLinejoin: A.ROUND,
smooth: !0,
useColorTrend: !0
},
area: {
show: !0,
useGradient: !0,
opacity: 20
},
dataLabel: {
show: !0,
useColorTrend: !0,
color: o,
fontSize: r._14,
bold: !1,
prefix: "",
suffix: "",
rounding: 0,
formatter: null
},
trendLabel: {
trendType: "global",
useColorTrend: !0,
color: o,
fontSize: r._14,
bold: !0,
rounding: 0
},
arrow: {
colors: {
positive: i,
neutral: l,
negative: u
}
},
padding: E([12, 12, 12, 82])
}
}, yo = {
responsive: !1,
theme: "",
axisLabelsFontSize: r._12,
backgroundColor: t,
barGap: 12,
barAnimated: !0,
barStrokeWidth: 1,
blurOnHover: !0,
chartIsBarUnderDatasetLength: 6,
color: o,
customPalette: [],
dataLabelFontSize: r._14,
dataLabelRoundingPercentage: 1,
dataLabelRoundingValue: 0,
donutHideLabelUnderPercentage: 3,
donutLabelMarkerStrokeWidth: 1,
donutRadiusRatio: 0.4,
donutShowTotal: !0,
donutStrokeWidth: 2,
donutThicknessRatio: 0.18,
donutTotalLabelFontSize: 24,
donutTotalLabelOffsetY: 0,
donutTotalLabelText: "Total",
donutUseShadow: !1,
donutShadowColor: o,
fontFamily: "inherit",
formatter: null,
height: 338,
legendFontSize: r._12,
legendIcon: "circleFill",
legendIconSize: r._12,
lineAnimated: !0,
lineSmooth: !0,
lineStrokeWidth: 2,
paletteStartIndex: 0,
showDataLabels: !0,
showLegend: !0,
showTooltip: !0,
showUserOptions: !0,
userOptionsPosition: "right",
showUserOptionsOnChartHover: !1,
keepUserOptionsStateOnChartLeave: !0,
userOptionsButtons: {
tooltip: !0,
pdf: !0,
img: !0,
fullscreen: !0,
annotator: !0
},
userOptionsButtonTitles: {
open: "Open options",
close: "Close options",
tooltip: "Toggle tooltip",
pdf: "Download PDF",
img: "Download PNG",
fullscreen: "Toggle fullscreen",
annotator: "Toggle annotator"
},
title: "",
titleBold: !0,
titleFontSize: 16,
titleTextAlign: "center",
tooltipCustomFormat: null,
tooltipBackgroundOpacity: 100,
tooltipBorderRadius: 4,
tooltipBorderColor: e,
tooltipBorderWidth: 1,
tooltipFontSize: 14,
tooltipPosition: b.CENTER,
tooltipOffsetY: 24,
useCustomLegend: !1,
valuePrefix: "",
valueSuffix: "",
width: 512,
xAxisLabel: "",
xyAxisStroke: a,
xyAxisStrokeWidth: 1,
xyGridStroke: e,
xyGridStrokeWidth: 0.5,
xyHighlighterColor: o,
xyHighlighterOpacity: 0.05,
xyLabelsXFontSize: r._10,
xyLabelsYFontSize: r._12,
xyPaddingBottom: 48,
xyPaddingLeft: 48,
xyPaddingRight: 12,
xyPaddingTop: 24,
xyPeriodLabelsRotation: 0,
xyPeriods: [],
xyScaleSegments: 15,
xyShowAxis: !0,
xyShowGrid: !0,
xyShowScale: !0,
yAxisLabel: "",
zoomXy: !0,
zoomColor: a,
zoomHighlightColor: n,
zoomFontSize: r._14,
zoomUseResetSlot: !1,
zoomMinimap: S,
zoomStartIndex: null,
zoomEndIndex: null
}, xo = {
responsive: !1,
theme: "",
style: {
fontFamily: "inherit