@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.
- package/dist/@vcita/design-system.esm.js +58 -31
- package/dist/@vcita/design-system.min.js +2 -2
- package/dist/@vcita/design-system.ssr.js +63 -37
- package/package.json +1 -1
- package/src/components/VcMenuItem/VcMenuItem.spec.js +4 -4
- package/src/components/VcMenuItem/VcMenuItem.stories.js +13 -13
- package/src/components/VcMenuItem/VcMenuItem.vue +7 -6
- package/src/components/modal/VcInputModal/VcInputModal.stories.js +2 -0
- package/src/components/modal/VcInputModal/VcInputModal.vue +10 -3
- package/src/components/modal/elements/VcModalHeader.spec.js +33 -3
- package/src/components/modal/elements/VcModalHeader.vue +4 -0
- package/src/components/page/elements/VcPageHeader.vue +2 -2
- package/src/components/page/layouts/innerScrollPage/InnerScrollPageLayout.stories.js +165 -0
- package/src/components/wizard/VcSteperContent/VcStepperContent.stories.js +2 -0
- package/src/components/wizard/VcSteperContent/VcStepperContent.vue +1 -0
- package/src/components/wizard/VcWizard/VcWizard.spec.js +14 -0
- package/src/components/wizard/VcWizard/VcWizard.stories.js +2 -0
- package/src/components/wizard/VcWizard/VcWizard.vue +10 -0
- package/src/components/wizard/VcWizard/demoWizardPage.vue +4 -0
- package/CHANGELOG.md +0 -417
- package/dist/design-system.es.js +0 -55814
- package/dist/design-system.umd.js +0 -72
- package/dist/style.css +0 -5
|
@@ -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-
|
|
1063
|
-
source: ".VcHeader[data-v-
|
|
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-
|
|
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
|
-
"
|
|
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-
|
|
1544
|
-
source: ".VcInputForm-layout .VcInputForm-main[data-v-
|
|
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-
|
|
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-
|
|
8270
|
-
source: "[data-v-
|
|
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-
|
|
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-
|
|
8478
|
-
source: "[data-v-
|
|
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-
|
|
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-
|
|
17588
|
-
source: ".VcPageHeader[data-v-
|
|
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-
|
|
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
|
-
|
|
18948
|
+
badgeText: {
|
|
18922
18949
|
type: String
|
|
18923
18950
|
},
|
|
18924
|
-
|
|
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.
|
|
18996
|
-
class: "VcMenuItem-
|
|
18997
|
-
}, [_vm._v(_vm._s(_vm.
|
|
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.
|
|
19032
|
-
class: "VcMenuItem-
|
|
19033
|
-
}, [_vm._v(_vm._s(_vm.
|
|
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-
|
|
19059
|
-
source: ".VcMenuItem[data-v-
|
|
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-
|
|
19094
|
+
const __vue_scope_id__ = "data-v-1a2f5ad6";
|
|
19068
19095
|
/* module identifier */
|
|
19069
19096
|
|
|
19070
19097
|
const __vue_module_identifier__ = undefined;
|