forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
chore: bump vue-data-ui from 3.14.10 to 3.15.0 (#1455)
authored by
Alec Lloyd Probert
and committed by
GitHub
3ce6ad91
a5b2e9cd
+33
-8
+17
-1
app/components/Package/TrendsChart.vue
+17
-1
app/components/Package/TrendsChart.vue
···
1283
1283
fullscreen: false,
1284
1284
table: false,
1285
1285
tooltip: false,
1286
+
altCopy: false, // TODO: set to true to enable the alt copy feature
1286
1287
},
1287
1288
buttonTitles: {
1288
1289
csv: $t('package.trends.download_file', { fileType: 'CSV' }),
1289
1290
img: $t('package.trends.download_file', { fileType: 'PNG' }),
1290
1291
svg: $t('package.trends.download_file', { fileType: 'SVG' }),
1291
1292
annotator: $t('package.trends.toggle_annotator'),
1293
+
altCopy: undefined, // TODO: set to proper translation key
1292
1294
},
1293
1295
callbacks: {
1294
1296
img: ({ imageUri }: { imageUri: string }) => {
···
1316
1318
loadFile(url, buildExportFilename('svg'))
1317
1319
URL.revokeObjectURL(url)
1318
1320
},
1321
+
// altCopy: ({ dataset: dst, config: cfg }: { dataset: Array<VueUiXyDatasetItem>; config: VueUiXyConfig}) => {
1322
+
// // TODO: implement a reusable copy-alt-text-to-clipboard feature based on the dataset & configuration
1323
+
// console.log({ dst, cfg})
1324
+
// }
1319
1325
},
1320
1326
},
1321
1327
grid: {
···
1422
1428
selectedColor: accent.value,
1423
1429
selectedColorOpacity: 0.06,
1424
1430
frameColor: colors.value.border,
1431
+
handleWidth: isMobile.value ? 40 : 20, // does not affect the size of the touch area
1432
+
handleBorderColor: colors.value.fgSubtle,
1433
+
handleType: 'grab', // 'empty' | 'chevron' | 'arrow' | 'grab'
1425
1434
},
1426
1435
preview: {
1427
1436
fill: transparentizeOklch(accent.value, isDarkMode.value ? 0.95 : 0.92),
···
1722
1731
aria-hidden="true"
1723
1732
/>
1724
1733
</template>
1734
+
<template #optionAltCopy>
1735
+
<span
1736
+
class="i-carbon:accessibility-alt w-6 h-6 text-fg-subtle"
1737
+
style="pointer-events: none"
1738
+
aria-hidden="true"
1739
+
/>
1740
+
</template>
1725
1741
</VueUiXy>
1726
1742
</div>
1727
1743
···
1768
1784
@media screen and (min-width: 767px) {
1769
1785
#trends-chart .vue-data-ui-refresh-button {
1770
1786
top: -0.6rem !important;
1771
-
left: calc(100% + 2rem) !important;
1787
+
left: calc(100% + 4rem) !important;
1772
1788
}
1773
1789
}
1774
1790
+10
-1
app/components/Package/VersionDistribution.vue
+10
-1
app/components/Package/VersionDistribution.vue
···
132
132
fullscreen: false,
133
133
table: false,
134
134
tooltip: false,
135
+
altCopy: false, // TODO: set to true to enable the alt copy feature
135
136
},
136
137
buttonTitles: {
137
138
csv: $t('package.trends.download_file', { fileType: 'CSV' }),
138
139
img: $t('package.trends.download_file', { fileType: 'PNG' }),
139
140
svg: $t('package.trends.download_file', { fileType: 'SVG' }),
140
141
annotator: $t('package.trends.toggle_annotator'),
142
+
altCopy: undefined, // TODO: set to proper translation key
141
143
},
142
144
callbacks: {
143
145
img: ({ imageUri }: { imageUri: string }) => {
···
165
167
loadFile(url, buildExportFilename('svg'))
166
168
URL.revokeObjectURL(url)
167
169
},
170
+
// altCopy: ({ dataset: dst, config: cfg }: { dataset: Array<VueUiXyDatasetItem>; config: VueUiXyConfig}) => {
171
+
// // TODO: implement a reusable copy-alt-text-to-clipboard feature based on the dataset & configuration
172
+
// console.log({ dst, cfg})
173
+
// }
168
174
},
169
175
},
170
176
grid: {
···
243
249
selectedColor: accent.value,
244
250
selectedColorOpacity: 0.06,
245
251
frameColor: colors.value.border,
252
+
handleWidth: isMobile.value ? 40 : 20, // does not affect the size of the touch area
253
+
handleBorderColor: colors.value.fgSubtle,
254
+
handleType: 'grab', // 'empty' | 'chevron' | 'arrow' | 'grab'
246
255
},
247
256
preview: {
248
257
fill: transparentizeOklch(accent.value, isDarkMode.value ? 0.95 : 0.92),
···
663
672
@media screen and (min-width: 767px) {
664
673
#version-distribution .vue-data-ui-refresh-button {
665
674
top: -0.6rem !important;
666
-
left: calc(100% + 2rem) !important;
675
+
left: calc(100% + 4rem) !important;
667
676
}
668
677
}
669
678
</style>
+1
-1
package.json
+1
-1
package.json
+5
-5
pnpm-lock.yaml
+5
-5
pnpm-lock.yaml
···
201
201
specifier: 3.5.27
202
202
version: 3.5.27(typescript@5.9.3)
203
203
vue-data-ui:
204
-
specifier: 3.14.10
205
-
version: 3.14.10(vue@3.5.27(typescript@5.9.3))
204
+
specifier: 3.15.0
205
+
version: 3.15.0(vue@3.5.27(typescript@5.9.3))
206
206
devDependencies:
207
207
'@e18e/eslint-plugin':
208
208
specifier: 0.1.4
···
9437
9437
vue-component-type-helpers@3.2.4:
9438
9438
resolution: {integrity: sha512-05lR16HeZDcDpB23ku5b5f1fBOoHqFnMiKRr2CiEvbG5Ux4Yi0McmQBOET0dR0nxDXosxyVqv67q6CzS3AK8rw==}
9439
9439
9440
-
vue-data-ui@3.14.10:
9441
-
resolution: {integrity: sha512-2mzt/5InMFWpE1458gm1h26ILpQxotQ9cOM1xcS8boWRZnjEw1ficfay+g/HNQZL0k4AzMSZKnWWBJ/PaKgclA==}
9440
+
vue-data-ui@3.15.0:
9441
+
resolution: {integrity: sha512-uT500ijPaeFO5Qk/zn7Uv5+DyDdH5cerAK2GB3foyws4jgB6HjBWFcs9lDJkX0AfRT/HSGYo3/sYY83KxqACQQ==}
9442
9442
peerDependencies:
9443
9443
jspdf: '>=3.0.1'
9444
9444
vue: '>=3.3.0'
···
21060
21060
21061
21061
vue-component-type-helpers@3.2.4: {}
21062
21062
21063
-
vue-data-ui@3.14.10(vue@3.5.27(typescript@5.9.3)):
21063
+
vue-data-ui@3.15.0(vue@3.5.27(typescript@5.9.3)):
21064
21064
dependencies:
21065
21065
vue: 3.5.27(typescript@5.9.3)
21066
21066