@vcita/design-system 1.3.15 → 1.3.17

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.
@@ -896,6 +896,10 @@ var script$1a = {
896
896
  type: String,
897
897
  default: '$close_button'
898
898
  },
899
+
900
+ /**
901
+ * This only takes effect when flavor="input"
902
+ */
899
903
  showBackButton: {
900
904
  type: Boolean,
901
905
  default: true
@@ -941,6 +945,7 @@ var __vue_render__$18 = function () {
941
945
  }, [_vm.isBackButtonDisplayed ? _c('VcButton', {
942
946
  staticClass: "VcHeaderButton",
943
947
  attrs: {
948
+ "data-qa": _vm.dataQa + "-back-button",
944
949
  "icon": "",
945
950
  "fab": "",
946
951
  "small": "",
@@ -1059,8 +1064,8 @@ var __vue_staticRenderFns__$18 = [];
1059
1064
 
1060
1065
  const __vue_inject_styles__$1a = function (inject) {
1061
1066
  if (!inject) return;
1062
- inject("data-v-9072a928_0", {
1063
- source: ".VcHeader[data-v-9072a928]{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-9072a928]{padding:var(--size-value4) var(--size-value4) var(--size-value4) var(--size-value6)}}.VcHeader.no-close-button[data-v-9072a928]{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-9072a928]{padding-block-end:var(--size-value0)}.VcHeader .VcHeaderImage[data-v-9072a928]{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-9072a928]{font-size:11px;font-weight:var(--font-weight-medium);line-height:var(--size-value3);color:var(--gray-darken-3)}.VcHeader .VcHeaderTitle[data-v-9072a928]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:var(--size-value6)}.VcHeader .VcHeaderDescription[data-v-9072a928]{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-9072a928]{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-9072a928]{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-9072a928]{font-weight:var(--font-weight-large2);padding-bottom:var(--size-value1);padding-top:var(--size-value6)}}.VcHeader.confirm .VcHeaderButton[data-v-9072a928],.VcHeader.input .VcHeaderButton[data-v-9072a928]{max-height:24px;margin-right:var(--size-value3)}.VcHeader.confirm .VcRightButton[data-v-9072a928],.VcHeader.input .VcRightButton[data-v-9072a928]{max-height:24px}.VcHeader.confirm .VcHeaderIcon[data-v-9072a928],.VcHeader.input .VcHeaderIcon[data-v-9072a928]{padding-right:var(--size-value3);font-size:var(--font-size-medium)}.VcHeader.confirm .VcHeaderRightIcon[data-v-9072a928] path,.VcHeader.confirm .VcHeaderRightIcon[data-v-9072a928] svg,.VcHeader.input .VcHeaderRightIcon[data-v-9072a928] path,.VcHeader.input .VcHeaderRightIcon[data-v-9072a928] svg{fill:var(--gray-darken-3)}@media screen and (min-width:960px){.VcHeader.input[data-v-9072a928]{padding-bottom:var(--size-value3)}}.VcHeader .close-button[data-v-9072a928]{height:var(--size-value3);width:var(--size-value3);padding:unset}.VcHeader .close-button .mobile-close-icon[data-v-9072a928]{fill:var(--gray-darken-2);width:var(--size-value3)}",
1067
+ inject("data-v-78752165_0", {
1068
+ source: ".VcHeader[data-v-78752165]{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-78752165]{padding:var(--size-value4) var(--size-value4) var(--size-value4) var(--size-value6)}}.VcHeader.no-close-button[data-v-78752165]{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-78752165]{padding-block-end:var(--size-value0)}.VcHeader .VcHeaderImage[data-v-78752165]{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-78752165]{font-size:11px;font-weight:var(--font-weight-medium);line-height:var(--size-value3);color:var(--gray-darken-3)}.VcHeader .VcHeaderTitle[data-v-78752165]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:var(--size-value6)}.VcHeader .VcHeaderDescription[data-v-78752165]{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-78752165]{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-78752165]{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-78752165]{font-weight:var(--font-weight-large2);padding-bottom:var(--size-value1);padding-top:var(--size-value6)}}.VcHeader.confirm .VcHeaderButton[data-v-78752165],.VcHeader.input .VcHeaderButton[data-v-78752165]{max-height:24px;margin-right:var(--size-value3)}.VcHeader.confirm .VcRightButton[data-v-78752165],.VcHeader.input .VcRightButton[data-v-78752165]{max-height:24px}.VcHeader.confirm .VcHeaderIcon[data-v-78752165],.VcHeader.input .VcHeaderIcon[data-v-78752165]{padding-right:var(--size-value3);font-size:var(--font-size-medium)}.VcHeader.confirm .VcHeaderRightIcon[data-v-78752165] path,.VcHeader.confirm .VcHeaderRightIcon[data-v-78752165] svg,.VcHeader.input .VcHeaderRightIcon[data-v-78752165] path,.VcHeader.input .VcHeaderRightIcon[data-v-78752165] svg{fill:var(--gray-darken-3)}@media screen and (min-width:960px){.VcHeader.input[data-v-78752165]{padding-bottom:var(--size-value3)}}.VcHeader .close-button[data-v-78752165]{height:var(--size-value3);width:var(--size-value3);padding:unset}.VcHeader .close-button .mobile-close-icon[data-v-78752165]{fill:var(--gray-darken-2);width:var(--size-value3)}",
1064
1069
  map: undefined,
1065
1070
  media: undefined
1066
1071
  });
@@ -1068,7 +1073,7 @@ const __vue_inject_styles__$1a = function (inject) {
1068
1073
  /* scoped */
1069
1074
 
1070
1075
 
1071
- const __vue_scope_id__$1a = "data-v-9072a928";
1076
+ const __vue_scope_id__$1a = "data-v-78752165";
1072
1077
  /* module identifier */
1073
1078
 
1074
1079
  const __vue_module_identifier__$1a = undefined;
@@ -1370,10 +1375,18 @@ var script$17 = {
1370
1375
  type: String,
1371
1376
  required: false
1372
1377
  },
1378
+
1379
+ /**
1380
+ * Can be used for mobile or desktop, or not at all
1381
+ */
1373
1382
  closeButton: {
1374
1383
  type: Boolean,
1375
1384
  default: false
1376
1385
  },
1386
+
1387
+ /**
1388
+ * Only relevant for mobile
1389
+ */
1377
1390
  showBackButton: {
1378
1391
  type: Boolean,
1379
1392
  default: true
@@ -1439,8 +1452,8 @@ var __vue_render__$16 = function () {
1439
1452
  return _c('VcModalContainer', {
1440
1453
  attrs: {
1441
1454
  "showHeaderDivider": "",
1442
- "showCloseButton": "",
1443
1455
  "flavor": "input",
1456
+ "showCloseButton": _vm.closeButton,
1444
1457
  "useOffset": _vm.useOffset,
1445
1458
  "showDialog": _vm.showDialog,
1446
1459
  "size": _vm.$vuetify.breakpoint.mdAndUp ? _vm.size : 'responsive',
@@ -1464,9 +1477,8 @@ var __vue_render__$16 = function () {
1464
1477
  "icon": _vm.headerIcon,
1465
1478
  "image": _vm.headerImage,
1466
1479
  "flavor": "input",
1467
- "close-button": _vm.closeButton,
1468
- "data-qa": _vm.dataQa + "-header",
1469
- "show-back-button": _vm.showBackButton
1480
+ "show-back-button": _vm.showBackButton,
1481
+ "data-qa": _vm.dataQa + "-header"
1470
1482
  },
1471
1483
  on: {
1472
1484
  "onCloseButtonClicked": function ($event) {
@@ -1540,8 +1552,8 @@ var __vue_staticRenderFns__$16 = [];
1540
1552
 
1541
1553
  const __vue_inject_styles__$17 = function (inject) {
1542
1554
  if (!inject) return;
1543
- inject("data-v-6ef249ab_0", {
1544
- 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)}",
1555
+ inject("data-v-17206e50_0", {
1556
+ source: ".VcInputForm-layout .VcInputForm-main[data-v-17206e50]{width:100%;max-width:100%;padding:var(--size-value6)}.VcInputForm-layout .VcInputForm-additional[data-v-17206e50]{min-width:324px;padding:var(--size-value6);background:#f8f9fb;border-left:1px solid rgba(0,0,0,.12)}",
1545
1557
  map: undefined,
1546
1558
  media: undefined
1547
1559
  });
@@ -1549,7 +1561,7 @@ const __vue_inject_styles__$17 = function (inject) {
1549
1561
  /* scoped */
1550
1562
 
1551
1563
 
1552
- const __vue_scope_id__$17 = "data-v-6ef249ab";
1564
+ const __vue_scope_id__$17 = "data-v-17206e50";
1553
1565
  /* module identifier */
1554
1566
 
1555
1567
  const __vue_module_identifier__$17 = undefined;
@@ -8253,6 +8265,9 @@ var __vue_render__$q = function () {
8253
8265
  "submit": function (data) {
8254
8266
  return _vm.$emit('submit', data);
8255
8267
  },
8268
+ "error": function (data) {
8269
+ return _vm.$emit('error', data);
8270
+ },
8256
8271
  "moveForward": function ($event) {
8257
8272
  return _vm.$emit('moveForward');
8258
8273
  }
@@ -8266,8 +8281,8 @@ var __vue_staticRenderFns__$q = [];
8266
8281
 
8267
8282
  const __vue_inject_styles__$r = function (inject) {
8268
8283
  if (!inject) return;
8269
- inject("data-v-4a2a7ae5_0", {
8270
- source: "[data-v-4a2a7ae5]: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 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;--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}.stepper-content-wrapper[data-v-4a2a7ae5]{height:100%;width:100%;padding-bottom:var(--size-value6)}@media screen and (min-width:960px){.stepper-content-wrapper[data-v-4a2a7ae5]{padding-bottom:var(--size-value0)}}.layout-content[data-v-4a2a7ae5]{padding:var(--size-value0) var(--size-value4)}@media screen and (min-width:960px){.layout-content[data-v-4a2a7ae5]{padding:revert;padding-block-start:var(--size-value3)}}.stepper-header[data-v-4a2a7ae5]{flex:0;margin-block-end:var(--size-value4);padding:var(--size-value0)}@media screen and (min-width:960px){.stepper-header[data-v-4a2a7ae5]{padding:revert;flex:revert;padding-block-start:var(--size-value3)}}.stepper-header .content-stepper-title[data-v-4a2a7ae5]{letter-spacing:.01em;font-size:var(--font-size-medium);font-weight:var(--font-weight-large);line-height:var(--size-value8);color:var(--gray-darken-5)}@media screen and (min-width:960px){.stepper-header .content-stepper-title[data-v-4a2a7ae5]{font-size:var(--font-size-medium2)}}.stepper-header .content-stepper-description[data-v-4a2a7ae5]{font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-4)}.stepper-header .content-stepper-description[data-v-4a2a7ae5] a{color:var(--blue)}.vc-stepper-content.v-stepper[data-v-4a2a7ae5]{width:100%;box-shadow:none;height:100%;overflow:auto}.vc-stepper-content.v-stepper[data-v-4a2a7ae5] .v-stepper__items .v-stepper__content{padding:0}",
8284
+ inject("data-v-0effbed9_0", {
8285
+ source: "[data-v-0effbed9]: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 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;--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}.stepper-content-wrapper[data-v-0effbed9]{height:100%;width:100%;padding-bottom:var(--size-value6)}@media screen and (min-width:960px){.stepper-content-wrapper[data-v-0effbed9]{padding-bottom:var(--size-value0)}}.layout-content[data-v-0effbed9]{padding:var(--size-value0) var(--size-value4)}@media screen and (min-width:960px){.layout-content[data-v-0effbed9]{padding:revert;padding-block-start:var(--size-value3)}}.stepper-header[data-v-0effbed9]{flex:0;margin-block-end:var(--size-value4);padding:var(--size-value0)}@media screen and (min-width:960px){.stepper-header[data-v-0effbed9]{padding:revert;flex:revert;padding-block-start:var(--size-value3)}}.stepper-header .content-stepper-title[data-v-0effbed9]{letter-spacing:.01em;font-size:var(--font-size-medium);font-weight:var(--font-weight-large);line-height:var(--size-value8);color:var(--gray-darken-5)}@media screen and (min-width:960px){.stepper-header .content-stepper-title[data-v-0effbed9]{font-size:var(--font-size-medium2)}}.stepper-header .content-stepper-description[data-v-0effbed9]{font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-4)}.stepper-header .content-stepper-description[data-v-0effbed9] a{color:var(--blue)}.vc-stepper-content.v-stepper[data-v-0effbed9]{width:100%;box-shadow:none;height:100%;overflow:auto}.vc-stepper-content.v-stepper[data-v-0effbed9] .v-stepper__items .v-stepper__content{padding:0}",
8271
8286
  map: undefined,
8272
8287
  media: undefined
8273
8288
  });
@@ -8275,7 +8290,7 @@ const __vue_inject_styles__$r = function (inject) {
8275
8290
  /* scoped */
8276
8291
 
8277
8292
 
8278
- const __vue_scope_id__$r = "data-v-4a2a7ae5";
8293
+ const __vue_scope_id__$r = "data-v-0effbed9";
8279
8294
  /* module identifier */
8280
8295
 
8281
8296
  const __vue_module_identifier__$r = undefined;
@@ -8337,6 +8352,7 @@ var script$q = {
8337
8352
 
8338
8353
  data() {
8339
8354
  return {
8355
+ hasError: false,
8340
8356
  wizardSteps: [],
8341
8357
  wizardStepsData: {}
8342
8358
  };
@@ -8352,6 +8368,7 @@ var script$q = {
8352
8368
  },
8353
8369
 
8354
8370
  goBackOneStep() {
8371
+ this.hasError = false;
8355
8372
  this.wizardStepsData[this.currentStepComputed] = undefined;
8356
8373
  this.$set(this.wizardStepsData, this.currentStepComputed, undefined);
8357
8374
  this.$emit('indexChanged', this.currentStepComputed - 1);
@@ -8376,6 +8393,11 @@ var script$q = {
8376
8393
  } else {
8377
8394
  this.$emit('submit', this.wizardData);
8378
8395
  }
8396
+ },
8397
+
8398
+ handleError(errorData) {
8399
+ this.hasError = true;
8400
+ this.$emit('error', errorData);
8379
8401
  }
8380
8402
 
8381
8403
  },
@@ -8397,6 +8419,10 @@ var script$q = {
8397
8419
  },
8398
8420
 
8399
8421
  isNextButtonDisabled() {
8422
+ if (this.hasError) {
8423
+ return true;
8424
+ }
8425
+
8400
8426
  if (this.currentStepObj.nextStepEnabledRules) {
8401
8427
  return this.currentStepObj.nextStepEnabledRules.every(rule => !rule(this.wizardData));
8402
8428
  } else {
@@ -8452,6 +8478,7 @@ var __vue_render__$p = function () {
8452
8478
  },
8453
8479
  on: {
8454
8480
  "submit": _vm.handleSubmit,
8481
+ "error": _vm.handleError,
8455
8482
  "moveForward": _vm.goForwardOneStep
8456
8483
  }
8457
8484
  }), _vm._v(" "), _c('VcWizardCtaContainer', {
@@ -8474,8 +8501,8 @@ var __vue_staticRenderFns__$p = [];
8474
8501
 
8475
8502
  const __vue_inject_styles__$q = function (inject) {
8476
8503
  if (!inject) return;
8477
- inject("data-v-b6c4a2b8_0", {
8478
- source: "[data-v-b6c4a2b8]: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 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;--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-wizard[data-v-b6c4a2b8]{height:100%}@media screen and (min-width:960px){.vc-wizard[data-v-b6c4a2b8]{display:grid;grid-template-columns:minmax(250px,1fr) 3fr;grid-template-rows:1fr 80px;grid-row-gap:0}.vc-wizard.wizard-size-md[data-v-b6c4a2b8]{grid-column-gap:var(--size-value10);padding-inline-end:var(--size-value10)}.vc-wizard.wizard-size-lg[data-v-b6c4a2b8]{grid-column-gap:var(--size-value20);padding-inline-end:var(--size-value20)}}.vc-stepper-container[data-v-b6c4a2b8]{grid-area:1/1/3/2;border-inline-end:1px solid #e0e0e0;max-height:calc(100% - 24px)}.wizard-cta-container[data-v-b6c4a2b8]{grid-area:2/2/3/3}.stepper-content-wrapper[data-v-b6c4a2b8]{grid-area:1/2/2/3}",
8504
+ inject("data-v-00ba2fda_0", {
8505
+ source: "[data-v-00ba2fda]: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 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;--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-wizard[data-v-00ba2fda]{height:100%}@media screen and (min-width:960px){.vc-wizard[data-v-00ba2fda]{display:grid;grid-template-columns:minmax(250px,1fr) 3fr;grid-template-rows:1fr 80px;grid-row-gap:0}.vc-wizard.wizard-size-md[data-v-00ba2fda]{grid-column-gap:var(--size-value10);padding-inline-end:var(--size-value10)}.vc-wizard.wizard-size-lg[data-v-00ba2fda]{grid-column-gap:var(--size-value20);padding-inline-end:var(--size-value20)}}.vc-stepper-container[data-v-00ba2fda]{grid-area:1/1/3/2;border-inline-end:1px solid #e0e0e0;max-height:calc(100% - 24px)}.wizard-cta-container[data-v-00ba2fda]{grid-area:2/2/3/3}.stepper-content-wrapper[data-v-00ba2fda]{grid-area:1/2/2/3}",
8479
8506
  map: undefined,
8480
8507
  media: undefined
8481
8508
  });
@@ -8483,7 +8510,7 @@ const __vue_inject_styles__$q = function (inject) {
8483
8510
  /* scoped */
8484
8511
 
8485
8512
 
8486
- const __vue_scope_id__$q = "data-v-b6c4a2b8";
8513
+ const __vue_scope_id__$q = "data-v-00ba2fda";
8487
8514
  /* module identifier */
8488
8515
 
8489
8516
  const __vue_module_identifier__$q = undefined;
@@ -17416,7 +17443,6 @@ var VcBreadcrumbs = __vue_component__$f;
17416
17443
  var script$8 = {
17417
17444
  name: "VcPageHeader",
17418
17445
  components: {
17419
- VcChip,
17420
17446
  VcButton,
17421
17447
  VcIcon,
17422
17448
  VcLayout,
@@ -17535,6 +17561,7 @@ var __vue_render__$7 = function () {
17535
17561
  staticClass: "title-button",
17536
17562
  attrs: {
17537
17563
  "flavor": "secondary",
17564
+ "ghost": "",
17538
17565
  "data-qa": _vm.dataQa + "-titleButton"
17539
17566
  },
17540
17567
  on: {
@@ -17584,8 +17611,8 @@ var __vue_staticRenderFns__$7 = [];
17584
17611
 
17585
17612
  const __vue_inject_styles__$8 = function (inject) {
17586
17613
  if (!inject) return;
17587
- inject("data-v-0476f9d3_0", {
17588
- source: ".VcPageHeader[data-v-0476f9d3]{margin-bottom:var(--size-value10)}.VcHeader--title[data-v-0476f9d3]{font-size:var(--font-size-medium0);font-weight:var(--font-weight-large2);line-height:var(--size-value8);color:var(--gray-darken-5);margin-top:var(--size-value1)}.VcHeader--title .title-chip[data-v-0476f9d3]{padding:var(--size-value1) var(--size-value2);margin-inline-start:var(--size-value3);border-radius:var(--size-value6);font-weight:var(--font-weight-large2);font-size:var(--font-size-xx-small);height:var(--size-value5)}.VcHeader--title .title-chip--beta[data-v-0476f9d3]{background-color:var(--orange);color:#fff}.VcHeader--title .title-button[data-v-0476f9d3]{margin-inline-start:var(--size-value3)}.VcHeader--subtitle[data-v-0476f9d3]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium);line-height:var(--size-value5)}",
17614
+ inject("data-v-61bfaeca_0", {
17615
+ source: ".VcPageHeader[data-v-61bfaeca]{margin-bottom:var(--size-value10)}.VcHeader--title[data-v-61bfaeca]{font-size:var(--font-size-medium0);font-weight:var(--font-weight-large2);line-height:var(--size-value8);color:var(--gray-darken-5);margin-top:var(--size-value1)}.VcHeader--title .title-chip[data-v-61bfaeca]{padding:var(--size-value1) var(--size-value2);margin-inline-start:var(--size-value3);border-radius:var(--size-value6);font-weight:var(--font-weight-large2);font-size:var(--font-size-xx-small);height:var(--size-value5)}.VcHeader--title .title-chip--beta[data-v-61bfaeca]{background-color:var(--orange);color:#fff}.VcHeader--title .title-button[data-v-61bfaeca]{margin-inline-start:var(--size-value3)}.VcHeader--subtitle[data-v-61bfaeca]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium);line-height:var(--size-value5)}",
17589
17616
  map: undefined,
17590
17617
  media: undefined
17591
17618
  });
@@ -17593,7 +17620,7 @@ const __vue_inject_styles__$8 = function (inject) {
17593
17620
  /* scoped */
17594
17621
 
17595
17622
 
17596
- const __vue_scope_id__$8 = "data-v-0476f9d3";
17623
+ const __vue_scope_id__$8 = "data-v-61bfaeca";
17597
17624
  /* module identifier */
17598
17625
 
17599
17626
  const __vue_module_identifier__$8 = undefined;
@@ -18918,10 +18945,10 @@ var script = {
18918
18945
  type: Boolean,
18919
18946
  default: false
18920
18947
  },
18921
- tagText: {
18948
+ badgeText: {
18922
18949
  type: String
18923
18950
  },
18924
- tagColor: {
18951
+ badgeColor: {
18925
18952
  type: String,
18926
18953
  default: 'orange',
18927
18954
  validator: value => ['orange'].includes(value)
@@ -18992,9 +19019,9 @@ var __vue_render__ = function () {
18992
19019
  }
18993
19020
  }, [_c('div', {
18994
19021
  staticClass: "VcMenuItem-text"
18995
- }, [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _vm.tagText ? _c('div', {
18996
- class: "VcMenuItem-tag tag-color-" + _vm.tagColor + " ps-5"
18997
- }, [_vm._v(_vm._s(_vm.tagText))]) : _vm._e()])];
19022
+ }, [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _vm.badgeText ? _c('div', {
19023
+ class: "VcMenuItem-badge badge-color-" + _vm.badgeColor + " ps-5"
19024
+ }, [_vm._v(_vm._s(_vm.badgeText))]) : _vm._e()])];
18998
19025
  }), _vm._v(" "), _c('VcLayout', {
18999
19026
  staticClass: "VcMenuItem-right-area"
19000
19027
  }, [_vm._t("actions")], 2)], 2) : _c('v-expansion-panels', {
@@ -19028,9 +19055,9 @@ var __vue_render__ = function () {
19028
19055
  attrs: {
19029
19056
  "align-baseline": ""
19030
19057
  }
19031
- }, [_c('div', [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _vm.tagText ? _c('div', {
19032
- class: "VcMenuItem-tag tag-color-" + _vm.tagColor + " ps-5"
19033
- }, [_vm._v(_vm._s(_vm.tagText))]) : _vm._e()])];
19058
+ }, [_c('div', [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _vm.badgeText ? _c('div', {
19059
+ class: "VcMenuItem-badge badge-color-" + _vm.badgeColor + " ps-5"
19060
+ }, [_vm._v(_vm._s(_vm.badgeText))]) : _vm._e()])];
19034
19061
  })], 2)], 1), _vm._v(" "), _vm._l(_vm.submenuItems, function (item) {
19035
19062
  return _c('v-expansion-panel-content', {
19036
19063
  attrs: {
@@ -19055,8 +19082,8 @@ var __vue_staticRenderFns__ = [];
19055
19082
 
19056
19083
  const __vue_inject_styles__ = function (inject) {
19057
19084
  if (!inject) return;
19058
- inject("data-v-c5048126_0", {
19059
- source: ".VcMenuItem[data-v-c5048126]{height:52px}.VcMenuItem-skeleton[data-v-c5048126]{margin-inline-end:var(--size-value1)}.VcMenuItem-simple[data-v-c5048126]{padding:0 var(--size-value5)}.VcMenuItem-simple[data-v-c5048126]:hover{background:rgba(0,0,0,.04)}.VcMenuItem-complex[data-v-c5048126]{padding-inline-start:var(--size-value5)}.VcMenuItem-icon[data-v-c5048126]{margin-inline-end:var(--size-value4)}.VcMenuItem-text[data-v-c5048126]{font-size:var(--font-size-small2)}.VcMenuItem-tag[data-v-c5048126]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2)}.VcMenuItem-tag.tag-color-orange[data-v-c5048126]{color:var(--orange)}.VcMenuItem-right-area[data-v-c5048126]{justify-content:flex-end;flex-grow:0}.VcMenuItem-subitem[data-v-c5048126]{height:var(--size-value8);padding:0;font-size:var(--font-size-small2)}",
19085
+ inject("data-v-1a2f5ad6_0", {
19086
+ source: ".VcMenuItem[data-v-1a2f5ad6]{height:52px;min-height:unset}.VcMenuItem-skeleton[data-v-1a2f5ad6]{margin-inline-end:var(--size-value1)}.VcMenuItem-simple[data-v-1a2f5ad6]{padding:0 var(--size-value5)}.VcMenuItem-simple[data-v-1a2f5ad6]:hover{background:rgba(0,0,0,.04)}.VcMenuItem-complex[data-v-1a2f5ad6]{padding-inline-start:var(--size-value5)}.VcMenuItem-icon[data-v-1a2f5ad6]{margin-inline-end:var(--size-value4)}.VcMenuItem-text[data-v-1a2f5ad6]{font-size:var(--font-size-small2)}.VcMenuItem-badge[data-v-1a2f5ad6]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2)}.VcMenuItem-badge.badge-color-orange[data-v-1a2f5ad6]{color:var(--orange)}.VcMenuItem-right-area[data-v-1a2f5ad6]{justify-content:flex-end;flex-grow:0}.VcMenuItem-subitem[data-v-1a2f5ad6]{height:var(--size-value8);padding:0;font-size:var(--font-size-small2)}",
19060
19087
  map: undefined,
19061
19088
  media: undefined
19062
19089
  });
@@ -19064,7 +19091,7 @@ const __vue_inject_styles__ = function (inject) {
19064
19091
  /* scoped */
19065
19092
 
19066
19093
 
19067
- const __vue_scope_id__ = "data-v-c5048126";
19094
+ const __vue_scope_id__ = "data-v-1a2f5ad6";
19068
19095
  /* module identifier */
19069
19096
 
19070
19097
  const __vue_module_identifier__ = undefined;