@vcita/design-system 1.3.5 → 1.3.6

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/CHANGELOG.md CHANGED
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
7
7
 
8
8
  ### Unreleased changes
9
9
 
10
+ ### v1.3.6(2022-11-21)
11
+ - VcGalleryItem - emit previewItem computed property
12
+ - VcGalleryList - pass description property
13
+
10
14
  ### v1.3.5(2022-11-21)
11
15
  - VcColorPicker - bug fix
12
16
  - Dropdown - fix overflow-x bug
package/README.md CHANGED
@@ -131,7 +131,7 @@ this.$vuetify.theme.themes.light.secondary = {
131
131
  ### Localization
132
132
 
133
133
  There are a few components that contain localized strings.
134
- For example, the wizard and modaql components.
134
+ For example, the wizard and modal components.
135
135
  By default, the texts will be presented in English, so should you need to display them in another locale, this is now you can set the locale as needed.
136
136
 
137
137
  Available locales:
@@ -1025,7 +1025,7 @@ var __vue_render__$13 = function () {
1025
1025
  },
1026
1026
  proxy: true
1027
1027
  }], null, false, 3224284697)
1028
- }) : _vm._e(), _vm._v(" "), _vm.closeButton && this.$vuetify.breakpoint.mdAndUp ? _c('VcButton', {
1028
+ }) : _vm._e(), _vm._v(" "), _vm.closeButton ? _c('VcButton', {
1029
1029
  staticClass: "close-button",
1030
1030
  attrs: {
1031
1031
  "ripple": false,
@@ -1054,8 +1054,8 @@ var __vue_staticRenderFns__$13 = [];
1054
1054
 
1055
1055
  const __vue_inject_styles__$15 = function (inject) {
1056
1056
  if (!inject) return;
1057
- inject("data-v-4de1f708_0", {
1058
- source: ".VcHeader[data-v-4de1f708]{padding:var(--size-value4);font-weight:var(--font-weight-large);font-size:var(--font-size-medium);line-height:var(--size-value7);letter-spacing:var(--letter-spacing)}@media screen and (min-width:960px){.VcHeader[data-v-4de1f708]{padding:var(--size-value4) var(--size-value4) var(--size-value4) var(--size-value6)}}.VcHeader.no-close-button[data-v-4de1f708]{font-weight:var(--font-weight-large2);font-size:var(--font-size-small2);padding:var(--size-value4) var(--size-value6) var(--size-value0)}.VcHeader.no-close-button.input[data-v-4de1f708]{padding-block-end:var(--size-value0)}.VcHeader .VcHeaderImage[data-v-4de1f708]{width:var(--size-value8);margin-right:var(--size-value3);padding:5px;border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:var(--border-radius)}.VcHeader .VcHeaderTopTitle[data-v-4de1f708]{font-size:11px;font-weight:var(--font-weight-medium);line-height:var(--size-value3);color:var(--gray-darken-3)}.VcHeader .VcHeaderTitle[data-v-4de1f708]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:var(--size-value6)}.VcHeader .VcHeaderDescription[data-v-4de1f708]{font-size:var(--font-size-xx-small);font-weight:var(--font-weight-medium);line-height:var(--size-value4);color:var(--gray-darken-4)}.VcHeader .VcHeaderSubtitle[data-v-4de1f708]{font-size:var(--font-size-small2);font-weight:var(--font-weight-medium);color:var(--gray-darken-5);padding-left:var(--size-value2)}.VcHeader.confirm[data-v-4de1f708]{font-weight:var(--font-weight-large);font-size:var(--font-size-medium);line-height:var(--size-value7);display:flex;align-items:flex-end;letter-spacing:var(--letter-spacing);color:var(--gray-darken-5);padding-inline:var(--size-value6) var(--size-value4)}@media screen and (min-width:960px){.VcHeader.confirm[data-v-4de1f708]{font-weight:var(--font-weight-large2);padding-bottom:var(--size-value1);padding-top:var(--size-value6)}}.VcHeader.confirm .VcHeaderButton[data-v-4de1f708],.VcHeader.input .VcHeaderButton[data-v-4de1f708]{max-height:24px;margin-right:var(--size-value3)}.VcHeader.confirm .VcRightButton[data-v-4de1f708],.VcHeader.input .VcRightButton[data-v-4de1f708]{max-height:24px}.VcHeader.confirm .VcHeaderIcon[data-v-4de1f708],.VcHeader.input .VcHeaderIcon[data-v-4de1f708]{padding-right:var(--size-value3);font-size:var(--font-size-medium)}.VcHeader.confirm .VcHeaderRightIcon[data-v-4de1f708] path,.VcHeader.confirm .VcHeaderRightIcon[data-v-4de1f708] svg,.VcHeader.input .VcHeaderRightIcon[data-v-4de1f708] path,.VcHeader.input .VcHeaderRightIcon[data-v-4de1f708] svg{fill:var(--gray-darken-3)}@media screen and (min-width:960px){.VcHeader.input[data-v-4de1f708]{padding-bottom:var(--size-value3)}}.VcHeader .close-button[data-v-4de1f708]{height:var(--size-value3);width:var(--size-value3);padding:unset}.VcHeader .close-button .mobile-close-icon[data-v-4de1f708]{fill:var(--gray-darken-2);width:var(--size-value3)}",
1057
+ inject("data-v-0e2ceb16_0", {
1058
+ source: ".VcHeader[data-v-0e2ceb16]{padding:var(--size-value4);font-weight:var(--font-weight-large);font-size:var(--font-size-medium);line-height:var(--size-value7);letter-spacing:var(--letter-spacing)}@media screen and (min-width:960px){.VcHeader[data-v-0e2ceb16]{padding:var(--size-value4) var(--size-value4) var(--size-value4) var(--size-value6)}}.VcHeader.no-close-button[data-v-0e2ceb16]{font-weight:var(--font-weight-large2);font-size:var(--font-size-small2);padding:var(--size-value4) var(--size-value6) var(--size-value0)}.VcHeader.no-close-button.input[data-v-0e2ceb16]{padding-block-end:var(--size-value0)}.VcHeader .VcHeaderImage[data-v-0e2ceb16]{width:var(--size-value8);margin-right:var(--size-value3);padding:5px;border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:var(--border-radius)}.VcHeader .VcHeaderTopTitle[data-v-0e2ceb16]{font-size:11px;font-weight:var(--font-weight-medium);line-height:var(--size-value3);color:var(--gray-darken-3)}.VcHeader .VcHeaderTitle[data-v-0e2ceb16]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:var(--size-value6)}.VcHeader .VcHeaderDescription[data-v-0e2ceb16]{font-size:var(--font-size-xx-small);font-weight:var(--font-weight-medium);line-height:var(--size-value4);color:var(--gray-darken-4)}.VcHeader .VcHeaderSubtitle[data-v-0e2ceb16]{font-size:var(--font-size-small2);font-weight:var(--font-weight-medium);color:var(--gray-darken-5);padding-left:var(--size-value2)}.VcHeader.confirm[data-v-0e2ceb16]{font-weight:var(--font-weight-large);font-size:var(--font-size-medium);line-height:var(--size-value7);display:flex;align-items:flex-end;letter-spacing:var(--letter-spacing);color:var(--gray-darken-5);padding-inline:var(--size-value6) var(--size-value4)}@media screen and (min-width:960px){.VcHeader.confirm[data-v-0e2ceb16]{font-weight:var(--font-weight-large2);padding-bottom:var(--size-value1);padding-top:var(--size-value6)}}.VcHeader.confirm .VcHeaderButton[data-v-0e2ceb16],.VcHeader.input .VcHeaderButton[data-v-0e2ceb16]{max-height:24px;margin-right:var(--size-value3)}.VcHeader.confirm .VcRightButton[data-v-0e2ceb16],.VcHeader.input .VcRightButton[data-v-0e2ceb16]{max-height:24px}.VcHeader.confirm .VcHeaderIcon[data-v-0e2ceb16],.VcHeader.input .VcHeaderIcon[data-v-0e2ceb16]{padding-right:var(--size-value3);font-size:var(--font-size-medium)}.VcHeader.confirm .VcHeaderRightIcon[data-v-0e2ceb16] path,.VcHeader.confirm .VcHeaderRightIcon[data-v-0e2ceb16] svg,.VcHeader.input .VcHeaderRightIcon[data-v-0e2ceb16] path,.VcHeader.input .VcHeaderRightIcon[data-v-0e2ceb16] svg{fill:var(--gray-darken-3)}@media screen and (min-width:960px){.VcHeader.input[data-v-0e2ceb16]{padding-bottom:var(--size-value3)}}.VcHeader .close-button[data-v-0e2ceb16]{height:var(--size-value3);width:var(--size-value3);padding:unset}.VcHeader .close-button .mobile-close-icon[data-v-0e2ceb16]{fill:var(--gray-darken-2);width:var(--size-value3)}",
1059
1059
  map: undefined,
1060
1060
  media: undefined
1061
1061
  });
@@ -1063,7 +1063,7 @@ const __vue_inject_styles__$15 = function (inject) {
1063
1063
  /* scoped */
1064
1064
 
1065
1065
 
1066
- const __vue_scope_id__$15 = "data-v-4de1f708";
1066
+ const __vue_scope_id__$15 = "data-v-0e2ceb16";
1067
1067
  /* module identifier */
1068
1068
 
1069
1069
  const __vue_module_identifier__$15 = undefined;
@@ -1366,6 +1366,10 @@ var script$12 = {
1366
1366
  required: false
1367
1367
  },
1368
1368
  closeButton: {
1369
+ type: Boolean,
1370
+ default: false
1371
+ },
1372
+ showBackButton: {
1369
1373
  type: Boolean,
1370
1374
  default: true
1371
1375
  },
@@ -1430,6 +1434,7 @@ var __vue_render__$11 = function () {
1430
1434
  return _c('VcModalContainer', {
1431
1435
  attrs: {
1432
1436
  "showHeaderDivider": "",
1437
+ "showCloseButton": "",
1433
1438
  "flavor": "input",
1434
1439
  "useOffset": _vm.useOffset,
1435
1440
  "showDialog": _vm.showDialog,
@@ -1455,8 +1460,8 @@ var __vue_render__$11 = function () {
1455
1460
  "image": _vm.headerImage,
1456
1461
  "flavor": "input",
1457
1462
  "close-button": _vm.closeButton,
1458
- "show-back-button": _vm.closeButton,
1459
- "data-qa": _vm.dataQa + "-header"
1463
+ "data-qa": _vm.dataQa + "-header",
1464
+ "show-back-button": _vm.showBackButton
1460
1465
  },
1461
1466
  on: {
1462
1467
  "onCloseButtonClicked": function ($event) {
@@ -1530,8 +1535,8 @@ var __vue_staticRenderFns__$11 = [];
1530
1535
 
1531
1536
  const __vue_inject_styles__$12 = function (inject) {
1532
1537
  if (!inject) return;
1533
- inject("data-v-126ff0de_0", {
1534
- source: ".VcInputForm-layout .VcInputForm-main[data-v-126ff0de]{width:100%;max-width:100%;padding:var(--size-value6)}.VcInputForm-layout .VcInputForm-additional[data-v-126ff0de]{min-width:324px;padding:var(--size-value6);background:#f8f9fb;border-left:1px solid rgba(0,0,0,.12)}",
1538
+ inject("data-v-6ef249ab_0", {
1539
+ source: ".VcInputForm-layout .VcInputForm-main[data-v-6ef249ab]{width:100%;max-width:100%;padding:var(--size-value6)}.VcInputForm-layout .VcInputForm-additional[data-v-6ef249ab]{min-width:324px;padding:var(--size-value6);background:#f8f9fb;border-left:1px solid rgba(0,0,0,.12)}",
1535
1540
  map: undefined,
1536
1541
  media: undefined
1537
1542
  });
@@ -1539,7 +1544,7 @@ const __vue_inject_styles__$12 = function (inject) {
1539
1544
  /* scoped */
1540
1545
 
1541
1546
 
1542
- const __vue_scope_id__$12 = "data-v-126ff0de";
1547
+ const __vue_scope_id__$12 = "data-v-6ef249ab";
1543
1548
  /* module identifier */
1544
1549
 
1545
1550
  const __vue_module_identifier__$12 = undefined;
@@ -16759,6 +16764,10 @@ var script$6 = {
16759
16764
  type: String,
16760
16765
  default: ''
16761
16766
  },
16767
+ description: {
16768
+ type: String,
16769
+ default: ''
16770
+ },
16762
16771
  outerTitle: {
16763
16772
  type: String,
16764
16773
  default: ''
@@ -16798,6 +16807,21 @@ var script$6 = {
16798
16807
 
16799
16808
  itemDataQa() {
16800
16809
  return `${this.dataQa}-${this.flavor}`;
16810
+ },
16811
+
16812
+ previewItem() {
16813
+ const {
16814
+ uid,
16815
+ campaignUrl,
16816
+ title,
16817
+ description
16818
+ } = this;
16819
+ return {
16820
+ uid,
16821
+ campaignUrl,
16822
+ title,
16823
+ description
16824
+ };
16801
16825
  }
16802
16826
 
16803
16827
  }
@@ -16832,7 +16856,7 @@ var __vue_render__$5 = function () {
16832
16856
  },
16833
16857
  on: {
16834
16858
  "click": function ($event) {
16835
- _vm.isCreate ? _vm.$emit('onCreate') : _vm.isMobile && _vm.$emit('onPreview', _vm.uid);
16859
+ _vm.isCreate ? _vm.$emit('onCreate') : _vm.isMobile && _vm.$emit('onPreview', _vm.previewItem);
16836
16860
  }
16837
16861
  }
16838
16862
  }, [_vm.isBasic ? _c('section', {
@@ -16917,7 +16941,7 @@ var __vue_render__$5 = function () {
16917
16941
  },
16918
16942
  on: {
16919
16943
  "click": function ($event) {
16920
- return _vm.$emit('onPreview', _vm.uid);
16944
+ return _vm.$emit('onPreview', _vm.previewItem);
16921
16945
  }
16922
16946
  }
16923
16947
  }) : _c('div', {
@@ -16955,8 +16979,8 @@ var __vue_staticRenderFns__$5 = [];
16955
16979
 
16956
16980
  const __vue_inject_styles__$6 = function (inject) {
16957
16981
  if (!inject) return;
16958
- inject("data-v-5aa1a842_0", {
16959
- source: "[data-v-5aa1a842]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--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 #e0e0e0;--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;--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;--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;--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}.vc-gallery-item[data-v-5aa1a842]{max-width:252px}.vc-gallery-item__thumbnail[data-v-5aa1a842]{position:relative;height:0;padding-bottom:133%;border-radius:var(--border-radius);box-shadow:var(--shadow-4);overflow:hidden;background-color:var(--modal-bg-color);transition:background-color .1s ease-out}.vc-gallery-item--is-create .vc-gallery-item__thumbnail[data-v-5aa1a842]:hover{background-color:var(--v-secondary-lighten3)}.vc-gallery-item--is-create .vc-gallery-item__thumbnail[data-v-5aa1a842]{background-color:transparent;border:1px dashed var(--v-secondary-base);box-shadow:none}.vc-gallery-item--is-mobile .vc-gallery-item__thumbnail .vc-gallery-item__thumbnail[data-v-5aa1a842]{filter:none}.vc-gallery-item__top[data-v-5aa1a842]{height:0;padding-bottom:80%;position:relative}.vc-gallery-item__bottom[data-v-5aa1a842]{height:0;padding-bottom:54%;background-size:cover;background-repeat:no-repeat;background-position:top center}.vc-gallery-item__bottom--full-height[data-v-5aa1a842]{padding-bottom:inherit}.vc-gallery-item__bottom--fallback[data-v-5aa1a842]{display:flex;justify-content:center;position:relative;background-color:var(--neutral-lighten-3)}.vc-gallery-item__bottom--fallback[data-v-5aa1a842] .v-icon{top:50%;position:absolute;transform:translateY(-50%)}.vc-gallery-item__thumbnail:hover .vc-gallery-item__bottom[data-v-5aa1a842]{filter:blur(5px);transition:filter .3s ease-out}.vc-gallery-item__image[data-v-5aa1a842]{width:100%}.vc-gallery-item .cta-button[data-v-5aa1a842]{font-size:7px;color:#fff;padding:var(--size-value1) var(--size-value8);border-radius:var(--border-radius);font-weight:var(--font-weight-large);margin-top:0}.vc-gallery-item .VcButton.secondary__text[data-v-5aa1a842]{background-color:var(--v-secondary-lighten2);color:var(--v-secondary-base)!important}.vc-gallery-item .align-buttons[data-v-5aa1a842]{min-width:50%;text-align:center}.vc-gallery-item__top-wrap[data-v-5aa1a842]{height:100%;width:100%;position:absolute;overflow:hidden;padding:0 var(--size-value5)}.vc-gallery-item__label-wrap[data-v-5aa1a842]{flex:0 1 140px;padding-top:var(--size-value4)}.vc-gallery-item__label[data-v-5aa1a842]{font-weight:var(--font-weight-large2);font-size:var(--font-size-x-small);line-height:1.5;text-align:center;color:var(--gray-darken-5);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.vc-gallery-item--is-create .vc-gallery-item__label[data-v-5aa1a842]{color:var(--v-secondary-base)}.vc-gallery-item--mobile .vc-gallery-item__label[data-v-5aa1a842]{line-height:1.2;-webkit-line-clamp:2;line-clamp:2;font-size:var(--font-size-xx-small)}.vc-gallery-item__skeleton[data-v-5aa1a842]{width:90%;margin:0 auto;background-position:center;flex:1 1 auto}.vc-gallery-item--mobile .vc-gallery-item__skeleton[data-v-5aa1a842]{width:75%;margin:6px auto 0}.vc-gallery-item__skeleton[data-v-5aa1a842] .v-icon__component{height:100%;width:100%}.vc-gallery-item__skeleton[data-v-5aa1a842] .v-icon.v-icon{width:100%}.vc-gallery-item__cta[data-v-5aa1a842]{flex:0 1 100px}.vc-gallery-item__bottom_label[data-v-5aa1a842]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small);line-height:1.5;text-align:center;color:var(--gray-darken-5);margin-top:var(--size-value3)}.vc-gallery-item--is-create .vc-gallery-item__bottom_label[data-v-5aa1a842]{color:var(--v-secondary-base)}.buttons[data-v-5aa1a842]{position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.7);display:none}.vc-gallery-item--is-create .buttons[data-v-5aa1a842]{display:flex;background-color:transparent;cursor:pointer}.vc-gallery-item__thumbnail:hover .buttons[data-v-5aa1a842]{display:flex}.buttons__select[data-v-5aa1a842]{margin-bottom:var(--size-value4)}",
16982
+ inject("data-v-242837a2_0", {
16983
+ source: "[data-v-242837a2]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--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 #e0e0e0;--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;--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;--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;--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}.vc-gallery-item[data-v-242837a2]{max-width:252px}.vc-gallery-item__thumbnail[data-v-242837a2]{position:relative;height:0;padding-bottom:133%;border-radius:var(--border-radius);box-shadow:var(--shadow-4);overflow:hidden;background-color:var(--modal-bg-color);transition:background-color .1s ease-out}.vc-gallery-item--is-create .vc-gallery-item__thumbnail[data-v-242837a2]:hover{background-color:var(--v-secondary-lighten3)}.vc-gallery-item--is-create .vc-gallery-item__thumbnail[data-v-242837a2]{background-color:transparent;border:1px dashed var(--v-secondary-base);box-shadow:none}.vc-gallery-item--is-mobile .vc-gallery-item__thumbnail .vc-gallery-item__thumbnail[data-v-242837a2]{filter:none}.vc-gallery-item__top[data-v-242837a2]{height:0;padding-bottom:80%;position:relative}.vc-gallery-item__bottom[data-v-242837a2]{height:0;padding-bottom:54%;background-size:cover;background-repeat:no-repeat;background-position:top center}.vc-gallery-item__bottom--full-height[data-v-242837a2]{padding-bottom:inherit}.vc-gallery-item__bottom--fallback[data-v-242837a2]{display:flex;justify-content:center;position:relative;background-color:var(--neutral-lighten-3)}.vc-gallery-item__bottom--fallback[data-v-242837a2] .v-icon{top:50%;position:absolute;transform:translateY(-50%)}.vc-gallery-item__thumbnail:hover .vc-gallery-item__bottom[data-v-242837a2]{filter:blur(5px);transition:filter .3s ease-out}.vc-gallery-item__image[data-v-242837a2]{width:100%}.vc-gallery-item .cta-button[data-v-242837a2]{font-size:7px;color:#fff;padding:var(--size-value1) var(--size-value8);border-radius:var(--border-radius);font-weight:var(--font-weight-large);margin-top:0}.vc-gallery-item .VcButton.secondary__text[data-v-242837a2]{background-color:var(--v-secondary-lighten2);color:var(--v-secondary-base)!important}.vc-gallery-item .align-buttons[data-v-242837a2]{min-width:50%;text-align:center}.vc-gallery-item__top-wrap[data-v-242837a2]{height:100%;width:100%;position:absolute;overflow:hidden;padding:0 var(--size-value5)}.vc-gallery-item__label-wrap[data-v-242837a2]{flex:0 1 140px;padding-top:var(--size-value4)}.vc-gallery-item__label[data-v-242837a2]{font-weight:var(--font-weight-large2);font-size:var(--font-size-x-small);line-height:1.5;text-align:center;color:var(--gray-darken-5);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.vc-gallery-item--is-create .vc-gallery-item__label[data-v-242837a2]{color:var(--v-secondary-base)}.vc-gallery-item--mobile .vc-gallery-item__label[data-v-242837a2]{line-height:1.2;-webkit-line-clamp:2;line-clamp:2;font-size:var(--font-size-xx-small)}.vc-gallery-item__skeleton[data-v-242837a2]{width:90%;margin:0 auto;background-position:center;flex:1 1 auto}.vc-gallery-item--mobile .vc-gallery-item__skeleton[data-v-242837a2]{width:75%;margin:6px auto 0}.vc-gallery-item__skeleton[data-v-242837a2] .v-icon__component{height:100%;width:100%}.vc-gallery-item__skeleton[data-v-242837a2] .v-icon.v-icon{width:100%}.vc-gallery-item__cta[data-v-242837a2]{flex:0 1 100px}.vc-gallery-item__bottom_label[data-v-242837a2]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small);line-height:1.5;text-align:center;color:var(--gray-darken-5);margin-top:var(--size-value3)}.vc-gallery-item--is-create .vc-gallery-item__bottom_label[data-v-242837a2]{color:var(--v-secondary-base)}.buttons[data-v-242837a2]{position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.7);display:none}.vc-gallery-item--is-create .buttons[data-v-242837a2]{display:flex;background-color:transparent;cursor:pointer}.vc-gallery-item__thumbnail:hover .buttons[data-v-242837a2]{display:flex}.buttons__select[data-v-242837a2]{margin-bottom:var(--size-value4)}",
16960
16984
  map: undefined,
16961
16985
  media: undefined
16962
16986
  });
@@ -16964,7 +16988,7 @@ const __vue_inject_styles__$6 = function (inject) {
16964
16988
  /* scoped */
16965
16989
 
16966
16990
 
16967
- const __vue_scope_id__$6 = "data-v-5aa1a842";
16991
+ const __vue_scope_id__$6 = "data-v-242837a2";
16968
16992
  /* module identifier */
16969
16993
 
16970
16994
  const __vue_module_identifier__$6 = undefined;
@@ -17085,6 +17109,7 @@ var __vue_render__$4 = function () {
17085
17109
  "campaign-url": item.campaignUrl,
17086
17110
  "src": item.image,
17087
17111
  "title": item.title,
17112
+ "description": item.description,
17088
17113
  "name": item.name,
17089
17114
  "alt": item.alt,
17090
17115
  "color": item.color
@@ -17096,8 +17121,8 @@ var __vue_render__$4 = function () {
17096
17121
  "onExpend": function (uid) {
17097
17122
  return _vm.$emit('onExpend', uid);
17098
17123
  },
17099
- "onPreview": function (uid) {
17100
- return _vm.$emit('onPreview', uid);
17124
+ "onPreview": function (previewItem) {
17125
+ return _vm.$emit('onPreview', previewItem);
17101
17126
  }
17102
17127
  }
17103
17128
  });
@@ -17126,8 +17151,8 @@ var __vue_staticRenderFns__$4 = [];
17126
17151
 
17127
17152
  const __vue_inject_styles__$5 = function (inject) {
17128
17153
  if (!inject) return;
17129
- inject("data-v-38253446_0", {
17130
- source: "[data-v-38253446]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--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 #e0e0e0;--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;--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;--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;--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}.vc-gallery-list .vc-gallery-list__title[data-v-38253446]{font-size:var(--font-size-small2);font-weight:var(--font-weight-large);margin-bottom:var(--size-value4)}@media screen and (min-width:960px){.vc-gallery-list .vc-gallery-list__title[data-v-38253446]{margin-bottom:var(--size-value6)}}.vc-gallery-list .vc-gallery-list__items[data-v-38253446]{display:grid;grid-gap:var(--size-value9);margin-bottom:var(--size-value12);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.vc-gallery-list .vc-gallery-list__items--mobile[data-v-38253446]{grid-gap:var(--size-value5);grid-template-columns:repeat(2,1fr)}.vc-gallery-list .show-more[data-v-38253446]{margin:var(--size-value5) auto var(--size-value10);text-align:center}",
17154
+ inject("data-v-09f49725_0", {
17155
+ source: "[data-v-09f49725]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--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 #e0e0e0;--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;--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;--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;--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}.vc-gallery-list .vc-gallery-list__title[data-v-09f49725]{font-size:var(--font-size-small2);font-weight:var(--font-weight-large);margin-bottom:var(--size-value4)}@media screen and (min-width:960px){.vc-gallery-list .vc-gallery-list__title[data-v-09f49725]{margin-bottom:var(--size-value6)}}.vc-gallery-list .vc-gallery-list__items[data-v-09f49725]{display:grid;grid-gap:var(--size-value9);margin-bottom:var(--size-value12);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.vc-gallery-list .vc-gallery-list__items--mobile[data-v-09f49725]{grid-gap:var(--size-value5);grid-template-columns:repeat(2,1fr)}.vc-gallery-list .show-more[data-v-09f49725]{margin:var(--size-value5) auto var(--size-value10);text-align:center}",
17131
17156
  map: undefined,
17132
17157
  media: undefined
17133
17158
  });
@@ -17135,7 +17160,7 @@ const __vue_inject_styles__$5 = function (inject) {
17135
17160
  /* scoped */
17136
17161
 
17137
17162
 
17138
- const __vue_scope_id__$5 = "data-v-38253446";
17163
+ const __vue_scope_id__$5 = "data-v-09f49725";
17139
17164
  /* module identifier */
17140
17165
 
17141
17166
  const __vue_module_identifier__$5 = undefined;