From 4b379c0074b67ccdc96f42be82e9de0fab5417af Mon Sep 17 00:00:00 2001 From: graphieros Date: Sat, 3 Oct 2026 07:56:08 +0200 Subject: [PATCH 1/8] chore(deps): bump vue-data-ui from 3.25.13 to 3.26.0 --- app/components/Chart/SplitSparkline.vue | 16 +++++++++++++--- app/components/Package/TrendsChart.vue | 17 +++++++++++++++-- app/components/Package/WeeklyDownloadStats.vue | 4 ++++ package.json | 2 +- pnpm-lock.yaml | 10 +++++----- pnpm-workspace.yaml | 2 +- shared/utils/trends-chart.ts | 4 ++++ 7 files changed, 43 insertions(+), 12 deletions(-) diff --git a/app/components/Chart/SplitSparkline.vue b/app/components/Chart/SplitSparkline.vue index e3fb33a826..176d06fe3b 100644 --- a/app/components/Chart/SplitSparkline.vue +++ b/app/components/Chart/SplitSparkline.vue @@ -59,7 +59,7 @@ const { colors } = useColors(rootEl) const isDarkMode = computed(() => resolvedMode.value === 'dark') -const selectedIndex = ref(null) +const selectedIndex = ref() const isInteracting = ref(false) function isLargeSeries(seriesIndex: number): boolean { @@ -149,7 +149,7 @@ function startInteraction() { function resetHover() { isInteracting.value = false - selectedIndex.value = null + selectedIndex.value = undefined step.value += 1 // required to reset all chart instances } @@ -175,6 +175,7 @@ const configs = computed(() => { : (lightenColor(seriesColor, 0.5) ?? seriesColor) // palette uses hex colours return { + useCursorPointer: true, a11y: { translations: { keyboardNavigation: $t( @@ -230,6 +231,7 @@ const configs = computed(() => { }, line: { color: seriesColor, + strokeWidth: 1, dashIndices, dashArray: 3, cutNullValues: false, @@ -252,14 +254,21 @@ const configs = computed(() => { }, padding: { left: 0, - right: 0, + right: 24, top: 0, bottom: 0, }, + zoom: { + show: true, + title: '', // TODO: translation + ariaLabel: '', // TODO: translation + }, }, } }) }) + +const zoomState = ref(null)