@pocketprep/ui-kit 3.9.8 → 3.9.9
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/@pocketprep/ui-kit.css +1 -1
- package/dist/@pocketprep/ui-kit.js +7156 -7148
- package/dist/@pocketprep/ui-kit.js.map +1 -1
- package/dist/@pocketprep/ui-kit.umd.cjs +12 -12
- package/dist/@pocketprep/ui-kit.umd.cjs.map +1 -1
- package/lib/components/Quiz/Question/MatrixChoicesContainer.vue +7 -2
- package/lib/components/Quiz/Question/MobileMatrixChoicesContainer.vue +15 -2
- package/lib/components/Quiz/Question.vue +7 -0
- package/lib/components/Quiz/QuizContainer.vue +1 -0
- package/package.json +1 -1
|
@@ -214,6 +214,7 @@ const {
|
|
|
214
214
|
matrixAnswerKeys,
|
|
215
215
|
selectedMatrixChoices,
|
|
216
216
|
isTeachGroupReview,
|
|
217
|
+
showRightSideBar,
|
|
217
218
|
} = useQuestionContext()
|
|
218
219
|
|
|
219
220
|
const matrixCheckboxGrid = ref<boolean[][] | undefined>(undefined)
|
|
@@ -427,12 +428,16 @@ watch(matrixRadioGrid, () => {
|
|
|
427
428
|
}, { deep: true })
|
|
428
429
|
|
|
429
430
|
watch(selectedMatrixChoices, () => {
|
|
430
|
-
if (
|
|
431
|
+
if (
|
|
432
|
+
((reviewMode.value || showMatrixAnswers.value) || showRightSideBar)
|
|
433
|
+
&& question.value.type === 'Matrix Checkbox') {
|
|
431
434
|
const selectedCheckboxGrid = convertSelectedMatrixChoiceToCheckboxGrid()
|
|
432
435
|
matrixCheckboxGrid.value = selectedCheckboxGrid ? selectedCheckboxGrid : defaultCheckboxGrid.value
|
|
433
436
|
}
|
|
434
437
|
|
|
435
|
-
if (
|
|
438
|
+
if (
|
|
439
|
+
((reviewMode.value || showMatrixAnswers.value) || showRightSideBar)
|
|
440
|
+
&& question.value.type === 'Matrix Radio Button') {
|
|
436
441
|
const selectedRadioBtnGrid = convertSelectedMatrixChoiceToRadioBtnGrid()
|
|
437
442
|
matrixRadioGrid.value = selectedRadioBtnGrid
|
|
438
443
|
}
|
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
<div
|
|
3
3
|
v-dark="isDarkMode"
|
|
4
4
|
class="uikit-question-mobile-matrix-choices-container"
|
|
5
|
+
:class="{
|
|
6
|
+
'uikit-question-mobile-matrix-choices-container--is-showing-right-side-bar':
|
|
7
|
+
showRightSideBar,
|
|
8
|
+
}"
|
|
5
9
|
>
|
|
6
10
|
<div
|
|
7
11
|
class="uikit-question-mobile-matrix-choices-container__choices-container"
|
|
@@ -178,6 +182,7 @@ const {
|
|
|
178
182
|
showMatrixAnswers,
|
|
179
183
|
matrixAnswerKeys,
|
|
180
184
|
selectedMatrixChoices,
|
|
185
|
+
showRightSideBar,
|
|
181
186
|
} = useQuestionContext()
|
|
182
187
|
|
|
183
188
|
const matrixCheckboxGrid = ref<boolean[][] | undefined>(undefined)
|
|
@@ -520,12 +525,16 @@ watch(showMatrixAnswers, () => {
|
|
|
520
525
|
})
|
|
521
526
|
|
|
522
527
|
watch(selectedMatrixChoices, () => {
|
|
523
|
-
if (
|
|
528
|
+
if (
|
|
529
|
+
((reviewMode.value || showMatrixAnswers.value) || showRightSideBar)
|
|
530
|
+
&& question.value.type === 'Matrix Checkbox') {
|
|
524
531
|
const selectedCheckboxGrid = convertSelectedMatrixChoiceToCheckboxGrid()
|
|
525
532
|
matrixCheckboxGrid.value = selectedCheckboxGrid ? selectedCheckboxGrid : defaultCheckboxGrid.value
|
|
526
533
|
}
|
|
527
534
|
|
|
528
|
-
if (
|
|
535
|
+
if (
|
|
536
|
+
((reviewMode.value || showMatrixAnswers.value) || showRightSideBar)
|
|
537
|
+
&& question.value.type === 'Matrix Radio Button') {
|
|
529
538
|
const selectedRadioBtnGrid = convertSelectedMatrixChoiceToRadioBtnGrid()
|
|
530
539
|
matrixRadioGrid.value = selectedRadioBtnGrid
|
|
531
540
|
}
|
|
@@ -544,6 +553,10 @@ watch(selectedMatrixChoices, () => {
|
|
|
544
553
|
display: none
|
|
545
554
|
}
|
|
546
555
|
|
|
556
|
+
&--is-showing-right-side-bar#{&}--tablet-portrait {
|
|
557
|
+
display: block;
|
|
558
|
+
}
|
|
559
|
+
|
|
547
560
|
&__choices-container {
|
|
548
561
|
cursor: pointer;
|
|
549
562
|
position: relative;
|
|
@@ -220,6 +220,9 @@
|
|
|
220
220
|
<MatrixChoicesContainer
|
|
221
221
|
v-if="question.type === 'Matrix Checkbox' || question.type === 'Matrix Radio Button'"
|
|
222
222
|
class="uikit-question__matrix-choices-container"
|
|
223
|
+
:class="{
|
|
224
|
+
'uikit-question__matrix-choices-container--right-side-bar-open': showRightSideBar,
|
|
225
|
+
}"
|
|
223
226
|
ref="uikit-question__matrix-choices-container"
|
|
224
227
|
v-breakpoint="breakpointsWithEl"
|
|
225
228
|
@emitSelectedMatrixChoice="selectMatrixChoice"
|
|
@@ -2284,6 +2287,10 @@ provide(InjectionKeys.showTutorChatExplanationPromptsKey, showTutorChatExplanati
|
|
|
2284
2287
|
&__matrix-choices-container {
|
|
2285
2288
|
display: block;
|
|
2286
2289
|
|
|
2290
|
+
&--right-side-bar-open#{&}--tablet-portrait {
|
|
2291
|
+
display: none;
|
|
2292
|
+
}
|
|
2293
|
+
|
|
2287
2294
|
@include breakpoint(black-bear) {
|
|
2288
2295
|
display: none;
|
|
2289
2296
|
}
|