@vue-skuilder/common-ui 0.2.34 → 0.2.36

package/dist/components/studentInputs/BaseUserInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseUserInput.mjs","names":[],"sources":["../../../src/components/studentInputs/BaseUserInput.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { Answer, log } from '@vue-skuilder/common';\nimport { useCardPreviewModeStore } from '../../stores/useCardPreviewModeStore';\nimport { ViewComponent } from '../../composables/Displayable';\nimport { isQuestionView } from '../../composables/CompositionViewable';\nimport { QuestionRecord } from '@vue-skuilder/db';\n\nexport default defineComponent({\n  name: 'UserInput',\n  data() {\n    return {\n      answer: '' as Answer,\n      previewModeStore: null as ReturnType<typeof useCardPreviewModeStore> | null,\n    };\n  },\n  mounted() {\n    // This happens after Pinia is initialized but before the component is used\n    this.previewModeStore = useCardPreviewModeStore();\n  },\n  computed: {\n    autofocus(): boolean {\n      return !this.previewModeStore?.previewMode;\n    },\n    autoFocus(): boolean {\n      return this.autofocus;\n    },\n  },\n  methods: {\n    submitAnswer(answer: Answer): QuestionRecord {\n      return this.submit(answer);\n    },\n    // isQuestionView(a: any): a is QuestionView<Question> {\n    //   return (a as QuestionView<Question>).submitAnswer !== undefined;\n    // },\n    submit(answer: Answer) {\n      return this.getQuestionViewAncestor().submitAnswer(answer, this.$options.name ?? 'UserInput');\n    },\n    getQuestionViewAncestor(): ViewComponent {\n      let ancestor = this.$parent;\n      let count = 0;\n\n      while (ancestor && !isQuestionView(ancestor)) {\n        const nextAncestor = ancestor.$parent;\n        if (!nextAncestor) {\n          const err = `\nUserInput.submit() has failed.\nThe input element has no QuestionView ancestor element.`;\n          log(err);\n          throw new Error(err);\n        }\n        ancestor = nextAncestor;\n        count++;\n\n        if (count > 100) {\n          const err = `\nUserInput.submit() has failed.\nExceeded maximum ancestor lookup depth.`;\n          log(err);\n          throw new Error(err);\n        }\n      }\n\n      if (!ancestor) {\n        throw new Error('No QuestionView ancestor found');\n      }\n\n      return ancestor;\n    },\n  },\n});\n"],"mappings":";;;;;;AAOA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CACN,OAAO;AACL,SAAO;GACL,QAAQ;GACR,kBAAkB;GACnB;;CAEH,UAAU;AAER,OAAK,mBAAmB,GAAyB;;CAEnD,UAAU;EACR,YAAqB;AACnB,UAAO,CAAC,KAAK,kBAAkB;;EAEjC,YAAqB;AACnB,UAAO,KAAK;;EAEf;CACD,SAAS;EACP,aAAa,GAAgC;AAC3C,UAAO,KAAK,OAAO,EAAO;;EAK5B,OAAO,GAAgB;AACrB,UAAO,KAAK,yBAAyB,CAAC,aAAa,GAAQ,KAAK,SAAS,QAAQ,YAAY;;EAE/F,0BAAyC;GACvC,IAAI,IAAW,KAAK,SAChB,IAAQ;AAEZ,UAAO,KAAY,CAAC,EAAe,EAAS,GAAE;IAC5C,IAAM,IAAe,EAAS;AAC9B,QAAI,CAAC,GAAc;KACjB,IAAM,IAAM;AAIZ,WADA,EAAI,EAAI,EACE,MAAM,EAAI;;AAKtB,QAHA,IAAW,GACX,KAEI,IAAQ,KAAK;KACf,IAAM,IAAM;AAIZ,WADA,EAAI,EAAI,EACE,MAAM,EAAI;;;AAIxB,OAAI,CAAC,EACH,OAAU,MAAM,iCAAiC;AAGnD,UAAO;;EAEV;CACF,CAAC"}

package/dist/components/studentInputs/MultipleChoiceOption.mjs

@@ -0,0 +1,26 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./MultipleChoiceOption.vue_vue_type_script_lang.mjs";
+/* empty css                                                                      */
+import { createBlock as n, createVNode as r, normalizeClass as i, openBlock as a, resolveComponent as o, withCtx as s } from "vue";
+//#region src/components/studentInputs/MultipleChoiceOption.vue
+function _sfc_render(e, t, c, l, u, d) {
+	let f = o("markdown-renderer"), p = o("v-card");
+	return a(), n(p, {
+		class: i(`${e.className}`),
+		onMouseover: e.select,
+		onClick: e.submitThisOption
+	}, {
+		default: s(() => [r(f, { md: e.content }, null, 8, ["md"])]),
+		_: 1
+	}, 8, [
+		"class",
+		"onMouseover",
+		"onClick"
+	]);
+}
+var c = /* @__PURE__ */ e(t, [["render", _sfc_render], ["__scopeId", "data-v-96de7172"]]);
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=MultipleChoiceOption.mjs.map

package/dist/components/studentInputs/MultipleChoiceOption.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleChoiceOption.mjs","names":[],"sources":["../../../src/components/studentInputs/MultipleChoiceOption.vue"],"sourcesContent":["<template>\n  <v-card :class=\"`${className}`\" @mouseover=\"select\" @click=\"submitThisOption\">\n    <markdown-renderer :md=\"content\" />\n  </v-card>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, defineAsyncComponent, PropType } from 'vue';\n\nexport default defineComponent({\n  name: 'MultipleChoiceOption',\n\n  components: {\n    MarkdownRenderer: defineAsyncComponent(() => import('../../components/cardRendering/MarkdownRenderer.vue')),\n  },\n\n  props: {\n    content: {\n      type: String,\n      required: true,\n    },\n    selected: {\n      type: Boolean,\n      required: true,\n    },\n    number: {\n      type: Number,\n      required: true,\n    },\n    setSelection: {\n      type: Function as PropType<(selection: number) => void>,\n      required: true,\n    },\n    submit: {\n      type: Function as PropType<() => void>,\n      required: true,\n    },\n    markedWrong: {\n      type: Boolean,\n      required: true,\n    },\n  },\n\n  computed: {\n    className(): string {\n      let color: string;\n\n      switch (this.number) {\n        case 0:\n          color = 'bg-red';\n          break;\n        case 1:\n          color = 'bg-purple';\n          break;\n        case 2:\n          color = 'bg-indigo';\n          break;\n        case 3:\n          color = 'bg-light-blue';\n          break;\n        case 4:\n          color = 'bg-teal';\n          break;\n        case 5:\n          color = 'bg-deep-orange';\n          break;\n        default:\n          color = 'bg-grey';\n          break;\n      }\n\n      if (this.selected && !this.markedWrong) {\n        return `choice selected ${color} lighten-3 elevation-8`;\n      } else if (!this.selected && !this.markedWrong) {\n        return `choice not-selected ${color} lighten-4 elevation-1`;\n      } else if (this.selected && this.markedWrong) {\n        return `choice selected grey lighten-2 elevation-8`;\n      } else if (!this.selected && this.markedWrong) {\n        return 'choice not-selected grey lighten-2 elevation-0';\n      } else {\n        throw new Error(\n          `'selected' and 'markedWrong' props in MultipleChoiceOption are in an impossible configuration.`\n        );\n      }\n    },\n  },\n\n  methods: {\n    select(): void {\n      this.setSelection(this.number);\n    },\n\n    submitThisOption(): void {\n      if (this.markedWrong) {\n        return;\n      } else {\n        this.select();\n        this.submit();\n      }\n    },\n  },\n});\n</script>\n\n<style scoped>\n.choice {\n  text-align: center;\n  display: inline-block;\n  border-radius: 4px;\n  padding-left: 15px;\n  padding-right: 15px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n  margin: 10px;\n  min-width: 75px; /* prevent tiny click-btns on, eg, one-letter answers */\n  transition: all 0.2s ease-in-out;\n}\n\n.selected {\n  transform: translateY(-10px) /* rotate(3deg) */ scale(1.15);\n  z-index: 1;\n}\n\n.not-selected {\n  z-index: 0;\n}\n</style>\n"],"mappings":";;;;;;;;aACE,EAES,GAAA;EAFA,OADX,EAAA,GACqB,EAAA,YAAS;EAAK,aAAW,EAAA;EAAS,SAAO,EAAA;;EAD9D,SAAA,QAEuC,CAAnC,EAAmC,GAAA,EAAf,IAAI,EAAA,SAAO,EAAA,MAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAFnC,GAAA"}

package/dist/components/studentInputs/MultipleChoiceOption.vue_vue_type_script_lang.mjs

@@ -0,0 +1,76 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import { defineAsyncComponent as e, defineComponent as t } from "vue";
+//#region src/components/studentInputs/MultipleChoiceOption.vue?vue&type=script&lang.ts
+var n = t({
+	name: "MultipleChoiceOption",
+	components: { MarkdownRenderer: e(() => import("../cardRendering/MarkdownRenderer.mjs")) },
+	props: {
+		content: {
+			type: String,
+			required: !0
+		},
+		selected: {
+			type: Boolean,
+			required: !0
+		},
+		number: {
+			type: Number,
+			required: !0
+		},
+		setSelection: {
+			type: Function,
+			required: !0
+		},
+		submit: {
+			type: Function,
+			required: !0
+		},
+		markedWrong: {
+			type: Boolean,
+			required: !0
+		}
+	},
+	computed: { className() {
+		let e;
+		switch (this.number) {
+			case 0:
+				e = "bg-red";
+				break;
+			case 1:
+				e = "bg-purple";
+				break;
+			case 2:
+				e = "bg-indigo";
+				break;
+			case 3:
+				e = "bg-light-blue";
+				break;
+			case 4:
+				e = "bg-teal";
+				break;
+			case 5:
+				e = "bg-deep-orange";
+				break;
+			default:
+				e = "bg-grey";
+				break;
+		}
+		if (this.selected && !this.markedWrong) return `choice selected ${e} lighten-3 elevation-8`;
+		if (!this.selected && !this.markedWrong) return `choice not-selected ${e} lighten-4 elevation-1`;
+		if (this.selected && this.markedWrong) return "choice selected grey lighten-2 elevation-8";
+		if (!this.selected && this.markedWrong) return "choice not-selected grey lighten-2 elevation-0";
+		throw Error("'selected' and 'markedWrong' props in MultipleChoiceOption are in an impossible configuration.");
+	} },
+	methods: {
+		select() {
+			this.setSelection(this.number);
+		},
+		submitThisOption() {
+			this.markedWrong || (this.select(), this.submit());
+		}
+	}
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=MultipleChoiceOption.vue_vue_type_script_lang.mjs.map

package/dist/components/studentInputs/MultipleChoiceOption.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleChoiceOption.vue_vue_type_script_lang.mjs","names":[],"sources":["../../../src/components/studentInputs/MultipleChoiceOption.vue"],"sourcesContent":["<template>\n  <v-card :class=\"`${className}`\" @mouseover=\"select\" @click=\"submitThisOption\">\n    <markdown-renderer :md=\"content\" />\n  </v-card>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, defineAsyncComponent, PropType } from 'vue';\n\nexport default defineComponent({\n  name: 'MultipleChoiceOption',\n\n  components: {\n    MarkdownRenderer: defineAsyncComponent(() => import('../../components/cardRendering/MarkdownRenderer.vue')),\n  },\n\n  props: {\n    content: {\n      type: String,\n      required: true,\n    },\n    selected: {\n      type: Boolean,\n      required: true,\n    },\n    number: {\n      type: Number,\n      required: true,\n    },\n    setSelection: {\n      type: Function as PropType<(selection: number) => void>,\n      required: true,\n    },\n    submit: {\n      type: Function as PropType<() => void>,\n      required: true,\n    },\n    markedWrong: {\n      type: Boolean,\n      required: true,\n    },\n  },\n\n  computed: {\n    className(): string {\n      let color: string;\n\n      switch (this.number) {\n        case 0:\n          color = 'bg-red';\n          break;\n        case 1:\n          color = 'bg-purple';\n          break;\n        case 2:\n          color = 'bg-indigo';\n          break;\n        case 3:\n          color = 'bg-light-blue';\n          break;\n        case 4:\n          color = 'bg-teal';\n          break;\n        case 5:\n          color = 'bg-deep-orange';\n          break;\n        default:\n          color = 'bg-grey';\n          break;\n      }\n\n      if (this.selected && !this.markedWrong) {\n        return `choice selected ${color} lighten-3 elevation-8`;\n      } else if (!this.selected && !this.markedWrong) {\n        return `choice not-selected ${color} lighten-4 elevation-1`;\n      } else if (this.selected && this.markedWrong) {\n        return `choice selected grey lighten-2 elevation-8`;\n      } else if (!this.selected && this.markedWrong) {\n        return 'choice not-selected grey lighten-2 elevation-0';\n      } else {\n        throw new Error(\n          `'selected' and 'markedWrong' props in MultipleChoiceOption are in an impossible configuration.`\n        );\n      }\n    },\n  },\n\n  methods: {\n    select(): void {\n      this.setSelection(this.number);\n    },\n\n    submitThisOption(): void {\n      if (this.markedWrong) {\n        return;\n      } else {\n        this.select();\n        this.submit();\n      }\n    },\n  },\n});\n</script>\n\n<style scoped>\n.choice {\n  text-align: center;\n  display: inline-block;\n  border-radius: 4px;\n  padding-left: 15px;\n  padding-right: 15px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n  margin: 10px;\n  min-width: 75px; /* prevent tiny click-btns on, eg, one-letter answers */\n  transition: all 0.2s ease-in-out;\n}\n\n.selected {\n  transform: translateY(-10px) /* rotate(3deg) */ scale(1.15);\n  z-index: 1;\n}\n\n.not-selected {\n  z-index: 0;\n}\n</style>\n"],"mappings":";;;AASA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CAEN,YAAY,EACV,kBAAkB,QAA2B,OAAO,yCAAuD,EAC5G;CAED,OAAO;EACL,SAAS;GACP,MAAM;GACN,UAAU;GACX;EACD,UAAU;GACR,MAAM;GACN,UAAU;GACX;EACD,QAAQ;GACN,MAAM;GACN,UAAU;GACX;EACD,cAAc;GACZ,MAAM;GACN,UAAU;GACX;EACD,QAAQ;GACN,MAAM;GACN,UAAU;GACX;EACD,aAAa;GACX,MAAM;GACN,UAAU;GACX;EACF;CAED,UAAU,EACR,YAAoB;EAClB,IAAI;AAEJ,UAAQ,KAAK,QAAb;GACE,KAAK;AACH,QAAQ;AACR;GACF,KAAK;AACH,QAAQ;AACR;GACF,KAAK;AACH,QAAQ;AACR;GACF,KAAK;AACH,QAAQ;AACR;GACF,KAAK;AACH,QAAQ;AACR;GACF,KAAK;AACH,QAAQ;AACR;GACF;AACE,QAAQ;AACR;;AAGJ,MAAI,KAAK,YAAY,CAAC,KAAK,YACzB,QAAO,mBAAmB,EAAK;MACtB,CAAC,KAAK,YAAY,CAAC,KAAK,YACjC,QAAO,uBAAuB,EAAK;MAC1B,KAAK,YAAY,KAAK,YAC/B,QAAO;MACE,CAAC,KAAK,YAAY,KAAK,YAChC,QAAO;AAEP,QAAU,MACR,iGACD;IAGN;CAED,SAAS;EACP,SAAe;AACb,QAAK,aAAa,KAAK,OAAO;;EAGhC,mBAAyB;AACnB,QAAK,gBAGP,KAAK,QAAQ,EACb,KAAK,QAAQ;;EAGlB;CACF,CAAC"}

package/dist/components/studentInputs/RadioMultipleChoice.mjs

@@ -0,0 +1,33 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./RadioMultipleChoice.vue_vue_type_script_lang.mjs";
+import { Fragment as n, createBlock as r, createElementBlock as i, openBlock as a, renderList as o, resolveComponent as s } from "vue";
+//#region src/components/studentInputs/RadioMultipleChoice.vue
+var c = {
+	ref: "containerRef",
+	class: "multipleChoice"
+};
+function _sfc_render(e, t, l, u, d, f) {
+	let p = s("MultipleChoiceOption");
+	return a(), i("div", c, [(a(!0), i(n, null, o(e.choiceList, (t, n) => (a(), r(p, {
+		key: n,
+		content: t,
+		selected: e.choiceList.indexOf(t) === e.currentSelection,
+		number: e.choiceList.indexOf(t),
+		"set-selection": e.setSelection,
+		submit: e.forwardSelection,
+		"marked-wrong": e.choiceIsWrong(t)
+	}, null, 8, [
+		"content",
+		"selected",
+		"number",
+		"set-selection",
+		"submit",
+		"marked-wrong"
+	]))), 128))], 512);
+}
+var l = /* @__PURE__ */ e(t, [["render", _sfc_render]]);
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=RadioMultipleChoice.mjs.map

package/dist/components/studentInputs/RadioMultipleChoice.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioMultipleChoice.mjs","names":[],"sources":["../../../src/components/studentInputs/RadioMultipleChoice.vue"],"sourcesContent":["<template>\n  <div ref=\"containerRef\" class=\"multipleChoice\">\n    <MultipleChoiceOption\n      v-for=\"(choice, i) in choiceList\"\n      :key=\"i\"\n      :content=\"choice\"\n      :selected=\"choiceList.indexOf(choice) === currentSelection\"\n      :number=\"choiceList.indexOf(choice)\"\n      :set-selection=\"setSelection\"\n      :submit=\"forwardSelection\"\n      :marked-wrong=\"choiceIsWrong(choice)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport UserInput from './BaseUserInput';\nimport MultipleChoiceOption from './MultipleChoiceOption.vue';\nimport { defineComponent, PropType } from 'vue';\nimport { SkldrMouseTrap } from '../../utils/SkldrMouseTrap';\nimport { RadioMultipleChoiceAnswer } from './RadioMultipleChoice.types';\n\nexport default defineComponent({\n  name: 'RadioMultipleChoice',\n  components: {\n    MultipleChoiceOption,\n  },\n  extends: UserInput,\n  props: {\n    choiceList: {\n      type: Array as PropType<string[]>,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      currentSelection: -1,\n      incorrectSelections: [] as number[],\n      containerRef: null as null | HTMLElement,\n      _registeredHotkeys: [] as (string | string[])[],\n    };\n  },\n  watch: {\n    choiceList: {\n      immediate: true,\n      handler(newList) {\n        if (newList?.length) {\n          this.bindKeys();\n        }\n      },\n    },\n  },\n  mounted() {\n    if (this.containerRef) {\n      this.containerRef.focus();\n    }\n  },\n  unmounted() {\n    this.unbindKeys();\n  },\n  methods: {\n    forwardSelection(): void {\n      if (this.choiceIsWrong(this.choiceList[this.currentSelection])) {\n        return;\n      } else if (this.currentSelection !== -1) {\n        const ans: RadioMultipleChoiceAnswer = {\n          choiceList: this.choiceList,\n          selection: this.currentSelection,\n        };\n        const record = this.submitAnswer(ans);\n\n        if (!record.isCorrect) {\n          this.incorrectSelections.push(this.currentSelection);\n        }\n      }\n    },\n    setSelection(selection: number): void {\n      if (selection < this.choiceList.length) {\n        this.currentSelection = selection;\n      }\n    },\n    incrementSelection(): void {\n      if (this.currentSelection === -1) {\n        this.currentSelection = Math.ceil(this.choiceList.length / 2);\n      } else {\n        this.currentSelection = Math.min(this.choiceList.length - 1, this.currentSelection + 1);\n      }\n    },\n    decrementSelection(): void {\n      if (this.currentSelection === -1) {\n        this.currentSelection = Math.floor(this.choiceList.length / 2 - 1);\n      } else {\n        this.currentSelection = Math.max(0, this.currentSelection - 1);\n      }\n    },\n    choiceIsWrong(choice: string): boolean {\n      let ret = false;\n      this.incorrectSelections.forEach((sel) => {\n        if (this.choiceList[sel] === choice) {\n          ret = true;\n        }\n      });\n      return ret;\n    },\n    bindKeys() {\n      const hotkeys = [\n        {\n          hotkey: 'left',\n          callback: this.decrementSelection,\n          command: 'Move selection left',\n        },\n        {\n          hotkey: 'right',\n          callback: this.incrementSelection,\n          command: 'Move selection right',\n        },\n        {\n          hotkey: 'enter',\n          callback: this.forwardSelection,\n          command: 'Submit selection',\n        },\n        // Add number key bindings\n        ...Array.from({ length: this.choiceList.length }, (_, i) => ({\n          hotkey: (i + 1).toString(),\n          callback: () => this.setSelection(i),\n          command: `Select ${((i) => {\n            switch (i) {\n              case 0:\n                return 'first';\n              case 1:\n                return 'second';\n              case 2:\n                return 'third';\n              case 3:\n                return 'fourth';\n              case 4:\n                return 'fifth';\n              case 5:\n                return 'sixth';\n              default:\n                return `${i + 1}th`;\n            }\n          })(i)} option`,\n        })),\n      ];\n\n      SkldrMouseTrap.addBinding(hotkeys);\n      \n      // Store hotkeys for cleanup\n      this._registeredHotkeys = hotkeys.map(k => k.hotkey);\n    },\n\n    unbindKeys() {\n      // Remove specific hotkeys instead of resetting all\n      if (this._registeredHotkeys) {\n        this._registeredHotkeys.forEach(key => {\n          SkldrMouseTrap.removeBinding(key);\n        });\n      }\n    },\n    // bindNumberKey(n: number): void {\n    //   this.MouseTrap.bind(n.toString(), () => {\n    //     this.currentSelection = n - 1;\n    //   });\n    // },\n  },\n});\n</script>\n"],"mappings":";;;;;;CACO,KAAI;CAAe,OAAM;;;;aAA9B,EAWM,OAXN,GAWM,EAAA,EAAA,GAAA,EAVJ,EASE,GAAA,MAXN,EAG4B,EAAA,aAAd,GAAQ,YADlB,EASE,GAAA;EAPC,KAAK;EACL,SAAS;EACT,UAAU,EAAA,WAAW,QAAQ,EAAM,KAAM,EAAA;EACzC,QAAQ,EAAA,WAAW,QAAQ,EAAM;EACjC,iBAAe,EAAA;EACf,QAAQ,EAAA;EACR,gBAAc,EAAA,cAAc,EAAM"}

package/dist/components/studentInputs/RadioMultipleChoice.vue_vue_type_script_lang.mjs

@@ -0,0 +1,105 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import { SkldrMouseTrap as e } from "../../utils/SkldrMouseTrap.mjs";
+import t from "./BaseUserInput.mjs";
+import n from "./MultipleChoiceOption.mjs";
+import { defineComponent as r } from "vue";
+//#region src/components/studentInputs/RadioMultipleChoice.vue?vue&type=script&lang.ts
+var i = r({
+	name: "RadioMultipleChoice",
+	components: { MultipleChoiceOption: n },
+	extends: t,
+	props: { choiceList: {
+		type: Array,
+		required: !0
+	} },
+	data() {
+		return {
+			currentSelection: -1,
+			incorrectSelections: [],
+			containerRef: null,
+			_registeredHotkeys: []
+		};
+	},
+	watch: { choiceList: {
+		immediate: !0,
+		handler(e) {
+			e?.length && this.bindKeys();
+		}
+	} },
+	mounted() {
+		this.containerRef && this.containerRef.focus();
+	},
+	unmounted() {
+		this.unbindKeys();
+	},
+	methods: {
+		forwardSelection() {
+			if (!this.choiceIsWrong(this.choiceList[this.currentSelection]) && this.currentSelection !== -1) {
+				let e = {
+					choiceList: this.choiceList,
+					selection: this.currentSelection
+				};
+				this.submitAnswer(e).isCorrect || this.incorrectSelections.push(this.currentSelection);
+			}
+		},
+		setSelection(e) {
+			e < this.choiceList.length && (this.currentSelection = e);
+		},
+		incrementSelection() {
+			this.currentSelection === -1 ? this.currentSelection = Math.ceil(this.choiceList.length / 2) : this.currentSelection = Math.min(this.choiceList.length - 1, this.currentSelection + 1);
+		},
+		decrementSelection() {
+			this.currentSelection === -1 ? this.currentSelection = Math.floor(this.choiceList.length / 2 - 1) : this.currentSelection = Math.max(0, this.currentSelection - 1);
+		},
+		choiceIsWrong(e) {
+			let t = !1;
+			return this.incorrectSelections.forEach((n) => {
+				this.choiceList[n] === e && (t = !0);
+			}), t;
+		},
+		bindKeys() {
+			let t = [
+				{
+					hotkey: "left",
+					callback: this.decrementSelection,
+					command: "Move selection left"
+				},
+				{
+					hotkey: "right",
+					callback: this.incrementSelection,
+					command: "Move selection right"
+				},
+				{
+					hotkey: "enter",
+					callback: this.forwardSelection,
+					command: "Submit selection"
+				},
+				...Array.from({ length: this.choiceList.length }, (e, t) => ({
+					hotkey: (t + 1).toString(),
+					callback: () => this.setSelection(t),
+					command: `Select ${((e) => {
+						switch (e) {
+							case 0: return "first";
+							case 1: return "second";
+							case 2: return "third";
+							case 3: return "fourth";
+							case 4: return "fifth";
+							case 5: return "sixth";
+							default: return `${e + 1}th`;
+						}
+					})(t)} option`
+				}))
+			];
+			e.addBinding(t), this._registeredHotkeys = t.map((e) => e.hotkey);
+		},
+		unbindKeys() {
+			this._registeredHotkeys && this._registeredHotkeys.forEach((t) => {
+				e.removeBinding(t);
+			});
+		}
+	}
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=RadioMultipleChoice.vue_vue_type_script_lang.mjs.map

package/dist/components/studentInputs/RadioMultipleChoice.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioMultipleChoice.vue_vue_type_script_lang.mjs","names":[],"sources":["../../../src/components/studentInputs/RadioMultipleChoice.vue"],"sourcesContent":["<template>\n  <div ref=\"containerRef\" class=\"multipleChoice\">\n    <MultipleChoiceOption\n      v-for=\"(choice, i) in choiceList\"\n      :key=\"i\"\n      :content=\"choice\"\n      :selected=\"choiceList.indexOf(choice) === currentSelection\"\n      :number=\"choiceList.indexOf(choice)\"\n      :set-selection=\"setSelection\"\n      :submit=\"forwardSelection\"\n      :marked-wrong=\"choiceIsWrong(choice)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport UserInput from './BaseUserInput';\nimport MultipleChoiceOption from './MultipleChoiceOption.vue';\nimport { defineComponent, PropType } from 'vue';\nimport { SkldrMouseTrap } from '../../utils/SkldrMouseTrap';\nimport { RadioMultipleChoiceAnswer } from './RadioMultipleChoice.types';\n\nexport default defineComponent({\n  name: 'RadioMultipleChoice',\n  components: {\n    MultipleChoiceOption,\n  },\n  extends: UserInput,\n  props: {\n    choiceList: {\n      type: Array as PropType<string[]>,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      currentSelection: -1,\n      incorrectSelections: [] as number[],\n      containerRef: null as null | HTMLElement,\n      _registeredHotkeys: [] as (string | string[])[],\n    };\n  },\n  watch: {\n    choiceList: {\n      immediate: true,\n      handler(newList) {\n        if (newList?.length) {\n          this.bindKeys();\n        }\n      },\n    },\n  },\n  mounted() {\n    if (this.containerRef) {\n      this.containerRef.focus();\n    }\n  },\n  unmounted() {\n    this.unbindKeys();\n  },\n  methods: {\n    forwardSelection(): void {\n      if (this.choiceIsWrong(this.choiceList[this.currentSelection])) {\n        return;\n      } else if (this.currentSelection !== -1) {\n        const ans: RadioMultipleChoiceAnswer = {\n          choiceList: this.choiceList,\n          selection: this.currentSelection,\n        };\n        const record = this.submitAnswer(ans);\n\n        if (!record.isCorrect) {\n          this.incorrectSelections.push(this.currentSelection);\n        }\n      }\n    },\n    setSelection(selection: number): void {\n      if (selection < this.choiceList.length) {\n        this.currentSelection = selection;\n      }\n    },\n    incrementSelection(): void {\n      if (this.currentSelection === -1) {\n        this.currentSelection = Math.ceil(this.choiceList.length / 2);\n      } else {\n        this.currentSelection = Math.min(this.choiceList.length - 1, this.currentSelection + 1);\n      }\n    },\n    decrementSelection(): void {\n      if (this.currentSelection === -1) {\n        this.currentSelection = Math.floor(this.choiceList.length / 2 - 1);\n      } else {\n        this.currentSelection = Math.max(0, this.currentSelection - 1);\n      }\n    },\n    choiceIsWrong(choice: string): boolean {\n      let ret = false;\n      this.incorrectSelections.forEach((sel) => {\n        if (this.choiceList[sel] === choice) {\n          ret = true;\n        }\n      });\n      return ret;\n    },\n    bindKeys() {\n      const hotkeys = [\n        {\n          hotkey: 'left',\n          callback: this.decrementSelection,\n          command: 'Move selection left',\n        },\n        {\n          hotkey: 'right',\n          callback: this.incrementSelection,\n          command: 'Move selection right',\n        },\n        {\n          hotkey: 'enter',\n          callback: this.forwardSelection,\n          command: 'Submit selection',\n        },\n        // Add number key bindings\n        ...Array.from({ length: this.choiceList.length }, (_, i) => ({\n          hotkey: (i + 1).toString(),\n          callback: () => this.setSelection(i),\n          command: `Select ${((i) => {\n            switch (i) {\n              case 0:\n                return 'first';\n              case 1:\n                return 'second';\n              case 2:\n                return 'third';\n              case 3:\n                return 'fourth';\n              case 4:\n                return 'fifth';\n              case 5:\n                return 'sixth';\n              default:\n                return `${i + 1}th`;\n            }\n          })(i)} option`,\n        })),\n      ];\n\n      SkldrMouseTrap.addBinding(hotkeys);\n      \n      // Store hotkeys for cleanup\n      this._registeredHotkeys = hotkeys.map(k => k.hotkey);\n    },\n\n    unbindKeys() {\n      // Remove specific hotkeys instead of resetting all\n      if (this._registeredHotkeys) {\n        this._registeredHotkeys.forEach(key => {\n          SkldrMouseTrap.removeBinding(key);\n        });\n      }\n    },\n    // bindNumberKey(n: number): void {\n    //   this.MouseTrap.bind(n.toString(), () => {\n    //     this.currentSelection = n - 1;\n    //   });\n    // },\n  },\n});\n</script>\n"],"mappings":";;;;;;AAsBA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CACN,YAAY,EACV,sBAAA,GACD;CACD,SAAS;CACT,OAAO,EACL,YAAY;EACV,MAAM;EACN,UAAU;EACX,EACF;CACD,OAAO;AACL,SAAO;GACL,kBAAkB;GAClB,qBAAqB,EAAC;GACtB,cAAc;GACd,oBAAoB,EAAC;GACtB;;CAEH,OAAO,EACL,YAAY;EACV,WAAW;EACX,QAAQ,GAAS;AACf,GAAI,GAAS,UACX,KAAK,UAAU;;EAGpB,EACF;CACD,UAAU;AACR,EAAI,KAAK,gBACP,KAAK,aAAa,OAAO;;CAG7B,YAAY;AACV,OAAK,YAAY;;CAEnB,SAAS;EACP,mBAAyB;AACnB,aAAK,cAAc,KAAK,WAAW,KAAK,kBAAkB,IAEnD,KAAK,qBAAqB,IAAI;IACvC,IAAM,IAAiC;KACrC,YAAY,KAAK;KACjB,WAAW,KAAK;KACjB;AAGD,IAFe,KAAK,aAAa,EAAI,CAEzB,aACV,KAAK,oBAAoB,KAAK,KAAK,iBAAiB;;;EAI1D,aAAa,GAAyB;AACpC,GAAI,IAAY,KAAK,WAAW,WAC9B,KAAK,mBAAmB;;EAG5B,qBAA2B;AACzB,GAAI,KAAK,qBAAqB,KAC5B,KAAK,mBAAmB,KAAK,KAAK,KAAK,WAAW,SAAS,EAAE,GAE7D,KAAK,mBAAmB,KAAK,IAAI,KAAK,WAAW,SAAS,GAAG,KAAK,mBAAmB,EAAE;;EAG3F,qBAA2B;AACzB,GAAI,KAAK,qBAAqB,KAC5B,KAAK,mBAAmB,KAAK,MAAM,KAAK,WAAW,SAAS,IAAI,EAAE,GAElE,KAAK,mBAAmB,KAAK,IAAI,GAAG,KAAK,mBAAmB,EAAE;;EAGlE,cAAc,GAAyB;GACrC,IAAI,IAAM;AAMV,UALA,KAAK,oBAAoB,SAAS,MAAQ;AACxC,IAAI,KAAK,WAAW,OAAS,MAC3B,IAAM;KAER,EACK;;EAET,WAAW;GACT,IAAM,IAAU;IACd;KACE,QAAQ;KACR,UAAU,KAAK;KACf,SAAS;KACV;IACD;KACE,QAAQ;KACR,UAAU,KAAK;KACf,SAAS;KACV;IACD;KACE,QAAQ;KACR,UAAU,KAAK;KACf,SAAS;KACV;IAED,GAAG,MAAM,KAAK,EAAE,QAAQ,KAAK,WAAW,QAAQ,GAAG,GAAG,OAAO;KAC3D,SAAS,IAAI,GAAG,UAAU;KAC1B,gBAAgB,KAAK,aAAa,EAAE;KACpC,SAAS,YAAY,MAAM;AACzB,cAAQ,GAAR;OACE,KAAK,EACH,QAAO;OACT,KAAK,EACH,QAAO;OACT,KAAK,EACH,QAAO;OACT,KAAK,EACH,QAAO;OACT,KAAK,EACH,QAAO;OACT,KAAK,EACH,QAAO;OACT,QACE,QAAO,GAAG,IAAI,EAAE;;QAEnB,EAAE,CAAA;KACN,EAAE;IACJ;AAKD,GAHA,EAAe,WAAW,EAAQ,EAGlC,KAAK,qBAAqB,EAAQ,KAAI,MAAK,EAAE,OAAO;;EAGtD,aAAa;AAEX,GAAI,KAAK,sBACP,KAAK,mBAAmB,SAAQ,MAAO;AACrC,MAAe,cAAc,EAAI;KACjC;;EAQP;CACF,CAAC"}

package/dist/components/studentInputs/TrueFalse.mjs

@@ -0,0 +1,19 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./TrueFalse.vue_vue_type_script_lang.mjs";
+import { createElementBlock as n, createVNode as r, openBlock as i, resolveComponent as a } from "vue";
+//#region src/components/studentInputs/TrueFalse.vue
+var o = { "data-viewable": "TrueFalse" };
+function _sfc_render(e, t, s, c, l, u) {
+	let d = a("RadioMultipleChoice");
+	return i(), n("div", o, [r(d, {
+		"choice-list": ["True", "False"],
+		MouseTrap: e.MouseTrap,
+		submit: e.submit
+	}, null, 8, ["MouseTrap", "submit"])]);
+}
+var s = /* @__PURE__ */ e(t, [["render", _sfc_render]]);
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=TrueFalse.mjs.map

package/dist/components/studentInputs/TrueFalse.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrueFalse.mjs","names":[],"sources":["../../../src/components/studentInputs/TrueFalse.vue"],"sourcesContent":["<template>\n  <div data-viewable=\"TrueFalse\">\n    <RadioMultipleChoice :choice-list=\"['True', 'False']\" :MouseTrap=\"MouseTrap\" :submit=\"submit\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\nimport RadioMultipleChoice from './RadioMultipleChoice.vue';\n\nexport default defineComponent({\n  name: 'TrueFalse',\n  components: {\n    RadioMultipleChoice,\n  },\n  props: {\n    MouseTrap: {\n      type: Object as PropType<any>,\n      required: true,\n    },\n    submit: {\n      type: Function as PropType<(selection: number) => void>,\n      required: true,\n    },\n  },\n});\n</script>\n"],"mappings":";;;;;UACO,iBAAc,aAAW;;;aAA9B,EAEM,OAFN,GAEM,CADJ,EAAgG,GAAA;EAA1E,eAAa,CAAA,QAAA,QAAiB;EAAG,WAAW,EAAA;EAAY,QAAQ,EAAA"}

package/dist/components/studentInputs/TrueFalse.vue_vue_type_script_lang.mjs

@@ -0,0 +1,21 @@
+import e from "./RadioMultipleChoice.mjs";
+import { defineComponent as t } from "vue";
+//#region src/components/studentInputs/TrueFalse.vue?vue&type=script&lang.ts
+var n = t({
+	name: "TrueFalse",
+	components: { RadioMultipleChoice: e },
+	props: {
+		MouseTrap: {
+			type: Object,
+			required: !0
+		},
+		submit: {
+			type: Function,
+			required: !0
+		}
+	}
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=TrueFalse.vue_vue_type_script_lang.mjs.map

package/dist/components/studentInputs/TrueFalse.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrueFalse.vue_vue_type_script_lang.mjs","names":[],"sources":["../../../src/components/studentInputs/TrueFalse.vue"],"sourcesContent":["<template>\n  <div data-viewable=\"TrueFalse\">\n    <RadioMultipleChoice :choice-list=\"['True', 'False']\" :MouseTrap=\"MouseTrap\" :submit=\"submit\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\nimport RadioMultipleChoice from './RadioMultipleChoice.vue';\n\nexport default defineComponent({\n  name: 'TrueFalse',\n  components: {\n    RadioMultipleChoice,\n  },\n  props: {\n    MouseTrap: {\n      type: Object as PropType<any>,\n      required: true,\n    },\n    submit: {\n      type: Function as PropType<(selection: number) => void>,\n      required: true,\n    },\n  },\n});\n</script>\n"],"mappings":";;;AAUA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CACN,YAAY,EACV,qBAAA,GACD;CACD,OAAO;EACL,WAAW;GACT,MAAM;GACN,UAAU;GACX;EACD,QAAQ;GACN,MAAM;GACN,UAAU;GACX;EACF;CACF,CAAC"}

package/dist/components/studentInputs/UserInputNumber.mjs

@@ -0,0 +1,33 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./UserInputNumber.vue_vue_type_script_lang.mjs";
+/* empty css                                                                 */
+import { createBlock as n, createVNode as r, openBlock as i, resolveComponent as a, withCtx as o, withKeys as s } from "vue";
+//#region src/components/studentInputs/UserInputNumber.vue
+function _sfc_render(e, t, c, l, u, d) {
+	let f = a("v-text-field"), p = a("v-container");
+	return i(), n(p, { class: "pa-0" }, {
+		default: o(() => [r(f, {
+			ref: "input",
+			modelValue: e.answer,
+			"onUpdate:modelValue": t[0] || (t[0] = (t) => e.answer = t),
+			"prepend-icon": "edit",
+			autofocus: e.autofocus,
+			"row-height": "24",
+			"toggle-keys": "[13,32]",
+			class: "text-h5",
+			rules: [e.isNumeric],
+			onKeyup: t[1] || (t[1] = s((t) => e.submitAnswer(e.makeNumeric(e.answer)), ["enter"]))
+		}, null, 8, [
+			"modelValue",
+			"autofocus",
+			"rules"
+		])]),
+		_: 1
+	});
+}
+var c = /* @__PURE__ */ e(t, [["render", _sfc_render], ["__scopeId", "data-v-a56dcd1c"]]);
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=UserInputNumber.mjs.map

package/dist/components/studentInputs/UserInputNumber.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserInputNumber.mjs","names":[],"sources":["../../../src/components/studentInputs/UserInputNumber.vue"],"sourcesContent":["<template>\n  <v-container class=\"pa-0\">\n    <v-text-field\n      ref=\"input\"\n      v-model=\"answer\"\n      prepend-icon=\"edit\"\n      :autofocus=\"autofocus\"\n      row-height=\"24\"\n      toggle-keys=\"[13,32]\"\n      class=\"text-h5\"\n      :rules=\"[isNumeric]\"\n      @keyup.enter=\"submitAnswer(makeNumeric(answer))\"\n    ></v-text-field>\n  </v-container>\n</template>\n\n<script lang=\"ts\">\nimport { Answer } from '@vue-skuilder/common';\nimport UserInput from './BaseUserInput';\nimport { defineComponent } from 'vue';\n\ntype InputNumberRefs = {\n  input: HTMLInputElement;\n};\n\ntype InputNumberInstance = ReturnType<typeof defineComponent> & {\n  $refs: InputNumberRefs;\n};\n\nexport default defineComponent({\n  name: 'UserInputNumber',\n\n  ref: {} as InputNumberRefs,\n\n  extends: UserInput,\n\n  methods: {\n    mounted(this: InputNumberInstance) {\n      this.$refs.input.focus();\n    },\n\n    isNumeric(s: string): boolean {\n      return !isNaN(Number.parseFloat(s));\n    },\n\n    makeNumeric(num: Answer): number {\n      if (typeof num === 'string') {\n        return Number.parseFloat(num);\n      } else {\n        throw new Error('Expected a string, got ' + typeof num);\n      }\n    },\n  },\n});\n</script>\n\n<style scoped>\n.userInput {\n  border: none;\n  text-align: center;\n  border-bottom: 1px black;\n}\n</style>\n"],"mappings":";;;;;;;;aACE,EAYc,GAAA,EAZD,OAAM,QAAM,EAAA;EAD3B,SAAA,QAYoB,CAVhB,EAUgB,GAAA;GATd,KAAI;GAHV,YAIe,EAAA;GAJf,uBAAA,EAAA,OAAA,EAAA,MAAA,MAAA,EAIe,SAAM;GACf,gBAAa;GACZ,WAAW,EAAA;GACZ,cAAW;GACX,eAAY;GACZ,OAAM;GACL,OAAK,CAAG,EAAA,UAAS;GACjB,SAAK,EAAA,OAAA,EAAA,KAXZ,GAAA,MAWoB,EAAA,aAAa,EAAA,YAAY,EAAA,OAAM,CAAA,EAAA,CAAA,QAAA,CAAA;;;;;;EAXnD,GAAA"}

package/dist/components/studentInputs/UserInputNumber.vue_vue_type_script_lang.mjs

@@ -0,0 +1,25 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import e from "./BaseUserInput.mjs";
+import { defineComponent as t } from "vue";
+//#region src/components/studentInputs/UserInputNumber.vue?vue&type=script&lang.ts
+var n = t({
+	name: "UserInputNumber",
+	ref: {},
+	extends: e,
+	methods: {
+		mounted() {
+			this.$refs.input.focus();
+		},
+		isNumeric(e) {
+			return !isNaN(Number.parseFloat(e));
+		},
+		makeNumeric(e) {
+			if (typeof e == "string") return Number.parseFloat(e);
+			throw Error("Expected a string, got " + typeof e);
+		}
+	}
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=UserInputNumber.vue_vue_type_script_lang.mjs.map

package/dist/components/studentInputs/UserInputNumber.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserInputNumber.vue_vue_type_script_lang.mjs","names":[],"sources":["../../../src/components/studentInputs/UserInputNumber.vue"],"sourcesContent":["<template>\n  <v-container class=\"pa-0\">\n    <v-text-field\n      ref=\"input\"\n      v-model=\"answer\"\n      prepend-icon=\"edit\"\n      :autofocus=\"autofocus\"\n      row-height=\"24\"\n      toggle-keys=\"[13,32]\"\n      class=\"text-h5\"\n      :rules=\"[isNumeric]\"\n      @keyup.enter=\"submitAnswer(makeNumeric(answer))\"\n    ></v-text-field>\n  </v-container>\n</template>\n\n<script lang=\"ts\">\nimport { Answer } from '@vue-skuilder/common';\nimport UserInput from './BaseUserInput';\nimport { defineComponent } from 'vue';\n\ntype InputNumberRefs = {\n  input: HTMLInputElement;\n};\n\ntype InputNumberInstance = ReturnType<typeof defineComponent> & {\n  $refs: InputNumberRefs;\n};\n\nexport default defineComponent({\n  name: 'UserInputNumber',\n\n  ref: {} as InputNumberRefs,\n\n  extends: UserInput,\n\n  methods: {\n    mounted(this: InputNumberInstance) {\n      this.$refs.input.focus();\n    },\n\n    isNumeric(s: string): boolean {\n      return !isNaN(Number.parseFloat(s));\n    },\n\n    makeNumeric(num: Answer): number {\n      if (typeof num === 'string') {\n        return Number.parseFloat(num);\n      } else {\n        throw new Error('Expected a string, got ' + typeof num);\n      }\n    },\n  },\n});\n</script>\n\n<style scoped>\n.userInput {\n  border: none;\n  text-align: center;\n  border-bottom: 1px black;\n}\n</style>\n"],"mappings":";;;;AA6BA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CAEN,KAAK,EAAC;CAEN,SAAS;CAET,SAAS;EACP,UAAmC;AACjC,QAAK,MAAM,MAAM,OAAO;;EAG1B,UAAU,GAAoB;AAC5B,UAAO,CAAC,MAAM,OAAO,WAAW,EAAE,CAAC;;EAGrC,YAAY,GAAqB;AAC/B,OAAI,OAAO,KAAQ,SACjB,QAAO,OAAO,WAAW,EAAI;AAE7B,SAAU,MAAM,4BAA4B,OAAO,EAAI;;EAG5D;CACF,CAAC"}

package/dist/components/studentInputs/UserInputString.mjs

@@ -0,0 +1,22 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./UserInputString.vue_vue_type_script_lang.mjs";
+/* empty css                                                                 */
+import { createElementBlock as n, createElementVNode as r, openBlock as i, vModelText as a, withDirectives as o, withKeys as s } from "vue";
+//#region src/components/studentInputs/UserInputString.vue
+var c = { class: "user-input-container" }, l = ["autofocus"];
+function _sfc_render(e, t, u, d, f, p) {
+	return i(), n("span", c, [o(r("input", {
+		"onUpdate:modelValue": t[0] || (t[0] = (t) => e.answer = t),
+		autofocus: e.autofocus,
+		type: "text",
+		class: "user-input-string",
+		ref: "input",
+		onKeyup: t[1] || (t[1] = s((t) => e.submitAnswer(e.answer), ["enter"]))
+	}, null, 40, l), [[a, e.answer]])]);
+}
+var u = /* @__PURE__ */ e(t, [["render", _sfc_render], ["__scopeId", "data-v-aa14961f"]]);
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=UserInputString.mjs.map

package/dist/components/studentInputs/UserInputString.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserInputString.mjs","names":[],"sources":["../../../src/components/studentInputs/UserInputString.vue"],"sourcesContent":["<template>\n  <span class=\"user-input-container\">\n    <input\n      v-model=\"answer\"\n      :autofocus=\"autofocus\"\n      type=\"text\"\n      class=\"user-input-string\"\n      ref=\"input\"\n      @keyup.enter=\"submitAnswer(answer)\"\n    />\n  </span>\n</template>\n\n<script lang=\"ts\">\n// @compositionstart=\"onCompositionStart\"\n// @compositionend=\"onCompositionEnd\"\nimport UserInput from './BaseUserInput';\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({\n  name: 'UserInputString',\n  extends: UserInput,\n\n  props: {\n    icon: {\n      type: Boolean,\n      required: false,\n    },\n  },\n\n  computed: {\n    prependIcon(): string {\n      return this.icon ? 'edit' : '';\n    },\n  },\n\n  mounted() {\n    (this.$refs.input as HTMLInputElement)?.focus();\n  },\n\n  methods: {\n    // debugInput(e: Event) {\n    //   const target = e.target as HTMLInputElement;\n    //   console.log('Input event:', {\n    //     value: target.value,\n    //     currentAnswer: this.answer,\n    //     target,\n    //   });\n    // },\n    // debugKeyup(e: KeyboardEvent) {\n    //   const target = e.target as HTMLInputElement;\n    //   console.log('Keyup event:', {\n    //     key: e.key,\n    //     value: target.value,\n    //     currentAnswer: this.answer,\n    //     target,\n    //   });\n    // },\n  },\n});\n</script>\n\n<style scoped>\n.user-input-container {\n  display: inline-block;\n  min-width: 6em;\n  vertical-align: baseline;\n}\n\n.user-input-string {\n  display: inline-block;\n  background: transparent;\n  border: none;\n  border-bottom: 1px solid currentColor;\n  color: currentColor;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  padding: 0;\n  margin: 0;\n  text-align: center;\n  width: 100%;\n  outline: none;\n}\n\n.user-input-string:focus {\n  border-bottom: 2px solid currentColor;\n}\n</style>\n"],"mappings":";;;;;;UACQ,OAAM,wBAAsB,MADpC,CAAA,YAAA;;aACE,EASO,QATP,GASO,CAAA,EARL,EAOE,SAAA;EATN,uBAAA,EAAA,OAAA,EAAA,MAAA,MAAA,EAGe,SAAM;EACd,WAAW,EAAA;EACZ,MAAK;EACL,OAAM;EACN,KAAI;EACH,SAAK,EAAA,OAAA,EAAA,KARZ,GAAA,MAQoB,EAAA,aAAa,EAAA,OAAM,EAAA,CAAA,QAAA,CAAA;cARvC,EAAA,EAAA,CAAA,CAAA,GAGe,EAAA,OAAM,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/studentInputs/UserInputString.vue_vue_type_script_lang.mjs

@@ -0,0 +1,23 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import e from "./BaseUserInput.mjs";
+import { defineComponent as t } from "vue";
+//#region src/components/studentInputs/UserInputString.vue?vue&type=script&lang.ts
+var n = t({
+	name: "UserInputString",
+	extends: e,
+	props: { icon: {
+		type: Boolean,
+		required: !1
+	} },
+	computed: { prependIcon() {
+		return this.icon ? "edit" : "";
+	} },
+	mounted() {
+		this.$refs.input?.focus();
+	},
+	methods: {}
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=UserInputString.vue_vue_type_script_lang.mjs.map

package/dist/components/studentInputs/UserInputString.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserInputString.vue_vue_type_script_lang.mjs","names":[],"sources":["../../../src/components/studentInputs/UserInputString.vue"],"sourcesContent":["<template>\n  <span class=\"user-input-container\">\n    <input\n      v-model=\"answer\"\n      :autofocus=\"autofocus\"\n      type=\"text\"\n      class=\"user-input-string\"\n      ref=\"input\"\n      @keyup.enter=\"submitAnswer(answer)\"\n    />\n  </span>\n</template>\n\n<script lang=\"ts\">\n// @compositionstart=\"onCompositionStart\"\n// @compositionend=\"onCompositionEnd\"\nimport UserInput from './BaseUserInput';\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({\n  name: 'UserInputString',\n  extends: UserInput,\n\n  props: {\n    icon: {\n      type: Boolean,\n      required: false,\n    },\n  },\n\n  computed: {\n    prependIcon(): string {\n      return this.icon ? 'edit' : '';\n    },\n  },\n\n  mounted() {\n    (this.$refs.input as HTMLInputElement)?.focus();\n  },\n\n  methods: {\n    // debugInput(e: Event) {\n    //   const target = e.target as HTMLInputElement;\n    //   console.log('Input event:', {\n    //     value: target.value,\n    //     currentAnswer: this.answer,\n    //     target,\n    //   });\n    // },\n    // debugKeyup(e: KeyboardEvent) {\n    //   const target = e.target as HTMLInputElement;\n    //   console.log('Keyup event:', {\n    //     key: e.key,\n    //     value: target.value,\n    //     currentAnswer: this.answer,\n    //     target,\n    //   });\n    // },\n  },\n});\n</script>\n\n<style scoped>\n.user-input-container {\n  display: inline-block;\n  min-width: 6em;\n  vertical-align: baseline;\n}\n\n.user-input-string {\n  display: inline-block;\n  background: transparent;\n  border: none;\n  border-bottom: 1px solid currentColor;\n  color: currentColor;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  padding: 0;\n  margin: 0;\n  text-align: center;\n  width: 100%;\n  outline: none;\n}\n\n.user-input-string:focus {\n  border-bottom: 2px solid currentColor;\n}\n</style>\n"],"mappings":";;;;AAmBA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CACN,SAAS;CAET,OAAO,EACL,MAAM;EACJ,MAAM;EACN,UAAU;EACX,EACF;CAED,UAAU,EACR,cAAsB;AACpB,SAAO,KAAK,OAAO,SAAS;IAE/B;CAED,UAAU;AACP,OAAK,MAAM,OAA4B,OAAO;;CAGjD,SAAS,EAkBR;CACF,CAAC"}

package/dist/components/studentInputs/fillInInput.mjs

@@ -0,0 +1,25 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./fillInInput.vue_vue_type_script_lang.mjs";
+/* empty css                                                             */
+import { createBlock as n, createElementBlock as r, openBlock as i, resolveComponent as a } from "vue";
+//#region src/components/studentInputs/fillInInput.vue
+var o = {
+	key: 0,
+	class: "text-h5 underline"
+};
+function _sfc_render(e, t, s, c, l, u) {
+	let d = a("user-input-string");
+	return e.radioType ? (i(), r("span", o, "\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0")) : (i(), n(d, {
+		key: 1,
+		id: "input",
+		icon: !1,
+		type: "text",
+		value: e.processedText
+	}, null, 8, ["value"]));
+}
+var s = /* @__PURE__ */ e(t, [["render", _sfc_render], ["__scopeId", "data-v-486ac035"]]);
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=fillInInput.mjs.map

package/dist/components/studentInputs/fillInInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fillInInput.mjs","names":[],"sources":["../../../src/components/studentInputs/fillInInput.vue"],"sourcesContent":["<template>\n  <span v-if=\"radioType\" class=\"text-h5 underline\"\n    >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span\n  >\n  <user-input-string v-else id=\"input\" :icon=\"false\" type=\"text\" :value=\"processedText\" />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, onMounted } from 'vue';\nimport UserInputString from './UserInputString.vue';\n\nexport default defineComponent({\n  name: 'FillInInput',\n\n  components: {\n    UserInputString,\n  },\n\n  props: {\n    text: {\n      type: String,\n      required: true,\n    },\n  },\n\n  setup(props) {\n    // State\n    const inputType = ref<'text' | 'radio'>('text');\n    const processedText = ref('');\n\n    // Computed\n    const radioType = computed(() => {\n      return props.text.split('||').length > 1;\n    });\n\n    // Process text on mount\n    onMounted(() => {\n      console.log(`fillinCreated w/ text: ${props.text}`);\n\n      // Remove mustache syntax\n      processedText.value = props.text.substring(2, props.text.length - 2);\n\n      console.log(`fillin text trimmed to: ${processedText.value}`);\n\n      const split = processedText.value.split('||');\n      if (split.length > 1) {\n        inputType.value = 'radio';\n      }\n    });\n\n    return {\n      inputType,\n      radioType,\n      processedText,\n    };\n  },\n});\n</script>\n\n<style scoped>\n#input {\n  display: inline-block;\n  min-width: 4em;\n  text-align: center;\n}\n\n.underline {\n  text-decoration: underline;\n  text-decoration-style: solid 14px;\n}\n</style>\n"],"mappings":";;;;;;;CAAA,KAAA;CACyB,OAAM;;;;QAAjB,EAAA,aAAA,GAAA,EAAZ,EAEC,QAFD,GACG,uDAA8E,KAAA,GAAA,EAEjF,EAAwF,GAAA;EAJ1F,KAAA;EAI4B,IAAG;EAAS,MAAM;EAAO,MAAK;EAAQ,OAAO,EAAA"}

package/dist/components/studentInputs/fillInInput.vue_vue_type_script_lang.mjs

@@ -0,0 +1,26 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import e from "./UserInputString.mjs";
+import { computed as t, defineComponent as n, onMounted as r, ref as i } from "vue";
+//#region src/components/studentInputs/fillInInput.vue?vue&type=script&lang.ts
+var a = n({
+	name: "FillInInput",
+	components: { UserInputString: e },
+	props: { text: {
+		type: String,
+		required: !0
+	} },
+	setup(e) {
+		let n = i("text"), a = i(""), o = t(() => e.text.split("||").length > 1);
+		return r(() => {
+			console.log(`fillinCreated w/ text: ${e.text}`), a.value = e.text.substring(2, e.text.length - 2), console.log(`fillin text trimmed to: ${a.value}`), a.value.split("||").length > 1 && (n.value = "radio");
+		}), {
+			inputType: n,
+			radioType: o,
+			processedText: a
+		};
+	}
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=fillInInput.vue_vue_type_script_lang.mjs.map

package/dist/components/studentInputs/fillInInput.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fillInInput.vue_vue_type_script_lang.mjs","names":[],"sources":["../../../src/components/studentInputs/fillInInput.vue"],"sourcesContent":["<template>\n  <span v-if=\"radioType\" class=\"text-h5 underline\"\n    >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span\n  >\n  <user-input-string v-else id=\"input\" :icon=\"false\" type=\"text\" :value=\"processedText\" />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, onMounted } from 'vue';\nimport UserInputString from './UserInputString.vue';\n\nexport default defineComponent({\n  name: 'FillInInput',\n\n  components: {\n    UserInputString,\n  },\n\n  props: {\n    text: {\n      type: String,\n      required: true,\n    },\n  },\n\n  setup(props) {\n    // State\n    const inputType = ref<'text' | 'radio'>('text');\n    const processedText = ref('');\n\n    // Computed\n    const radioType = computed(() => {\n      return props.text.split('||').length > 1;\n    });\n\n    // Process text on mount\n    onMounted(() => {\n      console.log(`fillinCreated w/ text: ${props.text}`);\n\n      // Remove mustache syntax\n      processedText.value = props.text.substring(2, props.text.length - 2);\n\n      console.log(`fillin text trimmed to: ${processedText.value}`);\n\n      const split = processedText.value.split('||');\n      if (split.length > 1) {\n        inputType.value = 'radio';\n      }\n    });\n\n    return {\n      inputType,\n      radioType,\n      processedText,\n    };\n  },\n});\n</script>\n\n<style scoped>\n#input {\n  display: inline-block;\n  min-width: 4em;\n  text-align: center;\n}\n\n.underline {\n  text-decoration: underline;\n  text-decoration-style: solid 14px;\n}\n</style>\n"],"mappings":";;;;AAWA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CAEN,YAAY,EACV,iBAAA,GACD;CAED,OAAO,EACL,MAAM;EACJ,MAAM;EACN,UAAU;EACX,EACF;CAED,MAAM,GAAO;EAEX,IAAM,IAAY,EAAsB,OAAO,EACzC,IAAgB,EAAI,GAAG,EAGvB,IAAY,QACT,EAAM,KAAK,MAAM,KAAK,CAAC,SAAS,EACvC;AAiBF,SAdA,QAAgB;AASd,GARA,QAAQ,IAAI,0BAA0B,EAAM,OAAO,EAGnD,EAAc,QAAQ,EAAM,KAAK,UAAU,GAAG,EAAM,KAAK,SAAS,EAAE,EAEpE,QAAQ,IAAI,2BAA2B,EAAc,QAAQ,EAE/C,EAAc,MAAM,MAAM,KAAK,CACnC,SAAS,MACjB,EAAU,QAAQ;IAEpB,EAEK;GACL;GACA;GACA;GACD;;CAEJ,CAAC"}

package/dist/composables/CompositionViewable.mjs

@@ -0,0 +1,65 @@
+import "../_virtual/_rolldown/runtime.mjs";
+import { customRef as e, ref as t } from "vue";
+import n from "moment";
+//#region src/composables/CompositionViewable.ts
+function useViewable(r, i, a) {
+	let o = t(n.utc()), s = t([]), c = {
+		log: (e, ...t) => console.log(`[${a}]: `, e, ...t),
+		error: (e, ...t) => console.error(`[${a}]: `, e, ...t),
+		warn: (e, ...t) => console.warn(`[${a}]: `, e, ...t)
+	}, l = e(() => ({
+		get: () => Math.abs(n.utc().diff(o.value, "milliseconds")),
+		set: () => {}
+	})), getURL = (e, t = 0) => {
+		try {
+			if (r.data[t]?.[e]) return URL.createObjectURL(r.data[t][e]);
+		} catch (t) {
+			c.error("Error creating URL for item:", e, t);
+		}
+		return "";
+	}, emitResponse = (e) => {
+		i("emitResponse", e);
+	};
+	return {
+		startTime: o,
+		hotKeys: s,
+		timeSpent: l,
+		logger: c,
+		getURL,
+		emitResponse
+	};
+}
+function useQuestionView(e) {
+	let n = t(0), r = t(0), i = t([]), a = t(3), o = t(2), s = t(), submitAnswer = (t, n, a) => {
+		if (e.logger.log("submitAnswer called..."), !s.value) throw Error("Question not initialized");
+		i.value.push([t, n ?? ""]);
+		let o = e.timeSpent.value, c = s.value.evaluate(t, o);
+		e.logger.log(`evaluation of answer ${t}:`, c);
+		let l = {
+			...c,
+			priorAttemps: r.value,
+			courseID: "",
+			cardID: "",
+			timeSpent: o,
+			timeStamp: e.startTime.value,
+			userAnswer: t
+		};
+		return a?.deferAdvance !== void 0 && (l.deferAdvance = a.deferAdvance), c.isCorrect || r.value++, e.emitResponse(l), l;
+	};
+	return {
+		priorSessionViews: n,
+		priorAttempts: r,
+		priorAnswers: i,
+		maxAttemptsPerView: a,
+		maxSessionViews: o,
+		question: s,
+		submitAnswer
+	};
+}
+function isQuestionView(e) {
+	return typeof e == "object" && !!e && "submitAnswer" in e && "priorAttempts" in e;
+}
+//#endregion
+export { isQuestionView, useQuestionView, useViewable };
+
+//# sourceMappingURL=CompositionViewable.mjs.map