@pocketprep/ui-kit 3.9.9 → 3.9.11
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 +2502 -2453
- package/dist/@pocketprep/ui-kit.js.map +1 -1
- package/dist/@pocketprep/ui-kit.umd.cjs +8 -8
- package/dist/@pocketprep/ui-kit.umd.cjs.map +1 -1
- package/lib/components/Icons/Icon.vue +2 -0
- package/lib/components/Icons/IconThumbsUpOutline.vue +22 -0
- package/lib/components/Icons/icon.d.ts +1 -0
- package/lib/components/Quiz/Question/Summary.vue +13 -1
- package/lib/components/Quiz/Question.vue +6 -1
- package/package.json +1 -1
|
@@ -77,6 +77,7 @@ import IconStar from './IconStar.vue'
|
|
|
77
77
|
import IconRecommendedFilter from './IconRecommendedFilter.vue'
|
|
78
78
|
import IconTutorChat from './IconTutorChat.vue'
|
|
79
79
|
import IconMinimize from './IconMinimize.vue'
|
|
80
|
+
import IconThumbsUpOutline from './IconThumbsUpOutline.vue'
|
|
80
81
|
|
|
81
82
|
withDefaults(defineProps<{
|
|
82
83
|
type?: TIconType
|
|
@@ -179,4 +180,5 @@ withDefaults(defineProps<{
|
|
|
179
180
|
<IconRecommendedFilter v-else-if="type === 'recommendedFilter'" :title="title" />
|
|
180
181
|
<IconTutorChat v-else-if="type === 'tutorChat'" :title="title" />
|
|
181
182
|
<IconMinimize v-else-if="type === 'minimize'" :title="title" />
|
|
183
|
+
<IconThumbsUpOutline v-else-if="type === 'thumbsUpOutline'" :title="title" />
|
|
182
184
|
</template>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
|
|
3
|
+
const { title } = defineProps<{
|
|
4
|
+
title: string
|
|
5
|
+
}>()
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<template>
|
|
9
|
+
<!-- eslint-disable -->
|
|
10
|
+
<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<title>{{ title }}</title>
|
|
12
|
+
<g clip-path="url(#clip0_8627_20781)">
|
|
13
|
+
<path d="M7.54914 0.283442C9.59035 0.40714 10.5832 2.33087 10.5833 4.1975C10.5833 5.11532 10.3895 5.74124 10.1478 6.24536C10.1159 6.31178 10.0801 6.37547 10.0472 6.43774H12.5042C12.6768 6.43781 13.003 6.46156 13.3724 6.55981C13.7402 6.65774 14.2008 6.8433 14.5902 7.19848C14.996 7.56898 15.2932 8.09708 15.346 8.79809C15.3874 9.34775 15.2742 9.97193 14.9974 10.6838C15.3546 11.0548 15.5642 11.5009 15.638 11.9895C15.7351 12.6336 15.5946 13.3015 15.3714 13.9094C14.9255 15.1235 14.0504 16.3533 13.3675 17.2053C12.5632 18.2088 11.3457 18.705 10.1214 18.7151C9.06601 18.7236 7.97343 18.7246 6.63996 18.6985C4.52005 18.6569 3.37913 18.1781 2.61457 17.6223C2.12793 17.2684 1.8434 16.7011 1.64289 16.1985C1.44233 15.6957 1.25583 15.0586 1.07844 14.5403C0.860934 13.9048 0.592462 12.6321 0.429998 11.4055C0.347961 10.7861 0.289689 10.156 0.280584 9.60375C0.272023 9.08376 0.303128 8.52566 0.466131 8.1184C0.746265 7.4189 1.343 6.84538 1.78742 6.48168C2.02121 6.2904 2.23979 6.13532 2.39973 6.02856C2.47975 5.97516 2.5466 5.93295 2.59406 5.90356C2.60641 5.89589 2.61753 5.888 2.62726 5.88207C4.5741 4.40482 5.27712 2.69798 5.51496 1.63207L5.5384 1.54907C5.73634 0.988515 6.14016 0.656078 6.52863 0.478755C6.90048 0.30922 7.28321 0.267403 7.54914 0.283442ZM7.46223 1.72094C7.39868 1.71711 7.25583 1.73032 7.12629 1.7893C7.0185 1.83854 6.94584 1.9062 6.90363 2.01293C6.58998 3.35729 5.71678 5.35899 3.47101 7.052L3.39973 7.09887L3.39094 7.10375C3.38289 7.10858 3.3692 7.11743 3.35187 7.12817C3.31679 7.1499 3.26426 7.1836 3.19953 7.2268C3.06831 7.3144 2.88877 7.44112 2.69953 7.59594C2.29713 7.92525 1.94185 8.3071 1.80305 8.65356C1.75671 8.76936 1.71261 9.07041 1.72101 9.58032C1.72891 10.0581 1.77993 10.6296 1.85773 11.217C2.01496 12.4039 2.268 13.5685 2.44074 14.0735C2.65356 14.6953 2.79512 15.1999 2.98078 15.6653C3.16647 16.1306 3.32708 16.3597 3.46125 16.4573C3.93857 16.8043 4.77602 17.2209 6.66828 17.2581C7.98416 17.2838 9.06254 17.2831 10.1097 17.2747C10.9645 17.2675 11.7474 16.9238 12.2435 16.3049C12.9039 15.4809 13.6573 14.4003 14.0198 13.4133C14.1369 13.0945 14.2016 12.8114 14.221 12.5676C14.3899 11.256 13.6054 10.8116 13.6048 10.4631C13.6049 10.1806 13.7196 10.0862 13.805 9.71313C13.8995 9.37083 13.9245 9.10675 13.9095 8.90649C13.8852 8.58404 13.7633 8.39331 13.6195 8.26196C13.4591 8.11565 13.2366 8.01408 13.0013 7.95141C12.769 7.88967 12.5696 7.87826 12.5042 7.87817H9.03058C8.50732 7.87813 8.06728 7.36387 8.25812 6.80297L8.32844 6.6184C8.40266 6.44096 8.48773 6.28333 8.56476 6.14575C8.6744 5.94995 8.76279 5.80192 8.84894 5.62231C9.00388 5.29921 9.14288 4.88523 9.14289 4.1975C9.1428 2.68383 8.39327 1.77756 7.46223 1.72094Z" fill="currentColor"/>
|
|
14
|
+
</g>
|
|
15
|
+
<defs>
|
|
16
|
+
<clipPath id="clip0_8627_20781">
|
|
17
|
+
<rect width="16" height="19" fill="currentColor"/>
|
|
18
|
+
</clipPath>
|
|
19
|
+
</defs>
|
|
20
|
+
</svg>
|
|
21
|
+
<!-- eslint-enable -->
|
|
22
|
+
</template>
|
|
@@ -52,6 +52,8 @@
|
|
|
52
52
|
isMPMCQuestion && reviewMode,
|
|
53
53
|
'uikit-question-summary__summary-dropdown-explanation--build-list-question-review-mode':
|
|
54
54
|
isBuildListQuestion && reviewMode,
|
|
55
|
+
'uikit-question-summary__summary-dropdown-explanation--tei-showing-right-side-bar':
|
|
56
|
+
(isBuildListQuestion || isMatrixQuestion || isMPMCQuestion) && showRightSideBar
|
|
55
57
|
}"
|
|
56
58
|
>
|
|
57
59
|
<slot name="explanationTopExperiment"></slot>
|
|
@@ -104,6 +106,13 @@
|
|
|
104
106
|
tabindex="-1"
|
|
105
107
|
v-html="explanationImageLongAlt"
|
|
106
108
|
/>
|
|
109
|
+
<div
|
|
110
|
+
v-if="showTutorChatExplanationPrompts"
|
|
111
|
+
v-dark="isDarkMode"
|
|
112
|
+
class="uikit-question-summary__tutor-chat-prompts"
|
|
113
|
+
>
|
|
114
|
+
<slot name="tutorChatExplanationPrompts" />
|
|
115
|
+
</div>
|
|
107
116
|
<div
|
|
108
117
|
v-if="reference && !hideReferences"
|
|
109
118
|
v-dark="isDarkMode"
|
|
@@ -166,6 +175,8 @@ const {
|
|
|
166
175
|
isBuildListQuestion,
|
|
167
176
|
breakpointsWithEl,
|
|
168
177
|
keywordDefinitions,
|
|
178
|
+
showTutorChatExplanationPrompts,
|
|
179
|
+
showRightSideBar,
|
|
169
180
|
} = useQuestionContext()
|
|
170
181
|
|
|
171
182
|
const isQuestionCorrect = computed(() => {
|
|
@@ -322,7 +333,8 @@ const toggleSummaryExplanationImageLongAlt = () => {
|
|
|
322
333
|
|
|
323
334
|
&--matrix-question-review-mode#{&}--tablet-landscape,
|
|
324
335
|
&--mpmc-question-review-mode#{&}--tablet-landscape,
|
|
325
|
-
&--build-list-question-review-mode#{&}--tablet-landscape
|
|
336
|
+
&--build-list-question-review-mode#{&}--tablet-landscape,
|
|
337
|
+
&--tei-showing-right-side-bar#{&}--tablet-landscape {
|
|
326
338
|
display: inline-block;
|
|
327
339
|
}
|
|
328
340
|
|
|
@@ -97,6 +97,7 @@
|
|
|
97
97
|
:class="{
|
|
98
98
|
'uikit-question__passage-and-image-dropdown--review-mode': reviewMode,
|
|
99
99
|
'uikit-question__passage-and-image-dropdown--build-list': isBuildListQuestion,
|
|
100
|
+
'uikit-question__passage-and-image-dropdown--right-side-bar-open': showRightSideBar,
|
|
100
101
|
|
|
101
102
|
}"
|
|
102
103
|
@togglePassageImageLongAltDropdown="togglePassageImageLongAlt"
|
|
@@ -311,6 +312,9 @@
|
|
|
311
312
|
<template #explanationBottomExperiment>
|
|
312
313
|
<slot name="explanationBottomExperiment" />
|
|
313
314
|
</template>
|
|
315
|
+
<template #tutorChatExplanationPrompts>
|
|
316
|
+
<slot name="tutorChatExplanationPrompts" />
|
|
317
|
+
</template>
|
|
314
318
|
</Summary>
|
|
315
319
|
<slot name="metricsTiles">
|
|
316
320
|
<StatsSummary
|
|
@@ -2113,7 +2117,8 @@ provide(InjectionKeys.showTutorChatExplanationPromptsKey, showTutorChatExplanati
|
|
|
2113
2117
|
}
|
|
2114
2118
|
|
|
2115
2119
|
&--tablet-portrait,
|
|
2116
|
-
&--review-mode
|
|
2120
|
+
&--review-mode,
|
|
2121
|
+
&--right-side-bar-open#{&}--tablet-landscape {
|
|
2117
2122
|
display: block;
|
|
2118
2123
|
}
|
|
2119
2124
|
|