@vcita/design-system 1.13.2 → 1.13.4-beta.1
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 +1 -1
- package/dist/@vcita/design-system.ssr.js +1 -1
- package/dist/entry-e36d1854.js +26934 -0
- package/dist/entry-ee3d912a.js +26316 -0
- package/dist/index-116dd520.js +1 -0
- package/dist/index-30e9258d.js +2 -0
- package/dist/{entry-54c66667.js → vue2-pdf-embed-4110f4a4.js} +2 -26297
- package/dist/{entry-eccabfcc.js → vue2-pdf-embed-68fa1acf.js} +22 -26915
- package/init/SvgIcons.js +1 -1
- package/package.json +1 -1
- package/src/components/VcChipList/VcChipList.spec.js +4 -2
- package/src/components/VcChipList/VcChipList.vue +16 -12
- package/src/components/VcGroupedItems/VcGroupedItems.vue +7 -9
- package/src/components/VcPreview/VcPreview.vue +2 -2
- package/src/components/VcQuickActions/VcQuickActions.vue +1 -1
- package/src/components/VcSearchBar/VcSearchBar.vue +5 -0
- package/src/components/index.js +2 -2
- package/src/components/modal/VcInputModal/VcInputModal.vue +5 -0
- package/src/components/modal/elements/VcModalContainer.vue +6 -1
- package/src/components/modal/elements/VcModalWrapper.vue +5 -0
- package/src/components/wizard/VcWizard/VcWizard.spec.js +11 -11
- package/src/components/wizard/VcWizard/VcWizard.vue +2 -2
- package/dist/index-5b9d1dd6.js +0 -1
- package/dist/index-9f49fc41.js +0 -2
package/init/SvgIcons.js
CHANGED
|
@@ -35,7 +35,7 @@ export default {
|
|
|
35
35
|
attention_fill: `<svg class="vc-attention-fill" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.00249 11.815C9.21241 11.815 11.815 9.21335 11.815 6.00249C11.815 2.7935 9.21241 0.190002 6.00249 0.190002C2.79257 0.190002 0.190002 2.7935 0.190002 6.00249C0.190002 9.21335 2.79257 11.815 6.00249 11.815ZM5.43358 6.75249C5.28421 6.75249 5.16089 6.63571 5.15277 6.48657L4.97891 3.29908C4.97012 3.13797 5.09836 3.0025 5.2597 3.0025H6.74525C6.90659 3.0025 7.03486 3.13797 7.02607 3.29908L6.85221 6.48657C6.84409 6.63571 6.72076 6.75249 6.5714 6.75249H5.43358ZM4.92437 8.25248C4.92437 8.84792 5.40705 9.33061 6.00249 9.33061C6.59792 9.33061 7.08061 8.84792 7.08061 8.25248C7.08061 7.65705 6.59792 7.17436 6.00249 7.17436C5.40705 7.17436 4.92437 7.65705 4.92437 8.25248Z"/></svg>`,
|
|
36
36
|
three_dots: `<svg class="vc-three-dots" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.52637 2.47368C6.52637 3.30263 7.1711 3.94737 8.00005 3.94737C8.78295 3.94737 9.47374 3.30263 9.47374 2.47368C9.47374 1.69079 8.78295 1 8.00005 1C7.1711 1 6.52637 1.69079 6.52637 2.47368ZM8.00005 6.52632C7.1711 6.52632 6.52637 7.21711 6.52637 8.00001C6.52637 8.82895 7.1711 9.47369 8.00005 9.47369C8.78295 9.47369 9.47374 8.82895 9.47374 8.00001C9.47374 7.21711 8.78295 6.52632 8.00005 6.52632ZM8.00005 15C7.1711 15 6.52637 14.3553 6.52637 13.5263C6.52637 12.7435 7.1711 12.0526 8.00005 12.0526C8.78295 12.0526 9.47374 12.7435 9.47374 13.5263C9.47374 14.3553 8.78295 15 8.00005 15Z"/></svg>`,
|
|
37
37
|
indeterminate: '<svg class="vc-indeterminate" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4.5" y="11" width="7" height="2" rx="0.25" fill="currentColor"/></svg>',
|
|
38
|
-
chevron_right: `<svg class="vc-chevron-right" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
|
|
38
|
+
chevron_right: `<svg class="vc-chevron-right" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M6.07792 14.8601L12.6732 8.26476C12.8197 8.11831 12.8197 7.88088 12.6732 7.7344L6.07792 1.13914C5.93146 0.992683 5.69404 0.992683 5.54761 1.13914L5.32664 1.36008C5.18018 1.50651 5.18018 1.74396 5.32664 1.89042L11.4358 7.99959L5.32664 14.1088C5.18018 14.2552 5.18018 14.4927 5.32664 14.6391L5.54761 14.8601C5.69404 15.0065 5.93146 15.0065 6.07792 14.8601Z" fill="currentColor"/></svg>`,
|
|
39
39
|
chevron_left: `<svg class="vc-chevron-left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M9.92208 1.13995L3.32676 7.73524C3.18031 7.88169 3.18031 8.11912 3.32676 8.2656L9.92208 14.8609C10.0685 15.0073 10.306 15.0073 10.4524 14.8609L10.6734 14.6399C10.8198 14.4935 10.8198 14.256 10.6734 14.1096L4.56422 8.00041L10.6734 1.89123C10.8198 1.74481 10.8198 1.50735 10.6734 1.3609L10.4524 1.13995C10.306 0.993526 10.0685 0.993526 9.92208 1.13995Z" fill="currentColor"/></svg>`,
|
|
40
40
|
chevron_down: `<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path opacity="0.72" d="M3.70312 6.80469C3.76172 6.72656 3.83984 6.6875 3.9375 6.6875C3.99609 6.6875 4.07422 6.70703 4.13281 6.76562L7.98047 10.3008L11.8477 6.76562C11.9648 6.64844 12.1602 6.64844 12.2773 6.78516C12.3945 6.90234 12.3945 7.09766 12.2578 7.21484L8.19531 10.9648C8.07812 11.082 7.90234 11.082 7.78516 10.9648L3.72266 7.21484C3.58594 7.11719 3.58594 6.92188 3.70312 6.80469Z"/></svg>`,
|
|
41
41
|
mastercard: `<svg width="48" height="30" viewBox="0 0 48 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.4888 3.20898H17.5103V26.7923H30.4888V3.20898Z" fill="#FF5F00"/><path d="M18.3348 15C18.3348 10.2083 20.5597 5.95834 23.9794 3.20834C21.4661 1.20834 18.2936 0 14.8326 0C6.63348 0 0 6.70833 0 15C0 23.2917 6.63348 30 14.8326 30C18.2936 30 21.4661 28.7917 23.9794 26.7917C20.5597 24.0833 18.3348 19.7917 18.3348 15Z" fill="#EB001B"/><path d="M47.9997 15C47.9997 23.2917 41.3663 30 33.1672 30C29.7062 30 26.5337 28.7917 24.0204 26.7917C27.4813 24.0417 29.665 19.7917 29.665 15C29.665 10.2083 27.4401 5.95834 24.0204 3.20834C26.5337 1.20834 29.7062 0 33.1672 0C41.3663 0 47.9997 6.75 47.9997 15Z" fill="#F79E1B"/></svg>`,
|
package/package.json
CHANGED
|
@@ -16,7 +16,8 @@ const item = {
|
|
|
16
16
|
const props = {
|
|
17
17
|
items: [item],
|
|
18
18
|
moreText: 'more text',
|
|
19
|
-
lines: 2
|
|
19
|
+
lines: 2,
|
|
20
|
+
hiddenItemDisplay: 'chip'
|
|
20
21
|
};
|
|
21
22
|
|
|
22
23
|
describe("VcChipList.vue", () => {
|
|
@@ -106,7 +107,8 @@ describe("VcChipList.vue", () => {
|
|
|
106
107
|
'more-indicator': {
|
|
107
108
|
offsetTop: 0,
|
|
108
109
|
offsetHeight: 40,
|
|
109
|
-
style: {}
|
|
110
|
+
style: {},
|
|
111
|
+
$el: {}
|
|
110
112
|
},
|
|
111
113
|
0: [{
|
|
112
114
|
$el: {
|
|
@@ -25,14 +25,20 @@
|
|
|
25
25
|
|
|
26
26
|
<v-tooltip top content-class="more-tooltip">
|
|
27
27
|
<template v-slot:activator="{ on, attrs }">
|
|
28
|
-
<
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
28
|
+
<span v-if="hiddenItemDisplay === 'chip'"
|
|
29
|
+
v-show="hiddenChips.length"
|
|
30
|
+
ref="more-indicator"
|
|
31
|
+
v-bind="attrs"
|
|
32
|
+
v-on="on">
|
|
33
|
+
<VcChip :label="moreText"
|
|
34
|
+
:is-ripple="false"
|
|
35
|
+
:close-button="showCloseButton"
|
|
36
|
+
:small="isSmall"
|
|
37
|
+
:max-width="maxChipWidth"
|
|
38
|
+
:min-width="minChipWidth"
|
|
39
|
+
data-qa="vc-chip-item-more"/>
|
|
40
|
+
</span>
|
|
41
|
+
|
|
36
42
|
<span v-else
|
|
37
43
|
v-show="hiddenChips.length"
|
|
38
44
|
class="more-indicator"
|
|
@@ -167,10 +173,8 @@ export default {
|
|
|
167
173
|
getItemHeight(elem) {
|
|
168
174
|
const offsetHeight = elem.offsetHeight;
|
|
169
175
|
const marginBottom = parseFloat(getComputedStyle(elem).marginBottom);
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
return offsetHeight + marginBottom + borderBottom + borderTop;
|
|
173
|
-
},
|
|
176
|
+
return offsetHeight + marginBottom;
|
|
177
|
+
}
|
|
174
178
|
},
|
|
175
179
|
watch: {
|
|
176
180
|
items() {
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
<slot name="item" :item="item">
|
|
27
27
|
<VcLayout justify-space-between align-center class="px-4 flex-grow-1">
|
|
28
28
|
<span>{{ item.label }}</span>
|
|
29
|
-
<
|
|
29
|
+
<VcIcon size="12" :disabled="item.disabled" v-if="isMobile">$chevron_right</VcIcon>
|
|
30
30
|
</VcLayout>
|
|
31
31
|
</slot>
|
|
32
32
|
</slot>
|
|
@@ -170,14 +170,6 @@ export default {
|
|
|
170
170
|
border-inline-start: 3px solid var(--v-secondary-base);
|
|
171
171
|
}
|
|
172
172
|
|
|
173
|
-
&.disabled {
|
|
174
|
-
cursor: unset;
|
|
175
|
-
pointer-events: none;
|
|
176
|
-
border-color: var(--gray-lighten-3);
|
|
177
|
-
background-color: var(--gray-lighten-3);
|
|
178
|
-
color: var(--gray-darken-2);
|
|
179
|
-
}
|
|
180
|
-
|
|
181
173
|
&.mobile {
|
|
182
174
|
color: var(--gray-darken-5);
|
|
183
175
|
height: var(--size-value13);
|
|
@@ -196,6 +188,12 @@ export default {
|
|
|
196
188
|
}
|
|
197
189
|
}
|
|
198
190
|
}
|
|
191
|
+
|
|
192
|
+
&.disabled {
|
|
193
|
+
cursor: unset;
|
|
194
|
+
pointer-events: none;
|
|
195
|
+
color: var(--gray-darken-2);
|
|
196
|
+
}
|
|
199
197
|
}
|
|
200
198
|
}
|
|
201
199
|
}
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
</template>
|
|
52
52
|
|
|
53
53
|
<script>
|
|
54
|
-
import VuePdfEmbed from 'vue-pdf-embed/dist/vue2-pdf-embed';
|
|
54
|
+
// import VuePdfEmbed from 'vue-pdf-embed/dist/vue2-pdf-embed';
|
|
55
55
|
import DocPreview from '../VcPreview/DocPreview.vue';
|
|
56
56
|
import UnsupportedFile from '../VcPreview/UnsupportedFile.vue';
|
|
57
57
|
import VcLoader from "../VcLoader/VcLoader.vue";
|
|
@@ -63,7 +63,7 @@ export default {
|
|
|
63
63
|
components: {
|
|
64
64
|
ErrorWithServer,
|
|
65
65
|
VcLoader,
|
|
66
|
-
VuePdfEmbed,
|
|
66
|
+
VuePdfEmbed: () => import('vue-pdf-embed/dist/vue2-pdf-embed'),
|
|
67
67
|
DocPreview,
|
|
68
68
|
UnsupportedFile,
|
|
69
69
|
VcIcon
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
@click="$emit('onEditActionsClicked')">{{ buttonTitle }}
|
|
19
19
|
</VcButton>
|
|
20
20
|
</VcLayout>
|
|
21
|
-
<VcLayout class="VcQuickActions--large"
|
|
21
|
+
<VcLayout class="VcQuickActions--large">
|
|
22
22
|
<VcLargeQuickAction v-for="item in (isLoading ? skeletonLargeActions : largeActions)" :tabindex="0" :title="item.title"
|
|
23
23
|
:image="item.image"
|
|
24
24
|
:data-qa="`VcLargeQuickAction-${item.name}`"
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
single-line
|
|
12
12
|
type="search"
|
|
13
13
|
:size="size === 'small' ? 'medium' : size"
|
|
14
|
+
:autofocus="autofocus"
|
|
14
15
|
@input=searchThrottled>
|
|
15
16
|
<template #prepend-inner>
|
|
16
17
|
<VcIcon class="vc-search-bar__magnify"
|
|
@@ -70,6 +71,10 @@ export default {
|
|
|
70
71
|
clearable: {
|
|
71
72
|
type: Boolean,
|
|
72
73
|
default: false
|
|
74
|
+
},
|
|
75
|
+
autofocus: {
|
|
76
|
+
type: Boolean,
|
|
77
|
+
default: false
|
|
73
78
|
}
|
|
74
79
|
},
|
|
75
80
|
computed: {
|
package/src/components/index.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
// Put here any components that need to be available to users of the package
|
|
2
|
+
export {default as VcLayout} from './VcLayout/VcLayout.vue';
|
|
3
|
+
export {default as VcLoader} from './VcLoader/VcLoader.vue';
|
|
2
4
|
export {default as VcConfirmModal} from './modal/VcConfirmModal/VcConfirmModal.vue';
|
|
3
5
|
export {default as VcInputModal} from './modal/VcInputModal/VcInputModal.vue';
|
|
4
6
|
export {default as VcNoticeModal} from './modal/VcNoticeModal/VcNoticeModal.vue';
|
|
@@ -29,8 +31,6 @@ export {default as VcButton} from './VcButton/VcButton.vue';
|
|
|
29
31
|
export {default as VcButtonGroup} from './VcButtonGroup/VcButtonGroup.vue';
|
|
30
32
|
export {default as VcForm} from './VcForm/VcForm.vue';
|
|
31
33
|
export {default as VcIcon} from './VcIcon/VcIcon.vue';
|
|
32
|
-
export {default as VcLayout} from './VcLayout/VcLayout.vue';
|
|
33
|
-
export {default as VcLoader} from './VcLoader/VcLoader.vue';
|
|
34
34
|
export {default as VcSwitch} from './VcSwitch/VcSwitch.vue';
|
|
35
35
|
export {default as VcListEntity} from './list/VcListEntity/VcListEntity.vue';
|
|
36
36
|
export {default as VcExpansionCard} from './VcExpansionCard/VcExpansionCard.vue';
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
:useOffset="useOffset" :showDialog="showDialog"
|
|
5
5
|
:size="$vuetify.breakpoint.mdAndUp ? size : 'responsive'"
|
|
6
6
|
:closeOnEsc="closeOnEsc"
|
|
7
|
+
:retainFocus="retainFocus"
|
|
7
8
|
:data-qa="dataQa"
|
|
8
9
|
@onCloseButtonClicked="$emit('onCloseButtonClicked')">
|
|
9
10
|
<template #header>
|
|
@@ -128,6 +129,10 @@ export default {
|
|
|
128
129
|
type: Boolean,
|
|
129
130
|
default: true
|
|
130
131
|
},
|
|
132
|
+
retainFocus: {
|
|
133
|
+
type: Boolean,
|
|
134
|
+
default: true
|
|
135
|
+
}
|
|
131
136
|
},
|
|
132
137
|
data: () => ({
|
|
133
138
|
mainValid: true,
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
:useOffset="useOffset"
|
|
4
4
|
:contentClass="`${size} VcModalContainer ${flavor ? flavor : 'unflavored'}`"
|
|
5
5
|
:closeOnEsc="closeOnEsc"
|
|
6
|
+
:retainFocus="retainFocus"
|
|
6
7
|
@onClickOutside="$emit('onClickOutside')"
|
|
7
8
|
@onCloseButtonClicked="$emit('onCloseButtonClicked')"
|
|
8
9
|
@enterPressed="$emit('onEnterClicked')">
|
|
@@ -87,7 +88,11 @@ export default {
|
|
|
87
88
|
fullHeight: {
|
|
88
89
|
type: Boolean,
|
|
89
90
|
default: false
|
|
90
|
-
}
|
|
91
|
+
},
|
|
92
|
+
retainFocus: {
|
|
93
|
+
type: Boolean,
|
|
94
|
+
default: true
|
|
95
|
+
}
|
|
91
96
|
},
|
|
92
97
|
}
|
|
93
98
|
</script>
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
@keydown.enter="$emit('onEnterClicked')"
|
|
5
5
|
:fullscreen="fullscreen"
|
|
6
6
|
:value="true"
|
|
7
|
+
:retain-focus="retainFocus"
|
|
7
8
|
:content-class="`VcModalWrapper ${contentClass} ${offsetClass}`"
|
|
8
9
|
@click:outside="$emit('onClickOutside')">
|
|
9
10
|
<slot/>
|
|
@@ -28,6 +29,10 @@
|
|
|
28
29
|
closeOnEsc: {
|
|
29
30
|
type: Boolean,
|
|
30
31
|
default: true
|
|
32
|
+
},
|
|
33
|
+
retainFocus: {
|
|
34
|
+
type: Boolean,
|
|
35
|
+
default: true
|
|
31
36
|
}
|
|
32
37
|
},
|
|
33
38
|
computed: {
|
|
@@ -101,7 +101,7 @@ describe("VcWizard.vue", () => {
|
|
|
101
101
|
const nextButton = getByTestId("vcWizard-wizard-next-button")
|
|
102
102
|
await userEvent.click(nextButton);
|
|
103
103
|
expect(emitted().indexChanged.length).toBe(1);
|
|
104
|
-
expect(emitted().indexChanged[0]).toEqual(
|
|
104
|
+
expect(emitted().indexChanged[0][0]).toEqual(2);
|
|
105
105
|
await updateProps({currentStep: 2})
|
|
106
106
|
const stepperElement = getByTestId("vc-steps-bar")
|
|
107
107
|
|
|
@@ -116,7 +116,7 @@ describe("VcWizard.vue", () => {
|
|
|
116
116
|
|
|
117
117
|
await userEvent.click(backButton);
|
|
118
118
|
expect(emitted().indexChanged.length).toBe(2);
|
|
119
|
-
expect(emitted().indexChanged[1]).toEqual(
|
|
119
|
+
expect(emitted().indexChanged[1][0]).toEqual(1);
|
|
120
120
|
await updateProps({currentStep: 1})
|
|
121
121
|
activeStep = await within(stepperElement).findByText("Step name 1")
|
|
122
122
|
expect(activeStep.parentElement).toHaveClass("v-stepper__step--active")
|
|
@@ -139,7 +139,7 @@ describe("VcWizard.vue", () => {
|
|
|
139
139
|
let nextButton = getByTestId("vcWizard-wizard-next-button")
|
|
140
140
|
await userEvent.click(nextButton);
|
|
141
141
|
expect(emitted().indexChanged.length).toBe(1);
|
|
142
|
-
expect(emitted().indexChanged[0]).toEqual(
|
|
142
|
+
expect(emitted().indexChanged[0][0]).toEqual(2);
|
|
143
143
|
await updateProps({currentStep: 2})
|
|
144
144
|
let activeStep = await within(stepperElement).findByText("Step name 2")
|
|
145
145
|
expect(activeStep.parentElement).toHaveClass("v-stepper__step--active")
|
|
@@ -157,11 +157,11 @@ describe("VcWizard.vue", () => {
|
|
|
157
157
|
|
|
158
158
|
await userEvent.click(nextButton);
|
|
159
159
|
expect(emitted().indexChanged.length).toBe(2);
|
|
160
|
-
expect(emitted().indexChanged[1]).toEqual(
|
|
160
|
+
expect(emitted().indexChanged[1][0]).toEqual(3);
|
|
161
161
|
await updateProps({currentStep: 3})
|
|
162
162
|
await userEvent.click(nextButton);
|
|
163
163
|
expect(emitted().indexChanged.length).toBe(3);
|
|
164
|
-
expect(emitted().indexChanged[2]).toEqual(
|
|
164
|
+
expect(emitted().indexChanged[2][0]).toEqual(4);
|
|
165
165
|
await updateProps({currentStep: 4})
|
|
166
166
|
await userEvent.click(nextButton);
|
|
167
167
|
|
|
@@ -190,14 +190,14 @@ describe("VcWizard.vue", () => {
|
|
|
190
190
|
let nextButton = getByTestId("vcWizard-wizard-next-button")
|
|
191
191
|
await userEvent.click(nextButton);
|
|
192
192
|
expect(emitted().indexChanged.length).toBe(1);
|
|
193
|
-
expect(emitted().indexChanged[0]).toEqual(
|
|
193
|
+
expect(emitted().indexChanged[0][0]).toEqual(2);
|
|
194
194
|
await updateProps({currentStep: 2})
|
|
195
195
|
let activeStep = await within(stepperElement).findByText("Step name 2")
|
|
196
196
|
expect(activeStep.parentElement).toHaveClass("v-stepper__step--active")
|
|
197
197
|
const continueButton = await findByTestId('continue-button')
|
|
198
198
|
await fireEvent.click(continueButton)
|
|
199
199
|
expect(emitted().indexChanged.length).toBe(2);
|
|
200
|
-
expect(emitted().indexChanged[1]).toEqual(
|
|
200
|
+
expect(emitted().indexChanged[1][0]).toEqual(3);
|
|
201
201
|
await updateProps({currentStep: 3})
|
|
202
202
|
activeStep = await within(stepperElement).findByText("Step name 3")
|
|
203
203
|
expect(activeStep.parentElement).toHaveClass("v-stepper__step--active")
|
|
@@ -218,7 +218,7 @@ describe("VcWizard.vue", () => {
|
|
|
218
218
|
let nextButton = getByTestId("vcWizard-wizard-next-button")
|
|
219
219
|
|
|
220
220
|
await userEvent.click(nextButton);
|
|
221
|
-
expect(emitted().indexChanged[0]).toEqual(
|
|
221
|
+
expect(emitted().indexChanged[0][0]).toEqual(2);
|
|
222
222
|
await updateProps({currentStep: 2})
|
|
223
223
|
|
|
224
224
|
const stepperElement = getByTestId("vc-steps-bar")
|
|
@@ -227,7 +227,7 @@ describe("VcWizard.vue", () => {
|
|
|
227
227
|
|
|
228
228
|
let continueButton = await findByTestId('continue-button')
|
|
229
229
|
await fireEvent.click(continueButton)
|
|
230
|
-
expect(emitted().indexChanged[1]).toEqual(
|
|
230
|
+
expect(emitted().indexChanged[1][0]).toEqual(3);
|
|
231
231
|
await updateProps({currentStep: 3})
|
|
232
232
|
|
|
233
233
|
let activeStepTitle = await findByTestId('vcWizard-step-title')
|
|
@@ -237,7 +237,7 @@ describe("VcWizard.vue", () => {
|
|
|
237
237
|
|
|
238
238
|
const backButton = getByTestId("vcWizard-wizard-back-button")
|
|
239
239
|
await userEvent.click(backButton);
|
|
240
|
-
expect(emitted().indexChanged[2]).toEqual(
|
|
240
|
+
expect(emitted().indexChanged[2][0]).toEqual(2);
|
|
241
241
|
await updateProps({currentStep: 2})
|
|
242
242
|
|
|
243
243
|
const textInput = await findByTestId('text-input')
|
|
@@ -246,7 +246,7 @@ describe("VcWizard.vue", () => {
|
|
|
246
246
|
continueButton = await findByTestId('continue-button')
|
|
247
247
|
await fireEvent.click(continueButton)
|
|
248
248
|
await updateProps({currentStep: 3})
|
|
249
|
-
expect(emitted().indexChanged[3]).toEqual(
|
|
249
|
+
expect(emitted().indexChanged[3][0]).toEqual(3);
|
|
250
250
|
|
|
251
251
|
activeStepTitle = await findByTestId('vcWizard-step-title')
|
|
252
252
|
activeStepDescription = await findByTestId('vcWizard-step-description')
|
|
@@ -92,7 +92,7 @@ export default {
|
|
|
92
92
|
this.hasError = false;
|
|
93
93
|
this.wizardStepsData[this.currentStepComputed] = undefined
|
|
94
94
|
this.$set(this.wizardStepsData, this.currentStepComputed, undefined);
|
|
95
|
-
this.$emit('indexChanged', this.currentStepComputed - 1);
|
|
95
|
+
this.$emit('indexChanged', this.currentStepComputed - 1, 'back');
|
|
96
96
|
},
|
|
97
97
|
handleSubmit(data) {
|
|
98
98
|
const stepData = data.stepData || {}
|
|
@@ -104,7 +104,7 @@ export default {
|
|
|
104
104
|
},
|
|
105
105
|
goForwardOneStep() {
|
|
106
106
|
if(this.currentStepComputed < this.wizardSteps.length) {
|
|
107
|
-
this.$emit('indexChanged', this.currentStepComputed + 1);
|
|
107
|
+
this.$emit('indexChanged', this.currentStepComputed + 1, 'next');
|
|
108
108
|
} else {
|
|
109
109
|
this.$emit('submit', this.wizardData)
|
|
110
110
|
}
|
package/dist/index-5b9d1dd6.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
'use strict';var entry=require('./entry-54c66667.js');require('vuetify/lib');exports.Todos=entry.aR;exports.VcAccordion=entry.ak;exports.VcAccountMenu=entry.aF;exports.VcActionBar=entry.al;exports.VcActionList=entry.h;exports.VcActions=entry.i;exports.VcAlert=entry.d;exports.VcAvatar=entry.H;exports.VcBadge=entry.Z;exports.VcBanner=entry.U;exports.VcBaseListItem=entry.v;exports.VcBottomActions=entry.g;exports.VcBottomNav=entry.ap;exports.VcBottomSheet=entry.o;exports.VcBreadcrumbs=entry.ae;exports.VcButton=entry.x;exports.VcButtonGroup=entry.y;exports.VcCard=entry.L;exports.VcCheckbox=entry.M;exports.VcChecklistItem=entry.m;exports.VcChip=entry.s;exports.VcChipList=entry.t;exports.VcClientItem=entry.au;exports.VcColorPicker=entry.aj;exports.VcColumnHeader=entry.aI;exports.VcConfirmModal=entry._;exports.VcDataTable=entry.aJ;exports.VcDetailItem=entry.av;exports.VcDivider=entry.aP;exports.VcDocItem=entry.a5;exports.VcDraggableList=entry.a8;exports.VcDropdown=entry.ah;exports.VcDropzone=entry.a1;exports.VcEmptyState=entry.S;exports.VcEntityList=entry.am;exports.VcEntityStatus=entry.ay;exports.VcExpansionCard=entry.F;exports.VcFilterPanel=entry.N;exports.VcFocusArea=entry.O;exports.VcForm=entry.z;exports.VcGallery=entry.aO;exports.VcGalleryItem=entry.ac;exports.VcGalleryList=entry.ad;exports.VcGroupHeader=entry.R;exports.VcGroupedItems=entry.ai;exports.VcIcon=entry.A;exports.VcIconWithTooltip=entry.f;exports.VcImage=entry.Y;exports.VcInfiniteScroll=entry.an;exports.VcInputBottomSheet=entry.p;exports.VcInputModal=entry.a;exports.VcInputPopover=entry.r;exports.VcLayout=entry.B;exports.VcLink=entry.P;exports.VcList=entry.w;exports.VcListEntity=entry.E;exports.VcListItem=entry.Q;exports.VcListbox=entry.n;exports.VcLoader=entry.C;exports.VcMenu=entry.ag;exports.VcMenuItem=entry.ao;exports.VcMenuItemsGroup=entry.ar;exports.VcMiniBanner=entry.ab;exports.VcMobileWizardProgress=entry.k;exports.VcModalContainer=entry.a0;exports.VcModalFooter=entry.V;exports.VcModalHeader=entry.c;exports.VcNoticeModal=entry.b;exports.VcOverlay=entry.aH;exports.VcPageHeader=entry.af;exports.VcPopover=entry.q;exports.VcPoweredBy=entry.at;exports.VcPreview=entry.aN;exports.VcProfileIndication=entry.as;exports.VcProgressCircular=entry.l;exports.VcQuickActions=entry.aD;exports.VcRadio=entry.a3;exports.VcRadioGroup=entry.a2;exports.VcSearchBar=entry.u;exports.VcSearchLayout=entry.aG;exports.VcSearchPicker=entry.a7;exports.VcSegmentedControl=entry.a4;exports.VcSelectField=entry.J;exports.VcServiceItem=entry.az;exports.VcSideNav=entry.aa;exports.VcSidepaneHeader=entry.aA;exports.VcSkeleton=entry.aQ;exports.VcStepsBar=entry.j;exports.VcSummary=entry.aB;exports.VcSvg=entry.T;exports.VcSwitch=entry.D;exports.VcSystemAlert=entry.aC;exports.VcTableActionBar=entry.aK;exports.VcTableFooter=entry.aL;exports.VcTableItem=entry.aM;exports.VcTabs=entry.a9;exports.VcTextArea=entry.I;exports.VcTextField=entry.G;exports.VcTimeSince=entry.a6;exports.VcTimeline=entry.aw;exports.VcTimelineRecord=entry.ax;exports.VcToast=entry.K;exports.VcTooltip=entry.e;exports.VcTopMenuBar=entry.aq;exports.VcUpsellBlock=entry.$;exports.VcWideTopMenuBar=entry.aE;exports.VcWizard=entry.X;exports.VcWizardCtaContainer=entry.W;
|
package/dist/index-9f49fc41.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export { aR as Todos, ak as VcAccordion, aF as VcAccountMenu, al as VcActionBar, h as VcActionList, i as VcActions, d as VcAlert, H as VcAvatar, Z as VcBadge, U as VcBanner, v as VcBaseListItem, g as VcBottomActions, ap as VcBottomNav, o as VcBottomSheet, ae as VcBreadcrumbs, x as VcButton, y as VcButtonGroup, L as VcCard, M as VcCheckbox, m as VcChecklistItem, s as VcChip, t as VcChipList, au as VcClientItem, aj as VcColorPicker, aI as VcColumnHeader, _ as VcConfirmModal, aJ as VcDataTable, av as VcDetailItem, aP as VcDivider, a5 as VcDocItem, a8 as VcDraggableList, ah as VcDropdown, a1 as VcDropzone, S as VcEmptyState, am as VcEntityList, ay as VcEntityStatus, F as VcExpansionCard, N as VcFilterPanel, O as VcFocusArea, z as VcForm, aO as VcGallery, ac as VcGalleryItem, ad as VcGalleryList, R as VcGroupHeader, ai as VcGroupedItems, A as VcIcon, f as VcIconWithTooltip, Y as VcImage, an as VcInfiniteScroll, p as VcInputBottomSheet, a as VcInputModal, r as VcInputPopover, B as VcLayout, P as VcLink, w as VcList, E as VcListEntity, Q as VcListItem, n as VcListbox, C as VcLoader, ag as VcMenu, ao as VcMenuItem, ar as VcMenuItemsGroup, ab as VcMiniBanner, k as VcMobileWizardProgress, a0 as VcModalContainer, V as VcModalFooter, c as VcModalHeader, b as VcNoticeModal, aH as VcOverlay, af as VcPageHeader, q as VcPopover, at as VcPoweredBy, aN as VcPreview, as as VcProfileIndication, l as VcProgressCircular, aD as VcQuickActions, a3 as VcRadio, a2 as VcRadioGroup, u as VcSearchBar, aG as VcSearchLayout, a7 as VcSearchPicker, a4 as VcSegmentedControl, J as VcSelectField, az as VcServiceItem, aa as VcSideNav, aA as VcSidepaneHeader, aQ as VcSkeleton, j as VcStepsBar, aB as VcSummary, T as VcSvg, D as VcSwitch, aC as VcSystemAlert, aK as VcTableActionBar, aL as VcTableFooter, aM as VcTableItem, a9 as VcTabs, I as VcTextArea, G as VcTextField, a6 as VcTimeSince, aw as VcTimeline, ax as VcTimelineRecord, K as VcToast, e as VcTooltip, aq as VcTopMenuBar, $ as VcUpsellBlock, aE as VcWideTopMenuBar, X as VcWizard, W as VcWizardCtaContainer } from './entry-eccabfcc.js';
|
|
2
|
-
import 'vuetify/lib';
|