Skip to content

Commit 5392f08

Browse files
graphierosgraphieros
committed
Add package version desc element in svgs
1 parent fb1542f commit 5392f08

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+190
-42
lines changed

‎src/atoms/PackageVersion.vue‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<template>
2+
<desc aria-hidden="true">Composed with Vue Data UI {{ version }}</desc>
3+
</template>
4+
5+
<script setup>
6+
import { version } from '../../package.json';
7+
</script>

‎src/components/vue-ui-3d-bar.vue‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,7 @@ import Accordion from "./vue-ui-accordion.vue";
3131
import { useNestedProp } from "../useNestedProp";
3232
import { usePrinter } from "../usePrinter";
3333
import { useConfig } from "../useConfig";
34+
import PackageVersion from "../atoms/PackageVersion.vue";
3435
3536
const { vue_ui_3d_bar: DEFAULT_CONFIG } = useConfig();
3637
@@ -575,6 +576,7 @@ defineExpose({
575576
</UserOptions>
576577

577578
<svg :xmlns="XMLNS" v-if="isDataset" :class="{ 'vue-data-ui-fullscreen--on': isFullscreen, 'vue-data-ui-fulscreen--off': !isFullscreen }" data-cy="3d-bar-svg" :viewBox="`0 0 ${svg.absoluteWidth} ${svg.height}`" :style="`max-width:100%; overflow: visible; background:transparent;color:${FINAL_CONFIG.style.chart.color}`">
579+
<PackageVersion />
578580

579581
<!-- DEFS -->
580582
<defs>

‎src/components/vue-ui-age-pyramid.vue‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@ import { useNestedProp } from "../useNestedProp";
2727
import { usePrinter } from "../usePrinter";
2828
import { useResponsive } from "../useResponsive";
2929
import { useConfig } from "../useConfig";
30+
import PackageVersion from "../atoms/PackageVersion.vue";
3031
3132
const { vue_ui_age_pyramid: DEFAULT_CONFIG } = useConfig();
3233
@@ -482,6 +483,8 @@ defineExpose({
482483

483484
<!-- CHART -->
484485
<svg :xmlns="XMLNS" v-if="isDataset" :class="{ 'vue-data-ui-fullscreen--on': isFullscreen, 'vue-data-ui-fulscreen--off': !isFullscreen }" :viewBox="`0 0 ${svg.width <= 0 ? 10 : svg.width} ${svg.height <= 0 ? 10 : svg.height}`" :style="`max-width:100%;overflow:visible;background:transparent;color:${FINAL_CONFIG.style.color}`" >
486+
<PackageVersion />
487+
485488
<defs>
486489
<linearGradient
487490
:id="`age_pyramid_left_${uid}`"

‎src/components/vue-ui-candlestick.vue‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@ import { useNestedProp } from "../useNestedProp";
2929
import { usePrinter } from "../usePrinter";
3030
import { useResponsive } from "../useResponsive";
3131
import { useConfig } from "../useConfig";
32+
import PackageVersion from "../atoms/PackageVersion.vue";
3233
3334
const { vue_ui_candlestick: DEFAULT_CONFIG } = useConfig()
3435
@@ -531,6 +532,8 @@ defineExpose({
531532

532533
<!-- CHART -->
533534
<svg :xmlns="XMLNS" v-if="isDataset" :class="{ 'vue-data-ui-fullscreen--on': isFullscreen, 'vue-data-ui-fulscreen--off': !isFullscreen }" :viewBox="`0 0 ${svg.width <= 0 ? 10 : svg.width} ${svg.height <= 0 ? 10 : svg.height}`" :style="`max-width:100%;overflow:visible;background:transparent;color:${FINAL_CONFIG.style.color}`">
535+
<PackageVersion />
536+
534537
<g v-if="drawableDataset.length > 0">
535538
<!-- DEFS -->
536539
<defs>

‎src/components/vue-ui-chestnut.vue‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@ import Accordion from "./vue-ui-accordion.vue";
3030
import { useNestedProp } from "../useNestedProp";
3131
import { usePrinter } from "../usePrinter";
3232
import { useConfig } from "../useConfig";
33+
import PackageVersion from "../atoms/PackageVersion.vue";
3334
3435
const { vue_ui_chestnut: DEFAULT_CONFIG } = useConfig()
3536
@@ -553,6 +554,7 @@ defineExpose({
553554
</UserOptions>
554555

555556
<svg :xmlns="XMLNS" :class="{ 'vue-data-ui-fullscreen--on': isFullscreen, 'vue-data-ui-fulscreen--off': !isFullscreen }" v-if="svg.height > 0 && isDataset" :viewBox="`0 0 ${svg.width} ${svg.height}`" :style="`max-width:100%;overflow:visible;background:transparent;color:${FINAL_CONFIG.style.chart.color}`" >
557+
<PackageVersion />
556558

557559
<!-- TITLE AS G -->
558560
<g v-if="!selectedNut">

‎src/components/vue-ui-donut-evolution.vue‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,7 @@ import Accordion from "./vue-ui-accordion.vue";
3535
import { useNestedProp } from "../useNestedProp";
3636
import { usePrinter } from "../usePrinter";
3737
import { useConfig } from "../useConfig";
38+
import PackageVersion from "../atoms/PackageVersion.vue";
3839
3940
const { vue_ui_donut_evolution: DEFAULT_CONFIG } = useConfig();
4041
@@ -570,6 +571,7 @@ defineExpose({
570571
</UserOptions>
571572
572573
<svg :xmlns="XMLNS" v-if="isDataset" :class="{ 'vue-data-ui-fullscreen--on': isFullscreen, 'vue-data-ui-fulscreen--off': !isFullscreen }" data-cy="donut-evolution-svg" :viewBox="`0 0 ${svg.absoluteWidth} ${svg.absoluteHeight}`" :style="`max-width:100%; overflow: visible; background:transparent;color:${FINAL_CONFIG.style.chart.color}`">
574+
<PackageVersion />
573575
574576
<defs>
575577
<linearGradient :id="`hover_${uid}`" x1="0%" y1="0%" x2="0%" y2="100%">

‎src/components/vue-ui-donut.vue‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,7 @@ import { useNestedProp } from "../useNestedProp";
3535
import { usePrinter } from "../usePrinter";
3636
import { useResponsive } from "../useResponsive";
3737
import { useConfig } from "../useConfig";
38+
import PackageVersion from "../atoms/PackageVersion.vue";
3839
3940
const { vue_ui_donut: DEFAULT_CONFIG } = useConfig()
4041
@@ -676,6 +677,7 @@ defineExpose({
676677
</UserOptions>
677678

678679
<svg :xmlns="XMLNS" v-if="isDataset" :class="{ 'vue-data-ui-fullscreen--on': isFullscreen, 'vue-data-ui-fulscreen--off': !isFullscreen }" data-cy="donut-svg" :viewBox="`0 0 ${svg.width <= 0 ? 10 : svg.width} ${svg.height <= 0 ? 10 : svg.height}`" :style="`max-width:100%; overflow: visible; background:transparent;color:${FINAL_CONFIG.style.chart.color}`">
680+
<PackageVersion/>
679681

680682
<!-- DEFS -->
681683
<defs>

‎src/components/vue-ui-dumbbell.vue‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@ import { useNestedProp } from "../useNestedProp";
2727
import { usePrinter } from "../usePrinter";
2828
import { useResponsive } from "../useResponsive";
2929
import { useConfig } from "../useConfig";
30+
import PackageVersion from "../atoms/PackageVersion.vue";
3031
3132
const { vue_ui_dumbbell: DEFAULT_CONFIG } = useConfig();
3233
@@ -469,6 +470,8 @@ defineExpose({
469470
</UserOptions>
470471

471472
<svg :xmlns="XMLNS" v-if="isDataset" :class="{ 'vue-data-ui-fullscreen--on': isFullscreen, 'vue-data-ui-fulscreen--off': !isFullscreen }" :viewBox="`0 0 ${drawingArea.absoluteWidth <= 0 ? 10 : drawingArea.absoluteWidth} ${drawingArea.absoluteHeight <= 0 ? 10 : drawingArea.absoluteHeight}`" :style="`max-width:100%; overflow: visible; background:transparent;color:${FINAL_CONFIG.style.chart.color}`">
473+
<PackageVersion />
474+
472475
<!-- VERTICAL GRID -->
473476
<g v-if="FINAL_CONFIG.style.chart.grid.verticalGrid.show">
474477

‎src/components/vue-ui-flow.vue‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,7 @@ import Skeleton from "./vue-ui-skeleton.vue";
2525
import { useNestedProp } from "../useNestedProp";
2626
import { usePrinter } from "../usePrinter";
2727
import { useConfig } from "../useConfig";
28+
import PackageVersion from "../atoms/PackageVersion.vue";
2829
2930
const { vue_ui_flow: DEFAULT_CONFIG } = useConfig();
3031
@@ -540,6 +541,8 @@ defineExpose({
540541
:viewBox="`0 0 ${drawingArea.width} ${drawingArea.height}`"
541542
:class="{ 'vue-data-ui-fullscreen--on': isFullscreen, 'vue-data-ui-fulscreen--off': !isFullscreen }" :style="`max-width:100%; overflow: visible; background:transparent;color:${FINAL_CONFIG.style.chart.color}`"
542543
>
544+
<PackageVersion />
545+
543546
<defs>
544547
<linearGradient
545548
v-for="(grad, i) in mutableDataset.links"

‎src/components/vue-ui-galaxy.vue‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@ import Accordion from "./vue-ui-accordion.vue";
3030
import { useNestedProp } from "../useNestedProp";
3131
import { usePrinter } from "../usePrinter";
3232
import { useConfig } from "../useConfig";
33+
import PackageVersion from "../atoms/PackageVersion.vue";
3334
3435
const { vue_ui_galaxy: DEFAULT_CONFIG } = useConfig();
3536
@@ -488,6 +489,7 @@ defineExpose({
488489
</UserOptions>
489490

490491
<svg :xmlns="XMLNS" v-if="isDataset" :class="{ 'vue-data-ui-fullscreen--on': isFullscreen, 'vue-data-ui-fulscreen--off': !isFullscreen }" data-cy="galaxy-svg" :viewBox="`0 0 ${svg.width} ${svg.height}`" :style="`max-width:100%; overflow: visible; background:transparent;color:${FINAL_CONFIG.style.chart.color}`">
492+
<PackageVersion />
491493

492494
<!-- GRADIENT -->
493495
<defs>

0 commit comments

Comments
 (0)