@pocketprep/ui-kit 3.4.68 → 3.4.70

package/dist/@pocketprep/ui-kit.js

@@ -2,7 +2,7 @@ var i1 = Object.defineProperty;
 var o1 = (e, i, s) => i in e ? i1(e, i, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[i] = s;
 var P = (e, i, s) => (o1(e, typeof i != "symbol" ? i + "" : i, s), s);
 import { Prop as H, Component as Me, Vue as be, Emit as De, Watch as Xe } from "vue-facing-decorator";
-import { resolveDirective as Re, withDirectives as ne, openBlock as N, createElementBlock as V, renderSlot as ke, createElementVNode as oe, createTextVNode as xe, toDisplayString as me, pushScopeId as s1, popScopeId as n1, withKeys as ze, withModifiers as Ie, normalizeClass as ve, normalizeStyle as Ve, vModelText as fn, createStaticVNode as tt, resolveComponent as ge, createBlock as ye, createCommentVNode as Le, createVNode as Pe, defineComponent as Ys, unref as gi, Fragment as Ke, renderList as et, withCtx as Te, vShow as An, mergeModels as Cn, useModel as mn } from "vue";
+import { resolveDirective as Re, withDirectives as ne, openBlock as N, createElementBlock as V, renderSlot as ke, createElementVNode as oe, createTextVNode as xe, toDisplayString as me, pushScopeId as s1, popScopeId as n1, withKeys as Fe, withModifiers as Ie, normalizeClass as ve, normalizeStyle as Ve, vModelText as fn, createStaticVNode as tt, resolveComponent as ge, createBlock as ye, createCommentVNode as Le, createVNode as Pe, defineComponent as Ys, unref as gi, Fragment as Ke, renderList as et, withCtx as Te, vShow as An, mergeModels as Cn, useModel as mn } from "vue";
 import r1 from "litepicker";
 const a1 = "1439", l1 = "1279", h1 = "1023", d1 = "767", c1 = "374", u1 = "319", p1 = "#fff", g1 = "#30485a", f1 = "#fff9ef", A1 = "#fbfbfd", C1 = "#f4f5f9", m1 = "#edeef3", v1 = "#dfe3e7", w1 = "#bce6dc", y1 = "#88a3b6", M1 = "#708a9d", b1 = "#587183", L1 = "#475967", k1 = "#1f3545", E1 = "#0064ff", D1 = "#cfe1ff", B1 = "#056c50", I1 = "#14ca9e", x1 = "#00b584", P1 = "#c7f2e8", G1 = "#e7f9f5", Q1 = "#e52525", R1 = "#ff6363", O1 = "#ff6e87", Y1 = "#ffcdcd", S1 = "#ffefef", T1 = "#a67214", j1 = "#ffbd47", H1 = "#c78e27", F1 = "#ffe4b6", z1 = "#fff2d9", N1 = "#fff6e5", Z1 = "#9906a8", J1 = "#d819eb", W1 = "#ef51ff", U1 = "#fef1ff", q1 = "#a7c7ff", K1 = "#6e4700", X1 = "#049875", V1 = "#008263", _1 = "#ff4747", $1 = "#d00", ea = "#ad00eb", ta = "#ad00eb", ia = "#c238f3", oa = "#ffce74", sa = "#293e4e", na = "#1c2f3c", ra = "#0f1d28", aa = "#2e80ff", la = "#064fc1", ha = "#00664a", da = "#ff889d", ca = "#edeef3", ua = "#dfe3e7", pa = "#587183", ga = "#475967", fa = "#1c2f3c", Aa = "#182a36", Ca = "#0f1d28", ma = "#03101b", va = "#eef5ff", wa = "#2e80ff", ya = "#043580", Ma = "#005AE5", ba = "#ffedcb", La = "#ffa400", ka = "#fef1ff", Ea = "#d96dff", Da = "#d10fe5", Ba = "#ad00eb", Ia = "#9906a8", xa = "#ffefef", Pa = "#ffcdcd", Ga = "#ff4747", Qa = "#d00", Ra = "#edfbf8", Oa = "#14ca9e", Ya = "#00b584", Sa = "#00a87a", Ta = "#00654a", ja = "#ff5e3e", Ha = "#ff7d63", Fa = "#ce8500", Ye = {
   polarBear: a1,
@@ -377,7 +377,7 @@ const pi = (e, i, s) => {
     o.forEach((t) => {
       t.includes("--dark") && e.classList.remove(t);
     });
-}, BC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, IC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   breakpoint: Mt,
   dark: Se,
@@ -9342,8 +9342,8 @@ function Pl(e, i, s, o, t, n) {
   return N(), V("div", {
     class: "uikit-segment-control",
     tabindex: "0",
-    onKeyup: i[2] || (i[2] = ze((...r) => e.toggleOption && e.toggleOption(...r), ["enter"])),
-    onKeydown: i[3] || (i[3] = ze(Ie((...r) => e.toggleOption && e.toggleOption(...r), ["prevent"]), ["space"])),
+    onKeyup: i[2] || (i[2] = Fe((...r) => e.toggleOption && e.toggleOption(...r), ["enter"])),
+    onKeydown: i[3] || (i[3] = Fe(Ie((...r) => e.toggleOption && e.toggleOption(...r), ["prevent"]), ["space"])),
     onMousedown: i[4] || (i[4] = Ie(() => {
     }, ["prevent"]))
   }, [
@@ -9410,8 +9410,8 @@ function Yl(e, i, s, o, t, n) {
     role: "checkbox",
     "aria-checked": e.modelValue,
     onKeydown: [
-      i[0] || (i[0] = ze((R) => !e.disabled && e.toggleOption(), ["enter"])),
-      i[1] || (i[1] = ze(Ie((R) => !e.disabled && e.toggleOption(), ["prevent"]), ["space"]))
+      i[0] || (i[0] = Fe((R) => !e.disabled && e.toggleOption(), ["enter"])),
+      i[1] || (i[1] = Fe(Ie((R) => !e.disabled && e.toggleOption(), ["prevent"]), ["space"]))
     ],
     onMousedown: i[2] || (i[2] = Ie(() => {
     }, ["prevent"])),
@@ -12752,8 +12752,8 @@ function z3(e, i, s, o, t, n) {
     role: "checkbox",
     "aria-hidden": e.hasLabel,
     onKeypress: [
-      i[0] || (i[0] = ze(Ie((D) => !e.disabled && e.toggleCheckbox(), ["prevent"]), ["enter"])),
-      i[1] || (i[1] = ze(Ie((D) => !e.disabled && e.toggleCheckbox(), ["prevent"]), ["space"]))
+      i[0] || (i[0] = Fe(Ie((D) => !e.disabled && e.toggleCheckbox(), ["prevent"]), ["enter"])),
+      i[1] || (i[1] = Fe(Ie((D) => !e.disabled && e.toggleCheckbox(), ["prevent"]), ["space"]))
     ],
     onClick: i[2] || (i[2] = (D) => !e.disabled && e.toggleCheckbox()),
     onFocus: i[3] || (i[3] = (D) => e.focus = !0),
@@ -12840,7 +12840,7 @@ function U3(e, i, s, o, t, n) {
     role: "checkbox",
     "aria-checked": e.modelValue === !0 ? !0 : e.modelValue === null ? "mixed" : !1,
     onClick: i[0] || (i[0] = (D) => e.emitUpdateModelValue(!e.modelValue)),
-    onKeydown: i[1] || (i[1] = ze((D) => e.emitUpdateModelValue(!e.modelValue), ["enter"])),
+    onKeydown: i[1] || (i[1] = Fe((D) => e.emitUpdateModelValue(!e.modelValue), ["enter"])),
     onMousedown: i[2] || (i[2] = Ie(() => {
     }, ["prevent"]))
   }, [
@@ -13062,7 +13062,7 @@ function a7(e, i, s, o, t, n) {
         "aria-checked": e.modelValue && D.value === e.modelValue.value,
         "aria-label": `${D.label}${D.helperText ? ` ${D.helperText}` : ""}`,
         onClick: (Y) => !(e.disabled || D.disabled) && e.selectItem(D),
-        onKeydown: i[0] || (i[0] = ze((...Y) => e.keyPressedItem && e.keyPressedItem(...Y), ["enter", "space"])),
+        onKeydown: i[0] || (i[0] = Fe((...Y) => e.keyPressedItem && e.keyPressedItem(...Y), ["enter", "space"])),
         onMousedown: i[1] || (i[1] = Ie(() => {
         }, ["prevent"]))
       }, [
@@ -13425,7 +13425,7 @@ function v7(e, i, s, o, t, n) {
       role: "button",
       type: "tertiary",
       tabindex: "0",
-      onKeypress: i[0] || (i[0] = ze(() => e.showFilterDropdown = !e.showFilterDropdown, ["enter"])),
+      onKeypress: i[0] || (i[0] = Fe(() => e.showFilterDropdown = !e.showFilterDropdown, ["enter"])),
       onClick: i[1] || (i[1] = () => e.showFilterDropdown = !e.showFilterDropdown)
     }, {
       default: Te(() => [
@@ -13511,7 +13511,7 @@ function L7(e, i, s, o, t, n) {
     class: ve(["uikit-tab", { "uikit-tab--disabled": e.disabled, "uikit-tab--active": e.active }]),
     tabindex: e.disabled ? -1 : 0,
     onClick: i[0] || (i[0] = (...R) => e.emitClick && e.emitClick(...R)),
-    onKeydown: i[1] || (i[1] = ze((...R) => e.emitClick && e.emitClick(...R), ["enter"])),
+    onKeydown: i[1] || (i[1] = Fe((...R) => e.emitClick && e.emitClick(...R), ["enter"])),
     onMousedown: i[2] || (i[2] = Ie(() => {
     }, ["prevent"]))
   }, [
@@ -14040,8 +14040,8 @@ function F7(e, i, s, o, t, n) {
         onMousedown: i[4] || (i[4] = Ie(() => {
         }, ["prevent"])),
         onClick: i[5] || (i[5] = (D) => e.showPassword = !e.showPassword),
-        onKeyup: i[6] || (i[6] = ze((D) => e.showPassword = !e.showPassword, ["enter"])),
-        onKeydown: i[7] || (i[7] = ze(Ie(() => {
+        onKeyup: i[6] || (i[6] = Fe((D) => e.showPassword = !e.showPassword, ["enter"])),
+        onKeydown: i[7] || (i[7] = Fe(Ie(() => {
         }, ["stop"]), ["enter"]))
       }, [
         Pe(r, {
@@ -14779,7 +14779,7 @@ function Hc(e, i, s, o, t, n) {
                           "aria-label": !e.currentSort.column || e.currentSort.column.propName !== Y.propName || e.currentSort.direction === 0 ? `${Y.name || Y.propName} (sortable)` : e.currentSort.direction === -1 ? `${Y.name || Y.propName} (sorted ascending)` : `${Y.name || Y.propName} (sorted descending)`,
                           tabindex: Y.isSortDisabled ? -1 : 0,
                           onClick: (z) => e.columnLabelClicked(Y),
-                          onKeydown: ze((z) => e.columnLabelClicked(Y), ["enter"]),
+                          onKeydown: Fe((z) => e.columnLabelClicked(Y), ["enter"]),
                           onMousedown: i[0] || (i[0] = Ie(() => {
                           }, ["prevent"]))
                         }, [
@@ -14833,7 +14833,7 @@ function Hc(e, i, s, o, t, n) {
                       ...Y.styles
                     }),
                     onClick: (z) => e.emitRowClicked(Y),
-                    onKeydown: ze((z) => e.emitRowClicked(Y), ["enter"]),
+                    onKeydown: Fe((z) => e.emitRowClicked(Y), ["enter"]),
                     onMouseenter: (z) => e.emitRowEnter(Y),
                     onMouseleave: (z) => e.emitRowLeave(Y)
                   }, [
@@ -14882,7 +14882,7 @@ function Hc(e, i, s, o, t, n) {
                         ...z.styles
                       }),
                       onClick: (E) => e.emitRowClicked(z),
-                      onKeydown: ze((E) => e.emitRowClicked(z), ["enter"]),
+                      onKeydown: Fe((E) => e.emitRowClicked(z), ["enter"]),
                       onMouseenter: (E) => e.emitRowEnter(z),
                       onMouseleave: (E) => e.emitRowLeave(z)
                     }, [
@@ -15011,7 +15011,7 @@ function Uc(e, i, s, o, t, n) {
       }]),
       tabindex: "0",
       onClick: (Y) => e.actionClicked(D),
-      onKeyup: ze((Y) => e.actionClicked(D), ["enter"]),
+      onKeyup: Fe((Y) => e.actionClicked(D), ["enter"]),
       onKeydown: (Y) => e.scrollActionMenu(D, Y),
       onBlur: i[0] || (i[0] = (Y) => e.visibleMenuActionId = ""),
       onMouseout: i[1] || (i[1] = (Y) => e.hoveringMenuActionId = null),
@@ -15040,7 +15040,7 @@ function Uc(e, i, s, o, t, n) {
           class: "uikit-table-actions__action-menu-option",
           tabindex: "0",
           onMousedown: Ie((z) => e.actionClicked(Y), ["prevent", "stop"]),
-          onKeyup: ze(Ie((z) => e.actionClicked(Y), ["prevent", "stop"]), ["enter"]),
+          onKeyup: Fe(Ie((z) => e.actionClicked(Y), ["prevent", "stop"]), ["enter"]),
           onKeydown: (z) => e.scrollActionMenu(D, z)
         }, me(Y.text), 41, Wc))), 128))
       ])) : Le("", !0)
@@ -15124,7 +15124,7 @@ function o6(e, i, s, o, t, n) {
       tabindex: e.currentPage === 0 ? -1 : 0,
       "aria-label": "First Page",
       "aria-disabled": e.currentPage === 0,
-      onKeydown: i[0] || (i[0] = ze((D) => e.changePage("previous"), ["enter"])),
+      onKeydown: i[0] || (i[0] = Fe((D) => e.changePage("previous"), ["enter"])),
       onClick: i[1] || (i[1] = (D) => e.changePage("first")),
       onMousedown: i[2] || (i[2] = Ie(() => {
       }, ["prevent"]))
@@ -15138,7 +15138,7 @@ function o6(e, i, s, o, t, n) {
       tabindex: e.currentPage === 0 ? -1 : 0,
       "aria-label": "Previous",
       "aria-disabled": e.currentPage === 0,
-      onKeydown: i[3] || (i[3] = ze((D) => e.changePage("previous"), ["enter"])),
+      onKeydown: i[3] || (i[3] = Fe((D) => e.changePage("previous"), ["enter"])),
       onClick: i[4] || (i[4] = (D) => e.changePage("previous")),
       onMousedown: i[5] || (i[5] = Ie(() => {
       }, ["prevent"]))
@@ -15152,7 +15152,7 @@ function o6(e, i, s, o, t, n) {
       tabindex: e.nextPageDisabled ? -1 : 0,
       "aria-label": "Next",
       "aria-disabled": e.nextPageDisabled,
-      onKeydown: i[6] || (i[6] = ze((D) => e.changePage("next"), ["enter"])),
+      onKeydown: i[6] || (i[6] = Fe((D) => e.changePage("next"), ["enter"])),
       onClick: i[7] || (i[7] = (D) => e.changePage("next")),
       onMousedown: i[8] || (i[8] = Ie(() => {
       }, ["prevent"]))
@@ -15167,7 +15167,7 @@ function o6(e, i, s, o, t, n) {
       tabindex: e.currentPage === 0 ? -1 : 0,
       "aria-label": "First Page",
       "aria-disabled": e.currentPage === 0,
-      onKeydown: i[9] || (i[9] = ze((D) => e.changePage("previous"), ["enter"])),
+      onKeydown: i[9] || (i[9] = Fe((D) => e.changePage("previous"), ["enter"])),
       onClick: i[10] || (i[10] = (D) => e.changePage("last")),
       onMousedown: i[11] || (i[11] = Ie(() => {
       }, ["prevent"]))
@@ -15227,7 +15227,7 @@ function c6(e, i, s, o, t, n) {
       type: "paginationArrow",
       "aria-label": "Previous question",
       "aria-disabled": e.currentPage === 0,
-      onKeydown: i[0] || (i[0] = ze((R) => e.changePage("previous"), ["enter"])),
+      onKeydown: i[0] || (i[0] = Fe((R) => e.changePage("previous"), ["enter"])),
       onClick: i[1] || (i[1] = (R) => e.changePage("previous"))
     }, [
       Pe(r, {
@@ -15247,7 +15247,7 @@ function c6(e, i, s, o, t, n) {
       type: "paginationArrow",
       "aria-label": "Next question",
       "aria-disabled": e.nextPageDisabled,
-      onKeydown: i[2] || (i[2] = ze((R) => e.changePage("next"), ["enter"])),
+      onKeydown: i[2] || (i[2] = Fe((R) => e.changePage("next"), ["enter"])),
       onClick: i[3] || (i[3] = (R) => e.changePage("next"))
     }, [
       Pe(r, {
@@ -15465,7 +15465,7 @@ function B6(e, i, s, o, t, n) {
     class: ve(["uikit-pill", { "uikit-pill--show-close": e.showClose }]),
     tabindex: e.showClose ? 0 : -1,
     onClick: i[0] || (i[0] = (D) => e.showClose && e.emitClick(D)),
-    onKeydown: i[1] || (i[1] = ze((D) => e.showClose && e.emitClick(D), ["enter"])),
+    onKeydown: i[1] || (i[1] = Fe((D) => e.showClose && e.emitClick(D), ["enter"])),
     onMousedown: i[2] || (i[2] = Ie(() => {
     }, ["prevent"]))
   }, [
@@ -15607,7 +15607,7 @@ function r9(e, i, s, o, t, n) {
       onMousedown: i[0] || (i[0] = Ie(() => {
       }, ["prevent"])),
       onClick: i[1] || (i[1] = (...D) => e.emitClose && e.emitClose(...D)),
-      onKeydown: i[2] || (i[2] = ze((...D) => e.emitClose && e.emitClose(...D), ["enter"]))
+      onKeydown: i[2] || (i[2] = Fe((...D) => e.emitClose && e.emitClose(...D), ["enter"]))
     }, [
       Pe(r, { title: "close" })
     ], 36)), [
@@ -15715,8 +15715,8 @@ function h9(e, i, s, o, t, n) {
     "aria-modal": "true",
     tabindex: "-1",
     onKeydown: [
-      i[2] || (i[2] = ze(Ie((...D) => e.emitClose && e.emitClose(...D), ["self"]), ["esc"])),
-      i[3] || (i[3] = ze(Ie((...D) => e.emitClose && e.emitClose(...D), ["self"]), ["enter"])),
+      i[2] || (i[2] = Fe(Ie((...D) => e.emitClose && e.emitClose(...D), ["self"]), ["esc"])),
+      i[3] || (i[3] = Fe(Ie((...D) => e.emitClose && e.emitClose(...D), ["self"]), ["enter"])),
       i[4] || (i[4] = (...D) => e.keydownListener && e.keydownListener(...D))
     ]
   }, [
@@ -16099,7 +16099,7 @@ function R9(e, i, s, o, t, n) {
     }]),
     tabindex: e.showCancelButton ? -1 : 0,
     onClick: i[2] || (i[2] = (...z) => e.emitSelect && e.emitSelect(...z)),
-    onKeypress: i[3] || (i[3] = ze(Ie((...z) => e.emitSelect && e.emitSelect(...z), ["prevent"]), ["enter"])),
+    onKeypress: i[3] || (i[3] = Fe(Ie((...z) => e.emitSelect && e.emitSelect(...z), ["prevent"]), ["enter"])),
     onMousedown: i[4] || (i[4] = Ie(() => {
     }, ["prevent"]))
   }, [
@@ -16109,7 +16109,7 @@ function R9(e, i, s, o, t, n) {
       tabindex: "0",
       "aria-label": "Clear exam selection",
       onClick: i[0] || (i[0] = (...z) => e.emitCancel && e.emitCancel(...z)),
-      onKeypress: i[1] || (i[1] = ze(Ie((...z) => e.emitCancel && e.emitCancel(...z), ["prevent"]), ["enter"]))
+      onKeypress: i[1] || (i[1] = Fe(Ie((...z) => e.emitCancel && e.emitCancel(...z), ["prevent"]), ["enter"]))
     }, [
       Pe(r, { type: "close" })
     ], 32)) : Le("", !0),
@@ -16240,7 +16240,7 @@ function j9(e, i, s, o, t, n) {
       onFocus: (z) => e.hoverBundleId = Y.objectId,
       onBlur: i[1] || (i[1] = (z) => e.hoverBundleId = null),
       onClick: (z) => e.selectBundle(Y),
-      onKeypress: ze((z) => e.selectBundle(Y), ["enter"]),
+      onKeypress: Fe((z) => e.selectBundle(Y), ["enter"]),
       onMousedown: i[2] || (i[2] = Ie(() => {
       }, ["prevent"]))
     }, [
@@ -17748,7 +17748,7 @@ function pp(e, i, s, o, t, n) {
       role: "button",
       "aria-expanded": e.showPassageImageDropdown ? "true" : "false",
       onClick: i[0] || (i[0] = Ie((z) => e.showPassageImageDropdown = !e.showPassageImageDropdown, ["stop"])),
-      onKeydown: i[1] || (i[1] = ze(Ie((z) => e.showPassageImageDropdown = !e.showPassageImageDropdown, ["stop"]), ["enter"])),
+      onKeydown: i[1] || (i[1] = Fe(Ie((z) => e.showPassageImageDropdown = !e.showPassageImageDropdown, ["stop"]), ["enter"])),
       onMousedown: i[2] || (i[2] = Ie(() => {
       }, ["prevent"]))
     }, [
@@ -17911,7 +17911,7 @@ const gp = /* @__PURE__ */ Ce(It, [["render", pp]]), _r = {
     `$1<span class="keyword-highlight${e.isDarkMode ? " keyword-highlight--dark" : ""}" data-location="${e.location}" role="button" tabindex="0" aria-label="${o}, Instruction. Click for definition" aria-haspopup="dialog" aria-expanded="false">
                 <span style="pointer-events: none;">$2</span></span>$3`
   );
-}, e.text) : e.text, Pv = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, e.text) : e.text, Gv = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   highlightKeywordsInText: wo,
   studyModes: _r
@@ -18315,7 +18315,7 @@ function Zp(e, i, s, o, t, n) {
     oe("div", Yp, me(e.isQuestionCorrect ? "Correct" : e.isUnanswered ? "Unanswered" : "Incorrect"), 1),
     ne((N(), ye(R, {
       type: "tertiary-small",
-      class: ve(["uikit-question-summary__summary-toggle-explanation", { "uikit-question-summary__summary-toggle-explanation": e.reviewMode }]),
+      class: ve(["uikit-question-summary__summary-toggle-explanation", { "uikit-question-summary__summary-toggle-explanation--review-mode": e.reviewMode }]),
       "is-dark-mode": e.isDarkMode,
       "aria-expanded": e.showExplanation ? "true" : "false",
       onClick: e.toggleSummaryExplanation,
@@ -18662,7 +18662,7 @@ function $p(e, i, s, o, t, n) {
       onFocusin: (G) => e.emitChoiceFocusIn(E.key),
       onFocusout: i[4] || (i[4] = (G) => e.emitChoiceFocusOut(G)),
       onClick: Ie((G) => e.emitSelectedChoice(E.key), ["stop"]),
-      onKeydown: ze(Ie((G) => e.emitSelectedChoice(E.key), ["stop"]), ["enter"]),
+      onKeydown: Fe(Ie((G) => e.emitSelectedChoice(E.key), ["stop"]), ["enter"]),
       onTouchstart: i[5] || (i[5] = (G) => e.emitHandleTouchStart(G)),
       onTouchmove: i[6] || (i[6] = (G) => e.emitHandleTouchMove(G)),
       onTouchend: (G) => e.emitHandleTouchEnd(E.key, G)
@@ -18820,7 +18820,7 @@ function $p(e, i, s, o, t, n) {
           onMousedown: i[1] || (i[1] = Ie(() => {
           }, ["prevent"])),
           onClick: Ie((G) => e.emitClickChoiceStrike(E.key), ["stop"]),
-          onKeydown: ze(Ie((G) => e.emitClickChoiceStrike(E.key), ["stop"]), ["enter"])
+          onKeydown: Fe(Ie((G) => e.emitClickChoiceStrike(E.key), ["stop"]), ["enter"])
         }, [
           Pe(r, { type: "strike" })
         ], 42, Xp)), [
@@ -19136,7 +19136,7 @@ function kg(e, i, s, o, t, n) {
       tabindex: "0",
       role: "button",
       "aria-label": "Close explanation",
-      onKeydown: i[1] || (i[1] = ze(Ie((...z) => e.toggleExplanation && e.toggleExplanation(...z), ["stop"]), ["enter"])),
+      onKeydown: i[1] || (i[1] = Fe(Ie((...z) => e.toggleExplanation && e.toggleExplanation(...z), ["stop"]), ["enter"])),
       onClick: i[2] || (i[2] = Ie((...z) => e.toggleExplanation && e.toggleExplanation(...z), ["stop"])),
       onMousedown: i[3] || (i[3] = Ie(() => {
       }, ["prevent"]))
@@ -19302,7 +19302,7 @@ function Og(e, i, s, o, t, n) {
     [Y, e.breakpoints, "questionEl"]
   ]) : Le("", !0);
 }
-const Yg = /* @__PURE__ */ Ce(Et, [["render", Og]]), Sg = { class: "uikit-matrix-radio-group__option-icon" }, Tg = /* @__PURE__ */ Ys({
+const Yg = /* @__PURE__ */ Ce(Et, [["render", Og]]), Sg = ["onClick", "onKeypress"], Tg = { class: "uikit-matrix-radio-group__option-icon" }, jg = /* @__PURE__ */ Ys({
   __name: "MatrixRadioGroup",
   props: /* @__PURE__ */ Cn({
     isDarkMode: { type: Boolean },
@@ -19333,15 +19333,20 @@ const Yg = /* @__PURE__ */ Ce(Et, [["render", Og]]), Sg = { class: "uikit-matrix
           role: "radio",
           key: n
         }, [
-          Pe(nn, {
-            class: "uikit-matrix-radio-group__radio-btn",
-            selected: n === i.value,
-            disabled: o.disabled,
-            isDarkMode: o.isDarkMode,
-            color: o.showAnswers ? (r = i.value) != null && r.startsWith("a") ? "green" : "gray" : "blue",
-            onClick: (D) => !o.disabled && !o.showAnswers && s(n)
-          }, null, 8, ["selected", "disabled", "isDarkMode", "color", "onClick"]),
-          oe("div", Sg, [
+          oe("div", {
+            class: "uikit-matrix-radio-group__radio-btn-div",
+            onClick: (D) => !o.disabled && !o.showAnswers && s(n),
+            onKeypress: Fe((D) => !o.disabled && !o.showAnswers && s(n), ["enter"])
+          }, [
+            Pe(nn, {
+              class: "uikit-matrix-radio-group__radio-btn",
+              selected: n === i.value,
+              disabled: o.disabled,
+              isDarkMode: o.isDarkMode,
+              color: o.showAnswers ? (r = i.value) != null && r.startsWith("a") ? "green" : "gray" : "blue"
+            }, null, 8, ["selected", "disabled", "isDarkMode", "color"])
+          ], 40, Sg),
+          oe("div", Tg, [
             ke(o.$slots, "optionIcon", {
               optionIcon: {
                 isVisible: o.showAnswers && !((R = i.value) != null && R.startsWith("a")) && (n.startsWith("a") || n === i.value),
@@ -19358,11 +19363,11 @@ const Yg = /* @__PURE__ */ Ce(Et, [["render", Og]]), Sg = { class: "uikit-matrix
     ]) : Le("", !0);
   }
 });
-const jg = /* @__PURE__ */ Ce(Tg, [["__scopeId", "data-v-a7edd421"]]);
-var Hg = Object.defineProperty, Fg = Object.getOwnPropertyDescriptor, At = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? Fg(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const Hg = /* @__PURE__ */ Ce(jg, [["__scopeId", "data-v-ad36c12a"]]);
+var Fg = Object.defineProperty, zg = Object.getOwnPropertyDescriptor, At = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? zg(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && Hg(i, s, t), t;
+  return o && t && Fg(i, s, t), t;
 };
 let lt = class extends be {
   constructor() {
@@ -19414,7 +19419,7 @@ let lt = class extends be {
     return (s = this.question.matrixLabels) == null ? void 0 : s.columnLabelForRows;
   }
   mounted() {
-    this.question.type === "Matrix Checkbox" && (this.matrixCheckboxGrid = this.defaultCheckboxGrid), this.question.type === "Matrix Radio Button" && (this.matrixRadioGrid = this.defaultRadioButtonGrid);
+    this.question.type === "Matrix Checkbox" && (this.matrixCheckboxGrid = this.convertSelectedMatrixChoiceToCheckboxGrid()), this.question.type === "Matrix Radio Button" && (this.matrixRadioGrid = this.convertSelectedMatrixChoiceToRadioBtnGrid());
   }
   convertSelectedMatrixChoiceToCheckboxGrid() {
     const s = this.defaultCheckboxGrid;
@@ -19424,7 +19429,7 @@ let lt = class extends be {
     }), s;
   }
   convertSelectedMatrixChoiceToRadioBtnGrid() {
-    const s = this.matrixRadioGrid;
+    const s = this.defaultRadioButtonGrid;
     return this.selectedMatrixChoices.forEach((o) => {
       const t = Number(o.substring(1, o.indexOf("_"))) - 1;
       s && s[t] && (s[t].value = o);
@@ -19599,7 +19604,7 @@ lt = At([
     components: {
       Icon: We,
       Checkbox: Ts,
-      MatrixRadioGroup: jg,
+      MatrixRadioGroup: Hg,
       PocketButton: bt
     },
     directives: {
@@ -19608,31 +19613,33 @@ lt = At([
     }
   })
 ], lt);
-const zg = {
+const Ng = {
   class: "uikit-question-matrix-choices-container",
   ref: "uikit-question-matrix-choices-container"
-}, Ng = { class: "uikit-question-matrix-choices-container__columns" }, Zg = ["innerHTML"], Jg = ["innerHTML"], Wg = ["innerHTML"], Ug = ["onClick", "onKeypress"];
-function qg(e, i, s, o, t, n) {
+}, Zg = { class: "uikit-question-matrix-choices-container__columns" }, Jg = ["innerHTML"], Wg = ["innerHTML"], Ug = ["innerHTML"], qg = ["onClick", "onKeypress"];
+function Kg(e, i, s, o, t, n) {
   const r = ge("Checkbox"), R = ge("Icon"), D = ge("MatrixRadioGroup"), Y = Re("dark"), z = Re("breakpoint");
-  return ne((N(), V("div", zg, [
-    ne((N(), V("div", Ng, [
+  return ne((N(), V("div", Ng, [
+    ne((N(), V("div", Zg, [
       ne(oe("div", {
         class: ve(["uikit-question-matrix-choices-container__column-row-header", {
-          "uikit-question-matrix-choices-container__column-row-header--two-columns": e.numberOfMatrixColumnLabels === 2
+          "uikit-question-matrix-choices-container__column-row-header--two-columns": e.numberOfMatrixColumnLabels === 2,
+          "uikit-question-matrix-choices-container__column-row-header--radio-btn-three-columns": e.question.type === "Matrix Radio Button" && e.numberOfMatrixColumnLabels === 3
         }]),
         innerHTML: e.matrixColumnLabelsForRows
-      }, null, 10, Zg), [
+      }, null, 10, Jg), [
         [Y, e.isDarkMode],
         [z, e.breakpoints, "questionEl"]
       ]),
       (N(!0), V(Ke, null, et(e.matrixColumnLabels, (E, I) => ne((N(), V("div", {
         class: ve(["uikit-question-matrix-choices-container__column-header", {
-          "uikit-question-matrix-choices-container__column-header--two-columns": e.numberOfMatrixColumnLabels === 2
+          "uikit-question-matrix-choices-container__column-header--two-columns": e.numberOfMatrixColumnLabels === 2,
+          "uikit-question-matrix-choices-container__column-header--radio-btn-three-columns": e.question.type === "Matrix Radio Button" && e.numberOfMatrixColumnLabels === 3
         }]),
         lang: "de",
         key: I,
         innerHTML: E
-      }, null, 10, Jg)), [
+      }, null, 10, Wg)), [
         [Y, e.isDarkMode],
         [z, e.breakpoints, "questionEl"]
       ])), 128))
@@ -19657,10 +19664,11 @@ function qg(e, i, s, o, t, n) {
         ne(oe("div", {
           class: ve(["uikit-question-matrix-choices-container__choice-text", {
             "uikit-question-matrix-choices-container__choice-text--checkbox": e.question.type === "Matrix Checkbox",
-            "uikit-question-matrix-choices-container__choice-text--two-columns": e.numberOfMatrixColumnLabels === 2
+            "uikit-question-matrix-choices-container__choice-text--two-columns": e.numberOfMatrixColumnLabels === 2,
+            "uikit-question-matrix-choices-container__choice-text--radio-btn-two-columns": e.question.type === "Matrix Radio Button" && e.numberOfMatrixColumnLabels === 2
           }]),
           innerHTML: E
-        }, null, 10, Wg), [
+        }, null, 10, Ug), [
           [Y, e.isDarkMode],
           [z, e.breakpoints, "questionEl"]
         ]),
@@ -19683,7 +19691,7 @@ function qg(e, i, s, o, t, n) {
               "uikit-question-matrix-choices-container__clickable-checkbox--review": e.showMatrixAnswers || e.reviewMode
             }]),
             onClick: (g) => !(e.showMatrixAnswers || e.reviewMode) && e.checkboxClicked(I, A),
-            onKeypress: ze((g) => !(e.showMatrixAnswers || e.reviewMode) && e.checkboxClicked(I, A), ["enter"])
+            onKeypress: Fe((g) => !(e.showMatrixAnswers || e.reviewMode) && e.checkboxClicked(I, A), ["enter"])
           }, [
             Pe(r, {
               "model-value": e.matrixCheckboxGrid[I][A],
@@ -19691,7 +19699,7 @@ function qg(e, i, s, o, t, n) {
               disabled: e.showMatrixAnswers || e.reviewMode,
               "checkbox-styles": e.checkboxContainerStyling(I, A)
             }, null, 8, ["model-value", "is-dark-mode", "disabled", "checkbox-styles"])
-          ], 42, Ug)),
+          ], 42, qg)),
           (e.showMatrixAnswers || e.reviewMode) && (e.incorrectlySelectedChoice(I, A) || e.correctAnswerButNotSelected(I, A)) ? ne((N(), ye(R, {
             key: 2,
             class: "uikit-question-matrix-choices-container__incorrect-answer-icon",
@@ -19705,7 +19713,7 @@ function qg(e, i, s, o, t, n) {
         ])), 128)) : Le("", !0),
         e.question.type === "Matrix Radio Button" && e.matrixRadioGrid && e.matrixRadioGrid[I] ? (N(), ye(D, {
           key: 1,
-          modelValue: e.getRadioRowSelection(I),
+          "model-value": e.getRadioRowSelection(I),
           "review-mode": e.reviewMode,
           "show-answers": e.showMatrixAnswers,
           class: "uikit-question-matrix-choices-container__radio-btns",
@@ -19721,20 +19729,20 @@ function qg(e, i, s, o, t, n) {
               G.isCorrect ? ne((N(), ye(R, {
                 key: 0,
                 type: "correct",
-                class: "uikit-question-matrix-choices-container__correct-answer-icon"
+                class: "uikit-question-matrix-choices-container__radio-btn-correct-answer-icon"
               }, null, 512)), [
                 [Y, e.isDarkMode]
               ]) : ne((N(), ye(R, {
                 key: 1,
                 type: "incorrect",
-                class: "uikit-question-matrix-choices-container__incorrect-answer-icon"
+                class: "uikit-question-matrix-choices-container__radio-btn-incorrect-answer-icon"
               }, null, 512)), [
                 [Y, e.isDarkMode]
               ])
             ], 64)) : Le("", !0)
           ]),
           _: 2
-        }, 1032, ["modelValue", "review-mode", "show-answers", "choices", "is-dark-mode", "question-el", "breakpoints", "onUpdate:modelValue"])) : Le("", !0)
+        }, 1032, ["model-value", "review-mode", "show-answers", "choices", "is-dark-mode", "question-el", "breakpoints", "onUpdate:modelValue"])) : Le("", !0)
       ], 2)), [
         [Y, e.isDarkMode],
         [z, e.breakpoints, "questionEl"]
@@ -19747,11 +19755,11 @@ function qg(e, i, s, o, t, n) {
     [Y, e.isDarkMode]
   ]);
 }
-const Kg = /* @__PURE__ */ Ce(lt, [["render", qg]]), Xg = {
+const Xg = /* @__PURE__ */ Ce(lt, [["render", Kg]]), Vg = {
   key: 0,
   class: "uikit-mobile-matrix-radio-group",
   role: "radiogroup"
-}, Vg = ["onClick"], _g = ["onClick"], $g = /* @__PURE__ */ Ys({
+}, _g = ["onClick"], $g = ["onClick"], ef = /* @__PURE__ */ Ys({
   __name: "MobileMatrixRadioGroup",
   props: /* @__PURE__ */ Cn({
     isDarkMode: { type: Boolean, default: !1 },
@@ -19779,7 +19787,7 @@ const Kg = /* @__PURE__ */ Ce(lt, [["render", qg]]), Xg = {
       }
       return "blue";
     }, n = (r) => r == null ? void 0 : r.replace(/<[^\s>]+[^>]*>/gi, " ").trim();
-    return (r, R) => r.choices.length ? ne((N(), V("ul", Xg, [
+    return (r, R) => r.choices.length ? ne((N(), V("ul", Vg, [
       (N(!0), V(Ke, null, et(r.choices, (D, Y) => ne((N(), V("li", {
         class: "uikit-mobile-matrix-radio-group__option",
         role: "radio",
@@ -19802,10 +19810,10 @@ const Kg = /* @__PURE__ */ Ce(lt, [["render", qg]]), Xg = {
           onClick: (z) => !r.disabled && !r.showAnswers && o(D)
         }, [
           xe(me(n(r.labels[Y])), 1)
-        ], 10, _g)), [
+        ], 10, $g)), [
           [gi(Se), i.isDarkMode]
         ]) : Le("", !0)
-      ], 8, Vg)), [
+      ], 8, _g)), [
         [gi(Se), r.isDarkMode]
       ])), 128))
     ])), [
@@ -19813,11 +19821,11 @@ const Kg = /* @__PURE__ */ Ce(lt, [["render", qg]]), Xg = {
     ]) : Le("", !0);
   }
 });
-const ef = /* @__PURE__ */ Ce($g, [["__scopeId", "data-v-7f9b64b0"]]);
-var tf = Object.defineProperty, of = Object.getOwnPropertyDescriptor, gt = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? of(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const tf = /* @__PURE__ */ Ce(ef, [["__scopeId", "data-v-c4796ace"]]);
+var of = Object.defineProperty, sf = Object.getOwnPropertyDescriptor, gt = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? sf(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && tf(i, s, t), t;
+  return o && t && of(i, s, t), t;
 };
 let nt = class extends be {
   constructor() {
@@ -19865,7 +19873,7 @@ let nt = class extends be {
   }
   mounted() {
     var s;
-    this.question.type === "Matrix Checkbox" && (this.matrixCheckboxGrid = this.defaultCheckboxGrid), this.question.type === "Matrix Radio Button" && (this.matrixRadioGrid = this.defaultRadioButtonGrid), (s = this.question.matrixChoiceLayout) == null || s.forEach(() => {
+    this.question.type === "Matrix Checkbox" && (this.matrixCheckboxGrid = this.convertSelectedMatrixChoiceToCheckboxGrid()), this.question.type === "Matrix Radio Button" && (this.matrixRadioGrid = this.convertSelectedMatrixChoiceToRadioBtnGrid()), (s = this.question.matrixChoiceLayout) == null || s.forEach(() => {
       this.selectedColumnHeaders.push([]);
     });
   }
@@ -19975,7 +19983,7 @@ let nt = class extends be {
     }), s;
   }
   convertSelectedMatrixChoiceToRadioBtnGrid() {
-    const s = this.matrixRadioGrid;
+    const s = this.defaultRadioButtonGrid;
     return this.selectedMatrixChoices.forEach((o) => {
       var r, R;
       const t = Number(o.substring(1, o.indexOf("_"))) - 1, n = Number(o.split("_").pop()) - 1;
@@ -20107,7 +20115,7 @@ nt = gt([
       Icon: We,
       Checkbox: Ts,
       PocketButton: bt,
-      MobileMatrixRadioGroup: ef
+      MobileMatrixRadioGroup: tf
     },
     directives: {
       dark: Se,
@@ -20115,13 +20123,13 @@ nt = gt([
     }
   })
 ], nt);
-const sf = { class: "uikit-question-mobile-matrix-choices-container" }, nf = ["onClick"], rf = { class: "uikit-question-mobile-matrix-choices-container__row-label" }, af = { class: "uikit-question-mobile-matrix-choices-container__selected-choice-labels-container" }, lf = {
+const nf = { class: "uikit-question-mobile-matrix-choices-container" }, rf = ["onClick"], af = { class: "uikit-question-mobile-matrix-choices-container__row-label" }, lf = { class: "uikit-question-mobile-matrix-choices-container__selected-choice-labels-container" }, hf = {
   key: 0,
   class: "uikit-question-mobile-matrix-choices-container__selected-choice-labels"
-}, hf = { key: 0 }, df = ["onClick", "onKeypress"], cf = { key: 1 };
-function uf(e, i, s, o, t, n) {
+}, df = { key: 0 }, cf = ["onClick", "onKeypress"], uf = { key: 1 };
+function pf(e, i, s, o, t, n) {
   const r = ge("Icon"), R = ge("Checkbox"), D = ge("MobileMatrixRadioGroup"), Y = Re("dark"), z = Re("breakpoint");
-  return ne((N(), V("div", sf, [
+  return ne((N(), V("div", nf, [
     ne((N(), V("div", {
       class: ve(["uikit-question-mobile-matrix-choices-container__choices-container", {
         "uikit-question-mobile-matrix-choices-container__choices-container--correct": (e.showMatrixAnswers || e.reviewMode) && e.isMatrixQuestionCorrect,
@@ -20152,7 +20160,7 @@ function uf(e, i, s, o, t, n) {
           }, null, 512)), [
             [Y, e.isDarkMode]
           ]) : Le("", !0),
-          ne((N(), V("div", rf, [
+          ne((N(), V("div", af, [
             xe(me(e.stripText(E)) + " ", 1),
             ne(Pe(r, {
               class: ve(["uikit-question-mobile-matrix-choices-container__toggle-row-icon", {
@@ -20165,9 +20173,9 @@ function uf(e, i, s, o, t, n) {
           ])), [
             [Y, e.isDarkMode]
           ]),
-          oe("div", af, [
+          oe("div", lf, [
             (N(!0), V(Ke, null, et(e.selectedColumnHeaders, (G, A) => ne((N(), V("div", { key: A }, [
-              e.selectedColumnHeaders && e.selectedColumnHeaders[I] && e.selectedColumnHeaders[I][A] ? ne((N(), V("div", lf, [
+              e.selectedColumnHeaders && e.selectedColumnHeaders[I] && e.selectedColumnHeaders[I][A] ? ne((N(), V("div", hf, [
                 xe(me(e.selectedColumnHeaders[I][A] === e.selectedColumnHeaders[I][e.selectedColumnHeaders[I].length - 1] ? e.stripText(e.selectedColumnHeaders[I][A]) : `${e.stripText(e.selectedColumnHeaders[I][A])},`), 1)
               ])), [
                 [Y, e.isDarkMode],
@@ -20177,18 +20185,18 @@ function uf(e, i, s, o, t, n) {
               [Y, e.isDarkMode]
             ])), 128))
           ])
-        ], 10, nf)), [
+        ], 10, rf)), [
           [Y, e.isDarkMode],
           [z, e.breakpoints, "questionEl"]
         ]),
-        e.expandedRowNumbers.includes(I) && e.question.type === "Matrix Checkbox" && e.matrixCheckboxGrid && e.matrixCheckboxGrid[I] ? (N(), V("div", hf, [
+        e.expandedRowNumbers.includes(I) && e.question.type === "Matrix Checkbox" && e.matrixCheckboxGrid && e.matrixCheckboxGrid[I] ? (N(), V("div", df, [
           (N(!0), V(Ke, null, et(e.matrixColumnLabels, (G, A) => {
             var g;
             return ne((N(), V("div", {
               class: "uikit-question-mobile-matrix-choices-container__choice",
               key: A,
               onClick: (p) => !(e.showMatrixAnswers || e.reviewMode) && e.checkboxRowClicked(I, A),
-              onKeypress: ze((p) => !(e.showMatrixAnswers || e.reviewMode) && e.checkboxRowClicked(I, A), ["enter"])
+              onKeypress: Fe((p) => !(e.showMatrixAnswers || e.reviewMode) && e.checkboxRowClicked(I, A), ["enter"])
             }, [
               (e.showMatrixAnswers || e.reviewMode) && e.correctAnswerButNotSelected(I, A) ? (N(), ye(R, {
                 key: 0,
@@ -20209,12 +20217,12 @@ function uf(e, i, s, o, t, n) {
                   "uikit-question-mobile-matrix-choices-container__checkbox-label--distractor": (e.showMatrixAnswers || e.reviewMode) && e.matrixChoiceLayout[I] && ((g = e.matrixChoiceLayout[I][A]) == null ? void 0 : g.startsWith("d"))
                 }])
               }, me(e.stripText(G)), 3)
-            ], 40, df)), [
+            ], 40, cf)), [
               [Y, e.isDarkMode]
             ]);
           }), 128))
         ])) : Le("", !0),
-        e.expandedRowNumbers.includes(I) && e.question.type === "Matrix Radio Button" && e.matrixRadioGrid && e.matrixRadioGrid[I] ? (N(), V("div", cf, [
+        e.expandedRowNumbers.includes(I) && e.question.type === "Matrix Radio Button" && e.matrixRadioGrid && e.matrixRadioGrid[I] ? (N(), V("div", uf, [
           Pe(D, {
             modelValue: e.getRadioRowSelection(I),
             "review-mode": e.reviewMode,
@@ -20242,13 +20250,13 @@ function uf(e, i, s, o, t, n) {
     [Y, e.isDarkMode]
   ]);
 }
-const pf = /* @__PURE__ */ Ce(nt, [["render", uf]]);
-var gf = Object.defineProperty, ff = Object.getOwnPropertyDescriptor, Ze = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? ff(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const gf = /* @__PURE__ */ Ce(nt, [["render", pf]]);
+var ff = Object.defineProperty, Af = Object.getOwnPropertyDescriptor, Ze = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? Af(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && gf(i, s, t), t;
+  return o && t && ff(i, s, t), t;
 };
-let Fe = class extends be {
+let ze = class extends be {
   constructor() {
     super(...arguments);
     P(this, "question");
@@ -20456,8 +20464,11 @@ let Fe = class extends be {
       location: "prompt"
     });
   }
+  created() {
+    this.reviewMode && this.startReviewMode(), !this.isMatrixQuestion && this.previousChoices && this.updateSelectedChoices(this.previousChoices), this.isMatrixQuestion && this.previousMatrixChoices && this.updateSelectedMatrixChoices(this.previousMatrixChoices);
+  }
   mounted() {
-    this.reviewMode && this.startReviewMode(), !this.isMatrixQuestion && this.previousChoices && this.updateSelectedChoices(this.previousChoices), this.isMatrixQuestion && this.previousMatrixChoices && this.updateSelectedMatrixChoices(this.previousMatrixChoices), this.initialShowAnswers && (this.showAnswers = this.initialShowAnswers, this.showMatrixAnswers = this.initialShowAnswers), this.allowKeyboardShortcuts && window.addEventListener("keydown", this.keydownListener), this.autoFocusPrompt ? this.moveFocusToPrompt() : this.autoFocusPrompt === !1 && setTimeout(() => {
+    this.initialShowAnswers && (this.showAnswers = this.initialShowAnswers, this.showMatrixAnswers = this.initialShowAnswers), this.allowKeyboardShortcuts && window.addEventListener("keydown", this.keydownListener), this.autoFocusPrompt ? this.moveFocusToPrompt() : this.autoFocusPrompt === !1 && setTimeout(() => {
       const t = this.$refs["uikit-question__context"], n = t == null ? void 0 : t.$refs["uikit-question-context"];
       n == null || n.focus();
     }, 0), this.sortSettings = {
@@ -20790,128 +20801,128 @@ let Fe = class extends be {
 };
 Ze([
   H()
-], Fe.prototype, "question", 2);
+], ze.prototype, "question", 2);
 Ze([
   H()
-], Fe.prototype, "questionNumber", 2);
+], ze.prototype, "questionNumber", 2);
 Ze([
   H()
-], Fe.prototype, "quizLength", 2);
+], ze.prototype, "quizLength", 2);
 Ze([
   H({ default: "" })
-], Fe.prototype, "imageUrlPrefix", 2);
+], ze.prototype, "imageUrlPrefix", 2);
 Ze([
   H({ default: "quick10" })
-], Fe.prototype, "quizMode", 2);
+], ze.prototype, "quizMode", 2);
 Ze([
   H({ default: !1 })
-], Fe.prototype, "initialShowAnswers", 2);
+], ze.prototype, "initialShowAnswers", 2);
 Ze([
   H({ default: !0 })
-], Fe.prototype, "showCheckAnswer", 2);
+], ze.prototype, "showCheckAnswer", 2);
 Ze([
   H({ default: !1 })
-], Fe.prototype, "hideAnswer", 2);
+], ze.prototype, "hideAnswer", 2);
 Ze([
   H({ default: !0 })
-], Fe.prototype, "showNextQuestion", 2);
+], ze.prototype, "showNextQuestion", 2);
 Ze([
   H({ default: !1 })
-], Fe.prototype, "reviewMode", 2);
+], ze.prototype, "reviewMode", 2);
 Ze([
   H({ default: null })
-], Fe.prototype, "previousChoices", 2);
+], ze.prototype, "previousChoices", 2);
 Ze([
   H({ default: null })
-], Fe.prototype, "previousMatrixChoices", 2);
+], ze.prototype, "previousMatrixChoices", 2);
 Ze([
   H({ default: null })
-], Fe.prototype, "globalMetrics", 2);
+], ze.prototype, "globalMetrics", 2);
 Ze([
   H({ default: null })
-], Fe.prototype, "showNames", 2);
+], ze.prototype, "showNames", 2);
 Ze([
   H({ default: !0 })
-], Fe.prototype, "allowKeyboardShortcuts", 2);
+], ze.prototype, "allowKeyboardShortcuts", 2);
 Ze([
   H({ default: null })
-], Fe.prototype, "containerEl", 2);
+], ze.prototype, "containerEl", 2);
 Ze([
   H({ default: !1 })
-], Fe.prototype, "isDarkMode", 2);
+], ze.prototype, "isDarkMode", 2);
 Ze([
   H({ default: null })
-], Fe.prototype, "answerSeed", 2);
+], ze.prototype, "answerSeed", 2);
 Ze([
   H({ default: !1 })
-], Fe.prototype, "showCloseButton", 2);
+], ze.prototype, "showCloseButton", 2);
 Ze([
   H({ default: null })
-], Fe.prototype, "defaultShowExplanation", 2);
+], ze.prototype, "defaultShowExplanation", 2);
 Ze([
   H({ default: !1 })
-], Fe.prototype, "autoFocusPrompt", 2);
+], ze.prototype, "autoFocusPrompt", 2);
 Ze([
   H({ default: !1 })
-], Fe.prototype, "showPaywall", 2);
+], ze.prototype, "showPaywall", 2);
 Ze([
   H({ default: !1 })
-], Fe.prototype, "hideReferences", 2);
+], ze.prototype, "hideReferences", 2);
 Ze([
   H({ default: !1 })
-], Fe.prototype, "isTeachReview", 2);
+], ze.prototype, "isTeachReview", 2);
 Ze([
   H({ default: !1 })
-], Fe.prototype, "isTeachGroupReview", 2);
+], ze.prototype, "isTeachGroupReview", 2);
 Ze([
   H({ default: [] })
-], Fe.prototype, "keywordDefinitions", 2);
+], ze.prototype, "keywordDefinitions", 2);
 Ze([
   De("keyword-click")
-], Fe.prototype, "keywordClick", 1);
+], ze.prototype, "keywordClick", 1);
 Ze([
   Xe("reviewMode")
-], Fe.prototype, "reviewModeChanged", 1);
+], ze.prototype, "reviewModeChanged", 1);
 Ze([
   Xe("previousChoices", { deep: !0 })
-], Fe.prototype, "previousChoicesChanged", 1);
+], ze.prototype, "previousChoicesChanged", 1);
 Ze([
   Xe("previousMatrixChoices", { deep: !0 })
-], Fe.prototype, "previousMatrixChoicesChanged", 1);
+], ze.prototype, "previousMatrixChoicesChanged", 1);
 Ze([
   De("selectedChoices")
-], Fe.prototype, "emitSelectedChoices", 1);
+], ze.prototype, "emitSelectedChoices", 1);
 Ze([
   Xe("selectedChoices", { deep: !0 })
-], Fe.prototype, "selectedChoicesChanged", 1);
+], ze.prototype, "selectedChoicesChanged", 1);
 Ze([
   Xe("selectedMatrixChoices", { deep: !0 })
-], Fe.prototype, "selectedMatrixChoicesChanged", 1);
+], ze.prototype, "selectedMatrixChoicesChanged", 1);
 Ze([
   Xe("showExplanation")
-], Fe.prototype, "showExplanationChanged", 1);
+], ze.prototype, "showExplanationChanged", 1);
 Ze([
   De("close")
-], Fe.prototype, "emitClose", 1);
+], ze.prototype, "emitClose", 1);
 Ze([
   De("upgrade")
-], Fe.prototype, "emitUpgrade", 1);
+], ze.prototype, "emitUpgrade", 1);
 Ze([
   De("submitQuiz")
-], Fe.prototype, "emitSubmitQuiz", 1);
+], ze.prototype, "emitSubmitQuiz", 1);
 Ze([
   De("nextQuestion")
-], Fe.prototype, "emitNextQuestion", 1);
+], ze.prototype, "emitNextQuestion", 1);
 Ze([
   De("previousQuestion")
-], Fe.prototype, "emitPreviousQuestion", 1);
+], ze.prototype, "emitPreviousQuestion", 1);
 Ze([
   De("checkAnswer")
-], Fe.prototype, "emitCheckAnswer", 1);
+], ze.prototype, "emitCheckAnswer", 1);
 Ze([
   De("update:showExplanation")
-], Fe.prototype, "emitUpdateShowExplanation", 1);
-Fe = Ze([
+], ze.prototype, "emitUpdateShowExplanation", 1);
+ze = Ze([
   Me({
     components: {
       PocketButton: bt,
@@ -20927,25 +20938,25 @@ Fe = Ze([
       StatsSummary: pg,
       Explanation: Eg,
       PassageAndImage: Yg,
-      MatrixChoicesContainer: Kg,
-      MobileMatrixChoicesContainer: pf
+      MatrixChoicesContainer: Xg,
+      MobileMatrixChoicesContainer: gf
     },
     directives: {
       breakpoint: Mt,
       dark: Se
     }
   })
-], Fe);
-const Af = { class: "uikit-question__tag-mobile" }, Cf = ["aria-label"], mf = ["innerHTML"], vf = {
+], ze);
+const Cf = { class: "uikit-question__tag-mobile" }, mf = ["aria-label"], vf = ["innerHTML"], wf = {
   key: 4,
   class: "uikit-question__unanswered-teach-review-label"
-}, wf = /* @__PURE__ */ oe("span", null, " Unanswered ", -1), yf = [
-  wf
-], Mf = ["role"], bf = {
+}, yf = /* @__PURE__ */ oe("span", null, " Unanswered ", -1), Mf = [
+  yf
+], bf = ["role"], Lf = {
   key: 0,
   class: "uikit-question__unanswered-label"
-}, Lf = /* @__PURE__ */ oe("span", null, "Unanswered", -1);
-function kf(e, i, s, o, t, n) {
+}, kf = /* @__PURE__ */ oe("span", null, "Unanswered", -1);
+function Ef(e, i, s, o, t, n) {
   const r = ge("Icon"), R = ge("QuestionContext"), D = ge("PocketButton"), Y = ge("PassageAndImageDropdown"), z = ge("Paywall"), E = ge("ChoicesContainer"), I = ge("MatrixChoicesContainer"), G = ge("MobileMatrixChoicesContainer"), A = ge("Summary"), g = ge("StatsSummary"), p = ge("PassageAndImage"), d = ge("Explanation"), c = Re("breakpoint"), C = Re("dark");
   return ne((N(), V("div", {
     ref: "question",
@@ -20965,7 +20976,7 @@ function kf(e, i, s, o, t, n) {
         [C, e.isDarkMode]
       ])
     ]),
-    ne((N(), V("div", Af, [
+    ne((N(), V("div", Cf, [
       ke(e.$slots, "tag")
     ])), [
       [c, e.breakpoints, "questionEl"]
@@ -21013,7 +21024,7 @@ function kf(e, i, s, o, t, n) {
         "aria-live": "assertive"
       }, [
         xe(" Part " + me(e.currentScenarioQuestionNumber) + " of " + me(e.numberOfScenarioQuestions), 1)
-      ], 8, Cf)), [
+      ], 8, mf)), [
         [C, e.isDarkMode],
         [c, e.breakpoints, "questionEl"]
       ]) : Le("", !0),
@@ -21027,7 +21038,7 @@ function kf(e, i, s, o, t, n) {
         }]),
         onClick: i[0] || (i[0] = (...L) => e.keywordClick && e.keywordClick(...L)),
         innerHTML: e.prompt
-      }, null, 10, mf), [
+      }, null, 10, vf), [
         [c, e.breakpoints, "questionEl"]
       ]),
       e.question.passage || e.passageImageUrl ? ne((N(), ye(D, {
@@ -21068,7 +21079,7 @@ function kf(e, i, s, o, t, n) {
         breakpoints: e.breakpoints,
         onUpgradeClicked: e.emitUpgrade
       }, null, 8, ["review-Mode", "is-dark-mode", "question-el", "breakpoints", "onUpgradeClicked"])) : Le("", !0),
-      (e.showAnswers || e.showMatrixAnswers) && e.isTeachReview && e.isUnanswered ? ne((N(), V("div", vf, yf)), [
+      (e.showAnswers || e.showMatrixAnswers) && e.isTeachReview && e.isUnanswered ? ne((N(), V("div", wf, Mf)), [
         [C, e.isDarkMode]
       ]) : Le("", !0),
       e.showPaywall ? Le("", !0) : ne((N(), V("div", {
@@ -21082,8 +21093,8 @@ function kf(e, i, s, o, t, n) {
         }]),
         role: e.isMCR ? "group" : "radiogroup"
       }, [
-        (e.showAnswers || e.showMatrixAnswers) && !e.isMCR && e.isUnanswered && !e.isCorrect && !e.isTeachReview ? ne((N(), V("div", bf, [
-          Lf,
+        e.showAnswers && !e.isMCR && !e.isMatrixQuestion && e.isUnanswered && !e.isCorrect && !e.isTeachReview ? ne((N(), V("div", Lf, [
+          kf,
           ne(Pe(r, {
             class: "uikit-question__unanswered-label-icon",
             type: "incorrect"
@@ -21241,7 +21252,7 @@ function kf(e, i, s, o, t, n) {
         }, 8, ["question", "matrix-choice-layout", "is-matrix-question-correct", "matrix-answer-keys", "matrix-distractor-keys", "selected-matrix-choices", "show-matrix-answers", "review-mode", "global-metrics", "is-dark-mode", "question-el", "breakpoints", "onEmitSelectedMatrixChoice", "onEmitAnsweredMatrixRowIndex"])), [
           [c, e.breakpoints, "questionEl"]
         ]) : Le("", !0)
-      ], 10, Mf)), [
+      ], 10, bf)), [
         [C, e.isDarkMode]
       ]),
       (e.isMCR && e.showAnswers || e.isMatrixQuestion && e.showMatrixAnswers) && !e.showPaywall ? (N(), ye(A, {
@@ -21428,11 +21439,11 @@ function kf(e, i, s, o, t, n) {
     [c, e.breakpoints]
   ]);
 }
-const Ef = /* @__PURE__ */ Ce(Fe, [["render", kf]]);
-var Df = Object.defineProperty, Bf = Object.getOwnPropertyDescriptor, oo = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? Bf(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const Df = /* @__PURE__ */ Ce(ze, [["render", Ef]]);
+var Bf = Object.defineProperty, If = Object.getOwnPropertyDescriptor, oo = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? If(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && Df(i, s, t), t;
+  return o && t && Bf(i, s, t), t;
 };
 let bi = class extends be {
   constructor() {
@@ -21481,16 +21492,16 @@ bi = oo([
     }
   })
 ], bi);
-const If = {
+const xf = {
   ref: "quiz-container",
   class: "uikit-quiz-container"
-}, xf = {
+}, Pf = {
   key: 0,
   class: "uikit-quiz-container__side"
 };
-function Pf(e, i, s, o, t, n) {
+function Gf(e, i, s, o, t, n) {
   const r = Re("breakpoint"), R = Re("dark");
-  return ne((N(), V("div", If, [
+  return ne((N(), V("div", xf, [
     ne((N(), V("div", {
       class: ve(["uikit-quiz-container__header", { "uikit-quiz-container__header--dark": e.isDarkMode }]),
       style: Ve(e.customHeaderStyles)
@@ -21503,7 +21514,7 @@ function Pf(e, i, s, o, t, n) {
       class: "uikit-quiz-container__main",
       style: Ve(e.customMainStyles)
     }, [
-      e.showSide ? ne((N(), V("div", xf, [
+      e.showSide ? ne((N(), V("div", Pf, [
         ke(e.$slots, "definition"),
         ke(e.$slots, "side")
       ])), [
@@ -21534,11 +21545,11 @@ function Pf(e, i, s, o, t, n) {
     [R, e.isDarkMode]
   ]);
 }
-const Gf = /* @__PURE__ */ Ce(bi, [["render", Pf]]);
-var Qf = Object.defineProperty, Rf = Object.getOwnPropertyDescriptor, so = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? Rf(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const Qf = /* @__PURE__ */ Ce(bi, [["render", Gf]]);
+var Rf = Object.defineProperty, Of = Object.getOwnPropertyDescriptor, so = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? Of(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && Qf(i, s, t), t;
+  return o && t && Rf(i, s, t), t;
 };
 let Li = class extends be {
   constructor() {
@@ -21576,8 +21587,8 @@ Li = so([
     }
   })
 ], Li);
-const Of = ["tabindex"];
-function Yf(e, i, s, o, t, n) {
+const Yf = ["tabindex"];
+function Sf(e, i, s, o, t, n) {
   const r = Re("breakpoint");
   return ne((N(), V("div", {
     class: ve(["uikit-quiz-progress-bar", {
@@ -21589,15 +21600,15 @@ function Yf(e, i, s, o, t, n) {
     onKeydown: i[1] || (i[1] = (R) => e.emitKeydown(R)),
     onMousedown: i[2] || (i[2] = Ie(() => {
     }, ["prevent"]))
-  }, null, 42, Of)), [
+  }, null, 42, Yf)), [
     [r, { small: 2 }]
   ]);
 }
-const e1 = /* @__PURE__ */ Ce(Li, [["render", Yf]]);
-var Sf = Object.defineProperty, Tf = Object.getOwnPropertyDescriptor, no = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? Tf(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const e1 = /* @__PURE__ */ Ce(Li, [["render", Sf]]);
+var Tf = Object.defineProperty, jf = Object.getOwnPropertyDescriptor, no = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? jf(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && Sf(i, s, t), t;
+  return o && t && Tf(i, s, t), t;
 };
 let ki = class extends be {
   constructor() {
@@ -21682,10 +21693,10 @@ ki = no([
     }
   })
 ], ki);
-const jf = { class: "uikit-quiz-progress" };
-function Hf(e, i, s, o, t, n) {
+const Hf = { class: "uikit-quiz-progress" };
+function Ff(e, i, s, o, t, n) {
   const r = ge("QuizProgressBar");
-  return N(), V("div", jf, [
+  return N(), V("div", Hf, [
     (N(!0), V(Ke, null, et(e.numQuestions, (R) => (N(), ye(r, {
       key: `${R}_${e.barWidthString}`,
       "is-answered": e.answeredIndexList.includes(R),
@@ -21705,18 +21716,18 @@ function Hf(e, i, s, o, t, n) {
       "aria-label": `${Number(R) === Number(e.selectedIndex) ? "Current " : ""}Question ${R}, ${e.answeredIndexList.includes(R) ? "answered" : "unanswered"}`,
       onClick: (D) => e.emitBarClicked(R),
       onKeydown: [
-        ze((D) => e.emitBarClicked(R), ["enter"]),
-        ze((D) => e.clickAndFocus(R - 1), ["left"]),
-        ze((D) => e.clickAndFocus(R + 1), ["right"])
+        Fe((D) => e.emitBarClicked(R), ["enter"]),
+        Fe((D) => e.clickAndFocus(R - 1), ["left"]),
+        Fe((D) => e.clickAndFocus(R + 1), ["right"])
       ]
     }, null, 8, ["is-answered", "is-selected", "is-focusable", "style", "class", "aria-label", "onClick", "onKeydown"]))), 128))
   ]);
 }
-const Ff = /* @__PURE__ */ Ce(ki, [["render", Hf]]);
-var zf = Object.defineProperty, Nf = Object.getOwnPropertyDescriptor, ro = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? Nf(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const zf = /* @__PURE__ */ Ce(ki, [["render", Ff]]);
+var Nf = Object.defineProperty, Zf = Object.getOwnPropertyDescriptor, ro = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? Zf(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && zf(i, s, t), t;
+  return o && t && Nf(i, s, t), t;
 };
 let Ei = class extends be {
   constructor() {
@@ -21767,24 +21778,24 @@ Ei = ro([
     }
   })
 ], Ei);
-const Zf = { class: "uikit-keyboard-modal" }, Jf = {
+const Jf = { class: "uikit-keyboard-modal" }, Wf = {
   ref: "uikit-keyboard-modal__title",
   class: "uikit-keyboard-modal__title",
   tabindex: "-1"
-}, Wf = { class: "uikit-keyboard-modal__item" }, Uf = { key: 0 }, qf = { key: 1 }, Kf = { key: 2 }, Xf = { class: "uikit-keyboard-modal__key" }, Vf = { class: "uikit-keyboard-modal__item" }, _f = /* @__PURE__ */ oe("div", null, " Navigate through clickable items ", -1), $f = { class: "uikit-keyboard-modal__key" }, eA = {
+}, Uf = { class: "uikit-keyboard-modal__item" }, qf = { key: 0 }, Kf = { key: 1 }, Xf = { key: 2 }, Vf = { class: "uikit-keyboard-modal__key" }, _f = { class: "uikit-keyboard-modal__item" }, $f = /* @__PURE__ */ oe("div", null, " Navigate through clickable items ", -1), eA = { class: "uikit-keyboard-modal__key" }, tA = {
   key: 0,
   class: "uikit-keyboard-modal__item"
-}, tA = /* @__PURE__ */ oe("div", null, " Open/Close Explanation ", -1), iA = { class: "uikit-keyboard-modal__key" }, oA = {
+}, iA = /* @__PURE__ */ oe("div", null, " Open/Close Explanation ", -1), oA = { class: "uikit-keyboard-modal__key" }, sA = {
   key: 1,
   class: "uikit-keyboard-modal__item"
-}, sA = /* @__PURE__ */ oe("div", null, " Select Answer Choice ", -1), nA = { class: "uikit-keyboard-modal__key" }, rA = {
+}, nA = /* @__PURE__ */ oe("div", null, " Select Answer Choice ", -1), rA = { class: "uikit-keyboard-modal__key" }, aA = {
   key: 2,
   class: "uikit-keyboard-modal__item"
-}, aA = /* @__PURE__ */ oe("div", null, " Submit Selected Element ", -1), lA = { class: "uikit-keyboard-modal__key" }, hA = { class: "uikit-keyboard-modal__item" }, dA = /* @__PURE__ */ oe("div", null, " Previous Question ", -1), cA = { class: "uikit-keyboard-modal__key" }, uA = { class: "uikit-keyboard-modal__item" }, pA = /* @__PURE__ */ oe("div", null, " Next Question ", -1), gA = { class: "uikit-keyboard-modal__key" }, fA = { class: "uikit-keyboard-modal__item" }, AA = /* @__PURE__ */ oe("div", null, " Scroll View Up ", -1), CA = { class: "uikit-keyboard-modal__key" }, mA = { class: "uikit-keyboard-modal__item" }, vA = /* @__PURE__ */ oe("div", null, " Scroll View Down ", -1), wA = { class: "uikit-keyboard-modal__key" }, yA = {
+}, lA = /* @__PURE__ */ oe("div", null, " Submit Selected Element ", -1), hA = { class: "uikit-keyboard-modal__key" }, dA = { class: "uikit-keyboard-modal__item" }, cA = /* @__PURE__ */ oe("div", null, " Previous Question ", -1), uA = { class: "uikit-keyboard-modal__key" }, pA = { class: "uikit-keyboard-modal__item" }, gA = /* @__PURE__ */ oe("div", null, " Next Question ", -1), fA = { class: "uikit-keyboard-modal__key" }, AA = { class: "uikit-keyboard-modal__item" }, CA = /* @__PURE__ */ oe("div", null, " Scroll View Up ", -1), mA = { class: "uikit-keyboard-modal__key" }, vA = { class: "uikit-keyboard-modal__item" }, wA = /* @__PURE__ */ oe("div", null, " Scroll View Down ", -1), yA = { class: "uikit-keyboard-modal__key" }, MA = {
   key: 3,
   class: "uikit-keyboard-modal__item"
-}, MA = /* @__PURE__ */ oe("div", null, " Flag ", -1), bA = { class: "uikit-keyboard-modal__key" }, LA = { class: "uikit-keyboard-modal__toggle" }, kA = { class: "uikit-keyboard-modal__toggle-label" };
-function EA(e, i, s, o, t, n) {
+}, bA = /* @__PURE__ */ oe("div", null, " Flag ", -1), LA = { class: "uikit-keyboard-modal__key" }, kA = { class: "uikit-keyboard-modal__toggle" }, EA = { class: "uikit-keyboard-modal__toggle-label" };
+function DA(e, i, s, o, t, n) {
   const r = ge("ToggleSwitch"), R = ge("ModalContainer"), D = Re("dark");
   return N(), ye(R, {
     "show-close-button": !0,
@@ -21793,17 +21804,17 @@ function EA(e, i, s, o, t, n) {
     onClose: e.emitClose
   }, {
     default: Te(() => [
-      ne((N(), V("div", Zf, [
-        ne((N(), V("h1", Jf, [
+      ne((N(), V("div", Jf, [
+        ne((N(), V("h1", Wf, [
           xe(" Keyboard Shortcuts ")
         ])), [
           [D, e.isDarkMode]
         ]),
-        ne((N(), V("div", Wf, [
-          e.keyboardMode === "quiz" ? (N(), V("div", Uf, " Quit Quiz ")) : Le("", !0),
-          e.keyboardMode === "review" ? (N(), V("div", qf, " Back to Review ")) : Le("", !0),
-          e.keyboardMode === "teach" ? (N(), V("div", Kf, " Back ")) : Le("", !0),
-          ne((N(), V("div", Xf, [
+        ne((N(), V("div", Uf, [
+          e.keyboardMode === "quiz" ? (N(), V("div", qf, " Quit Quiz ")) : Le("", !0),
+          e.keyboardMode === "review" ? (N(), V("div", Kf, " Back to Review ")) : Le("", !0),
+          e.keyboardMode === "teach" ? (N(), V("div", Xf, " Back ")) : Le("", !0),
+          ne((N(), V("div", Vf, [
             xe(" Esc ")
           ])), [
             [D, e.isDarkMode]
@@ -21811,9 +21822,9 @@ function EA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]),
-        ne((N(), V("div", Vf, [
-          _f,
-          ne((N(), V("div", $f, [
+        ne((N(), V("div", _f, [
+          $f,
+          ne((N(), V("div", eA, [
             xe(" Tab ")
           ])), [
             [D, e.isDarkMode]
@@ -21821,9 +21832,9 @@ function EA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]),
-        e.keyboardMode === "quiz" ? ne((N(), V("div", eA, [
-          tA,
-          ne((N(), V("div", iA, [
+        e.keyboardMode === "quiz" ? ne((N(), V("div", tA, [
+          iA,
+          ne((N(), V("div", oA, [
             xe(" X ")
           ])), [
             [D, e.isDarkMode]
@@ -21831,9 +21842,9 @@ function EA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]) : Le("", !0),
-        e.keyboardMode === "quiz" ? ne((N(), V("div", oA, [
-          sA,
-          ne((N(), V("div", nA, [
+        e.keyboardMode === "quiz" ? ne((N(), V("div", sA, [
+          nA,
+          ne((N(), V("div", rA, [
             xe(" A - J ")
           ])), [
             [D, e.isDarkMode]
@@ -21841,9 +21852,9 @@ function EA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]) : Le("", !0),
-        e.keyboardMode === "quiz" ? ne((N(), V("div", rA, [
-          aA,
-          ne((N(), V("div", lA, [
+        e.keyboardMode === "quiz" ? ne((N(), V("div", aA, [
+          lA,
+          ne((N(), V("div", hA, [
             xe(" Return/Enter ")
           ])), [
             [D, e.isDarkMode]
@@ -21851,9 +21862,9 @@ function EA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]) : Le("", !0),
-        ne((N(), V("div", hA, [
-          dA,
-          ne((N(), V("div", cA, [
+        ne((N(), V("div", dA, [
+          cA,
+          ne((N(), V("div", uA, [
             xe(" ← ")
           ])), [
             [D, e.isDarkMode]
@@ -21861,9 +21872,9 @@ function EA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]),
-        ne((N(), V("div", uA, [
-          pA,
-          ne((N(), V("div", gA, [
+        ne((N(), V("div", pA, [
+          gA,
+          ne((N(), V("div", fA, [
             xe(" → ")
           ])), [
             [D, e.isDarkMode]
@@ -21871,9 +21882,9 @@ function EA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]),
-        ne((N(), V("div", fA, [
-          AA,
-          ne((N(), V("div", CA, [
+        ne((N(), V("div", AA, [
+          CA,
+          ne((N(), V("div", mA, [
             xe(" ↑ ")
           ])), [
             [D, e.isDarkMode]
@@ -21881,9 +21892,9 @@ function EA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]),
-        ne((N(), V("div", mA, [
-          vA,
-          ne((N(), V("div", wA, [
+        ne((N(), V("div", vA, [
+          wA,
+          ne((N(), V("div", yA, [
             xe(" ↓ ")
           ])), [
             [D, e.isDarkMode]
@@ -21891,9 +21902,9 @@ function EA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]),
-        e.keyboardMode !== "teach" ? ne((N(), V("div", yA, [
-          MA,
-          ne((N(), V("div", bA, [
+        e.keyboardMode !== "teach" ? ne((N(), V("div", MA, [
+          bA,
+          ne((N(), V("div", LA, [
             xe(" P ")
           ])), [
             [D, e.isDarkMode]
@@ -21901,14 +21912,14 @@ function EA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]) : Le("", !0),
-        oe("div", LA, [
+        oe("div", kA, [
           Pe(r, {
             modelValue: e.allowKeyboardShortcuts,
             "is-dark-mode": e.isDarkMode,
             "aria-label": "Keyboard shortcuts",
             "onUpdate:modelValue": e.toggleKeyboardShortcuts
           }, null, 8, ["modelValue", "is-dark-mode", "onUpdate:modelValue"]),
-          ne((N(), V("div", kA, [
+          ne((N(), V("div", EA, [
             xe(" Keyboard shortcuts ")
           ])), [
             [D, e.isDarkMode]
@@ -21921,11 +21932,11 @@ function EA(e, i, s, o, t, n) {
     _: 1
   }, 8, ["is-dark-mode", "onClose"]);
 }
-const t1 = /* @__PURE__ */ Ce(Ei, [["render", EA]]);
-var DA = Object.defineProperty, BA = Object.getOwnPropertyDescriptor, ln = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? BA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const t1 = /* @__PURE__ */ Ce(Ei, [["render", DA]]);
+var BA = Object.defineProperty, IA = Object.getOwnPropertyDescriptor, ln = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? IA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && DA(i, s, t), t;
+  return o && t && BA(i, s, t), t;
 };
 let fo = class extends be {
   constructor() {
@@ -21952,7 +21963,7 @@ fo = ln([
     }
   })
 ], fo);
-function IA(e, i, s, o, t, n) {
+function xA(e, i, s, o, t, n) {
   const r = ge("Tooltip"), R = ge("Icon");
   return N(), V("div", null, [
     ke(e.$slots, "keyboardShortcutsModal", {
@@ -21966,7 +21977,7 @@ function IA(e, i, s, o, t, n) {
       onMouseenter: i[0] || (i[0] = (D) => e.showKeyboardTooltip = !0),
       onMouseleave: i[1] || (i[1] = (D) => e.showKeyboardTooltip = !1),
       onClick: i[2] || (i[2] = (D) => e.showKeyboardShortcutsModal = !e.showKeyboardShortcutsModal),
-      onKeydown: i[3] || (i[3] = ze(Ie((D) => e.showKeyboardShortcutsModal = !e.showKeyboardShortcutsModal, ["stop", "prevent"]), ["enter"])),
+      onKeydown: i[3] || (i[3] = Fe(Ie((D) => e.showKeyboardShortcutsModal = !e.showKeyboardShortcutsModal, ["stop", "prevent"]), ["enter"])),
       onMousedown: i[4] || (i[4] = Ie(() => {
       }, ["prevent"])),
       onFocus: i[5] || (i[5] = (D) => e.showKeyboardTooltip = !0),
@@ -21992,11 +22003,11 @@ function IA(e, i, s, o, t, n) {
     ], 32)
   ]);
 }
-const xA = /* @__PURE__ */ Ce(fo, [["render", IA]]);
-var PA = Object.defineProperty, GA = Object.getOwnPropertyDescriptor, ao = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? GA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const PA = /* @__PURE__ */ Ce(fo, [["render", xA]]);
+var GA = Object.defineProperty, QA = Object.getOwnPropertyDescriptor, ao = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? QA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && PA(i, s, t), t;
+  return o && t && GA(i, s, t), t;
 };
 let Di = class extends be {
   constructor() {
@@ -22047,8 +22058,8 @@ Di = ao([
     }
   })
 ], Di);
-const QA = ["tabindex", "aria-checked"];
-function RA(e, i, s, o, t, n) {
+const RA = ["tabindex", "aria-checked"];
+function OA(e, i, s, o, t, n) {
   const r = ge("Tooltip"), R = ge("Icon");
   return N(), V("div", {
     class: ve(["uikit-flag-toggle", { "uikit-flag-toggle--disabled": e.disabled }]),
@@ -22059,7 +22070,7 @@ function RA(e, i, s, o, t, n) {
     onMouseover: i[0] || (i[0] = (D) => e.showFlagTooltip = !0),
     onMouseleave: i[1] || (i[1] = (D) => e.showFlagTooltip = !1),
     onClick: i[2] || (i[2] = (...D) => e.toggleFlag && e.toggleFlag(...D)),
-    onKeydown: i[3] || (i[3] = ze(Ie((...D) => e.toggleFlag && e.toggleFlag(...D), ["stop", "prevent"]), ["enter"])),
+    onKeydown: i[3] || (i[3] = Fe(Ie((...D) => e.toggleFlag && e.toggleFlag(...D), ["stop", "prevent"]), ["enter"])),
     onMousedown: i[4] || (i[4] = Ie(() => {
     }, ["prevent"])),
     onFocus: i[5] || (i[5] = (D) => e.showFlagTooltip = !0),
@@ -22085,13 +22096,13 @@ function RA(e, i, s, o, t, n) {
       }]),
       type: e.isFlagged ? "flag-filled" : "flag"
     }, null, 8, ["class", "type"])
-  ], 42, QA);
+  ], 42, RA);
 }
-const OA = /* @__PURE__ */ Ce(Di, [["render", RA]]);
-var YA = Object.defineProperty, SA = Object.getOwnPropertyDescriptor, Fi = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? SA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const YA = /* @__PURE__ */ Ce(Di, [["render", OA]]);
+var SA = Object.defineProperty, TA = Object.getOwnPropertyDescriptor, Fi = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? TA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && YA(i, s, t), t;
+  return o && t && SA(i, s, t), t;
 };
 let di = class extends be {
   constructor() {
@@ -22137,8 +22148,8 @@ di = Fi([
     }
   })
 ], di);
-const TA = ["tabindex", "aria-disabled", "aria-checked"];
-function jA(e, i, s, o, t, n) {
+const jA = ["tabindex", "aria-disabled", "aria-checked"];
+function HA(e, i, s, o, t, n) {
   const r = ge("Tooltip"), R = ge("Icon");
   return N(), V("div", {
     class: "uikit-global-metrics-toggle",
@@ -22150,7 +22161,7 @@ function jA(e, i, s, o, t, n) {
     onMouseover: i[0] || (i[0] = (D) => e.showGlobalMetricsToolTip = !0),
     onMouseleave: i[1] || (i[1] = (D) => e.showGlobalMetricsToolTip = !1),
     onClick: i[2] || (i[2] = (D) => !e.disabled && e.toggleGlobalMetrics()),
-    onKeydown: i[3] || (i[3] = ze(Ie((D) => !e.disabled && e.toggleGlobalMetrics(), ["stop", "prevent"]), ["enter"])),
+    onKeydown: i[3] || (i[3] = Fe(Ie((D) => !e.disabled && e.toggleGlobalMetrics(), ["stop", "prevent"]), ["enter"])),
     onMousedown: i[4] || (i[4] = Ie(() => {
     }, ["prevent"])),
     onFocus: i[5] || (i[5] = (D) => e.showGlobalMetricsToolTip = !0),
@@ -22180,13 +22191,13 @@ function jA(e, i, s, o, t, n) {
       }]),
       type: "people"
     }, null, 8, ["class"])
-  ], 40, TA);
+  ], 40, jA);
 }
-const HA = /* @__PURE__ */ Ce(di, [["render", jA]]);
-var FA = Object.defineProperty, zA = Object.getOwnPropertyDescriptor, yo = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? zA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const FA = /* @__PURE__ */ Ce(di, [["render", HA]]);
+var zA = Object.defineProperty, NA = Object.getOwnPropertyDescriptor, yo = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? NA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && FA(i, s, t), t;
+  return o && t && zA(i, s, t), t;
 };
 let Ti = class extends be {
   constructor() {
@@ -22240,11 +22251,11 @@ Ti = yo([
     }
   })
 ], Ti);
-const NA = { class: "toast__icon" }, ZA = { class: "toast__content" }, JA = { class: "toast__content-title" }, WA = {
+const ZA = { class: "toast__icon" }, JA = { class: "toast__content" }, WA = { class: "toast__content-title" }, UA = {
   key: 0,
   class: "toast__content-subtext"
 };
-function UA(e, i, s, o, t, n) {
+function qA(e, i, s, o, t, n) {
   var D, Y;
   const r = ge("Icon"), R = Re("dark");
   return ne((N(), V("div", {
@@ -22259,7 +22270,7 @@ function UA(e, i, s, o, t, n) {
       tabindex: "0",
       class: "toast__close",
       onClick: i[0] || (i[0] = (...z) => e.emitClose && e.emitClose(...z)),
-      onKeypress: i[1] || (i[1] = ze((...z) => e.emitClose && e.emitClose(...z), ["enter"])),
+      onKeypress: i[1] || (i[1] = Fe((...z) => e.emitClose && e.emitClose(...z), ["enter"])),
       onMousedown: i[2] || (i[2] = Ie(() => {
       }, ["prevent"]))
     }, [
@@ -22267,18 +22278,18 @@ function UA(e, i, s, o, t, n) {
     ], 32)), [
       [R, e.isDarkMode]
     ]) : Le("", !0),
-    oe("div", NA, [
+    oe("div", ZA, [
       ke(e.$slots, "icon", {}, () => [
         Pe(r, { type: "check" })
       ], !0)
     ]),
-    oe("div", ZA, [
-      ne((N(), V("div", JA, [
+    oe("div", JA, [
+      ne((N(), V("div", WA, [
         ke(e.$slots, "default", {}, void 0, !0)
       ])), [
         [R, e.isDarkMode]
       ]),
-      (Y = (D = e.$slots).subtext) != null && Y.call(D) ? ne((N(), V("div", WA, [
+      (Y = (D = e.$slots).subtext) != null && Y.call(D) ? ne((N(), V("div", UA, [
         ke(e.$slots, "subtext", {}, void 0, !0)
       ])), [
         [R, e.isDarkMode]
@@ -22288,11 +22299,11 @@ function UA(e, i, s, o, t, n) {
     [R, e.isDarkMode]
   ]);
 }
-const qA = /* @__PURE__ */ Ce(Ti, [["render", UA], ["__scopeId", "data-v-f790add1"]]);
-var KA = Object.defineProperty, XA = Object.getOwnPropertyDescriptor, hn = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? XA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const KA = /* @__PURE__ */ Ce(Ti, [["render", qA], ["__scopeId", "data-v-f790add1"]]);
+var XA = Object.defineProperty, VA = Object.getOwnPropertyDescriptor, hn = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? VA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && KA(i, s, t), t;
+  return o && t && XA(i, s, t), t;
 };
 let Ao = class extends be {
   constructor() {
@@ -22310,37 +22321,37 @@ hn([
 Ao = hn([
   Me
 ], Ao);
-const VA = {
+const _A = {
   width: "38",
   height: "33",
   viewBox: "0 0 38 33",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink"
-}, _A = {
+}, $A = {
   stroke: "none",
   "stroke-width": "1",
   fill: "none",
   "fill-rule": "evenodd"
-}, $A = ["fill"], eC = /* @__PURE__ */ oe("path", { d: "M0.5 17.7589C0.5 24.3405 8.55289 33.6455 16.3374 32.9647C24.1218 32.2838 33.0805 28.6526 36.0389 23.2058C38.9973 17.7589 37.5179 10.7234 31.101 4.59576C24.6841 -1.53192 14.9952 -1.53192 9.08975 4.59576C3.1843 10.7234 0.5 11.1773 0.5 17.7589Z" }, null, -1), tC = [
-  eC
+}, eC = ["fill"], tC = /* @__PURE__ */ oe("path", { d: "M0.5 17.7589C0.5 24.3405 8.55289 33.6455 16.3374 32.9647C24.1218 32.2838 33.0805 28.6526 36.0389 23.2058C38.9973 17.7589 37.5179 10.7234 31.101 4.59576C24.6841 -1.53192 14.9952 -1.53192 9.08975 4.59576C3.1843 10.7234 0.5 11.1773 0.5 17.7589Z" }, null, -1), iC = [
+  tC
 ];
-function iC(e, i, s, o, t, n) {
-  return N(), V("svg", VA, [
+function oC(e, i, s, o, t, n) {
+  return N(), V("svg", _A, [
     oe("title", null, me(e.title), 1),
-    oe("g", _A, [
+    oe("g", $A, [
       oe("g", {
         fill: e.primaryColor,
         "fill-rule": "nonzero"
-      }, tC, 8, $A)
+      }, iC, 8, eC)
     ])
   ]);
 }
-const oC = /* @__PURE__ */ Ce(Ao, [["render", iC]]);
-var sC = Object.defineProperty, nC = Object.getOwnPropertyDescriptor, lo = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? nC(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const sC = /* @__PURE__ */ Ce(Ao, [["render", oC]]);
+var nC = Object.defineProperty, rC = Object.getOwnPropertyDescriptor, lo = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? rC(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && sC(i, s, t), t;
+  return o && t && nC(i, s, t), t;
 };
 let Bi = class extends be {
   constructor() {
@@ -22370,11 +22381,11 @@ lo([
 Bi = lo([
   Me({
     components: {
-      BlobEmptyState: oC
+      BlobEmptyState: sC
     }
   })
 ], Bi);
-function rC(e, i, s, o, t, n) {
+function aC(e, i, s, o, t, n) {
   const r = ge("BlobEmptyState");
   return e.type === "empty" ? (N(), ye(r, {
     key: 0,
@@ -22382,11 +22393,11 @@ function rC(e, i, s, o, t, n) {
     "primary-color": e.primaryColor
   }, null, 8, ["title", "primary-color"])) : Le("", !0);
 }
-const aC = /* @__PURE__ */ Ce(Bi, [["render", rC]]);
-var lC = Object.defineProperty, hC = Object.getOwnPropertyDescriptor, zi = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? hC(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const lC = /* @__PURE__ */ Ce(Bi, [["render", aC]]);
+var hC = Object.defineProperty, dC = Object.getOwnPropertyDescriptor, zi = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? dC(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && lC(i, s, t), t;
+  return o && t && hC(i, s, t), t;
 };
 let ci = class extends be {
   constructor() {
@@ -22431,19 +22442,19 @@ ci = zi([
   Me({
     components: {
       Icon: We,
-      Blob: aC
+      Blob: lC
     },
     directives: {
       dark: Se
     }
   })
 ], ci);
-const dC = { class: "uikit-empty-state" }, cC = { class: "uikit-empty-state__row" }, uC = { class: "uikit-empty-state__title" }, pC = { class: "uikit-empty-state__message" };
-function gC(e, i, s, o, t, n) {
+const cC = { class: "uikit-empty-state" }, uC = { class: "uikit-empty-state__row" }, pC = { class: "uikit-empty-state__title" }, gC = { class: "uikit-empty-state__message" };
+function fC(e, i, s, o, t, n) {
   const r = ge("Blob"), R = ge("Icon"), D = Re("dark");
-  return ne((N(), V("div", dC, [
+  return ne((N(), V("div", cC, [
     ke(e.$slots, "imageRow", {}, () => [
-      ne((N(), V("div", cC, [
+      ne((N(), V("div", uC, [
         ke(e.$slots, "image", {}, () => [
           ke(e.$slots, "blob", {}, () => [
             Pe(r, {
@@ -22465,14 +22476,14 @@ function gC(e, i, s, o, t, n) {
         [D, e.isDarkMode]
       ])
     ]),
-    ne((N(), V("div", uC, [
+    ne((N(), V("div", pC, [
       ke(e.$slots, "emptyStateTitle", {}, () => [
         xe(me(e.title), 1)
       ])
     ])), [
       [D, e.isDarkMode]
     ]),
-    ne((N(), V("div", pC, [
+    ne((N(), V("div", gC, [
       ke(e.$slots, "emptyStateMessage", {}, () => [
         xe(me(e.message), 1)
       ])
@@ -22483,11 +22494,11 @@ function gC(e, i, s, o, t, n) {
     [D, e.isDarkMode]
   ]);
 }
-const fC = /* @__PURE__ */ Ce(ci, [["render", gC]]);
-var AC = Object.defineProperty, CC = Object.getOwnPropertyDescriptor, Oi = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? CC(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const AC = /* @__PURE__ */ Ce(ci, [["render", fC]]);
+var CC = Object.defineProperty, mC = Object.getOwnPropertyDescriptor, Oi = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? mC(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && AC(i, s, t), t;
+  return o && t && CC(i, s, t), t;
 };
 let ti = class extends be {
   constructor() {
@@ -22529,7 +22540,7 @@ ti = Oi([
     }
   })
 ], ti);
-function mC(e, i, s, o, t, n) {
+function vC(e, i, s, o, t, n) {
   const r = Re("dark");
   return ne((N(), V("div", {
     class: ve(["uikit-tag", {
@@ -22547,14 +22558,14 @@ function mC(e, i, s, o, t, n) {
     [r, e.isDarkMode]
   ]);
 }
-const vC = /* @__PURE__ */ Ce(ti, [["render", mC]]), wC = { class: "info-message" }, yC = { class: "info-message__content" }, MC = /* @__PURE__ */ Ys({
+const wC = /* @__PURE__ */ Ce(ti, [["render", vC]]), yC = { class: "info-message" }, MC = { class: "info-message__content" }, bC = /* @__PURE__ */ Ys({
   __name: "InfoMessage",
   props: {
     isDarkMode: { type: Boolean }
   },
   setup(e) {
-    return (i, s) => ne((N(), V("div", wC, [
-      ne((N(), V("div", yC, [
+    return (i, s) => ne((N(), V("div", yC, [
+      ne((N(), V("div", MC, [
         ke(i.$slots, "default", {}, void 0, !0)
       ])), [
         [gi(Se), i.isDarkMode]
@@ -22564,7 +22575,7 @@ const vC = /* @__PURE__ */ Ce(ti, [["render", mC]]), wC = { class: "info-message
     ]);
   }
 });
-const bC = /* @__PURE__ */ Ce(MC, [["__scopeId", "data-v-9941921a"]]), ew = {
+const LC = /* @__PURE__ */ Ce(bC, [["__scopeId", "data-v-9941921a"]]), tw = {
   Banner: Al,
   Bar: bl,
   Pie: Bl,
@@ -22605,24 +22616,24 @@ const bC = /* @__PURE__ */ Ce(MC, [["__scopeId", "data-v-9941921a"]]), ew = {
   SVGDefinitions: xu,
   SidePanel: Hu,
   Calendar: Wu,
-  Question: Ef,
-  QuizContainer: Gf,
-  QuizProgress: Ff,
+  Question: Df,
+  QuizContainer: Qf,
+  QuizProgress: zf,
   QuizProgressBar: e1,
-  KeyboardShortcutsButton: xA,
+  KeyboardShortcutsButton: PA,
   KeyboardShortcutsModal: t1,
-  FlagToggle: OA,
-  GlobalMetricsToggle: HA,
+  FlagToggle: YA,
+  GlobalMetricsToggle: FA,
   Tab: k7,
   PremiumPill: Js,
-  Toast: qA,
-  EmptyState: fC,
-  Tag: vC,
-  InfoMessage: bC
+  Toast: KA,
+  EmptyState: AC,
+  Tag: wC,
+  InfoMessage: LC
 };
 export {
-  ew as default,
-  BC as directives,
-  Pv as utils
+  tw as default,
+  IC as directives,
+  Gv as utils
 };
 //# sourceMappingURL=ui-kit.js.map