@vue-skuilder/common-ui 0.2.34 → 0.2.36

package/dist/components/cardRendering/CardViewer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardViewer.mjs","names":[],"sources":["../../../src/components/cardRendering/CardViewer.vue"],"sourcesContent":["<template>\n  <!-- Frameless mode: direct render -->\n  <component\n    v-if=\"frameless\"\n    :is=\"view\"\n    ref=\"activeView\"\n    :key=\"course_id + '-' + card_id + '-' + sessionOrder\"\n    :data=\"data\"\n    :modify-difficulty=\"user_elo.global.score - card_elo\"\n    class=\"cardView\"\n    @emit-response=\"processResponse($event)\"\n    @request-replan=\"$emit('requestReplan', $event)\"\n    @ready-to-advance=\"$emit('readyToAdvance')\"\n  />\n\n  <!-- Traditional mode: v-card wrapper -->\n  <v-card v-else elevation=\"12\">\n    <component\n      :is=\"view\"\n      ref=\"activeView\"\n      :key=\"course_id + '-' + card_id + '-' + sessionOrder\"\n      :data=\"data\"\n      :modify-difficulty=\"user_elo.global.score - card_elo\"\n      class=\"cardView ma-2 pa-2\"\n      @emit-response=\"processResponse($event)\"\n      @request-replan=\"$emit('requestReplan', $event)\"\n      @ready-to-advance=\"$emit('readyToAdvance')\"\n    />\n  </v-card>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\nimport { CardRecord } from '@vue-skuilder/db';\nimport { CourseElo, ViewData } from '@vue-skuilder/common';\nimport { ViewComponent } from '../../composables';\n\ninterface CardViewerRefs {\n  activeView: ViewComponent;\n}\n\nexport default defineComponent({\n  name: 'CardViewer',\n\n  ref: {} as CardViewerRefs,\n\n  props: {\n    sessionOrder: {\n      type: Number,\n      required: false,\n      default: 0,\n    },\n    card_id: {\n      type: String as () => PouchDB.Core.DocumentId,\n      required: true,\n      default: '',\n    },\n    course_id: {\n      type: String,\n      required: true,\n      default: '',\n    },\n    view: {\n      type: [Function, Object] as PropType<ViewComponent>,\n      required: true,\n    },\n    data: {\n      type: Array as () => ViewData[],\n      required: true,\n    },\n    user_elo: {\n      type: Object as () => CourseElo,\n      default: () => ({\n        global: {\n          score: 1000,\n          count: 0,\n        },\n        tags: {},\n        misc: {},\n      }),\n    },\n    card_elo: {\n      type: Number,\n      default: 1000,\n    },\n    frameless: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: ['emitResponse', 'requestReplan', 'readyToAdvance'],\n\n  methods: {\n    processResponse(r: CardRecord): void {\n      console.log(`\n        Card was displayed at ${r.timeStamp}\n        User spent ${r.timeSpent} milliseconds with the card.\n        `);\n      this.$emit('emitResponse', r);\n    },\n  },\n});\n</script>\n\n<style scoped>\n.cardView {\n  padding: 15px;\n  border-radius: 8px;\n}\n\n</style>\n"],"mappings":";;;;;;;;QAGU,EAAA,aAAA,GAAA,EADR,EAWE,EATK,EAAA,KAAI,EAAA;EACT,KAAI;EACH,KAAK,EAAA,YAAS,MAAS,EAAA,UAAO,MAAS,EAAA;EACvC,MAAM,EAAA;EACN,qBAAmB,EAAA,SAAS,OAAO,QAAQ,EAAA;EAC5C,OAAM;EACL,gBAAa,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,gBAAgB,EAAM;EACrC,iBAAc,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,iBAAkB,EAAM;EAC7C,kBAAgB,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,iBAAA;sDAI1B,EAYS,GAAA;EA5BX,KAAA;EAgBiB,WAAU;;EAhB3B,SAAA,QA2BM,EAAA,GAAA,EAVF,EAUE,EATK,EAAA,KAAI,EAAA;GACT,KAAI;GACH,KAAK,EAAA,YAAS,MAAS,EAAA,UAAO,MAAS,EAAA;GACvC,MAAM,EAAA;GACN,qBAAmB,EAAA,SAAS,OAAO,QAAQ,EAAA;GAC5C,OAAM;GACL,gBAAa,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,gBAAgB,EAAM;GACrC,iBAAc,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,iBAAkB,EAAM;GAC7C,kBAAgB,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,iBAAA;;EA1B9B,GAAA"}

package/dist/components/cardRendering/CardViewer.vue_vue_type_script_lang.mjs

@@ -0,0 +1,66 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import { defineComponent as e } from "vue";
+//#region src/components/cardRendering/CardViewer.vue?vue&type=script&lang.ts
+var t = e({
+	name: "CardViewer",
+	ref: {},
+	props: {
+		sessionOrder: {
+			type: Number,
+			required: !1,
+			default: 0
+		},
+		card_id: {
+			type: String,
+			required: !0,
+			default: ""
+		},
+		course_id: {
+			type: String,
+			required: !0,
+			default: ""
+		},
+		view: {
+			type: [Function, Object],
+			required: !0
+		},
+		data: {
+			type: Array,
+			required: !0
+		},
+		user_elo: {
+			type: Object,
+			default: () => ({
+				global: {
+					score: 1e3,
+					count: 0
+				},
+				tags: {},
+				misc: {}
+			})
+		},
+		card_elo: {
+			type: Number,
+			default: 1e3
+		},
+		frameless: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"emitResponse",
+		"requestReplan",
+		"readyToAdvance"
+	],
+	methods: { processResponse(e) {
+		console.log(`
+        Card was displayed at ${e.timeStamp}
+        User spent ${e.timeSpent} milliseconds with the card.
+        `), this.$emit("emitResponse", e);
+	} }
+});
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=CardViewer.vue_vue_type_script_lang.mjs.map

package/dist/components/cardRendering/CardViewer.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardViewer.vue_vue_type_script_lang.mjs","names":[],"sources":["../../../src/components/cardRendering/CardViewer.vue"],"sourcesContent":["<template>\n  <!-- Frameless mode: direct render -->\n  <component\n    v-if=\"frameless\"\n    :is=\"view\"\n    ref=\"activeView\"\n    :key=\"course_id + '-' + card_id + '-' + sessionOrder\"\n    :data=\"data\"\n    :modify-difficulty=\"user_elo.global.score - card_elo\"\n    class=\"cardView\"\n    @emit-response=\"processResponse($event)\"\n    @request-replan=\"$emit('requestReplan', $event)\"\n    @ready-to-advance=\"$emit('readyToAdvance')\"\n  />\n\n  <!-- Traditional mode: v-card wrapper -->\n  <v-card v-else elevation=\"12\">\n    <component\n      :is=\"view\"\n      ref=\"activeView\"\n      :key=\"course_id + '-' + card_id + '-' + sessionOrder\"\n      :data=\"data\"\n      :modify-difficulty=\"user_elo.global.score - card_elo\"\n      class=\"cardView ma-2 pa-2\"\n      @emit-response=\"processResponse($event)\"\n      @request-replan=\"$emit('requestReplan', $event)\"\n      @ready-to-advance=\"$emit('readyToAdvance')\"\n    />\n  </v-card>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\nimport { CardRecord } from '@vue-skuilder/db';\nimport { CourseElo, ViewData } from '@vue-skuilder/common';\nimport { ViewComponent } from '../../composables';\n\ninterface CardViewerRefs {\n  activeView: ViewComponent;\n}\n\nexport default defineComponent({\n  name: 'CardViewer',\n\n  ref: {} as CardViewerRefs,\n\n  props: {\n    sessionOrder: {\n      type: Number,\n      required: false,\n      default: 0,\n    },\n    card_id: {\n      type: String as () => PouchDB.Core.DocumentId,\n      required: true,\n      default: '',\n    },\n    course_id: {\n      type: String,\n      required: true,\n      default: '',\n    },\n    view: {\n      type: [Function, Object] as PropType<ViewComponent>,\n      required: true,\n    },\n    data: {\n      type: Array as () => ViewData[],\n      required: true,\n    },\n    user_elo: {\n      type: Object as () => CourseElo,\n      default: () => ({\n        global: {\n          score: 1000,\n          count: 0,\n        },\n        tags: {},\n        misc: {},\n      }),\n    },\n    card_elo: {\n      type: Number,\n      default: 1000,\n    },\n    frameless: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: ['emitResponse', 'requestReplan', 'readyToAdvance'],\n\n  methods: {\n    processResponse(r: CardRecord): void {\n      console.log(`\n        Card was displayed at ${r.timeStamp}\n        User spent ${r.timeSpent} milliseconds with the card.\n        `);\n      this.$emit('emitResponse', r);\n    },\n  },\n});\n</script>\n\n<style scoped>\n.cardView {\n  padding: 15px;\n  border-radius: 8px;\n}\n\n</style>\n"],"mappings":";;;AAyCA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CAEN,KAAK,EAAC;CAEN,OAAO;EACL,cAAc;GACZ,MAAM;GACN,UAAU;GACV,SAAS;GACV;EACD,SAAS;GACP,MAAM;GACN,UAAU;GACV,SAAS;GACV;EACD,WAAW;GACT,MAAM;GACN,UAAU;GACV,SAAS;GACV;EACD,MAAM;GACJ,MAAM,CAAC,UAAU,OAAM;GACvB,UAAU;GACX;EACD,MAAM;GACJ,MAAM;GACN,UAAU;GACX;EACD,UAAU;GACR,MAAM;GACN,gBAAgB;IACd,QAAQ;KACN,OAAO;KACP,OAAO;KACR;IACD,MAAM,EAAE;IACR,MAAM,EAAE;IACT;GACF;EACD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EACD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAO;EAAC;EAAgB;EAAiB;EAAiB;CAE1D,SAAS,EACP,gBAAgB,GAAqB;AAKnC,EAJA,QAAQ,IAAI;gCACc,EAAE,UAAS;qBACtB,EAAE,UAAS;UACtB,EACJ,KAAK,MAAM,gBAAgB,EAAE;IAEhC;CACF,CAAC"}

package/dist/components/cardRendering/CodeBlockRenderer.mjs

@@ -0,0 +1,8 @@
+import e from "./CodeBlockRenderer.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                   */
+//#region src/components/cardRendering/CodeBlockRenderer.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=CodeBlockRenderer.mjs.map

package/dist/components/cardRendering/CodeBlockRenderer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockRenderer.mjs","names":[],"sources":["../../../src/components/cardRendering/CodeBlockRenderer.vue"],"sourcesContent":["<template>\n  <div class=\"code-block-wrapper pa-2\">\n    <div class=\"language-indicator\" v-if=\"language\">{{ language }}</div>\n    <highlightjs :language=\"language\" :code=\"code\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport hljs from 'highlight.js/lib/core';\nimport hljsVuePlugin from '@highlightjs/vue-plugin';\nimport { getCurrentInstance } from 'vue';\n\n// Import only the languages you need\nimport javascript from 'highlight.js/lib/languages/javascript';\nimport typescript from 'highlight.js/lib/languages/typescript';\nimport css from 'highlight.js/lib/languages/css';\nimport html from 'highlight.js/lib/languages/xml';\nimport bash from 'highlight.js/lib/languages/bash';\nimport json from 'highlight.js/lib/languages/json';\nimport go from 'highlight.js/lib/languages/go';\nimport python from 'highlight.js/lib/languages/python';\n\n// Register languages\nhljs.registerLanguage('js', javascript);\nhljs.registerLanguage('javascript', javascript);\nhljs.registerLanguage('ts', typescript);\nhljs.registerLanguage('typescript', typescript);\nhljs.registerLanguage('css', css);\nhljs.registerLanguage('html', html);\nhljs.registerLanguage('bash', bash);\nhljs.registerLanguage('sh', bash);\nhljs.registerLanguage('json', json);\nhljs.registerLanguage('go', go);\nhljs.registerLanguage('golang', go);\nhljs.registerLanguage('python', python);\n\n// Get access to the current component instance\nconst instance = getCurrentInstance();\nif (instance) {\n  // Register the component locally\n  instance.appContext.app.component('highlightjs', hljsVuePlugin.component);\n}\n\ndefineProps({\n  code: {\n    type: String,\n    required: true,\n  },\n  language: {\n    type: String,\n    default: '',\n  },\n});\n</script>\n\n<style>\n/* Import a highlight.js theme */\n@import 'highlight.js/styles/github.css';\n\n.code-block-wrapper {\n  margin: 1rem 0;\n  border-radius: 4px;\n  background-color: #f6f8fa;\n  overflow: auto;\n  position: relative;\n}\n\n.language-indicator {\n  position: absolute;\n  top: 8px;\n  right: 10px;\n  padding: 2px 8px;\n  font-size: 0.75rem;\n  color: #666;\n  background-color: rgba(255, 255, 255, 0.7);\n  border-radius: 4px;\n  z-index: 1;\n  font-family: monospace;\n  text-transform: lowercase;\n}\n</style>\n"],"mappings":""}

package/dist/components/cardRendering/CodeBlockRenderer.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,44 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import { createCommentVNode as e, createElementBlock as t, createVNode as n, defineComponent as r, getCurrentInstance as i, openBlock as a, resolveComponent as o, toDisplayString as s } from "vue";
+import c from "highlight.js/lib/core";
+import l from "@highlightjs/vue-plugin";
+import u from "highlight.js/lib/languages/javascript";
+import d from "highlight.js/lib/languages/typescript";
+import f from "highlight.js/lib/languages/css";
+import p from "highlight.js/lib/languages/xml";
+import m from "highlight.js/lib/languages/bash";
+import h from "highlight.js/lib/languages/json";
+import g from "highlight.js/lib/languages/go";
+import _ from "highlight.js/lib/languages/python";
+//#region src/components/cardRendering/CodeBlockRenderer.vue?vue&type=script&setup=true&lang.ts
+var v = { class: "code-block-wrapper pa-2" }, y = {
+	key: 0,
+	class: "language-indicator"
+}, b = /* @__PURE__ */ r({
+	__name: "CodeBlockRenderer",
+	props: {
+		code: {
+			type: String,
+			required: !0
+		},
+		language: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(r) {
+		c.registerLanguage("js", u), c.registerLanguage("javascript", u), c.registerLanguage("ts", d), c.registerLanguage("typescript", d), c.registerLanguage("css", f), c.registerLanguage("html", p), c.registerLanguage("bash", m), c.registerLanguage("sh", m), c.registerLanguage("json", h), c.registerLanguage("go", g), c.registerLanguage("golang", g), c.registerLanguage("python", _);
+		let b = i();
+		return b && b.appContext.app.component("highlightjs", l.component), (i, c) => {
+			let l = o("highlightjs");
+			return a(), t("div", v, [r.language ? (a(), t("div", y, s(r.language), 1)) : e("", !0), n(l, {
+				language: r.language,
+				code: r.code
+			}, null, 8, ["language", "code"])]);
+		};
+	}
+});
+//#endregion
+export { b as default };
+
+//# sourceMappingURL=CodeBlockRenderer.vue_vue_type_script_setup_true_lang.mjs.map

package/dist/components/cardRendering/CodeBlockRenderer.vue_vue_type_script_setup_true_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockRenderer.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../src/components/cardRendering/CodeBlockRenderer.vue"],"sourcesContent":["<template>\n  <div class=\"code-block-wrapper pa-2\">\n    <div class=\"language-indicator\" v-if=\"language\">{{ language }}</div>\n    <highlightjs :language=\"language\" :code=\"code\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport hljs from 'highlight.js/lib/core';\nimport hljsVuePlugin from '@highlightjs/vue-plugin';\nimport { getCurrentInstance } from 'vue';\n\n// Import only the languages you need\nimport javascript from 'highlight.js/lib/languages/javascript';\nimport typescript from 'highlight.js/lib/languages/typescript';\nimport css from 'highlight.js/lib/languages/css';\nimport html from 'highlight.js/lib/languages/xml';\nimport bash from 'highlight.js/lib/languages/bash';\nimport json from 'highlight.js/lib/languages/json';\nimport go from 'highlight.js/lib/languages/go';\nimport python from 'highlight.js/lib/languages/python';\n\n// Register languages\nhljs.registerLanguage('js', javascript);\nhljs.registerLanguage('javascript', javascript);\nhljs.registerLanguage('ts', typescript);\nhljs.registerLanguage('typescript', typescript);\nhljs.registerLanguage('css', css);\nhljs.registerLanguage('html', html);\nhljs.registerLanguage('bash', bash);\nhljs.registerLanguage('sh', bash);\nhljs.registerLanguage('json', json);\nhljs.registerLanguage('go', go);\nhljs.registerLanguage('golang', go);\nhljs.registerLanguage('python', python);\n\n// Get access to the current component instance\nconst instance = getCurrentInstance();\nif (instance) {\n  // Register the component locally\n  instance.appContext.app.component('highlightjs', hljsVuePlugin.component);\n}\n\ndefineProps({\n  code: {\n    type: String,\n    required: true,\n  },\n  language: {\n    type: String,\n    default: '',\n  },\n});\n</script>\n\n<style>\n/* Import a highlight.js theme */\n@import 'highlight.js/styles/github.css';\n\n.code-block-wrapper {\n  margin: 1rem 0;\n  border-radius: 4px;\n  background-color: #f6f8fa;\n  overflow: auto;\n  position: relative;\n}\n\n.language-indicator {\n  position: absolute;\n  top: 8px;\n  right: 10px;\n  padding: 2px 8px;\n  font-size: 0.75rem;\n  color: #666;\n  background-color: rgba(255, 255, 255, 0.7);\n  border-radius: 4px;\n  z-index: 1;\n  font-family: monospace;\n  text-transform: lowercase;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,EAXA,EAAK,iBAAiB,MAAM,EAAW,EACvC,EAAK,iBAAiB,cAAc,EAAW,EAC/C,EAAK,iBAAiB,MAAM,EAAW,EACvC,EAAK,iBAAiB,cAAc,EAAW,EAC/C,EAAK,iBAAiB,OAAO,EAAI,EACjC,EAAK,iBAAiB,QAAQ,EAAK,EACnC,EAAK,iBAAiB,QAAQ,EAAK,EACnC,EAAK,iBAAiB,MAAM,EAAK,EACjC,EAAK,iBAAiB,QAAQ,EAAK,EACnC,EAAK,iBAAiB,MAAM,EAAG,EAC/B,EAAK,iBAAiB,UAAU,EAAG,EACnC,EAAK,iBAAiB,UAAU,EAAO;EAGvC,IAAM,IAAW,GAAoB;SACjC,KAEF,EAAS,WAAW,IAAI,UAAU,eAAe,EAAc,UAAU"}

package/dist/components/cardRendering/MarkdownRenderer.mjs

@@ -0,0 +1,21 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./MarkdownRenderer.vue_vue_type_script_lang.mjs";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, openBlock as o, renderList as s, resolveComponent as c } from "vue";
+//#region src/components/cardRendering/MarkdownRenderer.vue
+function _sfc_render(e, t, l, u, d, f) {
+	let p = c("md-token-renderer"), m = c("audio-auto-player");
+	return o(), a("div", null, [(o(!0), a(n, null, s(e.tokens, (t, n) => (o(), a("span", { key: n }, [t.type ? (o(), r(p, {
+		key: 0,
+		token: t,
+		last: n === e.tokens.length - 1
+	}, null, 8, ["token", "last"])) : t.audio ? (o(), r(m, {
+		key: 1,
+		src: t.audio
+	}, null, 8, ["src"])) : i("", !0)]))), 128))]);
+}
+var l = /* @__PURE__ */ e(t, [["render", _sfc_render]]);
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=MarkdownRenderer.mjs.map

package/dist/components/cardRendering/MarkdownRenderer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.mjs","names":[],"sources":["../../../src/components/cardRendering/MarkdownRenderer.vue"],"sourcesContent":["<template>\n  <div>\n    <!-- <v-textarea v-if=\"testRoute\" v-model=\"md\" variant=\"outlined\" label=\"Type Here\" name=\"name\" /> -->\n    <span v-for=\"(token, i) in tokens\" :key=\"i\">\n      <md-token-renderer v-if=\"token.type\" :token=\"token\" :last=\"i === tokens.length - 1\" />\n      <audio-auto-player v-else-if=\"token.audio\" :src=\"token.audio\" />\n      <!-- // [ ] insert img display here.  \"if token.image ? (also see if the audio aboke is functional)\" -->\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\nimport MdTokenRenderer from './MdTokenRenderer.vue';\nimport AudioAutoPlayer from './AudioAutoPlayer.vue';\nimport * as marked from 'marked';\n\ntype SkldrToken =\n  | marked.Token\n  | {\n      type: false;\n      audio: string;\n    };\n\n// Using Options API with mixin\nexport default defineComponent({\n  name: 'MarkdownRenderer',\n  components: {\n    MdTokenRenderer,\n    AudioAutoPlayer,\n  },\n  props: {\n    md: {\n      type: String as PropType<string>,\n      required: true,\n    },\n  },\n  computed: {\n    tokens(): SkldrToken[] {\n      return marked.lexer(this.md);\n    },\n  },\n});\n</script>\n\n<style lang=\"css\" scoped></style>\n"],"mappings":";;;;;;;aACE,EAOM,OAAA,MAAA,EAAA,EAAA,GAAA,EALJ,EAIO,GAAA,MAPX,EAG+B,EAAA,SAAb,GAAO,YAArB,EAIO,QAAA,EAJ6B,KAAK,GAAC,EAAA,CACf,EAAM,QAAA,GAAA,EAA/B,EAAsF,GAAA;EAJ5F,KAAA;EAImD;EAAQ,MAAM,MAAM,EAAA,OAAO,SAAM;mCAChD,EAAM,SAAA,GAAA,EAApC,EAAgE,GAAA;EALtE,KAAA;EAKkD,KAAK,EAAM;yBAL7D,EAAA,IAAA,GAAA,CAAA,CAAA"}

package/dist/components/cardRendering/MarkdownRenderer.vue_vue_type_script_lang.mjs

@@ -0,0 +1,24 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import e from "./AudioAutoPlayer.mjs";
+import t from "./MdTokenRenderer.mjs";
+import { defineComponent as n } from "vue";
+import * as r from "marked";
+//#region src/components/cardRendering/MarkdownRenderer.vue?vue&type=script&lang.ts
+var i = n({
+	name: "MarkdownRenderer",
+	components: {
+		MdTokenRenderer: t,
+		AudioAutoPlayer: e
+	},
+	props: { md: {
+		type: String,
+		required: !0
+	} },
+	computed: { tokens() {
+		return r.lexer(this.md);
+	} }
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=MarkdownRenderer.vue_vue_type_script_lang.mjs.map

package/dist/components/cardRendering/MarkdownRenderer.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.vue_vue_type_script_lang.mjs","names":[],"sources":["../../../src/components/cardRendering/MarkdownRenderer.vue"],"sourcesContent":["<template>\n  <div>\n    <!-- <v-textarea v-if=\"testRoute\" v-model=\"md\" variant=\"outlined\" label=\"Type Here\" name=\"name\" /> -->\n    <span v-for=\"(token, i) in tokens\" :key=\"i\">\n      <md-token-renderer v-if=\"token.type\" :token=\"token\" :last=\"i === tokens.length - 1\" />\n      <audio-auto-player v-else-if=\"token.audio\" :src=\"token.audio\" />\n      <!-- // [ ] insert img display here.  \"if token.image ? (also see if the audio aboke is functional)\" -->\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\nimport MdTokenRenderer from './MdTokenRenderer.vue';\nimport AudioAutoPlayer from './AudioAutoPlayer.vue';\nimport * as marked from 'marked';\n\ntype SkldrToken =\n  | marked.Token\n  | {\n      type: false;\n      audio: string;\n    };\n\n// Using Options API with mixin\nexport default defineComponent({\n  name: 'MarkdownRenderer',\n  components: {\n    MdTokenRenderer,\n    AudioAutoPlayer,\n  },\n  props: {\n    md: {\n      type: String as PropType<string>,\n      required: true,\n    },\n  },\n  computed: {\n    tokens(): SkldrToken[] {\n      return marked.lexer(this.md);\n    },\n  },\n});\n</script>\n\n<style lang=\"css\" scoped></style>\n"],"mappings":";;;;;;AAyBA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CACN,YAAY;EACV,iBAAA;EACA,iBAAA;EACD;CACD,OAAO,EACL,IAAI;EACF,MAAM;EACN,UAAU;EACX,EACF;CACD,UAAU,EACR,SAAuB;AACrB,SAAO,EAAO,MAAM,KAAK,GAAG;IAE/B;CACF,CAAC"}

package/dist/components/cardRendering/MarkdownRendererHelpers.mjs

@@ -0,0 +1,79 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import * as e from "marked";
+//#region src/components/cardRendering/MarkdownRendererHelpers.ts
+function splitByDelimiters(e, t, n) {
+	if (e.length === 0) return [];
+	let r = [], i = e.indexOf(t), a = e.indexOf(n, i);
+	if (i >= 0 && a > i) r.push(e.substring(0, i)), r.push(e.substring(i, a + n.length)), r = r.concat(splitByDelimiters(e.substring(a + n.length), t, n));
+	else return [e];
+	return r;
+}
+function stripTrailingNewlines(e) {
+	return e.replace(/[\r\n]+$/, "");
+}
+function splitTextToken(e) {
+	if (containsComponent(e)) {
+		let t = splitByDelimiters(stripTrailingNewlines(e.text), "{{", "}}"), n = splitByDelimiters(stripTrailingNewlines(e.raw), "{{", "}}");
+		if (t.length === n.length) return t.map((e, r) => ({
+			type: "text",
+			text: t[r],
+			raw: n[r]
+		}));
+		throw Error("Error parsing markdown");
+	} else return [e];
+}
+function splitParagraphToken(t) {
+	let n = [];
+	if (containsComponent(t)) {
+		let r = splitByDelimiters(stripTrailingNewlines(t.text), "{{", "}}"), i = splitByDelimiters(stripTrailingNewlines(t.raw), "{{", "}}");
+		if (r.length === i.length) {
+			for (let t = 0; t < r.length; t++) {
+				let a = {
+					type: "text",
+					text: r[t],
+					raw: i[t]
+				};
+				isComponent(a) ? n.push(a) : e.lexer(i[t]).forEach((e) => {
+					e.type === "paragraph" ? n = n.concat(e.tokens) : n.push(e);
+				});
+			}
+			return n;
+		} else throw Error("Error parsing Markdown");
+	} else n.push(t);
+	return n;
+}
+function containsComponent(e) {
+	if (e.type === "text" || e.type === "paragraph") {
+		let t = e.raw.indexOf("{{"), n = e.raw.indexOf("}}");
+		return t !== -1 && n !== -1 && n > t;
+	} else return !1;
+}
+function isComponent(e) {
+	return e.type === "text" && e.text.startsWith("{{") && e.text.endsWith("}}");
+}
+function parseComponentSyntax(e) {
+	if (e.length > 1e4) return null;
+	let t = e.match(/^\{\{\s*<([\w-]+)((?:\s+[\w-]+="[^"]*")*)\s*\/>\s*\}\}$/);
+	if (!t) return null;
+	let n = t[1], r = t[2], i = {};
+	if (r) {
+		let e = /\s+([\w-]+)="([^"]*)"/g, t;
+		for (; (t = e.exec(r)) !== null;) i[t[1]] = t[2];
+	}
+	return {
+		componentName: n,
+		props: i
+	};
+}
+function isInlineComponent(e) {
+	if (e.length > 1e4) return !1;
+	let t = e.trim();
+	return /^<[\w-]+(?:\s+[\w-]+="[^"]*")*\s*\/?>$/.test(t);
+}
+function parseComponentToken(e) {
+	return parseComponentSyntax("text" in e ? e.text : "raw" in e ? e.raw : "");
+}
+//#endregion
+export { containsComponent, isComponent, isInlineComponent, parseComponentSyntax, parseComponentToken, splitByDelimiters, splitParagraphToken, splitTextToken };
+
+//# sourceMappingURL=MarkdownRendererHelpers.mjs.map

package/dist/components/cardRendering/MarkdownRendererHelpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRendererHelpers.mjs","names":[],"sources":["../../../src/components/cardRendering/MarkdownRendererHelpers.ts"],"sourcesContent":["import { MarkedToken, Tokens } from 'marked';\nimport * as marked from 'marked';\n\n/**\n * recursively splits text according to the passed delimiters.\n *\n * eg: (\"abcde\", \"b\", \"d\")   => [\"a\", \"bcd\", \"e\"]\n *     (\"a[b][c]\", \"[\", \"]\") => [\"a\", \"[b]\", \"[c]\"]\n *\n * it does not check that the delimiters are well formed in the text\n * @param text the text to be split\n * @param l the left delimiter\n * @param r the right delimiter\n * @returns the split result\n */\nexport function splitByDelimiters(text: string, l: string, r: string): string[] {\n  if (text.length === 0) return [];\n\n  let ret: string[] = [];\n\n  const left = text.indexOf(l);\n  const right = text.indexOf(r, left);\n\n  if (left >= 0 && right > left) {\n    // pre-delimited characters\n    ret.push(text.substring(0, left));\n    // delimited section\n    ret.push(text.substring(left, right + r.length));\n    // recurse on remaining text\n    ret = ret.concat(splitByDelimiters(text.substring(right + r.length), l, r));\n  } else {\n    return [text];\n  }\n\n  return ret;\n}\n\n/** Strip trailing newline characters (but not spaces/tabs) from a string. */\nfunction stripTrailingNewlines(text: string): string {\n  return text.replace(/[\\r\\n]+$/, '');\n}\n\nexport function splitTextToken(token: Tokens.Text): Tokens.Text[] {\n  if (containsComponent(token)) {\n    // See splitParagraphToken: normalize trailing newlines (only) to neutralize\n    // marked's text/raw asymmetry without disturbing trailing spaces.\n    const textChunks = splitByDelimiters(stripTrailingNewlines(token.text), '{{', '}}');\n    const rawChunks = splitByDelimiters(stripTrailingNewlines(token.raw), '{{', '}}');\n\n    if (textChunks.length === rawChunks.length) {\n      return textChunks.map((_c, i) => {\n        return {\n          type: 'text',\n          text: textChunks[i],\n          raw: rawChunks[i],\n        };\n      });\n    } else {\n      throw new Error(`Error parsing markdown`);\n    }\n  } else {\n    return [token];\n  }\n}\n\nexport type TokenOrComponent = MarkedToken | { type: 'component'; raw: string };\n\nexport function splitParagraphToken(token: Tokens.Paragraph): TokenOrComponent[] {\n  let ret: MarkedToken[] = [];\n\n  if (containsComponent(token)) {\n    // marked strips a trailing newline from token.text but keeps it on token.raw.\n    // When a blank/component is the last token, that asymmetry gives raw an extra\n    // trailing chunk, tripping the length check below and throwing. Strip trailing\n    // newlines (only) from both so the splits stay parallel. We must NOT strip\n    // trailing spaces: a trailing-space chunk is the documented workaround that\n    // keeps a final component from being treated as `last` (see MdTokenRenderer).\n    const textChunks = splitByDelimiters(stripTrailingNewlines(token.text), '{{', '}}');\n    const rawChunks = splitByDelimiters(stripTrailingNewlines(token.raw), '{{', '}}');\n    if (textChunks.length === rawChunks.length) {\n      for (let i = 0; i < textChunks.length; i++) {\n        const textToken = {\n          type: 'text',\n          text: textChunks[i],\n          raw: rawChunks[i],\n        } as Tokens.Text;\n\n        if (isComponent(textToken)) {\n          ret.push(textToken);\n        } else {\n          marked.lexer(rawChunks[i]).forEach((t) => {\n            if (t.type === 'paragraph') {\n              ret = ret.concat(t.tokens as MarkedToken[]);\n            } else {\n              ret.push(t as MarkedToken);\n            }\n          });\n        }\n      }\n      return ret;\n    } else {\n      throw new Error(`Error parsing Markdown`);\n    }\n  } else {\n    ret.push(token);\n  }\n  return ret;\n}\n\nexport function containsComponent(token: MarkedToken) {\n  if (token.type === 'text' || token.type === 'paragraph') {\n    const opening = token.raw.indexOf('{{');\n    const closing = token.raw.indexOf('}}');\n\n    if (opening !== -1 && closing !== -1 && closing > opening) {\n      return true;\n    } else {\n      return false;\n    }\n  } else {\n    return false;\n  }\n}\n\nexport function isComponent(token: MarkedToken) {\n  return token.type === 'text' && token.text.startsWith('{{') && token.text.endsWith('}}');\n}\n\n/**\n * Parses inline component syntax from a string\n * @param text - String containing component syntax, e.g., \"{{ <badge /> }}\" or \" <badge prop=\"value\" /> \"\n * @returns Object with componentName and props, or null if not valid component syntax\n *\n * @example\n * parseComponentSyntax(\"{{ <badge /> }}\") // { componentName: 'badge', props: {} }\n * parseComponentSyntax(\"{{ <chessBoard fen=\\\"...\\\" size=\\\"large\\\" /> }}\") // { componentName: 'chessBoard', props: { fen: '...', size: 'large' } }\n * parseComponentSyntax(\"{{ Paris }}\") // null (not a component)\n */\nexport function parseComponentSyntax(text: string): {\n  componentName: string;\n  props: Record<string, string>;\n} | null {\n  // Guard against excessively long input (prevents ReDoS attacks)\n  if (text.length > 10000) {\n    return null;\n  }\n\n  // Simplified regex to avoid catastrophic backtracking\n  // Captures component name and all attributes as a single string\n  const match = text.match(/^\\{\\{\\s*<([\\w-]+)((?:\\s+[\\w-]+=\"[^\"]*\")*)\\s*\\/>\\s*\\}\\}$/);\n\n  if (!match) {\n    return null;\n  }\n\n  const componentName = match[1]; // e.g., \"badge\", \"chessBoard\"\n  const attrsString = match[2]; // e.g., ' fen=\"...\" size=\"large\"'\n  const props: Record<string, string> = {};\n\n  if (attrsString) {\n    // Parse attributes: requires space before each attribute\n    // More specific pattern reduces backtracking potential\n    const attrRegex = /\\s+([\\w-]+)=\"([^\"]*)\"/g;\n    let attrMatch;\n\n    while ((attrMatch = attrRegex.exec(attrsString)) !== null) {\n      props[attrMatch[1]] = attrMatch[2];\n    }\n  }\n\n  return { componentName, props };\n}\n\n/**\n * Checks if delimited content (content between {{ }}) is an inline component vs a fillIn blank\n * @param delimitedContent - Content between {{ and }}, e.g., \" <badge /> \" or \"Paris\" or \" choice1 || choice2 \"\n * @returns true if this is an inline component, false if it's a fillIn blank\n *\n * @example\n * isInlineComponent(\"<badge />\") // true\n * isInlineComponent(\"<chessBoard fen=\\\"...\\\" />\") // true\n * isInlineComponent(\"Paris\") // false (fillIn blank)\n * isInlineComponent(\"choice || alt1 | alt2\") // false (fillIn with options)\n */\nexport function isInlineComponent(delimitedContent: string): boolean {\n  // Guard against excessively long input (prevents ReDoS attacks)\n  if (delimitedContent.length > 10000) {\n    return false;\n  }\n\n  const trimmed = delimitedContent.trim();\n  // Simplified regex to avoid catastrophic backtracking\n  // Non-capturing group with possessive-like behavior\n  return /^<[\\w-]+(?:\\s+[\\w-]+=\"[^\"]*\")*\\s*\\/?>$/.test(trimmed);\n}\n\n/**\n * Parses component syntax from a MarkedToken\n * Convenience wrapper around parseComponentSyntax for token-based usage\n * @param token - MarkedToken with text or raw property\n * @returns Object with componentName and props, or null if not valid component syntax\n */\nexport function parseComponentToken(token: MarkedToken): {\n  componentName: string;\n  props: Record<string, string>;\n} | null {\n  const text = ('text' in token ? token.text : 'raw' in token ? token.raw : '') as string;\n  return parseComponentSyntax(text);\n}\n"],"mappings":";;;AAeA,SAAgB,kBAAkB,GAAc,GAAW,GAAqB;AAC9E,KAAI,EAAK,WAAW,EAAG,QAAO,EAAE;CAEhC,IAAI,IAAgB,EAAE,EAEhB,IAAO,EAAK,QAAQ,EAAE,EACtB,IAAQ,EAAK,QAAQ,GAAG,EAAK;AAEnC,KAAI,KAAQ,KAAK,IAAQ,EAMvB,CAJA,EAAI,KAAK,EAAK,UAAU,GAAG,EAAK,CAAC,EAEjC,EAAI,KAAK,EAAK,UAAU,GAAM,IAAQ,EAAE,OAAO,CAAC,EAEhD,IAAM,EAAI,OAAO,kBAAkB,EAAK,UAAU,IAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;KAE3E,QAAO,CAAC,EAAK;AAGf,QAAO;;AAIT,SAAS,sBAAsB,GAAsB;AACnD,QAAO,EAAK,QAAQ,YAAY,GAAG;;AAGrC,SAAgB,eAAe,GAAmC;AAChE,KAAI,kBAAkB,EAAM,EAAE;EAG5B,IAAM,IAAa,kBAAkB,sBAAsB,EAAM,KAAK,EAAE,MAAM,KAAK,EAC7E,IAAY,kBAAkB,sBAAsB,EAAM,IAAI,EAAE,MAAM,KAAK;AAEjF,MAAI,EAAW,WAAW,EAAU,OAClC,QAAO,EAAW,KAAK,GAAI,OAClB;GACL,MAAM;GACN,MAAM,EAAW;GACjB,KAAK,EAAU;GAChB,EACD;AAEF,QAAU,MAAM,yBAAyB;OAG3C,QAAO,CAAC,EAAM;;AAMlB,SAAgB,oBAAoB,GAA6C;CAC/E,IAAI,IAAqB,EAAE;AAE3B,KAAI,kBAAkB,EAAM,EAAE;EAO5B,IAAM,IAAa,kBAAkB,sBAAsB,EAAM,KAAK,EAAE,MAAM,KAAK,EAC7E,IAAY,kBAAkB,sBAAsB,EAAM,IAAI,EAAE,MAAM,KAAK;AACjF,MAAI,EAAW,WAAW,EAAU,QAAQ;AAC1C,QAAK,IAAI,IAAI,GAAG,IAAI,EAAW,QAAQ,KAAK;IAC1C,IAAM,IAAY;KAChB,MAAM;KACN,MAAM,EAAW;KACjB,KAAK,EAAU;KAChB;AAED,IAAI,YAAY,EAAU,GACxB,EAAI,KAAK,EAAU,GAEnB,EAAO,MAAM,EAAU,GAAG,CAAC,SAAS,MAAM;AACxC,KAAI,EAAE,SAAS,cACb,IAAM,EAAI,OAAO,EAAE,OAAwB,GAE3C,EAAI,KAAK,EAAiB;MAE5B;;AAGN,UAAO;QAEP,OAAU,MAAM,yBAAyB;OAG3C,GAAI,KAAK,EAAM;AAEjB,QAAO;;AAGT,SAAgB,kBAAkB,GAAoB;AACpD,KAAI,EAAM,SAAS,UAAU,EAAM,SAAS,aAAa;EACvD,IAAM,IAAU,EAAM,IAAI,QAAQ,KAAK,EACjC,IAAU,EAAM,IAAI,QAAQ,KAAK;AAKrC,SAHE,MAAY,MAAM,MAAY,MAAM,IAAU;OAMlD,QAAO;;AAIX,SAAgB,YAAY,GAAoB;AAC9C,QAAO,EAAM,SAAS,UAAU,EAAM,KAAK,WAAW,KAAK,IAAI,EAAM,KAAK,SAAS,KAAK;;AAa1F,SAAgB,qBAAqB,GAG5B;AAEP,KAAI,EAAK,SAAS,IAChB,QAAO;CAKT,IAAM,IAAQ,EAAK,MAAM,0DAA0D;AAEnF,KAAI,CAAC,EACH,QAAO;CAGT,IAAM,IAAgB,EAAM,IACtB,IAAc,EAAM,IACpB,IAAgC,EAAE;AAExC,KAAI,GAAa;EAGf,IAAM,IAAY,0BACd;AAEJ,UAAQ,IAAY,EAAU,KAAK,EAAY,MAAM,MACnD,GAAM,EAAU,MAAM,EAAU;;AAIpC,QAAO;EAAE;EAAe;EAAO;;AAcjC,SAAgB,kBAAkB,GAAmC;AAEnE,KAAI,EAAiB,SAAS,IAC5B,QAAO;CAGT,IAAM,IAAU,EAAiB,MAAM;AAGvC,QAAO,yCAAyC,KAAK,EAAQ;;AAS/D,SAAgB,oBAAoB,GAG3B;AAEP,QAAO,qBADO,UAAU,IAAQ,EAAM,OAAO,SAAS,IAAQ,EAAM,MAAM,GACzC"}

package/dist/components/cardRendering/MdTokenRenderer.mjs

@@ -0,0 +1,9 @@
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./MdTokenRenderer.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                                 */
+//#region src/components/cardRendering/MdTokenRenderer.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-de3eebd6"]]);
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=MdTokenRenderer.mjs.map

package/dist/components/cardRendering/MdTokenRenderer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MdTokenRenderer.mjs","names":[],"sources":["../../../src/components/cardRendering/MdTokenRenderer.vue"],"sourcesContent":["<template>\n  <span v-if=\"isText(token)\">\n    <span v-if=\"!token.tokens || token.tokens.length === 0\">\n      <span v-if=\"isComponent(token)\">\n        <!--\n          KNOWN LIMITATION: Components cannot be the final token of the entire markdown document\n          The v-if=\"!last\" check prevents rendering when this is the last token overall\n          Components CAN be the last token in a paragraph (just not the whole document)\n          Reason unclear but necessary historically - Chesterton's Fence applies\n          Workaround: Add trailing whitespace, punctuation, or newline after component\n          See: \"MarkdownRenderer - Known Limitations\" test group\n        -->\n        <component\n          v-if=\"!last && getComponent(parsedComponent(token).is)\"\n          :is=\"getComponent(parsedComponent(token).is)\"\n          :text=\"parsedComponent(token).text\"\n          v-bind=\"parsedComponent(token).props\"\n        />\n        <span v-else-if=\"!last && !getComponent(parsedComponent(token).is)\" class=\"error--text\">\n          [Unknown component: {{ parsedComponent(token).is }}]\n        </span>\n      </span>\n      <span v-else-if=\"containsComponent(token)\">\n        <md-token-renderer v-for=\"(subTok, j) in splitTextToken(token)\" :key=\"j\" :token=\"subTok\" />\n      </span>\n      <span v-else>{{ decodeBasicEntities(token.text) }}</span>\n    </span>\n    <span v-else-if=\"token.tokens && token.tokens.length !== 0\">\n      <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n    </span>\n  </span>\n\n  <span v-else-if=\"token.type === 'heading'\">\n    <h1 v-if=\"token.depth === 1\" class=\"text-h2\">\n      <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n    </h1>\n    <h2 v-else-if=\"token.depth === 2\" class=\"text-h3\">\n      <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n    </h2>\n    <h3 v-else-if=\"token.depth === 3\" class=\"text-h4\">\n      <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n    </h3>\n    <h4 v-else-if=\"token.depth === 4\">\n      <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n    </h4>\n    <h5 v-else-if=\"token.depth === 5\">\n      <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n    </h5>\n    <h6 v-else-if=\"token.depth === 6\">\n      <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n    </h6>\n  </span>\n\n  <strong v-else-if=\"token.type === 'strong'\">\n    <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n  </strong>\n\n  <p v-else-if=\"token.type === 'paragraph'\" class=\"text-h5\">\n    <span v-if=\"containsComponent(token)\">\n      <md-token-renderer\n        v-for=\"(splitTok, j) in splitParagraphToken(token)\"\n        :key=\"j\"\n        :token=\"splitTok\"\n        :last=\"last && token.tokens.length === 1 && j === splitParagraphToken(token).length - 1\"\n      />\n    </span>\n    <template v-else>\n      <md-token-renderer\n        v-for=\"(subTok, j) in token.tokens\"\n        :key=\"j\"\n        :token=\"subTok\"\n        :last=\"last && token.tokens.length === 1\"\n      />\n    </template>\n  </p>\n\n  <a v-else-if=\"token.type === 'link'\" :href=\"token.href\" :title=\"token.title\">\n    <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n  </a>\n\n  <ul v-else-if=\"token.type === 'list' && token.ordered === false\">\n    <md-token-renderer v-for=\"(item, j) in token.items\" :key=\"j\" :token=\"item\" />\n  </ul>\n\n  <ol v-else-if=\"token.type === 'list' && token.ordered === true\">\n    <md-token-renderer v-for=\"(item, j) in token.items\" :key=\"j\" :token=\"item\" />\n  </ol>\n\n  <li v-else-if=\"token.type === 'list_item'\">\n    <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n  </li>\n\n  <img v-else-if=\"token.type === 'image'\" :src=\"token.href\" :alt=\"token.title\" />\n  <hr v-else-if=\"token.type === 'hr'\" />\n  <br v-else-if=\"token.type === 'br'\" />\n  <del v-else-if=\"token.type === 'del'\" />\n\n  <table v-else-if=\"token.type === 'table'\" :align=\"token.align\">\n    <thead>\n      <th v-for=\"(h, j) in token.header\" :key=\"j\">{{ h.text }}</th>\n    </thead>\n    <tbody>\n      <tr v-for=\"(row, r) in token.rows\" :key=\"r\">\n        <td v-for=\"(cell, c) in row\" :key=\"c\">{{ cell.text }}</td>\n      </tr>\n    </tbody>\n  </table>\n\n  <span v-else-if=\"token.type === 'html'\" v-html=\"token.raw\"></span>\n\n  <code-block-renderer v-else-if=\"token.type === 'code'\" :code=\"token.text\" :language=\"token.lang\" />\n  <!-- <highlightjs v-else-if=\"token.type === 'code'\" class=\"hljs_render pa-2\" :language=\"token.lang\" :code=\"token.text\" /> -->\n\n  <code v-else-if=\"token.type === 'codespan'\" class=\"codespan\" v-html=\"token.text\"></code>\n\n  <blockquote v-else-if=\"token.type === 'blockquote'\">\n    <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n  </blockquote>\n\n  <span v-else-if=\"token.type === 'escape'\">{{ token.text }}</span>\n\n  <em v-else-if=\"token.type === 'em'\">\n    <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n  </em>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  containsComponent as _containsComponent,\n  isComponent as _isComponent,\n  splitParagraphToken as _splitParagraphToken,\n  splitTextToken as _splitTextToken,\n  parseComponentSyntax,\n  TokenOrComponent,\n} from './MarkdownRendererHelpers';\nimport CodeBlockRenderer from './CodeBlockRenderer.vue';\nimport FillInInput from '../../components/studentInputs/fillInInput.vue';\nimport { MarkedToken, Tokens } from 'marked';\nimport { markRaw, inject } from 'vue';\nimport { PropType } from 'vue';\n\n// Inject custom components provided at app level (defaults to empty object)\nconst providedComponents = inject<Record<string, any>>('markdownComponents', {});\n\n// Register components to be used in the template\n// In Vue 3 with <script setup>, components used via :is must be explicitly registered\n// Merge built-in components with injected custom components\nconst components = {\n  fillIn: markRaw(FillInInput),\n  ...providedComponents,\n};\n\n// Define component props\ndefineProps({\n  token: {\n    type: Object as PropType<TokenOrComponent>,\n    required: true,\n  },\n  last: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n});\n\n// Methods\nfunction isComponent(token: MarkedToken): boolean {\n  return _isComponent(token);\n}\n\nfunction containsComponent(token: MarkedToken): boolean {\n  return _containsComponent(token);\n}\n\nfunction splitTextToken(token: MarkedToken): Tokens.Text[] {\n  return _splitTextToken(token);\n}\n\nfunction splitParagraphToken(token: Tokens.Paragraph): TokenOrComponent[] {\n  return _splitParagraphToken(token);\n}\n\nfunction parsedComponent(token: MarkedToken): {\n  is: string;\n  text: string;\n  props: Record<string, string>;\n} {\n  let text = '';\n  if ('text' in token && typeof token.text === 'string') {\n    text = token.text;\n  } else if ('raw' in token && typeof token.raw === 'string') {\n    text = token.raw;\n  }\n\n  // Try to parse as inline component syntax\n  const parsed = parseComponentSyntax(text);\n\n  if (parsed) {\n    // Successfully parsed as inline component\n    return {\n      is: parsed.componentName,\n      text: '',\n      props: parsed.props,\n    };\n  }\n\n  // Backward compatible: {{ }} or {{ || }} -> fillIn component\n  return {\n    is: 'fillIn',\n    text,\n    props: {},\n  };\n}\n\nfunction getComponent(componentName: string) {\n  const component = components[componentName as keyof typeof components];\n\n  if (!component) {\n    console.warn(\n      `[MarkdownRenderer] Unknown component: \"${componentName}\". Available components: ${Object.keys(components).join(', ')}`\n    );\n    return null;\n  }\n\n  return component;\n}\n\nfunction decodeBasicEntities(text: string): string {\n  return text\n    .replace(/&#39;/g, \"'\")\n    .replace(/&quot;/g, '\"')\n    .replace(/&amp;/g, '&')\n    .replace(/&lt;/g, '<')\n    .replace(/&gt;/g, '>');\n}\n\nfunction isText(tok: TokenOrComponent): boolean {\n  return (tok as any).inLink === undefined && tok.type === 'text';\n}\n\n// Make these functions and objects available to the template\ndefineExpose({\n  isComponent,\n  containsComponent,\n  splitTextToken,\n  splitParagraphToken,\n  parsedComponent,\n  decodeBasicEntities,\n  isText,\n  components,\n  getComponent,\n});\n</script>\n\n<style lang=\"css\" scoped>\nblockquote {\n  border-left: 3px teal solid;\n  padding-left: 8px;\n}\n\n.codespan {\n  padding-left: 3px;\n  padding-right: 3px;\n  margin-left: 1px;\n  margin-right: 1px;\n}\n\np {\n  margin-bottom: 15px;\n  margin-top: 15px;\n}\n</style>\n"],"mappings":""}

package/dist/components/cardRendering/MdTokenRenderer.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,176 @@
+import { __name as e } from "../../_virtual/_rolldown/runtime.mjs";
+import t from "../studentInputs/fillInInput.mjs";
+import { containsComponent as n, isComponent as r, parseComponentSyntax as i, splitParagraphToken as a, splitTextToken as o } from "./MarkdownRendererHelpers.mjs";
+import s from "./CodeBlockRenderer.mjs";
+import { Fragment as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, defineComponent as p, inject as ee, markRaw as m, mergeProps as h, openBlock as g, renderList as _, resolveComponent as v, resolveDynamicComponent as y, toDisplayString as b } from "vue";
+//#region src/components/cardRendering/MdTokenRenderer.vue?vue&type=script&setup=true&lang.ts
+var x = { key: 0 }, S = { key: 0 }, C = { key: 0 }, w = {
+	key: 1,
+	class: "error--text"
+}, T = { key: 1 }, E = { key: 2 }, D = { key: 1 }, O = { key: 1 }, k = {
+	key: 0,
+	class: "text-h2"
+}, A = {
+	key: 1,
+	class: "text-h3"
+}, j = {
+	key: 2,
+	class: "text-h4"
+}, M = { key: 3 }, N = { key: 4 }, te = { key: 5 }, P = { key: 2 }, F = {
+	key: 3,
+	class: "text-h5"
+}, I = { key: 0 }, L = ["href", "title"], R = { key: 5 }, z = { key: 6 }, B = { key: 7 }, V = ["src", "alt"], H = { key: 9 }, U = { key: 10 }, W = { key: 11 }, G = ["align"], K = ["innerHTML"], q = ["innerHTML"], J = { key: 16 }, Y = { key: 17 }, X = { key: 18 }, Z = /* @__PURE__ */ p({
+	__name: "MdTokenRenderer",
+	props: {
+		token: {
+			type: Object,
+			required: !0
+		},
+		last: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		}
+	},
+	setup(p, { expose: Z }) {
+		let Q = ee("markdownComponents", {}), $ = {
+			fillIn: m(t),
+			...Q
+		};
+		function isComponent$1(e) {
+			return r(e);
+		}
+		e(isComponent$1, "isComponent");
+		function containsComponent$1(e) {
+			return n(e);
+		}
+		e(containsComponent$1, "containsComponent");
+		function splitTextToken$1(e) {
+			return o(e);
+		}
+		e(splitTextToken$1, "splitTextToken");
+		function splitParagraphToken$1(e) {
+			return a(e);
+		}
+		e(splitParagraphToken$1, "splitParagraphToken");
+		function parsedComponent(e) {
+			let t = "";
+			"text" in e && typeof e.text == "string" ? t = e.text : "raw" in e && typeof e.raw == "string" && (t = e.raw);
+			let n = i(t);
+			return n ? {
+				is: n.componentName,
+				text: "",
+				props: n.props
+			} : {
+				is: "fillIn",
+				text: t,
+				props: {}
+			};
+		}
+		function getComponent(e) {
+			return $[e] || (console.warn(`[MarkdownRenderer] Unknown component: "${e}". Available components: ${Object.keys($).join(", ")}`), null);
+		}
+		function decodeBasicEntities(e) {
+			return e.replace(/&#39;/g, "'").replace(/&quot;/g, "\"").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">");
+		}
+		function isText(e) {
+			return e.inLink === void 0 && e.type === "text";
+		}
+		return Z({
+			isComponent: isComponent$1,
+			containsComponent: containsComponent$1,
+			splitTextToken: splitTextToken$1,
+			splitParagraphToken: splitParagraphToken$1,
+			parsedComponent,
+			decodeBasicEntities,
+			isText,
+			components: $,
+			getComponent
+		}), (e, t) => {
+			let n = v("md-token-renderer", !0);
+			return isText(p.token) ? (g(), d("span", x, [!p.token.tokens || p.token.tokens.length === 0 ? (g(), d("span", S, [isComponent$1(p.token) ? (g(), d("span", C, [!p.last && getComponent(parsedComponent(p.token).is) ? (g(), l(y(getComponent(parsedComponent(p.token).is)), h({
+				key: 0,
+				text: parsedComponent(p.token).text
+			}, parsedComponent(p.token).props), null, 16, ["text"])) : !p.last && !getComponent(parsedComponent(p.token).is) ? (g(), d("span", w, " [Unknown component: " + b(parsedComponent(p.token).is) + "] ", 1)) : u("", !0)])) : containsComponent$1(p.token) ? (g(), d("span", T, [(g(!0), d(c, null, _(splitTextToken$1(p.token), (e, t) => (g(), l(n, {
+				key: t,
+				token: e
+			}, null, 8, ["token"]))), 128))])) : (g(), d("span", E, b(decodeBasicEntities(p.token.text)), 1))])) : p.token.tokens && p.token.tokens.length !== 0 ? (g(), d("span", D, [(g(!0), d(c, null, _(p.token.tokens, (e, t) => (g(), l(n, {
+				key: t,
+				token: e
+			}, null, 8, ["token"]))), 128))])) : u("", !0)])) : p.token.type === "heading" ? (g(), d("span", O, [p.token.depth === 1 ? (g(), d("h1", k, [(g(!0), d(c, null, _(p.token.tokens, (e, t) => (g(), l(n, {
+				key: t,
+				token: e
+			}, null, 8, ["token"]))), 128))])) : p.token.depth === 2 ? (g(), d("h2", A, [(g(!0), d(c, null, _(p.token.tokens, (e, t) => (g(), l(n, {
+				key: t,
+				token: e
+			}, null, 8, ["token"]))), 128))])) : p.token.depth === 3 ? (g(), d("h3", j, [(g(!0), d(c, null, _(p.token.tokens, (e, t) => (g(), l(n, {
+				key: t,
+				token: e
+			}, null, 8, ["token"]))), 128))])) : p.token.depth === 4 ? (g(), d("h4", M, [(g(!0), d(c, null, _(p.token.tokens, (e, t) => (g(), l(n, {
+				key: t,
+				token: e
+			}, null, 8, ["token"]))), 128))])) : p.token.depth === 5 ? (g(), d("h5", N, [(g(!0), d(c, null, _(p.token.tokens, (e, t) => (g(), l(n, {
+				key: t,
+				token: e
+			}, null, 8, ["token"]))), 128))])) : p.token.depth === 6 ? (g(), d("h6", te, [(g(!0), d(c, null, _(p.token.tokens, (e, t) => (g(), l(n, {
+				key: t,
+				token: e
+			}, null, 8, ["token"]))), 128))])) : u("", !0)])) : p.token.type === "strong" ? (g(), d("strong", P, [(g(!0), d(c, null, _(p.token.tokens, (e, t) => (g(), l(n, {
+				key: t,
+				token: e
+			}, null, 8, ["token"]))), 128))])) : p.token.type === "paragraph" ? (g(), d("p", F, [containsComponent$1(p.token) ? (g(), d("span", I, [(g(!0), d(c, null, _(splitParagraphToken$1(p.token), (e, t) => (g(), l(n, {
+				key: t,
+				token: e,
+				last: p.last && p.token.tokens.length === 1 && t === splitParagraphToken$1(p.token).length - 1
+			}, null, 8, ["token", "last"]))), 128))])) : (g(!0), d(c, { key: 1 }, _(p.token.tokens, (e, t) => (g(), l(n, {
+				key: t,
+				token: e,
+				last: p.last && p.token.tokens.length === 1
+			}, null, 8, ["token", "last"]))), 128))])) : p.token.type === "link" ? (g(), d("a", {
+				key: 4,
+				href: p.token.href,
+				title: p.token.title
+			}, [(g(!0), d(c, null, _(p.token.tokens, (e, t) => (g(), l(n, {
+				key: t,
+				token: e
+			}, null, 8, ["token"]))), 128))], 8, L)) : p.token.type === "list" && p.token.ordered === !1 ? (g(), d("ul", R, [(g(!0), d(c, null, _(p.token.items, (e, t) => (g(), l(n, {
+				key: t,
+				token: e
+			}, null, 8, ["token"]))), 128))])) : p.token.type === "list" && p.token.ordered === !0 ? (g(), d("ol", z, [(g(!0), d(c, null, _(p.token.items, (e, t) => (g(), l(n, {
+				key: t,
+				token: e
+			}, null, 8, ["token"]))), 128))])) : p.token.type === "list_item" ? (g(), d("li", B, [(g(!0), d(c, null, _(p.token.tokens, (e, t) => (g(), l(n, {
+				key: t,
+				token: e
+			}, null, 8, ["token"]))), 128))])) : p.token.type === "image" ? (g(), d("img", {
+				key: 8,
+				src: p.token.href,
+				alt: p.token.title
+			}, null, 8, V)) : p.token.type === "hr" ? (g(), d("hr", H)) : p.token.type === "br" ? (g(), d("br", U)) : p.token.type === "del" ? (g(), d("del", W)) : p.token.type === "table" ? (g(), d("table", {
+				key: 12,
+				align: p.token.align
+			}, [f("thead", null, [(g(!0), d(c, null, _(p.token.header, (e, t) => (g(), d("th", { key: t }, b(e.text), 1))), 128))]), f("tbody", null, [(g(!0), d(c, null, _(p.token.rows, (e, t) => (g(), d("tr", { key: t }, [(g(!0), d(c, null, _(e, (e, t) => (g(), d("td", { key: t }, b(e.text), 1))), 128))]))), 128))])], 8, G)) : p.token.type === "html" ? (g(), d("span", {
+				key: 13,
+				innerHTML: p.token.raw
+			}, null, 8, K)) : p.token.type === "code" ? (g(), l(s, {
+				key: 14,
+				code: p.token.text,
+				language: p.token.lang
+			}, null, 8, ["code", "language"])) : p.token.type === "codespan" ? (g(), d("code", {
+				key: 15,
+				class: "codespan",
+				innerHTML: p.token.text
+			}, null, 8, q)) : p.token.type === "blockquote" ? (g(), d("blockquote", J, [(g(!0), d(c, null, _(p.token.tokens, (e, t) => (g(), l(n, {
+				key: t,
+				token: e
+			}, null, 8, ["token"]))), 128))])) : p.token.type === "escape" ? (g(), d("span", Y, b(p.token.text), 1)) : p.token.type === "em" ? (g(), d("em", X, [(g(!0), d(c, null, _(p.token.tokens, (e, t) => (g(), l(n, {
+				key: t,
+				token: e
+			}, null, 8, ["token"]))), 128))])) : u("", !0);
+		};
+	}
+});
+//#endregion
+export { Z as default };
+
+//# sourceMappingURL=MdTokenRenderer.vue_vue_type_script_setup_true_lang.mjs.map

package/dist/components/cardRendering/MdTokenRenderer.vue_vue_type_script_setup_true_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MdTokenRenderer.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../src/components/cardRendering/MdTokenRenderer.vue"],"sourcesContent":["<template>\n  <span v-if=\"isText(token)\">\n    <span v-if=\"!token.tokens || token.tokens.length === 0\">\n      <span v-if=\"isComponent(token)\">\n        <!--\n          KNOWN LIMITATION: Components cannot be the final token of the entire markdown document\n          The v-if=\"!last\" check prevents rendering when this is the last token overall\n          Components CAN be the last token in a paragraph (just not the whole document)\n          Reason unclear but necessary historically - Chesterton's Fence applies\n          Workaround: Add trailing whitespace, punctuation, or newline after component\n          See: \"MarkdownRenderer - Known Limitations\" test group\n        -->\n        <component\n          v-if=\"!last && getComponent(parsedComponent(token).is)\"\n          :is=\"getComponent(parsedComponent(token).is)\"\n          :text=\"parsedComponent(token).text\"\n          v-bind=\"parsedComponent(token).props\"\n        />\n        <span v-else-if=\"!last && !getComponent(parsedComponent(token).is)\" class=\"error--text\">\n          [Unknown component: {{ parsedComponent(token).is }}]\n        </span>\n      </span>\n      <span v-else-if=\"containsComponent(token)\">\n        <md-token-renderer v-for=\"(subTok, j) in splitTextToken(token)\" :key=\"j\" :token=\"subTok\" />\n      </span>\n      <span v-else>{{ decodeBasicEntities(token.text) }}</span>\n    </span>\n    <span v-else-if=\"token.tokens && token.tokens.length !== 0\">\n      <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n    </span>\n  </span>\n\n  <span v-else-if=\"token.type === 'heading'\">\n    <h1 v-if=\"token.depth === 1\" class=\"text-h2\">\n      <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n    </h1>\n    <h2 v-else-if=\"token.depth === 2\" class=\"text-h3\">\n      <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n    </h2>\n    <h3 v-else-if=\"token.depth === 3\" class=\"text-h4\">\n      <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n    </h3>\n    <h4 v-else-if=\"token.depth === 4\">\n      <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n    </h4>\n    <h5 v-else-if=\"token.depth === 5\">\n      <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n    </h5>\n    <h6 v-else-if=\"token.depth === 6\">\n      <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n    </h6>\n  </span>\n\n  <strong v-else-if=\"token.type === 'strong'\">\n    <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n  </strong>\n\n  <p v-else-if=\"token.type === 'paragraph'\" class=\"text-h5\">\n    <span v-if=\"containsComponent(token)\">\n      <md-token-renderer\n        v-for=\"(splitTok, j) in splitParagraphToken(token)\"\n        :key=\"j\"\n        :token=\"splitTok\"\n        :last=\"last && token.tokens.length === 1 && j === splitParagraphToken(token).length - 1\"\n      />\n    </span>\n    <template v-else>\n      <md-token-renderer\n        v-for=\"(subTok, j) in token.tokens\"\n        :key=\"j\"\n        :token=\"subTok\"\n        :last=\"last && token.tokens.length === 1\"\n      />\n    </template>\n  </p>\n\n  <a v-else-if=\"token.type === 'link'\" :href=\"token.href\" :title=\"token.title\">\n    <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n  </a>\n\n  <ul v-else-if=\"token.type === 'list' && token.ordered === false\">\n    <md-token-renderer v-for=\"(item, j) in token.items\" :key=\"j\" :token=\"item\" />\n  </ul>\n\n  <ol v-else-if=\"token.type === 'list' && token.ordered === true\">\n    <md-token-renderer v-for=\"(item, j) in token.items\" :key=\"j\" :token=\"item\" />\n  </ol>\n\n  <li v-else-if=\"token.type === 'list_item'\">\n    <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n  </li>\n\n  <img v-else-if=\"token.type === 'image'\" :src=\"token.href\" :alt=\"token.title\" />\n  <hr v-else-if=\"token.type === 'hr'\" />\n  <br v-else-if=\"token.type === 'br'\" />\n  <del v-else-if=\"token.type === 'del'\" />\n\n  <table v-else-if=\"token.type === 'table'\" :align=\"token.align\">\n    <thead>\n      <th v-for=\"(h, j) in token.header\" :key=\"j\">{{ h.text }}</th>\n    </thead>\n    <tbody>\n      <tr v-for=\"(row, r) in token.rows\" :key=\"r\">\n        <td v-for=\"(cell, c) in row\" :key=\"c\">{{ cell.text }}</td>\n      </tr>\n    </tbody>\n  </table>\n\n  <span v-else-if=\"token.type === 'html'\" v-html=\"token.raw\"></span>\n\n  <code-block-renderer v-else-if=\"token.type === 'code'\" :code=\"token.text\" :language=\"token.lang\" />\n  <!-- <highlightjs v-else-if=\"token.type === 'code'\" class=\"hljs_render pa-2\" :language=\"token.lang\" :code=\"token.text\" /> -->\n\n  <code v-else-if=\"token.type === 'codespan'\" class=\"codespan\" v-html=\"token.text\"></code>\n\n  <blockquote v-else-if=\"token.type === 'blockquote'\">\n    <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n  </blockquote>\n\n  <span v-else-if=\"token.type === 'escape'\">{{ token.text }}</span>\n\n  <em v-else-if=\"token.type === 'em'\">\n    <md-token-renderer v-for=\"(subTok, j) in token.tokens\" :key=\"j\" :token=\"subTok\" />\n  </em>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  containsComponent as _containsComponent,\n  isComponent as _isComponent,\n  splitParagraphToken as _splitParagraphToken,\n  splitTextToken as _splitTextToken,\n  parseComponentSyntax,\n  TokenOrComponent,\n} from './MarkdownRendererHelpers';\nimport CodeBlockRenderer from './CodeBlockRenderer.vue';\nimport FillInInput from '../../components/studentInputs/fillInInput.vue';\nimport { MarkedToken, Tokens } from 'marked';\nimport { markRaw, inject } from 'vue';\nimport { PropType } from 'vue';\n\n// Inject custom components provided at app level (defaults to empty object)\nconst providedComponents = inject<Record<string, any>>('markdownComponents', {});\n\n// Register components to be used in the template\n// In Vue 3 with <script setup>, components used via :is must be explicitly registered\n// Merge built-in components with injected custom components\nconst components = {\n  fillIn: markRaw(FillInInput),\n  ...providedComponents,\n};\n\n// Define component props\ndefineProps({\n  token: {\n    type: Object as PropType<TokenOrComponent>,\n    required: true,\n  },\n  last: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n});\n\n// Methods\nfunction isComponent(token: MarkedToken): boolean {\n  return _isComponent(token);\n}\n\nfunction containsComponent(token: MarkedToken): boolean {\n  return _containsComponent(token);\n}\n\nfunction splitTextToken(token: MarkedToken): Tokens.Text[] {\n  return _splitTextToken(token);\n}\n\nfunction splitParagraphToken(token: Tokens.Paragraph): TokenOrComponent[] {\n  return _splitParagraphToken(token);\n}\n\nfunction parsedComponent(token: MarkedToken): {\n  is: string;\n  text: string;\n  props: Record<string, string>;\n} {\n  let text = '';\n  if ('text' in token && typeof token.text === 'string') {\n    text = token.text;\n  } else if ('raw' in token && typeof token.raw === 'string') {\n    text = token.raw;\n  }\n\n  // Try to parse as inline component syntax\n  const parsed = parseComponentSyntax(text);\n\n  if (parsed) {\n    // Successfully parsed as inline component\n    return {\n      is: parsed.componentName,\n      text: '',\n      props: parsed.props,\n    };\n  }\n\n  // Backward compatible: {{ }} or {{ || }} -> fillIn component\n  return {\n    is: 'fillIn',\n    text,\n    props: {},\n  };\n}\n\nfunction getComponent(componentName: string) {\n  const component = components[componentName as keyof typeof components];\n\n  if (!component) {\n    console.warn(\n      `[MarkdownRenderer] Unknown component: \"${componentName}\". Available components: ${Object.keys(components).join(', ')}`\n    );\n    return null;\n  }\n\n  return component;\n}\n\nfunction decodeBasicEntities(text: string): string {\n  return text\n    .replace(/&#39;/g, \"'\")\n    .replace(/&quot;/g, '\"')\n    .replace(/&amp;/g, '&')\n    .replace(/&lt;/g, '<')\n    .replace(/&gt;/g, '>');\n}\n\nfunction isText(tok: TokenOrComponent): boolean {\n  return (tok as any).inLink === undefined && tok.type === 'text';\n}\n\n// Make these functions and objects available to the template\ndefineExpose({\n  isComponent,\n  containsComponent,\n  splitTextToken,\n  splitParagraphToken,\n  parsedComponent,\n  decodeBasicEntities,\n  isText,\n  components,\n  getComponent,\n});\n</script>\n\n<style lang=\"css\" scoped>\nblockquote {\n  border-left: 3px teal solid;\n  padding-left: 8px;\n}\n\n.codespan {\n  padding-left: 3px;\n  padding-right: 3px;\n  margin-left: 1px;\n  margin-right: 1px;\n}\n\np {\n  margin-bottom: 15px;\n  margin-top: 15px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8IA,IAAM,IAAqB,GAA4B,sBAAsB,EAAE,CAAC,EAK1E,IAAa;GACjB,QAAQ,EAAQ,EAAY;GAC5B,GAAG;GACJ;EAgBD,SAAS,cAAY,GAA6B;AAChD,UAAO,EAAa,EAAM;;;EAG5B,SAAS,oBAAkB,GAA6B;AACtD,UAAO,EAAmB,EAAM;;;EAGlC,SAAS,iBAAe,GAAmC;AACzD,UAAO,EAAgB,EAAM;;;EAG/B,SAAS,sBAAoB,GAA6C;AACxE,UAAO,EAAqB,EAAM;;;EAGpC,SAAS,gBAAgB,GAIvB;GACA,IAAI,IAAO;AACX,GAAI,UAAU,KAAS,OAAO,EAAM,QAAS,WAC3C,IAAO,EAAM,OACJ,SAAS,KAAS,OAAO,EAAM,OAAQ,aAChD,IAAO,EAAM;GAIf,IAAM,IAAS,EAAqB,EAAK;AAYzC,UAVI,IAEK;IACL,IAAI,EAAO;IACX,MAAM;IACN,OAAO,EAAO;IACf,GAII;IACL,IAAI;IACJ;IACA,OAAO,EAAE;IACV;;EAGH,SAAS,aAAa,GAAuB;AAU3C,UATkB,EAAW,OAG3B,QAAQ,KACN,0CAA0C,EAAc,2BAA2B,OAAO,KAAK,EAAW,CAAC,KAAK,KAAK,GACtH,EACM;;EAMX,SAAS,oBAAoB,GAAsB;AACjD,UAAO,EACJ,QAAQ,UAAU,IAAG,CACrB,QAAQ,WAAW,KAAG,CACtB,QAAQ,UAAU,IAAG,CACrB,QAAQ,SAAS,IAAG,CACpB,QAAQ,SAAS,IAAI;;EAG1B,SAAS,OAAO,GAAgC;AAC9C,UAAQ,EAAY,WAAW,KAAA,KAAa,EAAI,SAAS;;SAI3D,EAAa;GACX,aAAA;GACA,mBAAA;GACA,gBAAA;GACA,qBAAA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC"}

package/dist/components/studentInputs/BaseUserInput.mjs

@@ -0,0 +1,54 @@
+import "../../_virtual/_rolldown/runtime.mjs";
+import { isQuestionView as e } from "../../composables/CompositionViewable.mjs";
+import { useCardPreviewModeStore as t } from "../../stores/useCardPreviewModeStore.mjs";
+import { defineComponent as n } from "vue";
+import { log as r } from "@vue-skuilder/common";
+//#region src/components/studentInputs/BaseUserInput.ts
+var i = n({
+	name: "UserInput",
+	data() {
+		return {
+			answer: "",
+			previewModeStore: null
+		};
+	},
+	mounted() {
+		this.previewModeStore = t();
+	},
+	computed: {
+		autofocus() {
+			return !this.previewModeStore?.previewMode;
+		},
+		autoFocus() {
+			return this.autofocus;
+		}
+	},
+	methods: {
+		submitAnswer(e) {
+			return this.submit(e);
+		},
+		submit(e) {
+			return this.getQuestionViewAncestor().submitAnswer(e, this.$options.name ?? "UserInput");
+		},
+		getQuestionViewAncestor() {
+			let t = this.$parent, n = 0;
+			for (; t && !e(t);) {
+				let e = t.$parent;
+				if (!e) {
+					let e = "\nUserInput.submit() has failed.\nThe input element has no QuestionView ancestor element.";
+					throw r(e), Error(e);
+				}
+				if (t = e, n++, n > 100) {
+					let e = "\nUserInput.submit() has failed.\nExceeded maximum ancestor lookup depth.";
+					throw r(e), Error(e);
+				}
+			}
+			if (!t) throw Error("No QuestionView ancestor found");
+			return t;
+		}
+	}
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=BaseUserInput.mjs.map