UNPKG

vue-data-ui

Version:

A user-empowering data visualization Vue 3 components library for eloquent data storytelling

2,792 lines • 137 kB
//#region src/useConfig.js function e(e = {}) { let t = "#2D353C", n = "#A1A1A1", r = "#e1e5e8", i = "#CCCCCC", a = "#4A4A4A", o = "#FFFFFF", s = "#fafafa", c = "#1f77b4", l = "#d62728", u = "#2ca02c", d = "#42d392", f = "#FFD055", p = e.colorBackground ?? o, m = e.colorTextPrimary ?? t, h = e.colorTextSecondary ?? n, g = e.colorGrid ?? r, _ = e.colorBorder ?? r, v = { translations: { keyboardNavigation: "Use the left and right arrow keys to move between data points.", tableAvailable: "A data table for this chart is available below.", tableCaption: "Chart data table" } }, y = { _6: 6, _8: 8, _10: 10, _12: 12, _14: 14, _16: 16, _18: 18, _20: 20, _24: 24, _32: 32, _48: 48 }, b = y._6, x = { LINE: "line", SQUARE: "square", ROUND: "round", CIRCLE: "circle", CURVED: "curved", BAR: "bar", STAR: "star" }, S = { LEFT: "left", CENTER: "center", RIGHT: "right", BOTTOM: "bottom", TOP: "top" }, ee = { ASC: "asc", DESC: "desc", NONE: "none" }, C = { threshold: 1095 }, w = { enable: !1 }, T = { showValueFirst: !0, usePercentageParens: !0, useValueParens: !1 }, E = { text: "", color: m, fontSize: y._20, bold: !0, textAlign: S.CENTER, paddingLeft: 0, paddingRight: 0, subtitle: { color: h, text: "", fontSize: y._16, bold: !1 } }, D = { show: !0, bold: !1, backgroundColor: p, color: m, fontSize: y._14, selectAllToggle: { show: !1, backgroundColor: _, color: m } }, O = { show: !0, color: m, backgroundColor: p, fontSize: y._14, customFormat: null, borderRadius: 4, borderColor: _, borderWidth: 1, backgroundOpacity: 100, position: S.CENTER, offsetX: 0, offsetY: 24, smooth: !0, backdropFilter: !0, smoothForce: .18, smoothSnapThreshold: .25, teleportTo: "body" }, k = { enable: !0, pauseOnLoad: !0, pauseOnDatasetChange: !1, activationDelayMs: 300 }, A = { 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" } }, j = ({ tooltip: e = !1, pdf: t = !1, csv: n = !1, img: r = !1, table: i = !1, labels: a = !1, fullscreen: o = !1, sort: s = !1, stack: c = !1, animation: l = !1, annotator: u = !1, svg: d = !1, zoom: f = !1, altCopy: p = !1 }) => { let 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", altCopy: "Copy alt text" }; return e || delete m.tooltip, t || delete m.pdf, n || delete m.csv, r || delete m.img, i || delete m.table, a || delete m.labels, o || delete m.fullscreen, s || delete m.sort, c || delete m.stack, l || delete m.animation, u || delete m.annotator, d || delete m.svg, f || delete m.zoom, { show: !0, showOnChartHover: !1, keepStateOnChartLeave: !0, position: "right", buttons: { tooltip: e, pdf: t, csv: n, img: r, table: i, labels: a, fullscreen: o, sort: s, stack: c, animation: l, annotator: u, svg: d, zoom: f, altCopy: p }, 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, altCopy: null }, buttonTitles: m, print: { scale: 2, orientation: "auto", overflowTolerance: .2 }, useCursorPointer: !1 }; }, M = (e) => ({ top: e[0], right: e[1], bottom: e[2], left: e[3] }), N = { backgroundColor: p, color: m, outline: "none" }, P = { backgroundColor: p, color: m, outline: "none" }, F = { show: !1, responsiveBreakpoint: 400 }, I = { show: !0, autoFit: !1, color: i, highlightColor: a, fontSize: y._14, useResetSlot: !1, startIndex: null, endIndex: null, enableRangeHandles: !0, enableSelectionDrag: !0, focusOnDrag: !1, focusRangeRatio: .2, maxWidth: null, keepState: !1 }, L = { show: !1, selectedColor: c, selectedColorOpacity: .2, indicatorColor: t, verticalHandles: !1, compact: !0, frameColor: n, additionalHeight: 0, handleIconColor: null, handleBorderWidth: 1, handleBorderColor: null, handleFill: null, handleWidth: 20, handleType: "grab" }, R = { ...L, smooth: !1, lineColor: t, selectionRadius: 2, merged: !1 }, z = { devHints: w, loading: !1, readonly: !1, editing: !1, theme: "", customPalette: [], transitions: k, userOptions: j({ tooltip: !1, pdf: !0, csv: !0, img: !0, table: !1, labels: !1, fullscreen: !0, annotator: !0, svg: !0 }), a11y: { ...v, translations: { ...v.translations, keyboardNavigation: "Use the left and right arrow keys to adjust the selected datapoint.", topOfHill: "Top of the hill" } }, events: { edit: null, save: null, cancel: null, change: null, dragStart: null, dragEnd: null, datapointEnter: null, datapointLeave: null, selectDatapoint: null }, interaction: { keyboardStep: .01, peakTolerance: .005 }, style: { fontFamily: "inherit", chart: { backgroundColor: p, color: m, width: 800, height: 300, title: E, toolbar: { show: !0, status: { lastUpdated: "Last updated just now", editInstruction: "Drag each dot to adjust its position", color: m, fontSize: y._14, bold: !1, lineHeight: 1.3 }, buttons: { translations: { edit: "Edit", cancel: "Cancel", save: "Save" } } }, layout: { hill: { geometry: { horizontalPaddingRatio: .05, topPaddingRatio: .15, bottomPaddingRatio: .15, curvature: .7 }, baseline: { show: !0, stroke: i, strokeWidth: 1, strokeDasharray: 0 }, midline: { show: !0, stroke: i, strokeWidth: 1, strokeDasharray: "2.5 3.5" }, curve: { stroke: n, strokeWidth: 1.5, strokeDasharray: 0 } }, plots: { radius: 10, hitRadius: 10, stroke: p, strokeWidth: 2, mutedOpacity: .4, disabledOpacity: .4, shadow: { show: !0, color: m, offsetX: 0, offsetY: .5, blur: .4 }, stacking: { show: !0, overlapThresholdRatio: .8, gap: 5, overflow: { show: !0, transitionDuration: 300, marker: { radius: 10, stroke: p, strokeWidth: 1, labelColor: m, labelOffsetY: 0, fontSize: y._14, bold: !1, fill: i }, menu: { width: 220, maxHeight: 220, backgroundColor: p, color: m, borderColor: "transparent", borderRadius: 3, title: "" } } }, dragMarker: { show: !0, strokeWidth: 1.5, crossPath: "M-5 0H5M0-5V5", positionIndicator: { show: !0, useSerieColor: !0, color: r, strokeWidth: 1, strokeDasharray: "2 4", circle: { show: !0, radius: 3, stroke: p, strokeWidth: 1 }, value: { show: !0, offsetY: 0, fontSize: y._12, useSerieColor: !1, color: m, formatter: null, rounding: 0 } } } }, labels: { item: { ellipsisThresholdChars: 24, show: !0, useSerieColor: !1, color: m, fontSize: y._14, bold: !1, offsetX: 0, offsetY: 0, autoSideThreshold: .75, stroke: p, strokeWidth: 5 }, phases: { show: !0, color: h, fontSize: y._14, bold: !0, letterSpacing: "0.1em", offsetY: 0, left: { text: "FIGURING THINGS OUT" }, right: { text: "MAKING IT HAPPEN" } } }, stackbar: { show: !0, paddingTop: 0, paddingBottom: 12, height: 14, stroke: p, strokeWidth: 1.5, gutterColor: r, label: { show: !0, color: m, fontSize: y._12, formatter: null } } } } } }, B = { devHints: w, skeletonDataset: null, skeletonConfig: null, loading: !1, debug: !1, theme: "", responsive: !1, a11y: v, transitions: k, events: { datapointEnter: null, datapointLeave: null, datapointClick: null }, customPalette: [], useCssAnimation: !1, table: { ...F, useDialog: !1, columnNames: { period: "Period", total: "Total" }, th: N, td: { ...P, roundingValue: 0 } }, userOptions: j({ tooltip: !0, pdf: !0, csv: !0, img: !0, table: !0, labels: !0, fullscreen: !0, annotator: !0, svg: !0 }), style: { fontFamily: "inherit", chart: { backgroundColor: p, color: m, height: 500, width: 800, padding: M([ 12, 12, 12, 12 ]), title: E, legend: { ...D, position: "bottom" }, zoom: { ...I, minimap: L, preview: { enable: !0, fill: "#CCCCCC50", stroke: "#6A6A6A", strokeWidth: 2, strokeDasharray: 0 }, useDefaultFormat: !0, timeFormat: "yyyy-MM-dd HH:mm:ss", customFormat: null }, highlighter: { color: m, opacity: 5, useLine: !1, lineDasharray: 2, lineWidth: 1 }, tooltip: { ...O, showValue: !0, showPercentage: !0, roundingValue: 0, roundingPercentage: 0, showTimeLabel: !0, showTotal: !1, totalTranslation: "Total", useDefaultTimeFormat: !0, timeFormat: "yyyy-MM-dd HH:mm:ss" }, grid: { scale: { ticks: 10, scaleMin: null, scaleMax: null }, frame: { show: !1, stroke: g, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", strokeDasharray: 0 }, x: { showAxis: !0, showHorizontalLines: !1, axisColor: g, linesColor: g, linesThickness: 1, linesStrokeDasharray: 0, axisThickness: 2, axisName: { show: !0, text: "", fontSize: y._14, color: m, bold: !1, offsetY: 0 }, timeLabels: { show: !0, values: [], datetimeFormatter: A, offsetY: 0, rotation: 0, autoRotate: { enable: !0, angle: -30 }, fontSize: y._14, color: m, bold: !1, showOnlyFirstAndLast: !1, showOnlyAtModulo: !1, modulo: 12 } }, y: { position: "left", showAxis: !0, showVerticalLines: !1, linesColor: g, linesThickness: 1, linesStrokeDasharray: 0, axisColor: g, axisThickness: 2, axisName: { show: !0, text: "", fontSize: y._14, color: m, bold: !1, offsetX: 0 }, axisLabels: { formatter: null, show: !0, color: m, fontSize: y._14, bold: !1, rounding: 0 } } }, lines: { useArea: !0, smooth: !1, areaOpacity: .5, distributed: !1, showDistributedPercentage: !0, strokeWidth: 1, gradient: { show: !0, intensity: 40 }, path: { useSerieColor: !0, stroke: o }, dot: { hideAboveMaxSerieLength: 62, useSerieColor: !0, fill: o, stroke: o, strokeWidth: .5, radius: 4 }, totalValues: { show: !0, offsetY: 0, fontSize: y._16, bold: !0, color: m }, dataLabels: { hideAboveMaxSerieLength: 62, offsetY: 0, show: !0, hideEmptyValues: !0, hideUnderValue: null, hideEmptyPercentages: !0, hideUnderPercentage: null, color: m, fontSize: y._14, bold: !1, rounding: 0, prefix: "", suffix: "", formatter: null } } } } }, te = { devHints: w, skeletonDataset: null, skeletonConfig: null, loading: !1, debug: !1, theme: "", responsive: !1, a11y: { ...v, translations: { ...v.translations, keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints" } }, transitions: k, events: { datapointEnter: null, datapointLeave: null, datapointClick: null }, customPalette: [], useCssAnimation: !1, orientation: "vertical", table: { ...F, useDialog: !1, columnNames: { period: "Period", total: "Total" }, th: N, td: { ...P, roundingValue: 0 } }, userOptions: j({ tooltip: !0, pdf: !0, csv: !0, img: !0, table: !0, labels: !0, fullscreen: !0, annotator: !0, svg: !0 }), style: { fontFamily: "inherit", chart: { backgroundColor: p, color: m, height: 500, width: 800, padding: M([ 12, 12, 12, 12 ]), title: E, legend: { ...D, position: "bottom" }, zoom: { ...I, minimap: L, preview: { enable: !0, fill: "#CCCCCC50", stroke: "#6A6A6A", strokeWidth: 2, strokeDasharray: 0 }, useDefaultFormat: !0, timeFormat: "yyyy-MM-dd HH:mm:ss", customFormat: null }, tooltip: { ...O, showValue: !0, showPercentage: !0, roundingValue: 0, roundingPercentage: 0, showTimeLabel: !0, showTotal: !1, totalTranslation: "Total", useDefaultTimeFormat: !0, timeFormat: "yyyy-MM-dd HH:mm:ss" }, highlighter: { color: m, opacity: 5 }, bars: { gapRatio: .5, distributed: !1, showDistributedPercentage: !0, borderRadius: 0, strokeWidth: 1, gradient: { show: !0, intensity: 20 }, totalValues: { show: !0, offsetY: 0, offsetX: 0, fontSize: y._16, bold: !1, color: m }, dataLabels: { show: !0, hideEmptyValues: !1, hideUnderValue: null, hideEmptyPercentages: !1, hideUnderPercentage: null, adaptColorToBackground: !0, color: m, fontSize: y._14, bold: !1, rounding: 0, prefix: "", suffix: "", formatter: null } }, grid: { scale: { ticks: 10, scaleMin: null, scaleMax: null }, frame: { show: !1, stroke: g, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", strokeDasharray: 0 }, x: { showAxis: !0, showHorizontalLines: !1, axisColor: g, linesColor: g, linesThickness: 1, linesStrokeDasharray: 0, axisThickness: 2, axisName: { show: !0, text: "", fontSize: y._14, color: m, bold: !1, offsetY: 0 }, timeLabels: { show: !0, values: [], datetimeFormatter: A, offsetY: 0, rotation: 0, autoRotate: { enable: !0, angle: -30 }, fontSize: y._14, color: m, bold: !1, showOnlyFirstAndLast: !1, showOnlyAtModulo: !1, modulo: 12 } }, y: { position: "left", showAxis: !0, showVerticalLines: !1, linesColor: g, linesThickness: 1, linesStrokeDasharray: 0, axisColor: g, axisThickness: 2, axisName: { show: !0, text: "", fontSize: y._14, color: m, bold: !1, offsetX: 0 }, axisLabels: { formatter: null, show: !0, color: m, fontSize: y._14, bold: !1, rounding: 0 } } } } } }, V = { devHints: w, skeletonConfig: null, skeletonDataset: null, debug: !1, theme: "", responsive: !1, loading: !1, a11y: v, events: { datapointEnter: null, datapointLeave: null, datapointClick: null }, responsiveProportionalSizing: !0, customPalette: [], useCssAnimation: !1, downsample: C, transitions: k, chart: { fontFamily: "inherit", backgroundColor: p, color: m, height: 600, width: 1e3, annotations: [{ show: !1, yAxis: { yTop: null, yBottom: null, label: { text: "", textAnchor: "start", position: "start", offsetX: 0, offsetY: 0, padding: M([ 12, 12, 12, 12 ]), border: { stroke: o, strokeWidth: 1, rx: 0, ry: 0 }, fontSize: 14, color: m, backgroundColor: g }, line: { stroke: t, strokeWidth: 1, strokeDasharray: 0 }, area: { fill: g, opacity: 30 } } }], zoom: { ...I, minimap: R, preview: { enable: !0, fill: "#CCCCCC50", stroke: "#6A6A6A", strokeWidth: 2, strokeDasharray: 0 }, useDefaultFormat: !0, timeFormat: "yyyy-MM-dd HH:mm:ss", customFormat: null }, padding: M([ 12, 12, 6, 6 ]), highlighter: { color: m, opacity: 5, useLine: !1, lineDasharray: 2, lineWidth: 1, crosshairs: { show: !1, stroke: t, strokeWidth: 1, strokeDasharray: 3, stopOnPoint: !1, dot: { radius: 2, fill: t, stroke: o, strokeWidth: 1 } } }, highlightArea: { show: !1, from: 0, to: 0, color: t, opacity: 20, caption: { text: "", fontSize: y._10, color: m, bold: !1, offsetY: 0, width: "auto", padding: 3, textAlign: S.CENTER } }, timeTag: { show: !1, backgroundColor: g, color: m, fontSize: y._12, circleMarker: { radius: 3, color: m }, useDefaultFormat: !0, timeFormat: "yyyy-MM-dd HH:mm:ss", customFormat: null }, grid: { stroke: g, showVerticalLines: !1, showHorizontalLines: !1, position: "middle", frame: { show: !1, stroke: g, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", strokeDasharray: 0 }, labels: { show: !0, color: m, fontSize: y._16, axis: { yLabel: "", yLabelOffsetX: 0, xLabel: "", xLabelOffsetY: 0, fontSize: y._14 }, zeroLine: { show: !0 }, xAxis: { showBaseline: !1, showCrosshairs: !0, crosshairsAlwaysAtZero: !1, crosshairSize: 6, commonScaleSteps: 10, useNiceScale: !0, scaleMin: null, scaleMax: null, rounding: 1, formatter: null, reverse: !1 }, yAxis: { reverse: !1, position: "left", showBaseline: !0, showCrosshairs: !0, crosshairSize: 6, commonScaleSteps: 10, useIndividualScale: !1, useNiceScale: !1, stacked: !1, gap: 12, labelWidth: 64, formatter: null, scaleMin: null, scaleMax: null, groupColor: null, scaleLabelOffsetX: 0, scaleValueOffsetX: 0, rounding: 1, serieNameFormatter: null }, xAxisLabels: { color: m, show: !0, values: [], datetimeFormatter: A, fontSize: y._14, showOnlyFirstAndLast: !1, showOnlyAtModulo: !1, modulo: 12, yOffset: 24, rotation: 0, autoRotate: { enable: !0, angle: -30 } } } }, comments: { show: !0, showInTooltip: !0, width: 200, offsetX: 0, offsetY: 0 }, labels: { fontSize: y._10, prefix: "", suffix: "" }, legend: { color: m, show: !0, fontSize: y._14, position: "bottom", selectAllToggle: { show: !1, backgroundColor: _, color: m } }, title: { ...E, show: !0 }, tooltip: { ...O, showTimeLabel: !0, showValue: !0, showPercentage: !0, roundingValue: 0, roundingPercentage: 0, useDefaultTimeFormat: !0, timeFormat: "yyyy-MM-dd HH:mm:ss" }, userOptions: j({ 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: .1, innerGap: 0, border: { useSerieColor: !1, strokeWidth: 0, stroke: o }, labels: { show: !1, offsetY: -6, offsetX: 0, rotation: 0, textAnchor: null, alwaysOnTop: !1, rounding: 0, color: m, formatter: null }, serieName: { show: !1, offsetY: -6, useAbbreviation: !0, abbreviationSize: 3, useSerieColor: !0, color: m, bold: !1 } }, line: { showTransition: !0, transitionDurationMs: 300, radius: 3, useGradient: !0, strokeWidth: 3, cutNullValues: !1, interLine: { pairs: [], colors: [], fillOpacity: .25 }, dot: { selectedRadius: 4.5, hideAboveMaxSerieLength: 62, useSerieColor: !0, fill: o, strokeWidth: .5 }, labels: { show: !1, offsetY: -6, offsetX: 0, rotation: 0, rounding: 0, color: m, formatter: null, textAnchor: null, alwaysOnTop: !1 }, area: { useGradient: !0, opacity: 30 }, tag: { followValue: !0, formatter: null, fontSize: y._14 } }, plot: { showTransition: !0, transitionDurationMs: 300, radius: 3, useGradient: !0, dot: { useSerieColor: !0, fill: o, strokeWidth: .5 }, labels: { show: !1, offsetY: -6, offsetX: 0, rotation: 0, rounding: 0, color: m, formatter: null, textAnchor: null, alwaysOnTop: !1 }, tag: { followValue: !0, formatter: null, fontSize: y._14 } }, table: { useDialog: !1, responsiveBreakpoint: 400, rounding: 0, sparkline: !0, showSum: !0, columnNames: { period: "Period", total: "Total" }, th: N, td: P, useDefaultTimeFormat: !0, timeFormat: "yyyy-MM-dd HH:mm:ss" }, showTable: !1 }, H = { devHints: w, skeletonConfig: null, skeletonDataset: null, debug: !1, type: "classic", loading: !1, pie: !1, autoSize: !0, responsive: !1, theme: "", customPalette: [], useCssAnimation: !1, a11y: { ...v, translations: { ...v.translations, keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints" } }, events: { datapointEnter: null, datapointLeave: null, datapointClick: null }, serieToggleAnimation: { show: !0, durationMs: 500 }, startAnimation: { show: !1, durationMs: 1e3, staggerMs: 50 }, useBlurOnHover: !0, userOptions: j({ tooltip: !0, pdf: !0, csv: !0, img: !0, table: !0, labels: !0, fullscreen: !0, annotator: !0, svg: !0 }), translations: { total: "Total", average: "Average" }, table: { ...F, useDialog: !1, th: N, td: { ...P, roundingValue: 0, roundingPercentage: 0 }, columnNames: { series: "Series", value: "Value", percentage: "Percentage" } }, style: { fontFamily: "inherit", chart: { useGradient: !0, gradientIntensity: 40, backgroundColor: p, color: m, padding: M([ 0, 0, 0, 0 ]), width: 512, height: 360, layout: { curvedMarkers: !1, labels: { dataLabels: { ...T, show: !0, useLabelSlots: !1, hideUnderValue: 3, smallArcClusterThreshold: 8, smallArcClusterFontSize: y._12, oneLine: !1, prefix: "", suffix: "" }, value: { rounding: 0, show: !0, formatter: null }, percentage: { show: !0, color: m, bold: !0, fontSize: y._18, minFontSize: b, rounding: 0, formatter: null }, name: { show: !0, color: m, bold: !1, fontSize: y._14, minFontSize: b }, hollow: { show: !0, total: { show: !0, bold: !1, fontSize: y._18, color: m, text: "Total", offsetY: 0, value: { color: m, fontSize: y._18, bold: !0, suffix: "", prefix: "", offsetY: 0, rounding: 0, formatter: null } }, average: { show: !0, bold: !1, fontSize: y._18, color: h, text: "Average", offsetY: 0, value: { color: m, fontSize: y._18, bold: !0, suffix: "", prefix: "", offsetY: 0, rounding: 0, formatter: null } } } }, donut: { radiusRatio: .3, strokeWidth: 64, borderWidth: 1, useShadow: !1, shadowColor: t, emptyFill: g, selectedColor: "#0000001A", borderColorAuto: !0, borderColor: _ } }, comments: { show: !0, showInTooltip: !0, width: 100, offsetY: 0, offsetX: 0 }, legend: { ...D, ...T, roundingValue: 0, roundingPercentage: 0, showPercentage: !0, showValue: !0, position: "bottom" }, tooltip: { ...O, ...T, showValue: !0, showPercentage: !0, roundingValue: 0, roundingPercentage: 0 }, title: E } } }, U = { devHints: w, skeletonDataset: null, skeletonConfig: null, debug: !1, loading: !1, responsive: !1, a11y: { ...v, translations: { ...v.translations, keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints" } }, transitions: k, events: { datapointEnter: null, datapointLeave: null, datapointClick: null }, theme: "", customPalette: [], userOptions: j({ tooltip: !0, pdf: !0, csv: !0, img: !0, table: !0, fullscreen: !0, annotator: !0, svg: !0, zoom: !0 }), style: { fontFamily: "inherit", chart: { backgroundColor: p, color: m, height: 500, width: 800, padding: M([ 0, 0, 0, 0 ]), layout: { sorted: !0, rects: { stroke: g, strokeWidth: 1, borderRadius: 0, colorRatio: .3, gradient: { show: !0, intensity: 30 }, group: { stroke: g, strokeWidth: 1, useSeriesBackgroundColor: !1, backgroundLighterRatio: .4, label: { adaptColorToBackground: !1, color: m } }, selected: { stroke: g, strokeWidth: 1, unselectedOpacity: .6 } }, labels: { showDefaultLabels: !0, fontSize: y._24, fontSizeZoomFactor: 6, minFontSize: y._10, hideUnderProportion: 0, prefix: "", suffix: "", rounding: 0, formatter: null, name: { show: !0, bold: !0 }, value: { show: !0, bold: !1 } } }, legend: { ...D, roundingValue: 0, roundingPercentage: 0, showValue: !0, showPercentage: !0, position: "bottom" }, title: E, tooltip: { ...O, roundingValue: 1 }, zoom: { show: !1 } } }, table: { ...F, useDialog: !1, columnNames: { series: "Series", value: "Value", percentage: "Percentage" }, th: N, td: { ...P, roundingValue: 0, roundingPercentage: 0 } } }, W = { devHints: w, skeletonDataset: null, skeletonConfig: null, debug: !1, loading: !1, responsive: !1, a11y: { ...v, translations: { ...v.translations, keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints" } }, events: { datapointEnter: null, datapointLeave: null, datapointClick: null }, theme: "", customPalette: [], useBlurOnHover: !0, useCustomCells: !1, useAnimation: !0, style: { fontFamily: "inherit", chart: { backgroundColor: p, color: m, layout: { labels: { dataLabels: { ...T, prefix: "", suffix: "", formatter: null }, captions: { show: !1, showSerieName: !1, serieNameAbbreviation: !0, serieNameMaxAbbreviationSize: 3, fontSize: y._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: t, strokeWidth: 1, useGradient: !0, gradientIntensity: 40 } }, title: E, tooltip: { ...O, ...T, showValue: !0, showPercentage: !0, roundingValue: 0, roundingPercentage: 0 }, legend: { ...D, ...T, roundingValue: 0, roundingPercentage: 0, showValue: !0, showPercentage: !0, position: "bottom" } } }, userOptions: j({ tooltip: !0, pdf: !0, csv: !0, img: !0, table: !0, fullscreen: !0, annotator: !0, svg: !0 }), table: { ...F, useDialog: !1, columnNames: { series: "Series", value: "Value", percentage: "Percentage" }, th: N, td: { ...P, roundingValue: 0, roundingPercentage: 0 } } }, G = { devHints: w, skeletonConfig: null, skeletonDataset: null, debug: !1, loading: !1, responsive: !1, a11y: { ...v, translations: { ...v.translations, keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints" } }, events: { datapointEnter: null, datapointLeave: null, datapointClick: null }, theme: "", customPalette: [], useCssAnimation: !1, style: { fontFamily: "inherit", chart: { backgroundColor: p, color: m, layout: { scaleToAxisMax: !1, targetReference: { show: !1, stroke: t, strokeWidth: 1, strokeDasharray: 4, showInLegend: !0, legendLabel: "Target" }, plots: { show: !0, radius: 2 }, outerPolygon: { stroke: i, strokeWidth: 1 }, dataPolygon: { strokeWidth: 1, transparent: !1, opacity: 20, useGradient: !0 }, grid: { show: !0, stroke: g, strokeWidth: .5, graduations: 5 }, labels: { dataLabels: { show: !0, fontSize: y._12, color: m } } }, title: E, tooltip: { ...O, showValue: !0, showPercentage: !0, roundingValue: 0, roundingPercentage: 0, animation: { show: !0, animationFrames: 60 } }, legend: { ...D, roundingPercentage: 0, position: "bottom" } } }, table: { ...F, useDialog: !1, th: N, td: { ...P, roundingValue: 0, roundingPercentage: 0 } }, userOptions: j({ tooltip: !0, pdf: !0, csv: !0, img: !0, table: !0, fullscreen: !0, annotator: !0, svg: !0 }), translations: { target: "Target", value: "Value", datapoint: "Datapoint" } }, K = { devHints: w, skeletonDataset: null, skeletonConfig: null, debug: !1, loading: !1, responsive: !1, a11y: { ...v, translations: { ...v.translations, keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints" } }, events: { datapointEnter: null, datapointLeave: null, datapointClick: null }, theme: "", customPalette: [], useCssAnimation: !1, zoomAnimationFrames: 20, zoomEnabled: !0, downsample: C, style: { fontFamily: "inherit", chart: { height: 512, width: 512, backgroundColor: p, color: m, layout: { labels: { quadrantLabels: { show: !0, tl: { text: "", color: m, fontSize: y._16, bold: !0 }, tr: { text: "", color: m, fontSize: y._16, bold: !0 }, br: { text: "", color: m, fontSize: y._16, bold: !0 }, bl: { text: "", color: m, fontSize: y._16, bold: !0 } }, plotLabels: { showAsTag: !1, show: !0, fontSize: y._10, color: m, offsetY: 8, rounding: 0, x: { formatter: null }, y: { formatter: null } }, axisLabels: { show: !0, fontSize: y._14, color: { positive: m, negative: m } } }, grid: { stroke: g, strokeWidth: 1.5, showArrows: !0, graduations: { stroke: g, strokeWidth: .5, show: !0, steps: 5, fill: !0, color: g, roundingForce: 10 }, xAxis: { min: -100, max: 100, auto: !0, name: "", show: !0 }, yAxis: { min: -100, max: 100, auto: !0, name: "", show: !0 } }, plots: { radius: 6, outline: !0, outlineColor: o, outlineWidth: 1 }, areas: { show: !0, opacity: 40, useGradient: !0 } }, title: E, tooltip: { ...O, roundingValue: 0, showShape: !0 }, legend: { ...D, position: "bottom" } } }, table: { ...F, useDialog: !1, th: N, td: { ...P, roundingValue: 0 } }, userOptions: j({ 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" } }, q = { devHints: w, skeletonDataset: null, skeletonConfig: null, debug: !1, loading: !1, responsive: !1, theme: "", customPalette: [], style: { fontFamily: "inherit", chart: { backgroundColor: p, color: m, animation: { use: !0, speed: 1, acceleration: 1 }, layout: { radiusRatio: 1, track: { size: 1, useGradient: !0, gradientIntensity: 20 }, markers: { show: !0, color: m, bold: !0, fontSizeRatio: 1, offsetY: 0, roundingValue: 0, formatter: null, prefix: "", suffix: "" }, segmentSeparators: { show: !1, offsetOut: 0, offsetIn: 0, stroke: t, strokeWidth: 2 }, segmentNames: { show: !0, curved: !0, offsetRatio: 1.1, fontSize: y._16, minFontSize: b, useSerieColor: !0, color: m, bold: !1 }, indicatorArc: { show: !1, radius: 123, fill: g }, pointer: { show: !0, type: "pointy", size: 1, stroke: o, strokeWidth: 12, useRatingColor: !0, color: i, circle: { radius: 10, stroke: t, strokeWidth: 2, color: o } } }, legend: { show: !0, fontSize: y._48, prefix: "", suffix: "", roundingValue: 1, showPlusSymbol: !0, useRatingColor: !0, color: m, formatter: null }, title: E } }, userOptions: j({ pdf: !0, img: !0, fullscreen: !0, annotator: !0, svg: !0 }), translations: { base: "Base" } }, J = { devHints: w, skeletonDataset: null, skeletonConfig: null, debug: !1, loading: !1, responsive: !1, theme: "", layout: "classic", style: { fontFamily: "inherit", chart: { backgroundColor: p, color: m, animation: { use: !0, speed: .5, acceleration: 1 }, layout: { wheel: { radiusRatio: 1, tiltAngle3d: 50, ticks: { type: "classic", rounded: !0, inactiveColor: g, activeColor: c, sizeRatio: .9, quantity: 100, strokeWidth: 5, stroke: "transparent", spacingRatio3d: 1, shadeColorRatio3d: .15, depth3d: 0, gradient: { show: !0, shiftHueIntensity: 100 } } }, innerCircle: { show: !0, stroke: g, strokeWidth: 1, radiusRatio: 1 }, percentage: { show: !0, fontSize: y._48, rounding: 1, bold: !0, formatter: null, offsetX: 0, offsetY: 0, stroke: "transparent", strokeWidth: 0 } }, title: E } }, userOptions: j({ pdf: !0, img: !0, fullscreen: !0, annotator: !0, svg: !0 }) }, Y = { devHints: w, skeletonDataset: null, skeletonConfig: null, debug: !1, loading: !1, responsive: !1, theme: "", style: { fontFamily: "inherit", chart: { backgroundColor: p, color: m, width: 312, height: 56, animation: { use: !0, speed: .5, acceleration: 1 }, layout: { display: "horizontal", crescendo: !1, curved: !1, curveAngleX: 10, curveAngleY: 10, activeColor: c, inactiveColor: g, ticks: { gradient: { show: !0, shiftHueIntensity: 100 } } }, percentage: { show: !0, useGradientColor: !0, color: c, fontSize: y._16, bold: !0, rounding: 1, verticalPosition: S.BOTTOM, horizontalPosition: S.LEFT, formatter: null }, title: E } }, userOptions: j({ pdf: !0, img: !0, fullscreen: !0, annotator: !0, svg: !0 }) }, X = { devHints: w, debug: !1, loading: !1, theme: "", customPalette: [], a11y: { ...v, translations: { ...v.translations, keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints" } }, style: { fontFamily: "inherit", chart: { backgroundColor: p, color: m, layout: { grandTotal: { show: !0, fontSize: y._20, bold: !0, prefix: "", suffix: "", roundingValue: 0, color: m, text: "Grand total", offsetY: 0, formatter: null }, roots: { stroke: o, strokeWidth: 5, useGradient: !0, gradientIntensity: 20, underlayerColor: o, labels: { show: !0, fontSize: y._16, adaptColorToBackground: !0, color: o, bold: !0, roundingValue: 0, prefix: "", suffix: "", formatter: null, name: { color: m, fontSize: y._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: y._14, color: m, bold: !0, dataLabels: { show: !0, hideUnderValue: 5, fontSize: y._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: m, fontSize: y._12, bold: !0, prefix: "", suffix: "", formatter: null }, core: { total: { color: m, fontSize: y._24, bold: !1 }, value: { color: m, fontSize: y._24, bold: !0, prefix: "", suffix: "" } } } } }, legend: { fontSize: y._16, color: m, roundingValue: 0, roundingPercentage: 0, prefix: "", suffix: "" }, title: { ...E, offsetY: 0, subtitle: { ...E.subtitle, offsetY: 0 } } } } }, table: { ...F, useDialog: !1, th: { ...N, 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: { ...P, roundingValue: 0, roundingPercentage: 0 } }, userOptions: j({ pdf: !0, csv: !0, img: !0, table: !0, fullscreen: !0, annotator: !0, svg: !0 }), translations: { total: "Total", proportionToTree: "of grand total", of: "of" } }, Z = { devHints: w, skeletonDataset: null, skeletonConfig: null, debug: !1, loading: !1, responsive: !1, a11y: { ...v, translations: { ...v.translations, keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints" } }, transitions: k, events: { datapointEnter: null, datapointLeave: null, datapointClick: null }, theme: "", customPalette: [], useCssAnimation: !1, useStartAnimation: !0, useBlurOnHover: !0, style: { fontFamily: "inherit", chart: { backgroundColor: p, color: m, useGradient: !0, gradientIntensity: 20, layout: { maxThickness: 64, gutter: { color: g, width: .62 }, track: { width: .62 }, labels: { ...T, show: !0, fontSize: y._14, minFontSize: b, color: m, roundingValue: 0, roundingPercentage: 0, bold: !0, offsetX: 0, offsetY: 0, value: { show: !0, formatter: null }, percentage: { show: !0 } } }, title: E, legend: { ...D, ...T, roundingValue: 0, roundingPercentage: 0, showValue: !0, showPercentage: !0, position: "bottom" }, tooltip: { ...O, ...T, showValue: !0, showPercentage: !0, roundingValue: 0, roundingPercentage: 0 } } }, userOptions: j({ tooltip: !0, pdf: !0, csv: !0, img: !0, table: !0, fullscreen: !0, annotator: !0, svg: !0 }), table: { ...F, useDialog: !1, th: N, td: { ...P, roundingValue: 0, roundingPercentage: 0 }, translations: { value: "Value", percentage: "Percentage", serie: "Serie" } } }, Q = { devHints: w, skeletonDataset: null, skeletonConfig: null, debug: !1, loading: !1, autoSize: !0, responsive: !1, theme: "", customPalette: [], useCssAnimation: !1, transitions: k, a11y: { ...v, translations: { ...v.translations, keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints" } }, events: { datapointEnter: null, datapointLeave: null, datapointClick: null }, style: { fontFamily: "inherit", chart: { backgroundColor: p, color: m, width: 512, height: 316, layout: { bars: { rowColor: null, rowRadius: 4, sort: ee.DESC, useStroke: !1, strokeWidth: 2, height: 32, gap: 6, borderRadius: 4, offsetX: 12, paddingRight: 0, useGradient: !0, gradientIntensity: 20, fillOpacity: 90, underlayerColor: o, dataLabels: { color: m, bold: !0, fontSize: y._14, value: { show: !0, roundingValue: 0, prefix: "", suffix: "", formatter: null }, percentage: { show: !0, roundingPercentage: 0 }, offsetX: 0 }, nameLabels: { show: !0, color: m, bold: !1, fontSize: y._14, offsetX: 0 }, parentLabels: { show: !0, color: m, bold: !1, fontSize: y._14, offsetX: 0, paddingBottom: 0 } }, highlighter: { color: t, opacity: 5 }, separators: { show: !1, color: g, strokeWidth: 1, fullWidth: !0 } }, title: E, legend: { ...D, position: S.TOP, roundingValue: 0, roundingPercentage: 0, prefix: "", suffix: "", showValue: !0 }, tooltip: { ...O, showValue: !0, showPercentage: !0, roundingValue: 0, roundingPercentage: 0, prefix: "", suffix: "" } } }, userOptions: j({ tooltip: !0, pdf: !0, csv: !0, img: !0, table: !0, sort: !0, fullscreen: !0, annotator: !0, svg: !0 }), table: { ...F, useDialog: !1, th: N, td: { ...P, roundingValue: 0, roundingPercentage: 0, prefix: "", suffix: "" } }, translations: { parentName: "Serie", childName: "Child", value: "value", percentageToTotal: "%/total", percentageToSerie: "%/serie" } }, ne = Q, re = { devHints: w, skeletonDataset: null, skeletonConfig: null, debug: !1, loading: !1, responsive: !1, a11y: { ...v, translations: { ...v.translations, keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints" } }, events: { datapointEnter: null, datapointLeave: null, datapointClick: null }, theme: "", style: { fontFamily: "inherit", backgroundColor: p, color: m, layout: { height: 300, width: 1e3, padding: M([ 0, 0, 0, 0 ]), crosshairs: { show: !1, stroke: t, strokeWidth: 1, strokeDasharray: 0 }, cells: { rowTotal: { value: { show: !1 }, color: { show: !1 } }, columnTotal: { value: { show: !1, rotation: 0, autoRotate: { enable: !0, angle: -30 }, offsetX: 0, offsetY: 0 }, color: { show: !1 } }, value: { show: !1, fontSize: y._18, bold: !1, roundingValue: 0, color: m, formatter: null }, colors: { hot: l, cold: c, underlayer: o }, spacing: 2, selected: { border: 4, color: t } }, dataLabels: { prefix: "", suffix: "", xAxis: { show: !0, values: [], datetimeFormatter: A, showOnlyAtModulo: null, rotation: 0, autoRotate: { enable: !0, angle: -30 }, fontSize: y._10, color: m, bold: !1, offsetX: 0, offsetY: 0 }, yAxis: { show: !0, values: [], datetimeFormatter: A, fontSize: y._10, color: m, bold: !1, offsetX: 0, offsetY: 0 } } }, title: E, legend: { ...D, fontSize: y._12, roundingValue: 0, width: 24 }, tooltip: { ...O, roundingValue: 0 } }, userOptions: j({ tooltip: !0, pdf: !0, csv: !0, img: !0, table: !0, fullscreen: !0, annotator: !0, svg: !0 }), table: { ...F, useDialog: !1, colNames: { xAxis: "X" }, th: N, td: { ...P, roundingValue: 0 } } }, ie = { devHints: w, skeletonConfig: null, skeletonDataset: null, debug: !1, loading: !1, responsive: !1, a11y: { ...v, translations: { ...v.translations, keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints" } }, transitions: k, events: { datapointEnter: null, datapointLeave: null, datapointClick: null }, theme: "", customPalette: [], useCssAnimation: !1, downsample: C, usePerformanceMode: !1, style: { fontFamily: "inherit", backgroundColor: p, color: m, layout: { height: 316, width: 512, padding: M([ 0, 0, 0, 0 ]), axis: { show: !0, stroke: g, strokeWidth: 1, xMin: null, xMax: null, yMin: null, yMax: null }, marginalBars: { show: !1, size: 40, tranches: 20, opacity: .6, fill: t, strokeWidth: 1, offset: 20, borderRadius: 2, useGradient: !0, showLines: !1, linesStrokeWidth: 1, highlighter: { show: !0, opacity: .1, color: t, stroke: t, strokeWidth: .5, strokeDasharray: 2, highlightBothAxes: !1 } }, plots: { radius: 2, hoverRadiusRatio: 2, stroke: o, strokeWidth: .3, opacity: .6, opacityNotSelected: .6, name: { show: !1, fontSize: 12, offsetY: 0, color: t }, significance: { show: !0, useDistanceOpacity: !1, deviationThreshold: 10, opacity: .3 }, deviation: { translation: "deviation", roundingValue: 1 }, giftWrap: { show: !1, strokeWidth: 1, strokeDasharray: 0,