@vcita/design-system 1.10.2 → 1.10.4
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 +66 -33
- package/dist/@vcita/design-system.min.js +2 -2
- package/dist/@vcita/design-system.ssr.js +71 -38
- package/init/SvgIcons.js +1 -0
- package/package.json +1 -1
- package/src/components/VcAccountMenu/VcAccountMenu.vue +12 -3
- package/src/components/VcMenuItem/VcMenuItem.vue +52 -12
- package/src/components/VcMenuItemsGroup/VcMenuItemsGroup.vue +1 -1
- package/src/components/VcProgressCircular/VcProgressCircular.stories.js +2 -0
- package/src/components/VcProgressCircular/VcProgressCircular.vue +10 -3
- package/src/components/VcWideTopMenuBar/VcWideTopMenuBar.stories.js +6 -0
- package/src/components/VcWideTopMenuBar/VcWideTopMenuBar.vue +20 -4
|
@@ -3354,13 +3354,16 @@ var script$1o = {
|
|
|
3354
3354
|
dataQa: {
|
|
3355
3355
|
type: String,
|
|
3356
3356
|
default: 'vc-progress-circular'
|
|
3357
|
+
},
|
|
3358
|
+
size: {
|
|
3359
|
+
type: String,
|
|
3360
|
+
default: "md"
|
|
3357
3361
|
}
|
|
3358
3362
|
},
|
|
3359
3363
|
|
|
3360
3364
|
data() {
|
|
3361
3365
|
return {
|
|
3362
3366
|
FIRST_STEP: 1,
|
|
3363
|
-
DIAMETER: 48,
|
|
3364
3367
|
FILLING_COLOR: 'var(--green)'
|
|
3365
3368
|
};
|
|
3366
3369
|
},
|
|
@@ -3410,7 +3413,7 @@ var __vue_render__$1l = function () {
|
|
|
3410
3413
|
staticClass: "vc-progress-circular",
|
|
3411
3414
|
attrs: {
|
|
3412
3415
|
"rotate": -90,
|
|
3413
|
-
"size": _vm.
|
|
3416
|
+
"size": _vm.size === 'sm' ? 36 : 48,
|
|
3414
3417
|
"value": _vm.fillPercentages,
|
|
3415
3418
|
"color": _vm.FILLING_COLOR,
|
|
3416
3419
|
"data-qa": _vm.dataQa
|
|
@@ -3418,7 +3421,8 @@ var __vue_render__$1l = function () {
|
|
|
3418
3421
|
}, [_vm.showStages ? _c('div', {
|
|
3419
3422
|
staticClass: "vc-progress-counter",
|
|
3420
3423
|
class: {
|
|
3421
|
-
'fontColorByTheme': _vm.fontColorByTheme
|
|
3424
|
+
'fontColorByTheme': _vm.fontColorByTheme,
|
|
3425
|
+
'sm': _vm.size === 'sm'
|
|
3422
3426
|
}
|
|
3423
3427
|
}, [_vm._v("\n " + _vm._s(_vm.currentStep) + " / " + _vm._s(_vm.steps) + "\n ")]) : _vm._e()]);
|
|
3424
3428
|
};
|
|
@@ -3428,8 +3432,8 @@ var __vue_staticRenderFns__$1l = [];
|
|
|
3428
3432
|
|
|
3429
3433
|
const __vue_inject_styles__$1o = function (inject) {
|
|
3430
3434
|
if (!inject) return;
|
|
3431
|
-
inject("data-v-
|
|
3432
|
-
source: "[data-v-
|
|
3435
|
+
inject("data-v-40fa664e_0", {
|
|
3436
|
+
source: "[data-v-40fa664e]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xs-small:11px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium0:20px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--border-radius-circle:50%;--border-frame:1px solid var(--gray-lighten-1);--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--centered-layout-min-width:708px;--centered-layout-max-width:1316px;--left-panel-width:265px;--vc-top-bar-height:59px;--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:0;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--select-field-height:52px;--select-field-height-md:32px;--bottom-nav-shadow:0px -3px 8px rgba(23, 23, 23, 0.13);--entity-status-info-background-color:var(--neutral-lighten-2);--entity-status-info-header-color:var(--neutral);--entity-status-alert-background-color:#FFF9E4;--entity-status-alert-header-color:#C68600;--entity-status-warning-background-color:#FFF0E8;--entity-status-warning-header-color:#B74302;--entity-status-error-background-color:#FDEAEE;--entity-status-error-header-color:#A82433;--entity-status-success-background-color:#E8F8F4;--entity-status-success-header-color:#2C7D67;--entity-status-default-background-color:#E6F6FF;--entity-status-default-header-color:#004970;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--purple:#BD98F7;--purple-lighten-1:#CAADF9;--purple-lighten-2:#D7C1FA;--purple-lighten-3:#F7F1FF;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.color-0[data-v-40fa664e]{--color-dark:#fed62f;--color-light:#fff1b6}.color-1[data-v-40fa664e]{--color-dark:#fec22e;--color-light:#ffeab6}.color-2[data-v-40fa664e]{--color-dark:#feac2a;--color-light:#ffe2b5}.color-3[data-v-40fa664e]{--color-dark:#fe9a28;--color-light:#ffdcb4}.color-4[data-v-40fa664e]{--color-dark:#fd7024;--color-light:#fecdb3}.color-5[data-v-40fa664e]{--color-dark:#fd5b32;--color-light:#fec6b7}.color-6[data-v-40fa664e]{--color-dark:#f2483f;--color-light:#fabfbc}.color-7[data-v-40fa664e]{--color-dark:#dc331b;--color-light:#f3b8af}.color-8[data-v-40fa664e]{--color-dark:#d41419;--color-light:#f0adaf}.color-9[data-v-40fa664e]{--color-dark:#e72866;--color-light:#f7b4ca}.color-10[data-v-40fa664e]{--color-dark:#c41c63;--color-light:#eab0c9}.color-11[data-v-40fa664e]{--color-dark:#9b2bae;--color-light:#dcb5e3}.color-12[data-v-40fa664e]{--color-dark:#673bb5;--color-light:#cabbe5}.color-13[data-v-40fa664e]{--color-dark:#7c4efc;--color-light:#d1c1fe}.color-14[data-v-40fa664e]{--color-dark:#4051b3;--color-light:#bcc2e4}.color-15[data-v-40fa664e]{--color-dark:#311b92;--color-light:#c0b2ff}.color-16[data-v-40fa664e]{--color-dark:#2d62fb;--color-light:#b6c8fe}.color-17[data-v-40fa664e]{--color-dark:#5c6bc0;--color-light:#9aa2d2}.color-18[data-v-40fa664e]{--color-dark:#17a8f1;--color-light:#aee1fa}.color-19[data-v-40fa664e]{--color-dark:#17bbd2;--color-light:#aee7ef}.color-20[data-v-40fa664e]{--color-dark:#14abbf;--color-light:#ade2e9}.color-21[data-v-40fa664e]{--color-dark:#0f9587;--color-light:#abdad5}.color-22[data-v-40fa664e]{--color-dark:#16bea5;--color-light:#aee8e0}.color-23[data-v-40fa664e]{--color-dark:#4eae53;--color-light:#c1e3c3}.color-24[data-v-40fa664e]{--color-dark:#3a8d3f;--color-light:#bad7bc}.color-25[data-v-40fa664e]{--color-dark:#8cc250;--color-light:#d7eac2}.color-26[data-v-40fa664e]{--color-dark:#66bb6a;--color-light:#9fd3a1}.color-27[data-v-40fa664e]{--color-dark:#880e4f;--color-light:#ab8198}.color-28[data-v-40fa664e]{--color-dark:#1565c0;--color-light:#83a4ca}.color-29[data-v-40fa664e]{--color-dark:#1e88e5;--color-light:#79b1ff}.color-9999[data-v-40fa664e]{--color-dark:#4675d9;--color-light:#becff2}.color-101[data-v-40fa664e]{--color-dark:#EE5787;--color-light:#FFC6CC}.color-102[data-v-40fa664e]{--color-dark:#EE5787;--color-light:#F7B3CA}.color-103[data-v-40fa664e]{--color-dark:#AB51BD;--color-light:#DDB6E3}.color-104[data-v-40fa664e]{--color-dark:#8564C4;--color-light:#CBBCE6}.color-105[data-v-40fa664e]{--color-dark:#6371BF;--color-light:#BDC3E6}.color-106[data-v-40fa664e]{--color-dark:#1779CE;--color-light:#B3D9FA}.color-107[data-v-40fa664e]{--color-dark:#1E92CC;--color-light:#AAE1FC}.color-108[data-v-40fa664e]{--color-dark:#1E8694;--color-light:#A9E8F0}.color-109[data-v-40fa664e]{--color-dark:#328179;--color-light:#A9DAD6}.color-110[data-v-40fa664e]{--color-dark:#3D853F;--color-light:#C1E2C2}.color-111[data-v-40fa664e]{--color-dark:#5B8131;--color-light:#D7EAC1}.color-112[data-v-40fa664e]{--color-dark:#757B23;--color-light:#EEF2BB}.color-113[data-v-40fa664e]{--color-dark:#8A731E;--color-light:#FFF8BC}.color-114[data-v-40fa664e]{--color-dark:#C88704;--color-light:#FFE9AA}.color-115[data-v-40fa664e]{--color-dark:#B85F00;--color-light:#FFDBA9}.color-116[data-v-40fa664e]{--color-dark:#EA0A00;--color-light:#FFC5B4}.color-117[data-v-40fa664e]{--color-dark:#FF4D1F;--color-light:#FFA186}.color-118[data-v-40fa664e]{--color-dark:#6E4B3F;--color-light:#D1C5C1}.color-119[data-v-40fa664e]{--color-dark:#6E4B3F;--color-light:#B4A09A}.color-120[data-v-40fa664e]{--color-dark:#63757E;--color-light:#C8D2D7}.vc-progress-circular .vc-progress-counter[data-v-40fa664e]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);color:var(--gray-darken-5)}.vc-progress-circular .vc-progress-counter.fontColorByTheme[data-v-40fa664e]{color:var(--v-text-base)}.vc-progress-circular .vc-progress-counter.sm[data-v-40fa664e]{font-size:var(--font-size-xs-small)}.vc-progress-circular[data-v-40fa664e] .v-progress-circular__underlay{stroke:var(--neutral-lighten-1)}",
|
|
3433
3437
|
map: undefined,
|
|
3434
3438
|
media: undefined
|
|
3435
3439
|
});
|
|
@@ -3437,7 +3441,7 @@ const __vue_inject_styles__$1o = function (inject) {
|
|
|
3437
3441
|
/* scoped */
|
|
3438
3442
|
|
|
3439
3443
|
|
|
3440
|
-
const __vue_scope_id__$1o = "data-v-
|
|
3444
|
+
const __vue_scope_id__$1o = "data-v-40fa664e";
|
|
3441
3445
|
/* module identifier */
|
|
3442
3446
|
|
|
3443
3447
|
const __vue_module_identifier__$1o = undefined;
|
|
@@ -19938,7 +19942,7 @@ var __vue_render__$q = function () {
|
|
|
19938
19942
|
}
|
|
19939
19943
|
}
|
|
19940
19944
|
}, [_vm.icon ? _c('VcIcon', {
|
|
19941
|
-
|
|
19945
|
+
class: "VcMenuItem-icon " + _vm.flavor,
|
|
19942
19946
|
attrs: {
|
|
19943
19947
|
"size": _vm.size === 'md' ? 20 : 16,
|
|
19944
19948
|
"color": _vm.textColor
|
|
@@ -19949,7 +19953,7 @@ var __vue_render__$q = function () {
|
|
|
19949
19953
|
"align-baseline": ""
|
|
19950
19954
|
}
|
|
19951
19955
|
}, [_c('div', {
|
|
19952
|
-
|
|
19956
|
+
class: "VcMenuItem-text " + _vm.flavor + " VcMenuItem-userSelectNone"
|
|
19953
19957
|
}, [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _vm.badgeText ? _c('div', {
|
|
19954
19958
|
class: "VcMenuItem-badge badge-color-" + _vm.badgeColor + " ps-5"
|
|
19955
19959
|
}, [_vm._v(_vm._s(_vm.badgeText))]) : _vm._e()])];
|
|
@@ -19971,7 +19975,7 @@ var __vue_render__$q = function () {
|
|
|
19971
19975
|
}, [_c('v-expansion-panel', {
|
|
19972
19976
|
staticClass: "VcMenuItem--expansionPanel"
|
|
19973
19977
|
}, [_c('v-expansion-panel-header', {
|
|
19974
|
-
|
|
19978
|
+
class: "VcMenuItem VcMenuItem-complex " + _vm.flavor,
|
|
19975
19979
|
attrs: {
|
|
19976
19980
|
"align-center": ""
|
|
19977
19981
|
},
|
|
@@ -19980,6 +19984,7 @@ var __vue_render__$q = function () {
|
|
|
19980
19984
|
fn: function () {
|
|
19981
19985
|
return [_c('VcIcon', {
|
|
19982
19986
|
attrs: {
|
|
19987
|
+
"size": _vm.flavor === 'desktop' ? 16 : 24,
|
|
19983
19988
|
"color": _vm.textColor
|
|
19984
19989
|
}
|
|
19985
19990
|
}, [_vm._v("$chevron_down")])];
|
|
@@ -19991,7 +19996,7 @@ var __vue_render__$q = function () {
|
|
|
19991
19996
|
"align-center": ""
|
|
19992
19997
|
}
|
|
19993
19998
|
}, [_vm.icon ? _c('VcIcon', {
|
|
19994
|
-
|
|
19999
|
+
class: "VcMenuItem-icon " + _vm.flavor,
|
|
19995
20000
|
attrs: {
|
|
19996
20001
|
"size": _vm.size === 'md' ? 20 : 16,
|
|
19997
20002
|
"color": _vm.textColor
|
|
@@ -20003,15 +20008,13 @@ var __vue_render__$q = function () {
|
|
|
20003
20008
|
"align-center": ""
|
|
20004
20009
|
}
|
|
20005
20010
|
}, [_c('div', {
|
|
20006
|
-
|
|
20011
|
+
class: "VcMenuItem-text " + _vm.flavor
|
|
20007
20012
|
}, [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _vm.badgeText ? _c('div', {
|
|
20008
20013
|
class: "VcMenuItem-badge badge-color-" + _vm.badgeColor + " ps-5"
|
|
20009
20014
|
}, [_vm._v(_vm._s(_vm.badgeText))]) : _vm._e()])];
|
|
20010
20015
|
})], 2)], 1), _vm._v(" "), _vm._l(_vm.submenuItems, function (item, index) {
|
|
20011
20016
|
return _c('v-expansion-panel-content', {
|
|
20012
|
-
class:
|
|
20013
|
-
'selected': _vm.isSelected && _vm.selectedSubitem === index
|
|
20014
|
-
},
|
|
20017
|
+
class: (_vm.isSelected && _vm.selectedSubitem === index ? 'selected' : '') + " " + _vm.flavor,
|
|
20015
20018
|
attrs: {
|
|
20016
20019
|
"eager": ""
|
|
20017
20020
|
}
|
|
@@ -20026,7 +20029,7 @@ var __vue_render__$q = function () {
|
|
|
20026
20029
|
}
|
|
20027
20030
|
}
|
|
20028
20031
|
}, [_c('div', {
|
|
20029
|
-
|
|
20032
|
+
class: "VcMenuItem-text " + _vm.flavor
|
|
20030
20033
|
}, [_vm._v(_vm._s(item.label))]), _vm._v(" "), item.badgeText ? _c('div', {
|
|
20031
20034
|
class: "VcMenuItem-badge badge-color-orange ps-5"
|
|
20032
20035
|
}, [_vm._v(_vm._s(item.badgeText))]) : _vm._e()])], 1);
|
|
@@ -20038,8 +20041,8 @@ var __vue_staticRenderFns__$q = [];
|
|
|
20038
20041
|
|
|
20039
20042
|
const __vue_inject_styles__$s = function (inject) {
|
|
20040
20043
|
if (!inject) return;
|
|
20041
|
-
inject("data-v-
|
|
20042
|
-
source: ".VcMenuItem[data-v-
|
|
20044
|
+
inject("data-v-4e67035c_0", {
|
|
20045
|
+
source: ".VcMenuItem[data-v-4e67035c]{height:52px;min-height:unset;font-weight:var(--font-weight-medium2)}.VcMenuItem.desktop[data-v-4e67035c]{color:var(--v-text-base);height:40px}.VcMenuItem.desktop :hover .VcMenuItem-icon[data-v-4e67035c],.VcMenuItem.desktop :hover .VcMenuItem-text[data-v-4e67035c]{opacity:unset}.VcMenuItem-skeleton[data-v-4e67035c]{margin-inline-end:var(--size-value5)}[data-v-4e67035c] .v-skeleton-loader__list-item{background-color:transparent!important}.VcMenuItem-simple[data-v-4e67035c]{padding:0 var(--size-value5);border-inline-start:3px solid transparent;transition:border-inline-start 250ms,background-color 250ms}.VcMenuItem-simple[data-v-4e67035c]:hover{background:rgba(0,0,0,.04)}.VcMenuItem-simple:hover .VcMenuItem-icon[data-v-4e67035c],.VcMenuItem-simple:hover .VcMenuItem-text[data-v-4e67035c]{opacity:unset}.VcMenuItem-simple.desktop[data-v-4e67035c]{padding:0 17px}.VcMenuItem-simple.desktop[data-v-4e67035c]:hover{background:rgba(225,225,225,.16);cursor:pointer}.VcMenuItem-simple[data-v-4e67035c]:active{background:rgba(0,0,0,.12);transition:.3s background-color}.VcMenuItem--expansionPanel[data-v-4e67035c]{background-color:transparent!important}.VcMenuItem-complex[data-v-4e67035c]{padding-inline-start:var(--size-value5);border-inline-start:3px solid transparent}.VcMenuItem-complex.desktop[data-v-4e67035c]{padding-inline-start:17px}.desktop[data-v-4e67035c] .v-expansion-panel-header:hover:before{opacity:.16!important}.VcMenuItem-icon[data-v-4e67035c]{margin-inline-end:var(--size-value4)}.VcMenuItem-icon.desktop[data-v-4e67035c]{margin-inline-end:var(--size-value3);opacity:72%}.VcMenuItem-text[data-v-4e67035c]{font-size:15px}.VcMenuItem-text.desktop[data-v-4e67035c]{opacity:87%}.desktop .VcMenuItem-text[data-v-4e67035c]{font-size:13px}.VcMenuItem-userSelectNone[data-v-4e67035c]{user-select:none}.VcMenuItem-badge[data-v-4e67035c]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2)}.VcMenuItem-badge.badge-color-orange[data-v-4e67035c]{color:var(--orange)}.VcMenuItem-right-area[data-v-4e67035c]{justify-content:flex-end;flex-grow:0}.v-expansion-panel-content[data-v-4e67035c]{border-inline-start:3px solid transparent;background-color:transparent;transition:border-inline-start 250ms,background-color 250ms}.v-expansion-panel-content[data-v-4e67035c]:hover{background:rgba(0,0,0,.04)}.v-expansion-panel-content[data-v-4e67035c] .v-expansion-panel-content__wrap{padding:var(--size-value2) var(--size-value6)}.desktop .v-expansion-panel-content[data-v-4e67035c]{background:rgba(225,225,225,.07)}.desktop .v-expansion-panel-content[data-v-4e67035c]:hover{background:rgba(225,225,225,.12)}.VcMenuItem-subitem[data-v-4e67035c]{height:var(--size-value8);padding:0;font-size:var(--font-size-small2)}.VcMenuItem-subitem.desktop[data-v-4e67035c]{height:var(--size-value6);color:var(--v-text-base)}.VcMenuItem-subitem.desktop[data-v-4e67035c]:hover{cursor:pointer}.VcMenuItem-subitem.desktop:hover .VcMenuItem-text[data-v-4e67035c]{opacity:unset}.sm.VcMenuItem[data-v-4e67035c]{height:var(--size-value10)}.sm .VcMenuItem-text[data-v-4e67035c]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2)}.selected[data-v-4e67035c]{border-inline-start:3px solid var(--v-secondary-base);background-color:rgba(225,225,225,.16)}.selected.desktop .VcMenuItem-icon[data-v-4e67035c],.selected.desktop .VcMenuItem-text[data-v-4e67035c]{opacity:unset}",
|
|
20043
20046
|
map: undefined,
|
|
20044
20047
|
media: undefined
|
|
20045
20048
|
});
|
|
@@ -20047,7 +20050,7 @@ const __vue_inject_styles__$s = function (inject) {
|
|
|
20047
20050
|
/* scoped */
|
|
20048
20051
|
|
|
20049
20052
|
|
|
20050
|
-
const __vue_scope_id__$s = "data-v-
|
|
20053
|
+
const __vue_scope_id__$s = "data-v-4e67035c";
|
|
20051
20054
|
/* module identifier */
|
|
20052
20055
|
|
|
20053
20056
|
const __vue_module_identifier__$s = undefined;
|
|
@@ -20778,8 +20781,10 @@ var __vue_render__$n = function () {
|
|
|
20778
20781
|
key: "prepend",
|
|
20779
20782
|
fn: function () {
|
|
20780
20783
|
return [_c('VcIcon', {
|
|
20784
|
+
staticClass: "right-area-icon",
|
|
20781
20785
|
attrs: {
|
|
20782
20786
|
"color": "var(--gray-darken-3)",
|
|
20787
|
+
"size": "16",
|
|
20783
20788
|
"data-qa": "right-area-vc-icon-" + menuItem.name
|
|
20784
20789
|
}
|
|
20785
20790
|
}, [_vm._v(_vm._s(menuItem.rightIcon))])];
|
|
@@ -20801,8 +20806,8 @@ var __vue_staticRenderFns__$n = [];
|
|
|
20801
20806
|
|
|
20802
20807
|
const __vue_inject_styles__$p = function (inject) {
|
|
20803
20808
|
if (!inject) return;
|
|
20804
|
-
inject("data-v-
|
|
20805
|
-
source: ".VcMenuItemsGroup[data-v-
|
|
20809
|
+
inject("data-v-081d7868_0", {
|
|
20810
|
+
source: ".VcMenuItemsGroup[data-v-081d7868]{border-radius:10px;box-shadow:var(--shadow-1);overflow:hidden}.VcMenuItemsGroup .vc-menu-item[data-v-081d7868]{border-bottom:1px solid var(--gray-lighten-2)}.VcMenuItemsGroup .vc-menu-item[data-v-081d7868]:last-child{border-bottom:none}.VcMenuItemsGroup .vc-menu-item[data-v-081d7868] .v-expansion-panel-content:active{background:rgba(0,0,0,.12);transition:.3s background-color}.VcMenuItemsGroup .vc-menu-item-loading[data-v-081d7868]{padding:0 var(--size-value5)}",
|
|
20806
20811
|
map: undefined,
|
|
20807
20812
|
media: undefined
|
|
20808
20813
|
});
|
|
@@ -20810,7 +20815,7 @@ const __vue_inject_styles__$p = function (inject) {
|
|
|
20810
20815
|
/* scoped */
|
|
20811
20816
|
|
|
20812
20817
|
|
|
20813
|
-
const __vue_scope_id__$p = "data-v-
|
|
20818
|
+
const __vue_scope_id__$p = "data-v-081d7868";
|
|
20814
20819
|
/* module identifier */
|
|
20815
20820
|
|
|
20816
20821
|
const __vue_module_identifier__$p = undefined;
|
|
@@ -22656,6 +22661,13 @@ var script$9 = {
|
|
|
22656
22661
|
logoutLabel: {
|
|
22657
22662
|
type: String
|
|
22658
22663
|
},
|
|
22664
|
+
logoutIcon: {
|
|
22665
|
+
type: String
|
|
22666
|
+
},
|
|
22667
|
+
showLogout: {
|
|
22668
|
+
type: Boolean,
|
|
22669
|
+
default: true
|
|
22670
|
+
},
|
|
22659
22671
|
dataQa: {
|
|
22660
22672
|
type: String,
|
|
22661
22673
|
default: 'VcAccountMenu'
|
|
@@ -22736,11 +22748,15 @@ var __vue_render__$8 = function () {
|
|
|
22736
22748
|
}
|
|
22737
22749
|
}
|
|
22738
22750
|
}, 'VcMenuItem', item, false));
|
|
22739
|
-
}), 1), _vm._v(" "),
|
|
22751
|
+
}), 1), _vm._v(" "), _vm.showLogout ? _c('VcLayout', {
|
|
22752
|
+
attrs: {
|
|
22753
|
+
"column": ""
|
|
22754
|
+
}
|
|
22755
|
+
}, [_c('VcDivider'), _vm._v(" "), _c('VcMenuItem', {
|
|
22740
22756
|
staticClass: "account-item logout-item",
|
|
22741
22757
|
attrs: {
|
|
22742
22758
|
"label": _vm.computedLogoutLabel,
|
|
22743
|
-
"icon":
|
|
22759
|
+
"icon": _vm.logoutIcon,
|
|
22744
22760
|
"size": "sm"
|
|
22745
22761
|
},
|
|
22746
22762
|
on: {
|
|
@@ -22748,7 +22764,7 @@ var __vue_render__$8 = function () {
|
|
|
22748
22764
|
return _vm.$emit('click', 'logout');
|
|
22749
22765
|
}
|
|
22750
22766
|
}
|
|
22751
|
-
})], 1)], 1);
|
|
22767
|
+
})], 1) : _vm._e()], 1)], 1);
|
|
22752
22768
|
};
|
|
22753
22769
|
|
|
22754
22770
|
var __vue_staticRenderFns__$8 = [];
|
|
@@ -22756,8 +22772,8 @@ var __vue_staticRenderFns__$8 = [];
|
|
|
22756
22772
|
|
|
22757
22773
|
const __vue_inject_styles__$9 = function (inject) {
|
|
22758
22774
|
if (!inject) return;
|
|
22759
|
-
inject("data-v-
|
|
22760
|
-
source: ".account-container[data-v-
|
|
22775
|
+
inject("data-v-49216227_0", {
|
|
22776
|
+
source: ".account-container[data-v-49216227]{min-width:264px;padding:var(--size-value5) var(--size-value3);overflow:hidden}.account-name[data-v-49216227]{font-size:var(--font-size-small2);font-weight:var(--font-weight-large);line-height:var(--size-value9)}.account-email[data-v-49216227]{font-size:var(--font-size-xx-small);font-weight:var(--font-weight-medium)}.account-items[data-v-49216227]{padding:var(--size-value2) 0}.account-item[data-v-49216227]{width:100%}.logout-item[data-v-49216227]{min-height:50px}",
|
|
22761
22777
|
map: undefined,
|
|
22762
22778
|
media: undefined
|
|
22763
22779
|
});
|
|
@@ -22765,7 +22781,7 @@ const __vue_inject_styles__$9 = function (inject) {
|
|
|
22765
22781
|
/* scoped */
|
|
22766
22782
|
|
|
22767
22783
|
|
|
22768
|
-
const __vue_scope_id__$9 = "data-v-
|
|
22784
|
+
const __vue_scope_id__$9 = "data-v-49216227";
|
|
22769
22785
|
/* module identifier */
|
|
22770
22786
|
|
|
22771
22787
|
const __vue_module_identifier__$9 = undefined;
|
|
@@ -23090,6 +23106,16 @@ var script$7 = {
|
|
|
23090
23106
|
type: Number,
|
|
23091
23107
|
default: undefined
|
|
23092
23108
|
},
|
|
23109
|
+
logoutLabel: {
|
|
23110
|
+
type: String
|
|
23111
|
+
},
|
|
23112
|
+
logoutIcon: {
|
|
23113
|
+
type: String
|
|
23114
|
+
},
|
|
23115
|
+
showLogout: {
|
|
23116
|
+
type: Boolean,
|
|
23117
|
+
default: true
|
|
23118
|
+
},
|
|
23093
23119
|
dataQa: {
|
|
23094
23120
|
type: String,
|
|
23095
23121
|
default: 'VcWideTopMenuBar'
|
|
@@ -23162,8 +23188,8 @@ var __vue_render__$6 = function () {
|
|
|
23162
23188
|
}
|
|
23163
23189
|
}, [_c('VcBadge', {
|
|
23164
23190
|
attrs: {
|
|
23165
|
-
"offsetY":
|
|
23166
|
-
"offset-x":
|
|
23191
|
+
"offsetY": 18,
|
|
23192
|
+
"offset-x": 26,
|
|
23167
23193
|
"badgeText": _vm.notificationBadge,
|
|
23168
23194
|
"data-qa": _vm.dataQa + "-notificationsBadge"
|
|
23169
23195
|
}
|
|
@@ -23181,7 +23207,11 @@ var __vue_render__$6 = function () {
|
|
|
23181
23207
|
scopedSlots: _vm._u([{
|
|
23182
23208
|
key: "prepend",
|
|
23183
23209
|
fn: function () {
|
|
23184
|
-
return [_c('VcIcon',
|
|
23210
|
+
return [_c('VcIcon', {
|
|
23211
|
+
attrs: {
|
|
23212
|
+
"size": "var(--font-size-small2)"
|
|
23213
|
+
}
|
|
23214
|
+
}, [_vm._v("$notifications")])];
|
|
23185
23215
|
},
|
|
23186
23216
|
proxy: true
|
|
23187
23217
|
}])
|
|
@@ -23270,6 +23300,9 @@ var __vue_render__$6 = function () {
|
|
|
23270
23300
|
"email": _vm.email,
|
|
23271
23301
|
"name": _vm.name,
|
|
23272
23302
|
"image-path": _vm.imagePath,
|
|
23303
|
+
"logoutLabel": _vm.logoutLabel,
|
|
23304
|
+
"logoutIcon": _vm.logoutIcon,
|
|
23305
|
+
"showLogout": _vm.showLogout,
|
|
23273
23306
|
"data-qa": _vm.dataQa + "-accountMenu"
|
|
23274
23307
|
},
|
|
23275
23308
|
on: {
|
|
@@ -23338,8 +23371,8 @@ var __vue_staticRenderFns__$6 = [];
|
|
|
23338
23371
|
|
|
23339
23372
|
const __vue_inject_styles__$7 = function (inject) {
|
|
23340
23373
|
if (!inject) return;
|
|
23341
|
-
inject("data-v-
|
|
23342
|
-
source: ".VcWideTopMenuBar[data-v-
|
|
23374
|
+
inject("data-v-42582096_0", {
|
|
23375
|
+
source: ".VcWideTopMenuBar[data-v-42582096]{width:100%;height:52px;box-shadow:var(--shadow-1);padding-top:var(--size-value2);padding-bottom:var(--size-value2);padding-inline-start:var(--size-value1)}.VcWideTopMenuBar .specialButtonHeight[data-v-42582096]{height:var(--size-value8)}.topBarSection[data-v-42582096]{align-items:center}.leftSection[data-v-42582096]{flex-basis:66%}.searchSection[data-v-42582096]{flex-basis:50%;flex-grow:0}.rightSection[data-v-42582096]{gap:var(--size-value2);flex-basis:33%}[data-v-42582096] .v-badge__badge{font-weight:var(--font-weight-medium2)}.helpButton[data-v-42582096]{font-weight:var(--font-weight-medium2);padding:0 var(--size-value1)!important}.helpButton--label[data-v-42582096]{padding-inline-start:var(--size-value2)}.helpMenuItem[data-v-42582096]{font-size:13px;font-weight:var(--font-weight-medium)}.accountMenuButton[data-v-42582096]{padding:0 var(--size-value1)!important}.upgradeButton[data-v-42582096]{padding:0 var(--size-value1)!important}.accountName[data-v-42582096]{font-size:12px;font-weight:var(--font-weight-medium2);line-height:var(--size-value6);padding-inline-start:var(--size-value2)}",
|
|
23343
23376
|
map: undefined,
|
|
23344
23377
|
media: undefined
|
|
23345
23378
|
});
|
|
@@ -23347,7 +23380,7 @@ const __vue_inject_styles__$7 = function (inject) {
|
|
|
23347
23380
|
/* scoped */
|
|
23348
23381
|
|
|
23349
23382
|
|
|
23350
|
-
const __vue_scope_id__$7 = "data-v-
|
|
23383
|
+
const __vue_scope_id__$7 = "data-v-42582096";
|
|
23351
23384
|
/* module identifier */
|
|
23352
23385
|
|
|
23353
23386
|
const __vue_module_identifier__$7 = undefined;
|