vue-data-ui
Version:
A user-empowering data visualization Vue 3 components library for eloquent data storytelling
2,267 lines (2,266 loc) • 153 kB
JavaScript
import { t as rt, w as lt } from "./lib-2iaAPQ_c.js";
function st() {
const e = "#2D353C", y = "#A1A1A1", r = "#e1e5e8", s = "#CCCCCC", F = "#4A4A4A", o = "#FFFFFF", z = "#fafafa", u = "#1f77b4", x = "#d62728", P = "#2ca02c", T = "#42d392", W = "#FFD055", t = {
_6: 6,
_10: 10,
_12: 12,
_14: 14,
_16: 16,
_18: 18,
_20: 20,
_24: 24,
_32: 32,
_48: 48
}, C = t._6, b = {
LINE: "line",
SQUARE: "square",
ROUND: "round",
CIRCLE: "circle",
CURVED: "curved",
BAR: "bar",
STAR: "star"
}, g = {
LEFT: "left",
CENTER: "center",
BOTTOM: "bottom",
TOP: "top"
}, $ = {
DESC: "desc"
}, L = {
threshold: 1095
// v2 = 500
}, p = {
showValueFirst: !0,
usePercentageParens: !0,
useValueParens: !1
}, l = {
text: "",
color: e,
fontSize: t._20,
bold: !0,
textAlign: g.CENTER,
paddingLeft: 0,
paddingRight: 0,
subtitle: {
color: y,
text: "",
fontSize: t._16,
bold: !1
}
}, h = {
show: !0,
bold: !1,
backgroundColor: o,
color: e,
fontSize: t._14
}, c = {
show: !0,
color: e,
backgroundColor: o,
fontSize: t._14,
customFormat: null,
borderRadius: 4,
borderColor: r,
borderWidth: 1,
backgroundOpacity: 100,
position: g.CENTER,
offsetY: 24,
smooth: !0,
// v3
backdropFilter: !0,
// v3
smoothForce: 0.18,
smoothSnapThreshold: 0.25
}, 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"
}
}, a = ({
tooltip: S = !1,
pdf: V = !1,
csv: D = !1,
img: E = !1,
table: M = !1,
labels: N = !1,
fullscreen: Y = !1,
sort: B = !1,
stack: H = !1,
animation: I = !1,
annotator: G = !1,
svg: X = !1,
zoom: U = !1
}) => {
const m = {
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",
svg: "Download SVG",
zoom: "Toggle zoom lock"
};
return S || delete m.tooltip, V || delete m.pdf, D || delete m.csv, E || delete m.img, M || delete m.table, N || delete m.labels, Y || delete m.fullscreen, B || delete m.sort, H || delete m.stack, I || delete m.animation, G || delete m.annotator, X || delete m.svg, U || delete m.zoom, {
show: !0,
showOnChartHover: !1,
keepStateOnChartLeave: !0,
position: "right",
buttons: {
tooltip: S,
pdf: V,
csv: D,
img: E,
table: M,
labels: N,
fullscreen: Y,
sort: B,
stack: H,
animation: I,
annotator: G,
svg: X,
zoom: U
},
callbacks: {
animation: null,
annotator: null,
csv: null,
fullscreen: null,
img: null,
labels: null,
pdf: null,
sort: null,
stack: null,
table: null,
tooltip: null,
svg: null,
zoom: null
},
buttonTitles: m,
print: {
scale: 2,
orientation: "auto",
// 'auto' | 'l' | 'p'
overflowTolerance: 0.2
}
};
}, f = (S) => ({
top: S[0],
right: S[1],
bottom: S[2],
left: S[3]
}), i = {
backgroundColor: z,
color: e,
outline: "none"
}, n = {
backgroundColor: o,
color: e,
outline: "none"
}, d = {
show: !1,
responsiveBreakpoint: 400
}, _ = {
show: !0,
color: s,
highlightColor: F,
fontSize: t._14,
useResetSlot: !1,
startIndex: null,
endIndex: null,
enableRangeHandles: !0,
enableSelectionDrag: !0,
focusOnDrag: !1,
focusRangeRatio: 0.2
}, A = {
show: !1,
selectedColor: u,
selectedColorOpacity: 0.2,
indicatorColor: e,
verticalHandles: !1,
compact: !0,
frameColor: y
}, O = {
...A,
smooth: !1,
lineColor: e,
selectionRadius: 2,
merged: !1
}, j = {
loading: !1,
debug: !1,
theme: "",
responsive: !1,
events: {
datapointEnter: null,
datapointLeave: null,
datapointClick: null
},
customPalette: [],
useCssAnimation: !1,
table: {
...d,
useDialog: !1,
columnNames: {
period: "Period",
total: "Total"
},
th: i,
td: {
...n,
roundingValue: 0
}
},
userOptions: a({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
labels: !0,
fullscreen: !0,
annotator: !0,
svg: !0
}),
style: {
fontFamily: "inherit",
chart: {
backgroundColor: o,
color: e,
height: 500,
width: 800,
padding: f([12, 12, 12, 12]),
title: l,
legend: {
...h,
position: "bottom"
},
zoom: {
..._,
minimap: A,
preview: {
enable: !0,
fill: "#CCCCCC50",
stroke: "#6A6A6A",
strokeWidth: 2,
strokeDasharray: 0
},
useDefaultFormat: !0,
timeFormat: "yyyy-MM-dd HH:mm:ss",
// When datetimeFormatter is enabled and useDefaultFormat is false
customFormat: null
// overrides all if callback => string
},
highlighter: {
color: e,
opacity: 5,
useLine: !1,
lineDasharray: 2,
lineWidth: 1
},
tooltip: {
...c,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0,
showTimeLabel: !0,
showTotal: !1,
totalTranslation: "Total",
useDefaultTimeFormat: !0,
timeFormat: "yyyy-MM-dd HH:mm:ss"
// When datetimeFormatter is enabled and useDefaultFormat is false
},
grid: {
scale: {
ticks: 10,
scaleMin: null,
// Force min scale (defaults to dataset's min)
scaleMax: null
// Force max scale (defaults to dataset's max)
},
frame: {
show: !1,
stroke: r,
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
strokeDasharray: 0
},
x: {
showAxis: !0,
showHorizontalLines: !1,
axisColor: r,
linesColor: r,
linesThickness: 1,
linesStrokeDasharray: 0,
axisThickness: 2,
axisName: {
show: !0,
text: "",
fontSize: t._14,
color: e,
bold: !1,
offsetY: 0
},
timeLabels: {
show: !0,
values: [],
datetimeFormatter: w,
offsetY: 0,
rotation: 0,
autoRotate: {
enable: !0,
angle: -30
},
fontSize: t._14,
color: e,
bold: !1,
showOnlyFirstAndLast: !1,
showOnlyAtModulo: !1,
modulo: 12
}
},
y: {
showAxis: !0,
showVerticalLines: !1,
linesColor: r,
linesThickness: 1,
linesStrokeDasharray: 0,
axisColor: r,
axisThickness: 2,
axisName: {
show: !0,
text: "",
fontSize: t._14,
color: e,
bold: !1,
offsetX: 0
},
axisLabels: {
formatter: null,
show: !0,
color: e,
fontSize: t._14,
bold: !1,
rounding: 0
}
}
},
lines: {
useArea: !0,
smooth: !1,
areaOpacity: 0.5,
distributed: !1,
showDistributedPercentage: !0,
strokeWidth: 1,
gradient: {
show: !0,
intensity: 40
},
dot: {
hideAboveMaxSerieLength: 62,
useSerieColor: !0,
fill: o,
strokeWidth: 0.5,
radius: 4
},
totalValues: {
show: !0,
offsetY: 0,
fontSize: t._16,
bold: !0,
color: e
},
dataLabels: {
hideAboveMaxSerieLength: 62,
offsetY: 0,
show: !0,
hideEmptyValues: !0,
hideUnderValue: null,
hideEmptyPercentages: !0,
hideUnderPercentage: null,
color: e,
fontSize: t._14,
bold: !1,
rounding: 0,
prefix: "",
suffix: "",
formatter: null
}
}
}
}
}, q = {
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: {
...d,
useDialog: !1,
columnNames: {
period: "Period",
total: "Total"
},
th: i,
td: {
...n,
roundingValue: 0
}
},
userOptions: a({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
labels: !0,
fullscreen: !0,
annotator: !0,
svg: !0
}),
style: {
fontFamily: "inherit",
chart: {
backgroundColor: o,
color: e,
height: 500,
width: 800,
padding: f([12, 12, 12, 12]),
title: l,
legend: {
...h,
position: "bottom"
},
zoom: {
..._,
minimap: A,
preview: {
enable: !0,
fill: "#CCCCCC50",
stroke: "#6A6A6A",
strokeWidth: 2,
strokeDasharray: 0
},
useDefaultFormat: !0,
timeFormat: "yyyy-MM-dd HH:mm:ss",
// When datetimeFormatter is enabled and useDefaultFormat is false
customFormat: null
// overrides all if callback => string
},
tooltip: {
...c,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0,
showTimeLabel: !0,
showTotal: !1,
totalTranslation: "Total",
useDefaultTimeFormat: !0,
timeFormat: "yyyy-MM-dd HH:mm:ss"
// When datetimeFormatter is enabled and useDefaultFormat is false
},
highlighter: {
color: e,
opacity: 5
},
bars: {
gapRatio: 0.5,
distributed: !1,
showDistributedPercentage: !0,
borderRadius: 0,
strokeWidth: 1,
gradient: {
show: !0,
intensity: 20
},
totalValues: {
show: !0,
offsetY: 0,
offsetX: 0,
fontSize: t._16,
bold: !1,
color: e
},
dataLabels: {
show: !0,
hideEmptyValues: !1,
hideUnderValue: null,
hideEmptyPercentages: !1,
hideUnderPercentage: null,
adaptColorToBackground: !0,
color: e,
fontSize: t._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)
},
frame: {
show: !1,
stroke: r,
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
strokeDasharray: 0
},
x: {
showAxis: !0,
showHorizontalLines: !1,
axisColor: r,
linesColor: r,
linesThickness: 1,
linesStrokeDasharray: 0,
axisThickness: 2,
axisName: {
show: !0,
text: "",
fontSize: t._14,
color: e,
bold: !1,
offsetY: 0
},
timeLabels: {
show: !0,
values: [],
datetimeFormatter: w,
offsetY: 0,
rotation: 0,
autoRotate: {
// v3
enable: !0,
// v3
angle: -30
// v3
},
fontSize: t._14,
color: e,
bold: !1,
showOnlyFirstAndLast: !1,
showOnlyAtModulo: !1,
modulo: 12
}
},
y: {
showAxis: !0,
showVerticalLines: !1,
linesColor: r,
linesThickness: 1,
linesStrokeDasharray: 0,
axisColor: r,
axisThickness: 2,
axisName: {
show: !0,
text: "",
fontSize: t._14,
color: e,
bold: !1,
offsetX: 0
},
axisLabels: {
formatter: null,
show: !0,
color: e,
fontSize: t._14,
bold: !1,
rounding: 0
}
}
}
}
}
}, v = {
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: L,
chart: {
fontFamily: "inherit",
backgroundColor: o,
color: e,
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: f([12, 12, 12, 12]),
border: {
stroke: o,
strokeWidth: 1,
rx: 0,
ry: 0
},
fontSize: 14,
color: e,
backgroundColor: r
},
line: {
stroke: e,
strokeWidth: 1,
strokeDasharray: 0
},
area: {
fill: r,
opacity: 30
}
}
}
],
zoom: {
..._,
minimap: O,
preview: {
// v3
enable: !0,
fill: "#CCCCCC50",
stroke: "#6A6A6A",
strokeWidth: 2,
strokeDasharray: 0
},
useDefaultFormat: !0,
timeFormat: "yyyy-MM-dd HH:mm:ss",
// When datetimeFormatter is enabled
customFormat: null
// overrides all if callback => string
},
padding: f([12, 12, 6, 6]),
highlighter: {
color: e,
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: e,
opacity: 20,
caption: {
text: "",
fontSize: t._10,
color: e,
bold: !1,
offsetY: 0,
width: "auto",
padding: 3,
textAlign: g.CENTER
}
},
timeTag: {
show: !1,
backgroundColor: r,
color: e,
fontSize: t._12,
circleMarker: {
radius: 3,
color: e
},
useDefaultFormat: !0,
timeFormat: "yyyy-MM-dd HH:mm:ss",
// When datetimeFormatter is enabled
customFormat: null
// overrides all if callback => string
},
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: e,
fontSize: t._16,
axis: {
yLabel: "",
yLabelOffsetX: 0,
xLabel: "",
xLabelOffsetY: 0,
fontSize: t._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: e,
show: !0,
values: [],
datetimeFormatter: w,
fontSize: t._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: t._10,
prefix: "",
suffix: ""
},
legend: {
color: e,
show: !0,
fontSize: t._14,
position: "bottom"
// bottom | top
},
title: {
...l,
show: !0
},
tooltip: {
...c,
showTimeLabel: !0,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0,
useDefaultTimeFormat: !0,
timeFormat: "yyyy-MM-dd HH:mm:ss"
// When datetimeFormatter is used
},
userOptions: a({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
labels: !0,
fullscreen: !0,
stack: !0,
annotator: !0,
svg: !0
})
},
bar: {
showTransition: !0,
transitionDurationMs: 300,
borderRadius: 2,
useGradient: !0,
periodGap: 0.1,
innerGap: 0,
border: {
useSerieColor: !1,
strokeWidth: 0,
stroke: o
},
labels: {
show: !1,
offsetY: -6,
rounding: 0,
color: e,
formatter: null
},
serieName: {
show: !1,
offsetY: -6,
useAbbreviation: !0,
abbreviationSize: 3,
useSerieColor: !0,
color: e,
bold: !1
}
},
line: {
showTransition: !0,
transitionDurationMs: 300,
radius: 3,
useGradient: !0,
strokeWidth: 3,
cutNullValues: !1,
interLine: {
pairs: [],
colors: [],
fillOpacity: 0.25
},
dot: {
hideAboveMaxSerieLength: 62,
useSerieColor: !0,
fill: o,
strokeWidth: 0.5
},
labels: {
show: !1,
offsetY: -6,
rounding: 0,
color: e,
formatter: null
},
area: {
useGradient: !0,
opacity: 30
},
tag: {
followValue: !0,
formatter: null,
fontSize: t._14
}
},
plot: {
showTransition: !0,
transitionDurationMs: 300,
radius: 3,
useGradient: !0,
dot: {
useSerieColor: !0,
fill: o,
strokeWidth: 0.5
},
labels: {
show: !1,
offsetY: -6,
rounding: 0,
color: e,
formatter: null
},
tag: {
followValue: !0,
formatter: null,
fontSize: t._14
}
},
table: {
useDialog: !1,
responsiveBreakpoint: 400,
rounding: 0,
sparkline: !0,
showSum: !0,
columnNames: {
period: "Period",
total: "Total"
},
th: i,
td: n,
useDefaultTimeFormat: !0,
timeFormat: "yyyy-MM-dd HH:mm:ss"
},
showTable: !1
}, k = {
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: a({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
labels: !0,
fullscreen: !0,
annotator: !0,
svg: !0
}),
translations: {
total: "Total",
average: "Average"
},
table: {
...d,
useDialog: !1,
th: i,
td: {
...n,
roundingValue: 0,
roundingPercentage: 0
},
columnNames: {
series: "Series",
value: "Value",
percentage: "Percentage"
}
},
style: {
fontFamily: "inherit",
chart: {
useGradient: !0,
gradientIntensity: 40,
backgroundColor: o,
color: e,
padding: f([0, 0, 0, 0]),
width: 512,
height: 360,
layout: {
curvedMarkers: !1,
labels: {
dataLabels: {
...p,
show: !0,
useLabelSlots: !1,
hideUnderValue: 3,
smallArcClusterThreshold: 8,
// percentage under which dataLabels are clusted on a side
smallArcClusterFontSize: t._12,
oneLine: !1,
prefix: "",
suffix: ""
},
value: {
rounding: 0,
show: !0,
formatter: null
},
percentage: {
color: e,
bold: !0,
fontSize: t._18,
minFontSize: C,
// v3
rounding: 0,
formatter: null
},
name: {
color: e,
bold: !1,
fontSize: t._14,
minFontSize: C
// v3
},
hollow: {
show: !0,
total: {
show: !0,
bold: !1,
fontSize: t._18,
color: y,
text: "Total",
offsetY: 0,
value: {
color: e,
fontSize: t._18,
bold: !0,
suffix: "",
prefix: "",
offsetY: 0,
rounding: 0,
formatter: null
}
},
average: {
show: !0,
bold: !1,
fontSize: t._18,
color: y,
text: "Average",
offsetY: 0,
value: {
color: e,
fontSize: t._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: e,
emptyFill: r,
selectedColor: "#0000001A",
borderColorAuto: !0,
borderColor: "#CCCCCC"
}
},
comments: {
show: !0,
showInTooltip: !0,
width: 100,
offsetY: 0,
offsetX: 0
},
legend: {
...h,
...p,
roundingValue: 0,
roundingPercentage: 0,
showPercentage: !0,
showValue: !0,
position: "bottom"
},
tooltip: {
...c,
...p,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0
},
title: l
}
}
}, Z = {
debug: !1,
// v3
loading: !1,
// v3
responsive: !1,
events: {
// v3
datapointEnter: null,
// v3
datapointLeave: null,
// v3
datapointClick: null
// v3
},
theme: "",
customPalette: [],
userOptions: a({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0,
svg: !0
}),
style: {
fontFamily: "inherit",
chart: {
backgroundColor: o,
color: e,
height: 500,
width: 800,
padding: f([0, 0, 0, 0]),
layout: {
sorted: !0,
rects: {
stroke: r,
strokeWidth: 1,
borderRadius: 0,
colorRatio: 0.3,
gradient: {
show: !0,
intensity: 30
},
group: {
stroke: r,
strokeWidth: 1,
useSeriesBackgroundColor: !1,
backgroundLighterRatio: 0.4,
label: {
adaptColorToBackground: !1,
color: e
}
},
selected: {
stroke: r,
strokeWidth: 1,
unselectedOpacity: 0.6
}
},
labels: {
showDefaultLabels: !0,
fontSize: t._24,
minFontSize: t._10,
hideUnderProportion: 0.03,
prefix: "Value: ",
suffix: "",
rounding: 0,
formatter: null,
name: {
show: !0,
bold: !0
},
value: {
show: !0,
bold: !1
}
}
},
legend: {
...h,
roundingValue: 0,
roundingPercentage: 0,
showValue: !0,
showPercentage: !0,
position: "bottom"
},
title: l,
tooltip: {
...c,
roundingValue: 1
}
}
},
table: {
...d,
useDialog: !1,
columnNames: {
series: "Series",
value: "Value",
percentage: "Percentage"
},
th: i,
td: {
...n,
roundingValue: 0,
roundingPercentage: 0
}
}
}, K = {
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: o,
color: e,
layout: {
labels: {
dataLabels: {
...p,
prefix: "",
suffix: "",
formatter: null
},
captions: {
show: !1,
showSerieName: !1,
serieNameAbbreviation: !0,
serieNameMaxAbbreviationSize: 3,
fontSize: t._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: e,
strokeWidth: 1,
useGradient: !0,
gradientIntensity: 40
}
},
title: l,
tooltip: {
...c,
...p,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0
},
legend: {
...h,
...p,
roundingValue: 0,
roundingPercentage: 0,
showValue: !0,
showPercentage: !0,
position: "bottom"
}
}
},
userOptions: a({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0,
svg: !0
}),
table: {
...d,
useDialog: !1,
columnNames: {
series: "Series",
value: "Value",
percentage: "Percentage"
},
th: i,
td: {
...n,
roundingValue: 0,
roundingPercentage: 0
}
}
}, Q = {
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: o,
color: e,
layout: {
plots: {
show: !0,
radius: 2
},
outerPolygon: {
stroke: s,
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: t._12,
color: e
}
}
},
title: l,
tooltip: {
...c,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0,
animation: {
show: !0,
animationFrames: 60
}
},
legend: {
...h,
roundingPercentage: 0,
position: "bottom"
}
}
},
table: {
...d,
useDialog: !1,
th: i,
td: {
...n,
roundingValue: 0,
roundingPercentage: 0
}
},
userOptions: a({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0,
svg: !0
}),
translations: {
target: "Target",
value: "Value",
datapoint: "Datapoint"
}
}, J = {
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: L,
style: {
fontFamily: "inherit",
chart: {
height: 512,
width: 512,
backgroundColor: o,
color: e,
layout: {
labels: {
quadrantLabels: {
show: !0,
tl: {
text: "",
color: e,
fontSize: t._16,
bold: !0
},
tr: {
text: "",
color: e,
fontSize: t._16,
bold: !0
},
br: {
text: "",
color: e,
fontSize: t._16,
bold: !0
},
bl: {
text: "",
color: e,
fontSize: t._16,
bold: !0
}
},
plotLabels: {
showAsTag: !1,
show: !0,
fontSize: t._10,
color: e,
offsetY: 8,
rounding: 0,
x: {
formatter: null
},
y: {
formatter: null
}
},
axisLabels: {
show: !0,
fontSize: t._14,
color: {
positive: e,
negative: e
}
}
},
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: o,
outlineWidth: 1
},
areas: {
show: !0,
opacity: 40,
useGradient: !0
}
},
title: l,
tooltip: {
...c,
roundingValue: 0,
showShape: !0
},
legend: {
...h,
position: "bottom"
}
}
},
table: {
...d,
useDialog: !1,
th: i,
td: {
...n,
roundingValue: 0
}
},
userOptions: a({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
labels: !0,
fullscreen: !0,
annotator: !0,
svg: !0
}),
translations: {
category: "Category",
item: "Item",
side: "Side"
}
}, ee = {
debug: !1,
// v3
loading: !1,
// v3
responsive: !1,
theme: "",
customPalette: [],
style: {
fontFamily: "inherit",
chart: {
backgroundColor: o,
color: e,
animation: {
use: !0,
speed: 1,
acceleration: 1
},
layout: {
radiusRatio: 1,
track: {
size: 1,
useGradient: !0,
gradientIntensity: 20
},
markers: {
show: !0,
color: e,
bold: !0,
fontSizeRatio: 1,
offsetY: 0,
roundingValue: 0,
formatter: null,
prefix: "",
suffix: ""
},
segmentSeparators: {
show: !1,
offsetOut: 0,
offsetIn: 0,
stroke: e,
strokeWidth: 2
},
segmentNames: {
show: !0,
curved: !0,
offsetRatio: 1.1,
fontSize: t._16,
minFontSize: C,
// v3
useSerieColor: !0,
color: e,
bold: !1
},
indicatorArc: {
show: !1,
radius: 123,
fill: r
},
pointer: {
show: !0,
type: "pointy",
size: 1,
stroke: o,
strokeWidth: 12,
useRatingColor: !0,
color: s,
circle: {
radius: 10,
stroke: e,
strokeWidth: 2,
color: o
}
}
},
legend: {
show: !0,
fontSize: t._48,
prefix: "",
suffix: "",
roundingValue: 1,
showPlusSymbol: !0,
useRatingColor: !0,
color: e,
formatter: null
},
title: l
}
},
userOptions: a({
pdf: !0,
img: !0,
fullscreen: !0,
annotator: !0,
svg: !0
}),
translations: {
base: "Base"
}
}, te = {
debug: !1,
// v3
loading: !1,
// v3
responsive: !1,
theme: "",
layout: "classic",
// or '3d'
style: {
fontFamily: "inherit",
chart: {
backgroundColor: o,
color: e,
animation: {
use: !0,
speed: 0.5,
acceleration: 1
},
layout: {
wheel: {
radiusRatio: 1,
tiltAngle3d: 50,
ticks: {
type: "classic",
// or 'arc'
rounded: !0,
inactiveColor: r,
activeColor: u,
sizeRatio: 0.9,
quantity: 100,
// min: 12, max: 200
strokeWidth: 5,
stroke: "transparent",
spacingRatio3d: 1,
shadeColorRatio3d: 0.15,
depth3d: 0,
gradient: {
show: !0,
shiftHueIntensity: 100
}
}
},
innerCircle: {
show: !0,
stroke: r,
strokeWidth: 1,
radiusRatio: 1
},
percentage: {
show: !0,
fontSize: t._48,
rounding: 1,
bold: !0,
formatter: null,
offsetX: 0,
offsetY: 0,
stroke: "transparent",
strokeWidth: 0
}
},
title: l
}
},
userOptions: a({
pdf: !0,
img: !0,
fullscreen: !0,
annotator: !0,
svg: !0
})
}, oe = {
debug: !1,
// v3
loading: !1,
// v3
responsive: !1,
// v3
theme: "",
style: {
fontFamily: "inherit",
chart: {
backgroundColor: o,
color: e,
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: u,
inactiveColor: r,
ticks: {
gradient: {
show: !0,
shiftHueIntensity: 100
}
}
},
percentage: {
show: !0,
useGradientColor: !0,
color: u,
fontSize: t._16,
bold: !0,
rounding: 1,
verticalPosition: g.BOTTOM,
horizontalPosition: g.LEFT,
formatter: null
},
title: l
}
},
userOptions: a({
pdf: !0,
img: !0,
fullscreen: !0,
annotator: !0,
svg: !0
})
}, re = {
debug: !1,
// v3
loading: !1,
// v3
theme: "",
customPalette: [],
style: {
fontFamily: "inherit",
chart: {
backgroundColor: o,
color: e,
layout: {
grandTotal: {
show: !0,
fontSize: t._20,
bold: !0,
prefix: "",
suffix: "",
roundingValue: 0,
color: e,
text: "Grand total",
offsetY: 0,
formatter: null
},
roots: {
stroke: o,
strokeWidth: 5,
useGradient: !0,
gradientIntensity: 20,
underlayerColor: o,
labels: {
show: !0,
fontSize: t._16,
adaptColorToBackground: !0,
color: o,
bold: !0,
roundingValue: 0,
prefix: "",
suffix: "",
formatter: null,
name: {
color: e,
fontSize: t._16,
bold: !0
}
}
},
verticalSeparator: {
stroke: o,
strokeWidth: 5
},
links: {
opacity: 10
},
branches: {
stroke: o,
strokeWidth: 0,
borderRadius: 6,
useGradient: !0,
gradientIntensity: 20,
underlayerColor: o,
widthRatio: 1.5,
labels: {
show: !0,
fontSize: t._14,
color: e,
bold: !0,
dataLabels: {
show: !0,
hideUnderValue: 5,
fontSize: t._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: e,
fontSize: t._12,
bold: !0,
prefix: "",
suffix: "",
formatter: null
},
core: {
total: {
color: e,
fontSize: t._24,
bold: !1
},
value: {
color: e,
fontSize: t._24,
bold: !0,
prefix: "",
suffix: ""
}
}
}
}
},
legend: {
fontSize: t._16,
color: e,
roundingValue: 0,
roundingPercentage: 0,
prefix: "",
suffix: ""
},
title: {
...l,
offsetY: 0,
subtitle: {
...l.subtitle,
offsetY: 0
}
}
}
}
},
table: {
...d,
useDialog: !1,
th: {
...i,
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: {
...n,
roundingValue: 0,
roundingPercentage: 0
}
},
userOptions: a({
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0,
svg: !0
}),
translations: {
total: "Total",
proportionToTree: "of grand total",
of: "of"
}
}, le = {
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: o,
color: e,
useGradient: !0,
gradientIntensity: 20,
layout: {
maxThickness: 64,
gutter: {
color: r,
width: 0.62
},
track: {
width: 0.62
},
labels: {
...p,
show: !0,
fontSize: t._14,
minFontSize: C,
// v3
color: e,
roundingValue: 0,
roundingPercentage: 0,
bold: !0,
offsetX: 0,
offsetY: 0,
value: {
show: !0,
formatter: null
},
percentage: {
show: !0
}
}
},
title: l,
legend: {
...h,
...p,
roundingValue: 0,
roundingPercentage: 0,
showValue: !0,
showPercentage: !0,
position: "bottom"
},
tooltip: {
...c,
...p,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0
}
}
},
userOptions: a({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
fullscreen: !0,
annotator: !0,
svg: !0
}),
table: {
...d,
useDialog: !1,
th: i,
td: {
...n,
roundingValue: 0,
roundingPercentage: 0
},
translations: {
value: "Value",
percentage: "Percentage",
serie: "Serie"
}
}
}, R = {
// v3 renamed to _horizontal_ (yet still works)
debug: !1,
// v3
loading: !1,
// v3
autoSize: !0,
// Legacy - removed
responsive: !1,
theme: "",
customPalette: [],
useCssAnimation: !1,
// v3 (v2 = true)
events: {
datapointEnter: null,
datapointLeave: null,
datapointClick: null
},
style: {
fontFamily: "inherit",
chart: {
backgroundColor: o,
color: e,
width: 512,
height: 316,
layout: {
bars: {
sort: $.DESC,
useStroke: !1,
strokeWidth: 2,
height: 32,
// legacy - unused now
gap: 6,
borderRadius: 4,
offsetX: 12,
paddingRight: 0,
useGradient: !0,
gradientIntensity: 20,
fillOpacity: 90,
underlayerColor: o,
dataLabels: {
color: e,
bold: !0,
fontSize: t._14,
// v3 increased
value: {
show: !0,
roundingValue: 0,
prefix: "",
suffix: "",
formatter: null
},
percentage: {
show: !0,
roundingPercentage: 0
},
offsetX: 0
},
nameLabels: {
show: !0,
color: e,
bold: !1,
fontSize: t._14,
// v3 increased
offsetX: 0
},
parentLabels: {
show: !0,
color: e,
bold: !1,
fontSize: t._14,
// v3 increased
offsetX: 0,
paddingBottom: 0
}
},
highlighter: {
color: e,
opacity: 5
},
separators: {
show: !1,
color: r,
strokeWidth: 1,
fullWidth: !0
}
},
title: l,
legend: {
...h,
position: g.TOP,
roundingValue: 0,
roundingPercentage: 0,
prefix: "",
suffix: ""
},
tooltip: {
...c,
showValue: !0,
showPercentage: !0,
roundingValue: 0,
roundingPercentage: 0,
prefix: "",
suffix: ""
}
}
},
userOptions: a({
tooltip: !0,
pdf: !0,
csv: !0,
img: !0,
table: !0,
sort: !0,
fullscreen: !0,
annotator: !0,
svg: !0
}),
table: {
...d,
useDialog: !1,
th: i,
td: {
...n,
roundingValue: 0,
roundingPercentage: 0,
prefix: "",
suffix: ""
}
},
translations: {