@vcita/design-system 1.12.10 → 1.12.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@vcita/design-system.esm.js +15 -6
- package/dist/@vcita/design-system.min.js +1 -1
- package/dist/@vcita/design-system.ssr.js +16 -8
- package/package.json +1 -1
- package/src/components/VcGallery/VcGallery.spec.js +19 -0
- package/src/components/VcGallery/VcGallery.stories.js +28 -4
- package/src/components/VcGallery/VcGallery.vue +9 -5
|
@@ -49059,9 +49059,13 @@ var script = {
|
|
|
49059
49059
|
this.$emit('thumbnailsClicked', fileClicked);
|
|
49060
49060
|
},
|
|
49061
49061
|
|
|
49062
|
-
|
|
49062
|
+
errorLoadingPreview() {
|
|
49063
49063
|
this.isErrorLoading = true;
|
|
49064
|
-
this.$emit('
|
|
49064
|
+
this.$emit('errorLoadingPreview', this.startIndex);
|
|
49065
|
+
},
|
|
49066
|
+
|
|
49067
|
+
errorLoadingThumbnails(file) {
|
|
49068
|
+
this.$emit('errorLoadingThumbnails', file);
|
|
49065
49069
|
}
|
|
49066
49070
|
|
|
49067
49071
|
}
|
|
@@ -49163,7 +49167,7 @@ var __vue_render__ = function () {
|
|
|
49163
49167
|
"download": function ($event) {
|
|
49164
49168
|
return _vm.$emit('download');
|
|
49165
49169
|
},
|
|
49166
|
-
"errorLoading": _vm.
|
|
49170
|
+
"errorLoading": _vm.errorLoadingPreview
|
|
49167
49171
|
}
|
|
49168
49172
|
})], 1)];
|
|
49169
49173
|
}), _vm._v(" "), _vm._t("thumbnails", function () {
|
|
@@ -49192,6 +49196,11 @@ var __vue_render__ = function () {
|
|
|
49192
49196
|
"inFocus": _vm.currentFile.name === file.name,
|
|
49193
49197
|
"icon": file.icon,
|
|
49194
49198
|
"fileLocation": file.thumbnails || file.icon
|
|
49199
|
+
},
|
|
49200
|
+
on: {
|
|
49201
|
+
"errorLoading": function ($event) {
|
|
49202
|
+
return _vm.errorLoadingThumbnails(file);
|
|
49203
|
+
}
|
|
49195
49204
|
}
|
|
49196
49205
|
})], 1);
|
|
49197
49206
|
}), 0)]) : _vm._e()];
|
|
@@ -49203,8 +49212,8 @@ var __vue_staticRenderFns__ = [];
|
|
|
49203
49212
|
|
|
49204
49213
|
const __vue_inject_styles__ = function (inject) {
|
|
49205
49214
|
if (!inject) return;
|
|
49206
|
-
inject("data-v-
|
|
49207
|
-
source: ".gallery[data-v-
|
|
49215
|
+
inject("data-v-47dd5c94_0", {
|
|
49216
|
+
source: ".gallery[data-v-47dd5c94]{height:100%;width:100%;display:flex;flex-direction:column;background-color:rgba(0,0,0,.8);position:relative;overflow:hidden}.gallery[data-v-47dd5c94] ::-webkit-scrollbar{width:var(--size-value1);height:var(--size-value1);background-color:transparent}.gallery[data-v-47dd5c94] ::-webkit-scrollbar-thumb{background:var(--gray-darken-3)}.gallery__navigation[data-v-47dd5c94]{width:100%;position:fixed;z-index:1;left:0;height:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;padding-inline:var(--size-value7)}.gallery__navigation[data-v-47dd5c94] .v-btn{background-color:#fff}.gallery__viewer[data-v-47dd5c94]{position:relative;overflow:auto;flex:1}.gallery__controls[data-v-47dd5c94]{position:absolute;z-index:1;transform:translateX(-50%);left:50%;bottom:var(--size-value4)}.thumbnails-on .gallery__controls[data-v-47dd5c94]{bottom:128px}.gallery__thumbnails[data-v-47dd5c94]{display:flex;position:relative;height:116px;background-color:var(--gray-darken-5)}.gallery__thumbnails--scroll[data-v-47dd5c94]{display:flex;flex-wrap:nowrap;transition:.25s ease-in-out;position:absolute;left:50%;padding-block:var(--size-value2)}.gallery__thumbnails--item[data-v-47dd5c94]{flex-basis:100px;width:100px;height:100px;margin-inline:var(--size-value3);border-radius:var(--size-value1);overflow:hidden;cursor:pointer}",
|
|
49208
49217
|
map: undefined,
|
|
49209
49218
|
media: undefined
|
|
49210
49219
|
});
|
|
@@ -49212,7 +49221,7 @@ const __vue_inject_styles__ = function (inject) {
|
|
|
49212
49221
|
/* scoped */
|
|
49213
49222
|
|
|
49214
49223
|
|
|
49215
|
-
const __vue_scope_id__ = "data-v-
|
|
49224
|
+
const __vue_scope_id__ = "data-v-47dd5c94";
|
|
49216
49225
|
/* module identifier */
|
|
49217
49226
|
|
|
49218
49227
|
const __vue_module_identifier__ = undefined;
|