@vcita/design-system 1.11.7 → 1.11.9
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 +52 -40
- package/dist/@vcita/design-system.min.js +1 -1
- package/dist/@vcita/design-system.ssr.js +57 -41
- package/package.json +1 -1
- package/src/components/VcGallery/VcGallery.spec.js +3 -3
- package/src/components/VcGallery/VcGallery.stories.js +14 -3
- package/src/components/VcGallery/VcGallery.vue +17 -4
- package/src/components/VcGallery/VcGalleyHeader.spec.js +2 -2
- package/src/components/VcGallery/VcGalleyHeader.vue +11 -2
- package/src/components/VcPreview/DocPreview.vue +0 -10
- package/src/components/VcPreview/VcPreview.vue +7 -19
|
@@ -24784,8 +24784,8 @@ var __vue_staticRenderFns__$5 = [];
|
|
|
24784
24784
|
|
|
24785
24785
|
const __vue_inject_styles__$5 = function (inject) {
|
|
24786
24786
|
if (!inject) return;
|
|
24787
|
-
inject("data-v-
|
|
24788
|
-
source: ".doc-preview[data-v-
|
|
24787
|
+
inject("data-v-3c480d88_0", {
|
|
24788
|
+
source: ".doc-preview[data-v-3c480d88]{height:100%;width:100%;transform-origin:top center}",
|
|
24789
24789
|
map: undefined,
|
|
24790
24790
|
media: undefined
|
|
24791
24791
|
});
|
|
@@ -24793,7 +24793,7 @@ const __vue_inject_styles__$5 = function (inject) {
|
|
|
24793
24793
|
/* scoped */
|
|
24794
24794
|
|
|
24795
24795
|
|
|
24796
|
-
const __vue_scope_id__$5 = "data-v-
|
|
24796
|
+
const __vue_scope_id__$5 = "data-v-3c480d88";
|
|
24797
24797
|
/* module identifier */
|
|
24798
24798
|
|
|
24799
24799
|
const __vue_module_identifier__$5 = undefined;
|
|
@@ -24938,6 +24938,10 @@ var script$3 = {
|
|
|
24938
24938
|
unsupportedFilesTexts: {
|
|
24939
24939
|
type: Object
|
|
24940
24940
|
},
|
|
24941
|
+
pdfWidth: {
|
|
24942
|
+
type: Number,
|
|
24943
|
+
default: 700
|
|
24944
|
+
},
|
|
24941
24945
|
zoom: {
|
|
24942
24946
|
type: Number,
|
|
24943
24947
|
default: 1,
|
|
@@ -24967,15 +24971,8 @@ var script$3 = {
|
|
|
24967
24971
|
data: () => ({
|
|
24968
24972
|
loading: true,
|
|
24969
24973
|
displayError: false,
|
|
24970
|
-
containerWidth: 550,
|
|
24971
24974
|
debouncePointer: null
|
|
24972
24975
|
}),
|
|
24973
|
-
|
|
24974
|
-
created() {
|
|
24975
|
-
this.debouncePointer = justDebounce(this.setWidth, 200);
|
|
24976
|
-
window.addEventListener('resize', this.debouncePointer);
|
|
24977
|
-
},
|
|
24978
|
-
|
|
24979
24976
|
watch: {
|
|
24980
24977
|
fileLocation() {
|
|
24981
24978
|
if (['nativePdf', 'unsupported', 'tooBig'].includes(this.fileType)) {
|
|
@@ -25000,7 +24997,6 @@ var script$3 = {
|
|
|
25000
24997
|
onload() {
|
|
25001
24998
|
this.loading = false;
|
|
25002
24999
|
this.displayError = false;
|
|
25003
|
-
this.setWidth();
|
|
25004
25000
|
},
|
|
25005
25001
|
|
|
25006
25002
|
onerror(error) {
|
|
@@ -25008,23 +25004,9 @@ var script$3 = {
|
|
|
25008
25004
|
this.loading = false;
|
|
25009
25005
|
this.displayError = true;
|
|
25010
25006
|
this.$emit('errorLoading', error);
|
|
25011
|
-
},
|
|
25012
|
-
|
|
25013
|
-
setWidth()
|
|
25014
|
-
/* istanbul ignore next */
|
|
25015
|
-
{
|
|
25016
|
-
var _this$$refs$container;
|
|
25017
|
-
|
|
25018
|
-
if (this.fileType !== 'pdf') return;
|
|
25019
|
-
this.containerWidth = (_this$$refs$container = this.$refs.container) === null || _this$$refs$container === void 0 ? void 0 : _this$$refs$container.clientWidth;
|
|
25020
25007
|
}
|
|
25021
25008
|
|
|
25022
|
-
},
|
|
25023
|
-
|
|
25024
|
-
destroyed() {
|
|
25025
|
-
window.removeEventListener('resize', this.debouncePointer);
|
|
25026
25009
|
}
|
|
25027
|
-
|
|
25028
25010
|
};
|
|
25029
25011
|
|
|
25030
25012
|
/* script */
|
|
@@ -25070,10 +25052,9 @@ var __vue_render__$3 = function () {
|
|
|
25070
25052
|
}
|
|
25071
25053
|
})] : _vm.fileType === 'pdf' && !_vm.displayError ? [_c('vue-pdf-embed', {
|
|
25072
25054
|
attrs: {
|
|
25073
|
-
"id": "pdf-frame",
|
|
25074
25055
|
"data-qa": _vm.dataQa + "--pdf",
|
|
25075
25056
|
"rotation": _vm.rotate,
|
|
25076
|
-
"width": _vm.
|
|
25057
|
+
"width": _vm.pdfWidth * _vm.zoom,
|
|
25077
25058
|
"source": _vm.fileLocation
|
|
25078
25059
|
},
|
|
25079
25060
|
on: {
|
|
@@ -25123,8 +25104,8 @@ var __vue_staticRenderFns__$3 = [];
|
|
|
25123
25104
|
|
|
25124
25105
|
const __vue_inject_styles__$3 = function (inject) {
|
|
25125
25106
|
if (!inject) return;
|
|
25126
|
-
inject("data-v-
|
|
25127
|
-
source: "[data-v-
|
|
25107
|
+
inject("data-v-7bfb028b_0", {
|
|
25108
|
+
source: "[data-v-7bfb028b]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xs-small:11px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium0:20px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--border-radius-circle:50%;--border-frame:1px solid var(--gray-lighten-1);--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--centered-layout-min-width:708px;--centered-layout-max-width:1316px;--left-panel-width:265px;--vc-top-bar-height:59px;--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:0;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--select-field-height:52px;--select-field-height-md:32px;--bottom-nav-shadow:0px -3px 8px rgba(23, 23, 23, 0.13);--entity-status-info-background-color:var(--neutral-lighten-2);--entity-status-info-header-color:var(--neutral);--entity-status-alert-background-color:#FFF9E4;--entity-status-alert-header-color:#C68600;--entity-status-warning-background-color:#FFF0E8;--entity-status-warning-header-color:#B74302;--entity-status-error-background-color:#FDEAEE;--entity-status-error-header-color:#A82433;--entity-status-success-background-color:#E8F8F4;--entity-status-success-header-color:#2C7D67;--entity-status-default-background-color:#E6F6FF;--entity-status-default-header-color:#004970;--table-sticky-column-shadow:10px 0 12px 0 rgba(0, 0, 0, 0.08);--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--purple:#BD98F7;--purple-lighten-1:#CAADF9;--purple-lighten-2:#D7C1FA;--purple-lighten-3:#F7F1FF;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.color-0[data-v-7bfb028b]{--color-dark:#fed62f;--color-light:#fff1b6}.color-1[data-v-7bfb028b]{--color-dark:#fec22e;--color-light:#ffeab6}.color-2[data-v-7bfb028b]{--color-dark:#feac2a;--color-light:#ffe2b5}.color-3[data-v-7bfb028b]{--color-dark:#fe9a28;--color-light:#ffdcb4}.color-4[data-v-7bfb028b]{--color-dark:#fd7024;--color-light:#fecdb3}.color-5[data-v-7bfb028b]{--color-dark:#fd5b32;--color-light:#fec6b7}.color-6[data-v-7bfb028b]{--color-dark:#f2483f;--color-light:#fabfbc}.color-7[data-v-7bfb028b]{--color-dark:#dc331b;--color-light:#f3b8af}.color-8[data-v-7bfb028b]{--color-dark:#d41419;--color-light:#f0adaf}.color-9[data-v-7bfb028b]{--color-dark:#e72866;--color-light:#f7b4ca}.color-10[data-v-7bfb028b]{--color-dark:#c41c63;--color-light:#eab0c9}.color-11[data-v-7bfb028b]{--color-dark:#9b2bae;--color-light:#dcb5e3}.color-12[data-v-7bfb028b]{--color-dark:#673bb5;--color-light:#cabbe5}.color-13[data-v-7bfb028b]{--color-dark:#7c4efc;--color-light:#d1c1fe}.color-14[data-v-7bfb028b]{--color-dark:#4051b3;--color-light:#bcc2e4}.color-15[data-v-7bfb028b]{--color-dark:#311b92;--color-light:#c0b2ff}.color-16[data-v-7bfb028b]{--color-dark:#2d62fb;--color-light:#b6c8fe}.color-17[data-v-7bfb028b]{--color-dark:#5c6bc0;--color-light:#9aa2d2}.color-18[data-v-7bfb028b]{--color-dark:#17a8f1;--color-light:#aee1fa}.color-19[data-v-7bfb028b]{--color-dark:#17bbd2;--color-light:#aee7ef}.color-20[data-v-7bfb028b]{--color-dark:#14abbf;--color-light:#ade2e9}.color-21[data-v-7bfb028b]{--color-dark:#0f9587;--color-light:#abdad5}.color-22[data-v-7bfb028b]{--color-dark:#16bea5;--color-light:#aee8e0}.color-23[data-v-7bfb028b]{--color-dark:#4eae53;--color-light:#c1e3c3}.color-24[data-v-7bfb028b]{--color-dark:#3a8d3f;--color-light:#bad7bc}.color-25[data-v-7bfb028b]{--color-dark:#8cc250;--color-light:#d7eac2}.color-26[data-v-7bfb028b]{--color-dark:#66bb6a;--color-light:#9fd3a1}.color-27[data-v-7bfb028b]{--color-dark:#880e4f;--color-light:#ab8198}.color-28[data-v-7bfb028b]{--color-dark:#1565c0;--color-light:#83a4ca}.color-29[data-v-7bfb028b]{--color-dark:#1e88e5;--color-light:#79b1ff}.color-9999[data-v-7bfb028b]{--color-dark:#4675d9;--color-light:#becff2}.color-101[data-v-7bfb028b]{--color-dark:#EE5787;--color-light:#FFC6CC}.color-102[data-v-7bfb028b]{--color-dark:#EE5787;--color-light:#F7B3CA}.color-103[data-v-7bfb028b]{--color-dark:#AB51BD;--color-light:#DDB6E3}.color-104[data-v-7bfb028b]{--color-dark:#8564C4;--color-light:#CBBCE6}.color-105[data-v-7bfb028b]{--color-dark:#6371BF;--color-light:#BDC3E6}.color-106[data-v-7bfb028b]{--color-dark:#1779CE;--color-light:#B3D9FA}.color-107[data-v-7bfb028b]{--color-dark:#1E92CC;--color-light:#AAE1FC}.color-108[data-v-7bfb028b]{--color-dark:#1E8694;--color-light:#A9E8F0}.color-109[data-v-7bfb028b]{--color-dark:#328179;--color-light:#A9DAD6}.color-110[data-v-7bfb028b]{--color-dark:#3D853F;--color-light:#C1E2C2}.color-111[data-v-7bfb028b]{--color-dark:#5B8131;--color-light:#D7EAC1}.color-112[data-v-7bfb028b]{--color-dark:#757B23;--color-light:#EEF2BB}.color-113[data-v-7bfb028b]{--color-dark:#8A731E;--color-light:#FFF8BC}.color-114[data-v-7bfb028b]{--color-dark:#C88704;--color-light:#FFE9AA}.color-115[data-v-7bfb028b]{--color-dark:#B85F00;--color-light:#FFDBA9}.color-116[data-v-7bfb028b]{--color-dark:#EA0A00;--color-light:#FFC5B4}.color-117[data-v-7bfb028b]{--color-dark:#FF4D1F;--color-light:#FFA186}.color-118[data-v-7bfb028b]{--color-dark:#6E4B3F;--color-light:#D1C5C1}.color-119[data-v-7bfb028b]{--color-dark:#6E4B3F;--color-light:#B4A09A}.color-120[data-v-7bfb028b]{--color-dark:#63757E;--color-light:#C8D2D7}.preview[data-v-7bfb028b]{height:100%;width:fit-content;min-width:100%}.pdf-display[data-v-7bfb028b]{overflow:scroll}.focus-mode[data-v-7bfb028b]{opacity:.5;transition:.1s}.focus-mode[data-v-7bfb028b]:hover{opacity:.7;transition:.3s}.inFocus[data-v-7bfb028b]{opacity:1;border-radius:4px;border:3px solid var(--v-secondary-base)}.inFocus[data-v-7bfb028b]:hover{opacity:1}.iframe-desktop[data-v-7bfb028b]{height:100%;width:100%;border:none}[data-v-7bfb028b] .vue-pdf-embed__page{display:flex;justify-content:center}[data-v-7bfb028b] .vue-pdf-embed div:not(:last-child) canvas{margin-bottom:var(--size-value3)}.image-display__wrapper[data-v-7bfb028b]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;transition:.2s ease-in-out}.focus-mode .image-display__wrapper[data-v-7bfb028b]{align-items:center}.image-display__image[data-v-7bfb028b]{height:auto;max-width:100%}.icon-display[data-v-7bfb028b]{display:flex;justify-content:center;align-items:center;height:100%;background-color:var(--gray-lighten-3)}",
|
|
25128
25109
|
map: undefined,
|
|
25129
25110
|
media: undefined
|
|
25130
25111
|
});
|
|
@@ -25132,7 +25113,7 @@ const __vue_inject_styles__$3 = function (inject) {
|
|
|
25132
25113
|
/* scoped */
|
|
25133
25114
|
|
|
25134
25115
|
|
|
25135
|
-
const __vue_scope_id__$3 = "data-v-
|
|
25116
|
+
const __vue_scope_id__$3 = "data-v-7bfb028b";
|
|
25136
25117
|
/* module identifier */
|
|
25137
25118
|
|
|
25138
25119
|
const __vue_module_identifier__$3 = undefined;
|
|
@@ -25153,6 +25134,7 @@ var VcPreview = __vue_component__$4;
|
|
|
25153
25134
|
var script$2 = {
|
|
25154
25135
|
name: 'VcGalleyHeader',
|
|
25155
25136
|
components: {
|
|
25137
|
+
VcIcon,
|
|
25156
25138
|
VcMenu,
|
|
25157
25139
|
VcMenuItem,
|
|
25158
25140
|
VcButton
|
|
@@ -25230,7 +25212,19 @@ var __vue_render__$2 = function () {
|
|
|
25230
25212
|
"click": function ($event) {
|
|
25231
25213
|
return _vm.$emit('action', action.name);
|
|
25232
25214
|
}
|
|
25233
|
-
}
|
|
25215
|
+
},
|
|
25216
|
+
scopedSlots: _vm._u([{
|
|
25217
|
+
key: "prepend",
|
|
25218
|
+
fn: function () {
|
|
25219
|
+
return [_c('VcIcon', {
|
|
25220
|
+
attrs: {
|
|
25221
|
+
"small": "",
|
|
25222
|
+
"color": "var(--gray-lighten-4)"
|
|
25223
|
+
}
|
|
25224
|
+
}, [_vm._v(_vm._s(action.icon))])];
|
|
25225
|
+
},
|
|
25226
|
+
proxy: true
|
|
25227
|
+
}], null, true)
|
|
25234
25228
|
});
|
|
25235
25229
|
}), 1) : _c('VcMenu', {
|
|
25236
25230
|
scopedSlots: _vm._u([{
|
|
@@ -25271,8 +25265,8 @@ var __vue_staticRenderFns__$2 = [];
|
|
|
25271
25265
|
|
|
25272
25266
|
const __vue_inject_styles__$2 = function (inject) {
|
|
25273
25267
|
if (!inject) return;
|
|
25274
|
-
inject("data-v-
|
|
25275
|
-
source: "[data-v-
|
|
25268
|
+
inject("data-v-0b654b4a_0", {
|
|
25269
|
+
source: "[data-v-0b654b4a]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xs-small:11px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium0:20px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--border-radius-circle:50%;--border-frame:1px solid var(--gray-lighten-1);--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--centered-layout-min-width:708px;--centered-layout-max-width:1316px;--left-panel-width:265px;--vc-top-bar-height:59px;--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:0;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--select-field-height:52px;--select-field-height-md:32px;--bottom-nav-shadow:0px -3px 8px rgba(23, 23, 23, 0.13);--entity-status-info-background-color:var(--neutral-lighten-2);--entity-status-info-header-color:var(--neutral);--entity-status-alert-background-color:#FFF9E4;--entity-status-alert-header-color:#C68600;--entity-status-warning-background-color:#FFF0E8;--entity-status-warning-header-color:#B74302;--entity-status-error-background-color:#FDEAEE;--entity-status-error-header-color:#A82433;--entity-status-success-background-color:#E8F8F4;--entity-status-success-header-color:#2C7D67;--entity-status-default-background-color:#E6F6FF;--entity-status-default-header-color:#004970;--table-sticky-column-shadow:10px 0 12px 0 rgba(0, 0, 0, 0.08);--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--purple:#BD98F7;--purple-lighten-1:#CAADF9;--purple-lighten-2:#D7C1FA;--purple-lighten-3:#F7F1FF;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.color-0[data-v-0b654b4a]{--color-dark:#fed62f;--color-light:#fff1b6}.color-1[data-v-0b654b4a]{--color-dark:#fec22e;--color-light:#ffeab6}.color-2[data-v-0b654b4a]{--color-dark:#feac2a;--color-light:#ffe2b5}.color-3[data-v-0b654b4a]{--color-dark:#fe9a28;--color-light:#ffdcb4}.color-4[data-v-0b654b4a]{--color-dark:#fd7024;--color-light:#fecdb3}.color-5[data-v-0b654b4a]{--color-dark:#fd5b32;--color-light:#fec6b7}.color-6[data-v-0b654b4a]{--color-dark:#f2483f;--color-light:#fabfbc}.color-7[data-v-0b654b4a]{--color-dark:#dc331b;--color-light:#f3b8af}.color-8[data-v-0b654b4a]{--color-dark:#d41419;--color-light:#f0adaf}.color-9[data-v-0b654b4a]{--color-dark:#e72866;--color-light:#f7b4ca}.color-10[data-v-0b654b4a]{--color-dark:#c41c63;--color-light:#eab0c9}.color-11[data-v-0b654b4a]{--color-dark:#9b2bae;--color-light:#dcb5e3}.color-12[data-v-0b654b4a]{--color-dark:#673bb5;--color-light:#cabbe5}.color-13[data-v-0b654b4a]{--color-dark:#7c4efc;--color-light:#d1c1fe}.color-14[data-v-0b654b4a]{--color-dark:#4051b3;--color-light:#bcc2e4}.color-15[data-v-0b654b4a]{--color-dark:#311b92;--color-light:#c0b2ff}.color-16[data-v-0b654b4a]{--color-dark:#2d62fb;--color-light:#b6c8fe}.color-17[data-v-0b654b4a]{--color-dark:#5c6bc0;--color-light:#9aa2d2}.color-18[data-v-0b654b4a]{--color-dark:#17a8f1;--color-light:#aee1fa}.color-19[data-v-0b654b4a]{--color-dark:#17bbd2;--color-light:#aee7ef}.color-20[data-v-0b654b4a]{--color-dark:#14abbf;--color-light:#ade2e9}.color-21[data-v-0b654b4a]{--color-dark:#0f9587;--color-light:#abdad5}.color-22[data-v-0b654b4a]{--color-dark:#16bea5;--color-light:#aee8e0}.color-23[data-v-0b654b4a]{--color-dark:#4eae53;--color-light:#c1e3c3}.color-24[data-v-0b654b4a]{--color-dark:#3a8d3f;--color-light:#bad7bc}.color-25[data-v-0b654b4a]{--color-dark:#8cc250;--color-light:#d7eac2}.color-26[data-v-0b654b4a]{--color-dark:#66bb6a;--color-light:#9fd3a1}.color-27[data-v-0b654b4a]{--color-dark:#880e4f;--color-light:#ab8198}.color-28[data-v-0b654b4a]{--color-dark:#1565c0;--color-light:#83a4ca}.color-29[data-v-0b654b4a]{--color-dark:#1e88e5;--color-light:#79b1ff}.color-9999[data-v-0b654b4a]{--color-dark:#4675d9;--color-light:#becff2}.color-101[data-v-0b654b4a]{--color-dark:#EE5787;--color-light:#FFC6CC}.color-102[data-v-0b654b4a]{--color-dark:#EE5787;--color-light:#F7B3CA}.color-103[data-v-0b654b4a]{--color-dark:#AB51BD;--color-light:#DDB6E3}.color-104[data-v-0b654b4a]{--color-dark:#8564C4;--color-light:#CBBCE6}.color-105[data-v-0b654b4a]{--color-dark:#6371BF;--color-light:#BDC3E6}.color-106[data-v-0b654b4a]{--color-dark:#1779CE;--color-light:#B3D9FA}.color-107[data-v-0b654b4a]{--color-dark:#1E92CC;--color-light:#AAE1FC}.color-108[data-v-0b654b4a]{--color-dark:#1E8694;--color-light:#A9E8F0}.color-109[data-v-0b654b4a]{--color-dark:#328179;--color-light:#A9DAD6}.color-110[data-v-0b654b4a]{--color-dark:#3D853F;--color-light:#C1E2C2}.color-111[data-v-0b654b4a]{--color-dark:#5B8131;--color-light:#D7EAC1}.color-112[data-v-0b654b4a]{--color-dark:#757B23;--color-light:#EEF2BB}.color-113[data-v-0b654b4a]{--color-dark:#8A731E;--color-light:#FFF8BC}.color-114[data-v-0b654b4a]{--color-dark:#C88704;--color-light:#FFE9AA}.color-115[data-v-0b654b4a]{--color-dark:#B85F00;--color-light:#FFDBA9}.color-116[data-v-0b654b4a]{--color-dark:#EA0A00;--color-light:#FFC5B4}.color-117[data-v-0b654b4a]{--color-dark:#FF4D1F;--color-light:#FFA186}.color-118[data-v-0b654b4a]{--color-dark:#6E4B3F;--color-light:#D1C5C1}.color-119[data-v-0b654b4a]{--color-dark:#6E4B3F;--color-light:#B4A09A}.color-120[data-v-0b654b4a]{--color-dark:#63757E;--color-light:#C8D2D7}.gallery-header[data-v-0b654b4a]{background-color:var(--gray-darken-4);display:flex;justify-content:space-between}.gallery-header__actions[data-v-0b654b4a]{padding-inline-end:var(--size-value2)}.gallery-header__actions--mobile[data-v-0b654b4a]{display:flex;flex-direction:column;align-items:flex-start;padding:0 var(--size-value4)}",
|
|
25276
25270
|
map: undefined,
|
|
25277
25271
|
media: undefined
|
|
25278
25272
|
});
|
|
@@ -25280,7 +25274,7 @@ const __vue_inject_styles__$2 = function (inject) {
|
|
|
25280
25274
|
/* scoped */
|
|
25281
25275
|
|
|
25282
25276
|
|
|
25283
|
-
const __vue_scope_id__$2 = "data-v-
|
|
25277
|
+
const __vue_scope_id__$2 = "data-v-0b654b4a";
|
|
25284
25278
|
/* module identifier */
|
|
25285
25279
|
|
|
25286
25280
|
const __vue_module_identifier__$2 = undefined;
|
|
@@ -25473,6 +25467,10 @@ var script = {
|
|
|
25473
25467
|
type: Number,
|
|
25474
25468
|
default: 0
|
|
25475
25469
|
},
|
|
25470
|
+
pdfWidth: {
|
|
25471
|
+
type: Number,
|
|
25472
|
+
default: 700
|
|
25473
|
+
},
|
|
25476
25474
|
dataQa: {
|
|
25477
25475
|
type: String,
|
|
25478
25476
|
default: 'VcGallery'
|
|
@@ -25489,6 +25487,12 @@ var script = {
|
|
|
25489
25487
|
this.currentFileIndex = this.startIndex;
|
|
25490
25488
|
},
|
|
25491
25489
|
|
|
25490
|
+
watch: {
|
|
25491
|
+
currentFileIndex(index) {
|
|
25492
|
+
this.$emit('currentFileIndex', index);
|
|
25493
|
+
}
|
|
25494
|
+
|
|
25495
|
+
},
|
|
25492
25496
|
computed: {
|
|
25493
25497
|
currentFile() {
|
|
25494
25498
|
return this.files[this.currentFileIndex] || {};
|
|
@@ -25544,7 +25548,10 @@ var script = {
|
|
|
25544
25548
|
},
|
|
25545
25549
|
|
|
25546
25550
|
headerAction(action) {
|
|
25547
|
-
this.$emit('headerAction',
|
|
25551
|
+
this.$emit('headerAction', {
|
|
25552
|
+
action,
|
|
25553
|
+
fileIndex: this.currentFileIndex
|
|
25554
|
+
});
|
|
25548
25555
|
},
|
|
25549
25556
|
|
|
25550
25557
|
navigateFiles(navDirection) {
|
|
@@ -25561,6 +25568,8 @@ var script = {
|
|
|
25561
25568
|
} else if (this.currentFileIndex === -1) {
|
|
25562
25569
|
this.currentFileIndex = this.files.length - 1;
|
|
25563
25570
|
}
|
|
25571
|
+
|
|
25572
|
+
this.$emit('navigateFiles', navDirection);
|
|
25564
25573
|
},
|
|
25565
25574
|
|
|
25566
25575
|
resetControllers() {
|
|
@@ -25572,11 +25581,12 @@ var script = {
|
|
|
25572
25581
|
updateFileIndex(fileClicked) {
|
|
25573
25582
|
this.resetControllers();
|
|
25574
25583
|
this.currentFileIndex = this.files.findIndex(file => file.name === fileClicked.name);
|
|
25584
|
+
this.$emit('thumbnailsClicked', fileClicked);
|
|
25575
25585
|
},
|
|
25576
25586
|
|
|
25577
25587
|
errorLoading() {
|
|
25578
25588
|
this.isErrorLoading = true;
|
|
25579
|
-
this.$emit('errorLoading');
|
|
25589
|
+
this.$emit('errorLoading', this.currentFileIndex);
|
|
25580
25590
|
}
|
|
25581
25591
|
|
|
25582
25592
|
}
|
|
@@ -25668,9 +25678,11 @@ var __vue_render__ = function () {
|
|
|
25668
25678
|
attrs: {
|
|
25669
25679
|
"fileLocation": _vm.currentFile.location,
|
|
25670
25680
|
"fileType": _vm.currentFile.type,
|
|
25681
|
+
"narrow": _vm.size === 's',
|
|
25671
25682
|
"unsupportedFilesTexts": _vm.unsupportedFilesTexts,
|
|
25672
25683
|
"rotate": _vm.rotateDeg,
|
|
25673
|
-
"zoom": _vm.zoomSize / 100
|
|
25684
|
+
"zoom": _vm.zoomSize / 100,
|
|
25685
|
+
"pdfWidth": _vm.pdfWidth
|
|
25674
25686
|
},
|
|
25675
25687
|
on: {
|
|
25676
25688
|
"errorLoading": _vm.errorLoading
|
|
@@ -25713,8 +25725,8 @@ var __vue_staticRenderFns__ = [];
|
|
|
25713
25725
|
|
|
25714
25726
|
const __vue_inject_styles__ = function (inject) {
|
|
25715
25727
|
if (!inject) return;
|
|
25716
|
-
inject("data-v-
|
|
25717
|
-
source: ".gallery[data-v-
|
|
25728
|
+
inject("data-v-776a4aa8_0", {
|
|
25729
|
+
source: ".gallery[data-v-776a4aa8]{height:100%;width:100%;display:flex;flex-direction:column;background-color:rgba(0,0,0,.8);position:relative;overflow:hidden}.gallery[data-v-776a4aa8] ::-webkit-scrollbar{width:var(--size-value1);height:var(--size-value1);background-color:transparent}.gallery[data-v-776a4aa8] ::-webkit-scrollbar-thumb{background:var(--gray-darken-3)}.gallery__navigation[data-v-776a4aa8]{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-776a4aa8] .v-btn{background-color:#fff}.gallery__viewer[data-v-776a4aa8]{position:relative;overflow:auto;flex:1}.gallery__controls[data-v-776a4aa8]{position:absolute;z-index:1;transform:translateX(-50%);left:50%;bottom:var(--size-value4)}.thumbnails-on .gallery__controls[data-v-776a4aa8]{bottom:128px}.gallery__thumbnails[data-v-776a4aa8]{display:flex;position:relative;height:116px;background-color:var(--gray-darken-5)}.gallery__thumbnails--scroll[data-v-776a4aa8]{display:flex;flex-wrap:nowrap;transition:.25s ease-in-out;position:absolute;left:50%;padding-block:var(--size-value2)}.gallery__thumbnails--item[data-v-776a4aa8]{flex-basis:100px;width:100px;height:100px;margin-inline:var(--size-value3);border-radius:var(--size-value1);overflow:hidden;cursor:pointer}",
|
|
25718
25730
|
map: undefined,
|
|
25719
25731
|
media: undefined
|
|
25720
25732
|
});
|
|
@@ -25722,7 +25734,7 @@ const __vue_inject_styles__ = function (inject) {
|
|
|
25722
25734
|
/* scoped */
|
|
25723
25735
|
|
|
25724
25736
|
|
|
25725
|
-
const __vue_scope_id__ = "data-v-
|
|
25737
|
+
const __vue_scope_id__ = "data-v-776a4aa8";
|
|
25726
25738
|
/* module identifier */
|
|
25727
25739
|
|
|
25728
25740
|
const __vue_module_identifier__ = undefined;
|