@vue-skuilder/common-ui 0.2.35 → 0.2.36

package/dist/assets/index.css

@@ -1 +1,2 @@
-.tooltip[data-v-ca46239a]{color:#fff;background-color:#000c;border-radius:3px;padding:5px;font-size:12px}.sk-mousetrap-tooltip-wrapper[data-v-5d6fb09c]{display:inline-block;position:relative}.sk-mousetrap-tooltip[data-v-5d6fb09c]{color:#fff;white-space:nowrap;pointer-events:none;z-index:9999;background-color:#000c;border-radius:4px;padding:2px 6px;font-size:12px;position:absolute}.sk-mt-tooltip-top[data-v-5d6fb09c]{margin-bottom:5px;bottom:100%;left:50%;transform:translate(-50%)}.sk-mt-tooltip-bottom[data-v-5d6fb09c]{margin-top:5px;top:100%;left:50%;transform:translate(-50%)}.sk-mt-tooltip-left[data-v-5d6fb09c]{margin-right:5px;top:50%;right:100%;transform:translateY(-50%)}.sk-mt-tooltip-right[data-v-5d6fb09c]{margin-left:5px;top:50%;left:100%;transform:translateY(-50%)}.sk-mousetrap-highlight-glow[data-v-5d6fb09c]{transition:box-shadow .25s;box-shadow:0 0 8px 2px #1976d299}.sk-mousetrap-highlight-scale[data-v-5d6fb09c]{transition:transform .25s;transform:scale(1.03)}.sk-mousetrap-highlight-border[data-v-5d6fb09c]{outline-offset:2px;border-radius:4px;outline:2px solid #1976d2cc;transition:outline .25s,outline-offset .25s}.fade-enter-active[data-v-5d6fb09c],.fade-leave-active[data-v-5d6fb09c]{transition:opacity .25s}.fade-enter-from[data-v-5d6fb09c],.fade-leave-to[data-v-5d6fb09c]{opacity:0}.pageSelect[data-v-a75fea7e]{max-width:60px}.selected-card[data-v-285e13bd]{background-color:#e0f2f7;border-left:4px solid #2196f3}.cursor-pointer[data-v-285e13bd]{cursor:pointer}.error-message[data-v-a4bdfdfb]{color:#f44336;background-color:#ffebee;border-radius:4px;margin:8px 0;padding:16px}.negative-interval[data-v-a4bdfdfb]{color:#f44336;background-color:#ffebee;border-radius:3px;padding:2px 4px;font-weight:700}.invalid-timestamp[data-v-a4bdfdfb]{color:#f44336;font-weight:700}.card-history-viewer[data-v-a4bdfdfb]{margin:16px 0}.timer-container[data-v-5e104ccc]{cursor:pointer;display:inline-flex}.cardView[data-v-2d892b82]{border-radius:8px;padding:15px}.session-debug[data-v-641ac170]{max-height:400px;font-family:Courier New,monospace;font-size:.75rem;overflow-y:auto}.debug-section[data-v-641ac170]{background-color:#ffffff0d;border-radius:4px;min-height:120px;padding:8px}.debug-header[data-v-641ac170]{border-bottom:1px solid #ffffff1a;align-items:center;margin-bottom:4px;padding-bottom:4px;display:flex}.debug-stats[data-v-641ac170]{gap:8px;margin-bottom:8px;display:flex}.debug-items[data-v-641ac170]{margin-top:4px;padding-left:8px}.debug-item[data-v-641ac170]{border-left:2px solid #fff3;margin-bottom:2px;padding:2px 0 2px 6px}.footer-controls[data-v-ad5e0df0]{background-color:var(--v-background);z-index:100;position:fixed;bottom:0}.footer-right[data-v-ad5e0df0]{background-color:var(--v-background);z-index:100;position:fixed;bottom:0;right:0}.correct[data-v-ad5e0df0]{animation:1.25s ease-out varFade-ad5e0df0}.incorrect[data-v-ad5e0df0]{animation:1.25s ease-out purpleFade-ad5e0df0}a[data-v-ad5e0df0]{text-decoration:underline}.StudySession[data-v-ad5e0df0],.session-finished-area[data-v-ad5e0df0]{flex-direction:column;flex:1;min-height:0;display:flex}.card-transition-container[data-v-ad5e0df0]{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex;position:relative;overflow:hidden}@keyframes varFade-ad5e0df0{0%{box-shadow:rgba(var(--r), var(--g), 0, .25) 0px 7px 8px -4px, rgba(var(--r), var(--g), 0, .25) 0px 12px 17px 2px, rgba(var(--r), var(--g), 0, .25) 0px 5px 22px 4px}to{box-shadow:0 0 #00960000}}@keyframes greenFade-ad5e0df0{0%{box-shadow:0 7px 8px -4px #00960040,0 12px 17px 2px #00960040,0 5px 22px 4px #00960040}to{box-shadow:0 0 #00960000}}@keyframes purpleFade-ad5e0df0{0%{box-shadow:0 7px 8px -4px #73004b40,0 12px 17px 2px #73004b40,0 5px 22px 4px #73004b40}to{box-shadow:0 0 #73004b00}}.component-fade-enter-active,.component-fade-leave-active{transition:opacity .2s}.component-fade-enter-from,.component-fade-leave-to{opacity:0}.card-slide-leave-active{will-change:transform, opacity;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:auto;animation:.4s cubic-bezier(.4,0,.7,.2) both cardBackOutLeft;top:0;bottom:0;left:0;right:0;position:absolute!important}.card-slide-leave-active *{transition:none!important;animation-play-state:paused!important}.card-slide-enter-active{will-change:transform, opacity;animation:.25s ease-out .1s both cardSlideInRight}@keyframes cardBackOutLeft{0%{opacity:1;transform:translate(0)scale(1)}40%{opacity:.8;transform:translate(0)scale(.88)}to{opacity:0;transform:translate(-100%)scale(.88)}}@keyframes cardSlideInRight{0%{opacity:0;transform:translate(60%)}to{opacity:1;transform:translate(0)}}.card-scale-leave-active{transition:transform .15s ease-in,opacity .15s ease-in}.card-scale-enter-active{transition:transform .2s cubic-bezier(.34,1.4,.64,1),opacity .15s ease-out}.card-scale-leave-to{opacity:0;transform:scale(.92)}.card-scale-enter-from{opacity:0;transform:scale(1.03)}.choice[data-v-96de7172]{text-align:center;border-radius:4px;min-width:75px;margin:10px;padding:5px 15px;transition:all .2s ease-in-out;display:inline-block}.selected[data-v-96de7172]{z-index:1;transform:translateY(-10px)scale(1.15)}.not-selected[data-v-96de7172]{z-index:0}.userInput[data-v-a56dcd1c]{text-align:center;border:none;border-bottom:1px #000}.cardView[data-v-93f758b5]{border-radius:8px;padding:15px}.component-fade-enter-active[data-v-93f758b5],.component-fade-leave-active[data-v-93f758b5]{transition:opacity .3s}.component-fade-enter[data-v-93f758b5],.component-fade-leave-to[data-v-93f758b5]{opacity:0}.component-fade-enter-active[data-v-9a38a213],.component-fade-leave-active[data-v-9a38a213]{transition:opacity .5s}.component-fade-enter[data-v-9a38a213],.component-fade-leave-to[data-v-9a38a213]{opacity:0}.login[data-v-764d1a76]{max-width:650px}.component-fade-enter-active[data-v-5a55bdf0],.component-fade-leave-active[data-v-5a55bdf0]{transition:opacity .5s}.component-fade-enter[data-v-5a55bdf0],.component-fade-leave-to[data-v-5a55bdf0]{opacity:0}.vue-tags-input[data-v-f7373dc0]{max-width:100%}.autocomplete-item[data-v-f7373dc0]{align-items:center;padding:5px;display:flex}.autocomplete-item.is-active[data-v-f7373dc0]{background-color:#e8e8e8}.autocomplete-item.is-active>.tag-name[data-v-f7373dc0]{color:#fff;background-color:#5c6bc0}.tag-name[data-v-f7373dc0]{color:#333;background-color:#e0e0e0;border-radius:3px;margin-right:5px;padding:2px 6px;font-weight:700}.tag-snippet[data-v-f7373dc0]{color:#666;font-size:.9em}.autocomplete-item.is-active .tag-snippet[data-v-f7373dc0]{color:#333}.component-fade-enter-active[data-v-5ecc9d21],.component-fade-leave-active[data-v-5ecc9d21]{transition:opacity .5s}.component-fade-enter[data-v-5ecc9d21],.component-fade-leave-to[data-v-5ecc9d21]{opacity:0}.component-scale-enter-active[data-v-5ecc9d21],.component-scale-leave-active[data-v-5ecc9d21]{max-height:auto;transform-origin:top;transition:transform .3s,max-height .3s;transform:scale(1)}.component-scale-enter[data-v-5ecc9d21],.component-fade-leave-to[data-v-5ecc9d21]{max-height:0;overflow:hidden;transform:scaleY(0)}.component-fade-enter-active[data-v-38e9efe1],.component-fade-leave-active[data-v-38e9efe1]{transition:opacity .5s}.component-fade-enter[data-v-38e9efe1],.component-fade-leave-to[data-v-38e9efe1]{opacity:0}.component-scale-enter-active[data-v-38e9efe1],.component-scale-leave-active[data-v-38e9efe1]{max-height:auto;transform-origin:top;transition:transform .3s,max-height .3s;transform:scale(1)}.component-scale-enter[data-v-38e9efe1],.component-fade-leave-to[data-v-38e9efe1]{max-height:0;overflow:hidden;transform:scaleY(0)}.course-tag-filter-widget[data-v-e1ba963b]{width:100%}.filter-summary[data-v-e1ba963b]{color:rgba(var(--v-theme-on-surface), .7)}
+.cardView[data-v-2d892b82]{border-radius:8px;padding:15px}.error-message[data-v-a4bdfdfb]{color:#f44336;background-color:#ffebee;border-radius:4px;margin:8px 0;padding:16px}.negative-interval[data-v-a4bdfdfb]{color:#f44336;background-color:#ffebee;border-radius:3px;padding:2px 4px;font-weight:700}.invalid-timestamp[data-v-a4bdfdfb]{color:#f44336;font-weight:700}.card-history-viewer[data-v-a4bdfdfb]{margin:16px 0}.selected-card[data-v-285e13bd]{background-color:#e0f2f7;border-left:4px solid #2196f3}.cursor-pointer[data-v-285e13bd]{cursor:pointer}.pageSelect[data-v-a75fea7e]{max-width:60px}.vue-tags-input[data-v-f7373dc0]{max-width:100%}.autocomplete-item[data-v-f7373dc0]{align-items:center;padding:5px;display:flex}.autocomplete-item.is-active[data-v-f7373dc0]{background-color:#e8e8e8}.autocomplete-item.is-active>.tag-name[data-v-f7373dc0]{color:#fff;background-color:#5c6bc0}.tag-name[data-v-f7373dc0]{color:#333;background-color:#e0e0e0;border-radius:3px;margin-right:5px;padding:2px 6px;font-weight:700}.tag-snippet[data-v-f7373dc0]{color:#666;font-size:.9em}.autocomplete-item.is-active .tag-snippet[data-v-f7373dc0]{color:#333}.cardView[data-v-93f758b5]{border-radius:8px;padding:15px}.component-fade-enter-active[data-v-93f758b5],.component-fade-leave-active[data-v-93f758b5]{transition:opacity .3s}.component-fade-enter[data-v-93f758b5],.component-fade-leave-to[data-v-93f758b5]{opacity:0}.component-fade-enter-active[data-v-5ecc9d21],.component-fade-leave-active[data-v-5ecc9d21]{transition:opacity .5s}.component-fade-enter[data-v-5ecc9d21],.component-fade-leave-to[data-v-5ecc9d21]{opacity:0}.component-scale-enter-active[data-v-5ecc9d21],.component-scale-leave-active[data-v-5ecc9d21]{max-height:auto;transform-origin:top;transition:transform .3s,max-height .3s;transform:scale(1)}.component-scale-enter[data-v-5ecc9d21],.component-fade-leave-to[data-v-5ecc9d21]{max-height:0;overflow:hidden;transform:scaleY(0)}.component-fade-enter-active[data-v-38e9efe1],.component-fade-leave-active[data-v-38e9efe1]{transition:opacity .5s}.component-fade-enter[data-v-38e9efe1],.component-fade-leave-to[data-v-38e9efe1]{opacity:0}.component-scale-enter-active[data-v-38e9efe1],.component-scale-leave-active[data-v-38e9efe1]{max-height:auto;transform-origin:top;transition:transform .3s,max-height .3s;transform:scale(1)}.component-scale-enter[data-v-38e9efe1],.component-fade-leave-to[data-v-38e9efe1]{max-height:0;overflow:hidden;transform:scaleY(0)}.course-tag-filter-widget[data-v-e1ba963b]{width:100%}.filter-summary[data-v-e1ba963b]{color:rgba(var(--v-theme-on-surface), .7)}.tooltip[data-v-ca46239a]{color:#fff;background-color:#000c;border-radius:3px;padding:5px;font-size:12px}.session-debug[data-v-641ac170]{max-height:400px;font-family:Courier New,monospace;font-size:.75rem;overflow-y:auto}.debug-section[data-v-641ac170]{background-color:#ffffff0d;border-radius:4px;min-height:120px;padding:8px}.debug-header[data-v-641ac170]{border-bottom:1px solid #ffffff1a;align-items:center;margin-bottom:4px;padding-bottom:4px;display:flex}.debug-stats[data-v-641ac170]{gap:8px;margin-bottom:8px;display:flex}.debug-items[data-v-641ac170]{margin-top:4px;padding-left:8px}.debug-item[data-v-641ac170]{border-left:2px solid #fff3;margin-bottom:2px;padding:2px 0 2px 6px}.sk-mousetrap-tooltip-wrapper[data-v-5d6fb09c]{display:inline-block;position:relative}.sk-mousetrap-tooltip[data-v-5d6fb09c]{color:#fff;white-space:nowrap;pointer-events:none;z-index:9999;background-color:#000c;border-radius:4px;padding:2px 6px;font-size:12px;position:absolute}.sk-mt-tooltip-top[data-v-5d6fb09c]{margin-bottom:5px;bottom:100%;left:50%;transform:translate(-50%)}.sk-mt-tooltip-bottom[data-v-5d6fb09c]{margin-top:5px;top:100%;left:50%;transform:translate(-50%)}.sk-mt-tooltip-left[data-v-5d6fb09c]{margin-right:5px;top:50%;right:100%;transform:translateY(-50%)}.sk-mt-tooltip-right[data-v-5d6fb09c]{margin-left:5px;top:50%;left:100%;transform:translateY(-50%)}.sk-mousetrap-highlight-glow[data-v-5d6fb09c]{transition:box-shadow .25s;box-shadow:0 0 8px 2px #1976d299}.sk-mousetrap-highlight-scale[data-v-5d6fb09c]{transition:transform .25s;transform:scale(1.03)}.sk-mousetrap-highlight-border[data-v-5d6fb09c]{outline-offset:2px;border-radius:4px;outline:2px solid #1976d2cc;transition:outline .25s,outline-offset .25s}.fade-enter-active[data-v-5d6fb09c],.fade-leave-active[data-v-5d6fb09c]{transition:opacity .25s}.fade-enter-from[data-v-5d6fb09c],.fade-leave-to[data-v-5d6fb09c]{opacity:0}.timer-container[data-v-5e104ccc]{cursor:pointer;display:inline-flex}.footer-controls[data-v-ad5e0df0]{background-color:var(--v-background);z-index:100;position:fixed;bottom:0}.footer-right[data-v-ad5e0df0]{background-color:var(--v-background);z-index:100;position:fixed;bottom:0;right:0}.correct[data-v-ad5e0df0]{animation:1.25s ease-out varFade-ad5e0df0}.incorrect[data-v-ad5e0df0]{animation:1.25s ease-out purpleFade-ad5e0df0}a[data-v-ad5e0df0]{text-decoration:underline}.StudySession[data-v-ad5e0df0],.session-finished-area[data-v-ad5e0df0]{flex-direction:column;flex:1;min-height:0;display:flex}.card-transition-container[data-v-ad5e0df0]{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex;position:relative;overflow:hidden}@keyframes varFade-ad5e0df0{0%{box-shadow:rgba(var(--r), var(--g), 0, .25) 0px 7px 8px -4px, rgba(var(--r), var(--g), 0, .25) 0px 12px 17px 2px, rgba(var(--r), var(--g), 0, .25) 0px 5px 22px 4px}to{box-shadow:0 0 #00960000}}@keyframes greenFade-ad5e0df0{0%{box-shadow:0 7px 8px -4px #00960040,0 12px 17px 2px #00960040,0 5px 22px 4px #00960040}to{box-shadow:0 0 #00960000}}@keyframes purpleFade-ad5e0df0{0%{box-shadow:0 7px 8px -4px #73004b40,0 12px 17px 2px #73004b40,0 5px 22px 4px #73004b40}to{box-shadow:0 0 #73004b00}}.component-fade-enter-active,.component-fade-leave-active{transition:opacity .2s}.component-fade-enter-from,.component-fade-leave-to{opacity:0}.card-slide-leave-active{will-change:transform, opacity;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:auto;animation:.4s cubic-bezier(.4,0,.7,.2) both cardBackOutLeft;top:0;bottom:0;left:0;right:0;position:absolute!important}.card-slide-leave-active *{transition:none!important;animation-play-state:paused!important}.card-slide-enter-active{will-change:transform, opacity;animation:.25s ease-out .1s both cardSlideInRight}@keyframes cardBackOutLeft{0%{opacity:1;transform:translate(0)scale(1)}40%{opacity:.8;transform:translate(0)scale(.88)}to{opacity:0;transform:translate(-100%)scale(.88)}}@keyframes cardSlideInRight{0%{opacity:0;transform:translate(60%)}to{opacity:1;transform:translate(0)}}.card-scale-leave-active{transition:transform .15s ease-in,opacity .15s ease-in}.card-scale-enter-active{transition:transform .2s cubic-bezier(.34,1.4,.64,1),opacity .15s ease-out}.card-scale-leave-to{opacity:0;transform:scale(.92)}.card-scale-enter-from{opacity:0;transform:scale(1.03)}.component-fade-enter-active[data-v-9a38a213],.component-fade-leave-active[data-v-9a38a213]{transition:opacity .5s}.component-fade-enter[data-v-9a38a213],.component-fade-leave-to[data-v-9a38a213]{opacity:0}.login[data-v-764d1a76]{max-width:650px}.component-fade-enter-active[data-v-5a55bdf0],.component-fade-leave-active[data-v-5a55bdf0]{transition:opacity .5s}.component-fade-enter[data-v-5a55bdf0],.component-fade-leave-to[data-v-5a55bdf0]{opacity:0}.playing[data-v-e1a0f62c]{z-index:1;animation:.85s ease-in-out infinite alternate pulse-e1a0f62c}@keyframes pulse-e1a0f62c{0%{transform:scale(1)}to{transform:scale(1.15)}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.code-block-wrapper{background-color:#f6f8fa;border-radius:4px;margin:1rem 0;position:relative;overflow:auto}.language-indicator{color:#666;z-index:1;text-transform:lowercase;background-color:#ffffffb3;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.75rem;position:absolute;top:8px;right:10px}.user-input-container[data-v-aa14961f]{vertical-align:baseline;min-width:6em;display:inline-block}.user-input-string[data-v-aa14961f]{color:currentColor;font-family:inherit;font-size:inherit;line-height:inherit;text-align:center;background:0 0;border:none;border-bottom:1px solid;outline:none;width:100%;margin:0;padding:0;display:inline-block}.user-input-string[data-v-aa14961f]:focus{border-bottom:2px solid}#input[data-v-486ac035]{text-align:center;min-width:4em;display:inline-block}.underline[data-v-486ac035]{text-decoration:underline;-webkit-text-decoration-style:solid 14px;text-decoration-style:solid 14px}blockquote[data-v-de3eebd6]{border-left:3px solid teal;padding-left:8px}.codespan[data-v-de3eebd6]{margin-left:1px;margin-right:1px;padding-left:3px;padding-right:3px}p[data-v-de3eebd6]{margin-top:15px;margin-bottom:15px}.choice[data-v-96de7172]{text-align:center;border-radius:4px;min-width:75px;margin:10px;padding:5px 15px;transition:all .2s ease-in-out;display:inline-block}.selected[data-v-96de7172]{z-index:1;transform:translateY(-10px)scale(1.15)}.not-selected[data-v-96de7172]{z-index:0}.userInput[data-v-a56dcd1c]{text-align:center;border:none;border-bottom:1px #000}
+/*$vite$:1*/

package/dist/components/CardBrowser.mjs

@@ -0,0 +1,63 @@
+import "../_virtual/_rolldown/runtime.mjs";
+import e from "../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CardBrowser.vue_vue_type_script_lang.mjs";
+import { createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, openBlock as c, resolveComponent as l, toDisplayString as u, withCtx as d } from "vue";
+//#region src/components/CardBrowser.vue
+var f = {
+	key: 0,
+	class: "text-subtitle-1 pa-2"
+};
+function _sfc_render(e, t, p, m, h, g) {
+	let _ = l("CardViewer"), v = l("v-icon"), y = l("v-btn"), b = l("v-row");
+	return c(), n(b, {
+		column: "",
+		align: "center",
+		justify: "center"
+	}, {
+		default: d(() => [
+			s(_, {
+				view: e.views[e.viewIndex],
+				data: e.data,
+				course_id: "[browsing]",
+				card_id: "[browsing]"
+			}, null, 8, ["view", "data"]),
+			t[2] || (t[2] = a("br", null, null, -1)),
+			t[3] || (t[3] = a("br", null, null, -1)),
+			e.suppressSpinner ? r("", !0) : (c(), i("div", f, [
+				e.spinner ? (c(), n(y, {
+					key: 0,
+					icon: "",
+					variant: "outlined",
+					color: "primary",
+					onClick: e.decrementView
+				}, {
+					default: d(() => [s(v, null, {
+						default: d(() => t[0] || (t[0] = [o("mdi-chevron-left")])),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["onClick"])) : r("", !0),
+				o(" " + u(e.views[e.viewIndex].name) + " ", 1),
+				e.spinner ? (c(), n(y, {
+					key: 1,
+					icon: "",
+					variant: "outlined",
+					color: "primary",
+					onClick: e.incrementView
+				}, {
+					default: d(() => [s(v, null, {
+						default: d(() => t[1] || (t[1] = [o("mdi-chevron-right")])),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["onClick"])) : r("", !0)
+			]))
+		]),
+		_: 1
+	});
+}
+var p = /* @__PURE__ */ e(t, [["render", _sfc_render]]);
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=CardBrowser.mjs.map

package/dist/components/CardBrowser.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardBrowser.mjs","names":[],"sources":["../../src/components/CardBrowser.vue"],"sourcesContent":["<template>\n  <v-row column align=\"center\" justify=\"center\">\n    <CardViewer :view=\"views[viewIndex]\" :data=\"data\" :course_id=\"'[browsing]'\" :card_id=\"'[browsing]'\" />\n    <br /><br />\n    <div v-if=\"!suppressSpinner\" class=\"text-subtitle-1 pa-2\">\n      <v-btn v-if=\"spinner\" icon variant=\"outlined\" color=\"primary\" @click=\"decrementView\">\n        <v-icon>mdi-chevron-left</v-icon>\n      </v-btn>\n      {{ views[viewIndex].name }}\n      <v-btn v-if=\"spinner\" icon variant=\"outlined\" color=\"primary\" @click=\"incrementView\">\n        <v-icon>mdi-chevron-right</v-icon>\n      </v-btn>\n    </div>\n  </v-row>\n</template>\n\n<script lang=\"ts\">\nimport { ViewData } from '@vue-skuilder/common';\nimport { defineComponent, PropType } from 'vue';\nimport { ViewComponent } from '../composables/Displayable';\nimport CardViewer from './cardRendering/CardViewer.vue';\nimport { useCardPreviewModeStore } from '../stores/useCardPreviewModeStore';\n\nexport default defineComponent({\n  name: 'CardBrowser',\n\n  components: {\n    CardViewer,\n  },\n\n  props: {\n    views: {\n      type: Array as PropType<Array<ViewComponent>>,\n      required: true,\n    },\n    data: {\n      type: Array as PropType<ViewData[]>,\n      required: true,\n    },\n    suppressSpinner: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  data() {\n    return {\n      viewIndex: 0,\n      previewMode: useCardPreviewModeStore(),\n    };\n  },\n\n  computed: {\n    spinner(): boolean {\n      return this.views.length > 1;\n    },\n  },\n\n  created() {\n    console.log(`[CardBrowser] Card browser created. Cards now in 'prewviewMode'`);\n    this.previewMode.setPreviewMode(true);\n  },\n\n  unmounted() {\n    console.log(`[CardBrowser] Card browser unmounted. Cards no longer in 'prewviewMode'`);\n    this.previewMode.setPreviewMode(false);\n  },\n\n  methods: {\n    incrementView() {\n      this.viewIndex++;\n      this.viewIndex = (this.viewIndex + this.views.length) % this.views.length;\n    },\n\n    decrementView() {\n      this.viewIndex--;\n      this.viewIndex = (this.viewIndex + this.views.length) % this.views.length;\n    },\n  },\n});\n</script>\n"],"mappings":";;;;;;CAAA,KAAA;CAIiC,OAAM;;;;aAHrC,EAYQ,GAAA;EAZD,QAAA;EAAO,OAAM;EAAS,SAAQ;;EADvC,SAAA,QAE0G;GAAtG,EAAsG,GAAA;IAAzF,MAAM,EAAA,MAAM,EAAA;IAAa,MAAM,EAAA;IAAO,WAAW;IAAe,SAAS;;mBACtF,EAAM,MAAA,MAAA,MAAA,GAAA;mBAAA,EAAM,MAAA,MAAA,MAAA,GAAA;GACA,EAAA,kBAJhB,EAAA,IAAA,GAAA,IAIgB,GAAA,EAAZ,EAQM,OARN,GAQM;IAPS,EAAA,WAAA,GAAA,EAAb,EAEQ,GAAA;KAPd,KAAA;KAK4B,MAAA;KAAK,SAAQ;KAAW,OAAM;KAAW,SAAO,EAAA;;KAL5E,SAAA,QAMyC,CAAjC,EAAiC,GAAA,MAAA;MANzC,SAAA,QAMgC,EAAA,OAAA,EAAA,KAAA,CANhC,EAMgB,mBAAgB,CAAA,EAAA;MANhC,GAAA;;KAAA,GAAA;0BAAA,EAAA,IAAA,GAAA;IAAA,EAOc,MACR,EAAG,EAAA,MAAM,EAAA,WAAW,KAAI,GAAG,KAC3B,EAAA;IAAa,EAAA,WAAA,GAAA,EAAb,EAEQ,GAAA;KAXd,KAAA;KAS4B,MAAA;KAAK,SAAQ;KAAW,OAAM;KAAW,SAAO,EAAA;;KAT5E,SAAA,QAU0C,CAAlC,EAAkC,GAAA,MAAA;MAV1C,SAAA,QAUiC,EAAA,OAAA,EAAA,KAAA,CAVjC,EAUgB,oBAAiB,CAAA,EAAA;MAVjC,GAAA;;KAAA,GAAA;0BAAA,EAAA,IAAA,GAAA;;;EAAA,GAAA"}

package/dist/components/CardBrowser.vue_vue_type_script_lang.mjs

@@ -0,0 +1,50 @@
+import "../_virtual/_rolldown/runtime.mjs";
+import e from "./cardRendering/CardViewer.mjs";
+import { useCardPreviewModeStore as t } from "../stores/useCardPreviewModeStore.mjs";
+import { defineComponent as n } from "vue";
+//#region src/components/CardBrowser.vue?vue&type=script&lang.ts
+var r = n({
+	name: "CardBrowser",
+	components: { CardViewer: e },
+	props: {
+		views: {
+			type: Array,
+			required: !0
+		},
+		data: {
+			type: Array,
+			required: !0
+		},
+		suppressSpinner: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	data() {
+		return {
+			viewIndex: 0,
+			previewMode: t()
+		};
+	},
+	computed: { spinner() {
+		return this.views.length > 1;
+	} },
+	created() {
+		console.log("[CardBrowser] Card browser created. Cards now in 'prewviewMode'"), this.previewMode.setPreviewMode(!0);
+	},
+	unmounted() {
+		console.log("[CardBrowser] Card browser unmounted. Cards no longer in 'prewviewMode'"), this.previewMode.setPreviewMode(!1);
+	},
+	methods: {
+		incrementView() {
+			this.viewIndex++, this.viewIndex = (this.viewIndex + this.views.length) % this.views.length;
+		},
+		decrementView() {
+			this.viewIndex--, this.viewIndex = (this.viewIndex + this.views.length) % this.views.length;
+		}
+	}
+});
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=CardBrowser.vue_vue_type_script_lang.mjs.map

package/dist/components/CardBrowser.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardBrowser.vue_vue_type_script_lang.mjs","names":[],"sources":["../../src/components/CardBrowser.vue"],"sourcesContent":["<template>\n  <v-row column align=\"center\" justify=\"center\">\n    <CardViewer :view=\"views[viewIndex]\" :data=\"data\" :course_id=\"'[browsing]'\" :card_id=\"'[browsing]'\" />\n    <br /><br />\n    <div v-if=\"!suppressSpinner\" class=\"text-subtitle-1 pa-2\">\n      <v-btn v-if=\"spinner\" icon variant=\"outlined\" color=\"primary\" @click=\"decrementView\">\n        <v-icon>mdi-chevron-left</v-icon>\n      </v-btn>\n      {{ views[viewIndex].name }}\n      <v-btn v-if=\"spinner\" icon variant=\"outlined\" color=\"primary\" @click=\"incrementView\">\n        <v-icon>mdi-chevron-right</v-icon>\n      </v-btn>\n    </div>\n  </v-row>\n</template>\n\n<script lang=\"ts\">\nimport { ViewData } from '@vue-skuilder/common';\nimport { defineComponent, PropType } from 'vue';\nimport { ViewComponent } from '../composables/Displayable';\nimport CardViewer from './cardRendering/CardViewer.vue';\nimport { useCardPreviewModeStore } from '../stores/useCardPreviewModeStore';\n\nexport default defineComponent({\n  name: 'CardBrowser',\n\n  components: {\n    CardViewer,\n  },\n\n  props: {\n    views: {\n      type: Array as PropType<Array<ViewComponent>>,\n      required: true,\n    },\n    data: {\n      type: Array as PropType<ViewData[]>,\n      required: true,\n    },\n    suppressSpinner: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  data() {\n    return {\n      viewIndex: 0,\n      previewMode: useCardPreviewModeStore(),\n    };\n  },\n\n  computed: {\n    spinner(): boolean {\n      return this.views.length > 1;\n    },\n  },\n\n  created() {\n    console.log(`[CardBrowser] Card browser created. Cards now in 'prewviewMode'`);\n    this.previewMode.setPreviewMode(true);\n  },\n\n  unmounted() {\n    console.log(`[CardBrowser] Card browser unmounted. Cards no longer in 'prewviewMode'`);\n    this.previewMode.setPreviewMode(false);\n  },\n\n  methods: {\n    incrementView() {\n      this.viewIndex++;\n      this.viewIndex = (this.viewIndex + this.views.length) % this.views.length;\n    },\n\n    decrementView() {\n      this.viewIndex--;\n      this.viewIndex = (this.viewIndex + this.views.length) % this.views.length;\n    },\n  },\n});\n</script>\n"],"mappings":";;;;;AAuBA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CAEN,YAAY,EACV,YAAA,GACD;CAED,OAAO;EACL,OAAO;GACL,MAAM;GACN,UAAU;GACX;EACD,MAAM;GACJ,MAAM;GACN,UAAU;GACX;EACD,iBAAiB;GACf,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAO;AACL,SAAO;GACL,WAAW;GACX,aAAa,GAAyB;GACvC;;CAGH,UAAU,EACR,UAAmB;AACjB,SAAO,KAAK,MAAM,SAAS;IAE9B;CAED,UAAU;AAER,EADA,QAAQ,IAAI,kEAAkE,EAC9E,KAAK,YAAY,eAAe,GAAK;;CAGvC,YAAY;AAEV,EADA,QAAQ,IAAI,0EAA0E,EACtF,KAAK,YAAY,eAAe,GAAM;;CAGxC,SAAS;EACP,gBAAgB;AAEd,GADA,KAAK,aACL,KAAK,aAAa,KAAK,YAAY,KAAK,MAAM,UAAU,KAAK,MAAM;;EAGrE,gBAAgB;AAEd,GADA,KAAK,aACL,KAAK,aAAa,KAAK,YAAY,KAAK,MAAM,UAAU,KAAK,MAAM;;EAEtE;CACF,CAAC"}

package/dist/components/CardHistoryViewer.mjs

@@ -0,0 +1,70 @@
+import "../_virtual/_rolldown/runtime.mjs";
+import e from "../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CardHistoryViewer.vue_vue_type_script_lang.mjs";
+/* empty css                                                                   */
+import { createCommentVNode as n, createElementBlock as r, createTextVNode as i, createVNode as a, openBlock as o, resolveComponent as s, toDisplayString as c, withCtx as l } from "vue";
+//#region src/components/CardHistoryViewer.vue
+var u = { class: "card-history-viewer" }, d = { key: 0 }, f = { key: 1 }, p = {
+	key: 2,
+	class: "error-message"
+}, m = { key: 3 };
+function _sfc_render(e, t, h, g, _, v) {
+	let y = s("v-card-title"), b = s("v-list-item-title"), x = s("v-list-item-subtitle"), S = s("v-list-item-content"), C = s("v-list-item"), w = s("v-card"), T = s("v-data-table");
+	return o(), r("div", u, [e.userId ? (o(), r("h3", d, "Card History for User: " + c(e.userId), 1)) : n("", !0), e.loading ? (o(), r("div", f, "Loading...")) : e.error ? (o(), r("div", p, c(e.error), 1)) : e.cardHistory ? (o(), r("div", m, [a(w, { class: "mb-4" }, {
+		default: l(() => [
+			a(y, null, {
+				default: l(() => t[0] || (t[0] = [i("Summary")])),
+				_: 1
+			}),
+			a(C, null, {
+				default: l(() => [a(S, null, {
+					default: l(() => [a(b, null, {
+						default: l(() => [i("Best Interval: " + c(e.cardHistory.bestInterval) + " seconds (" + c(e.bestIntervalHumanized) + ")", 1)]),
+						_: 1
+					}), a(x, null, {
+						default: l(() => t[1] || (t[1] = [i("The to-date largest interval between successful card reviews.")])),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			a(C, null, {
+				default: l(() => [a(S, null, {
+					default: l(() => [a(b, null, {
+						default: l(() => [i("Lapses: " + c(e.cardHistory.lapses), 1)]),
+						_: 1
+					}), a(x, null, {
+						default: l(() => t[2] || (t[2] = [i("The number of times that a card has been failed in review.")])),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			a(C, null, {
+				default: l(() => [a(S, null, {
+					default: l(() => [a(b, null, {
+						default: l(() => [i("Streak: " + c(e.cardHistory.streak), 1)]),
+						_: 1
+					}), a(x, null, {
+						default: l(() => t[3] || (t[3] = [i("The number of consecutive successful impressions on this card.")])),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			})
+		]),
+		_: 1
+	}), a(T, {
+		headers: e.headers,
+		items: e.history,
+		class: "elevation-1"
+	}, null, 8, ["headers", "items"])])) : n("", !0)]);
+}
+var h = /* @__PURE__ */ e(t, [["render", _sfc_render], ["__scopeId", "data-v-a4bdfdfb"]]);
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=CardHistoryViewer.mjs.map

package/dist/components/CardHistoryViewer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHistoryViewer.mjs","names":[],"sources":["../../src/components/CardHistoryViewer.vue"],"sourcesContent":["<template>\n  <div class=\"card-history-viewer\">\n    <h3 v-if=\"userId\">Card History for User: {{ userId }}</h3>\n    <div v-if=\"loading\">Loading...</div>\n    <div v-else-if=\"error\" class=\"error-message\">{{ error }}</div>\n    <div v-else-if=\"cardHistory\">\n      <v-card class=\"mb-4\">\n        <v-card-title>Summary</v-card-title>\n        <v-list-item>\n          <v-list-item-content>\n            <v-list-item-title\n              >Best Interval: {{ cardHistory.bestInterval }} seconds ({{ bestIntervalHumanized }})</v-list-item-title\n            >\n            <v-list-item-subtitle>The to-date largest interval between successful card reviews.</v-list-item-subtitle>\n          </v-list-item-content>\n        </v-list-item>\n        <v-list-item>\n          <v-list-item-content>\n            <v-list-item-title>Lapses: {{ cardHistory.lapses }}</v-list-item-title>\n            <v-list-item-subtitle>The number of times that a card has been failed in review.</v-list-item-subtitle>\n          </v-list-item-content>\n        </v-list-item>\n        <v-list-item>\n          <v-list-item-content>\n            <v-list-item-title>Streak: {{ cardHistory.streak }}</v-list-item-title>\n            <v-list-item-subtitle>The number of consecutive successful impressions on this card.</v-list-item-subtitle>\n          </v-list-item-content>\n        </v-list-item>\n      </v-card>\n      <v-data-table :headers=\"headers\" :items=\"history\" class=\"elevation-1\"></v-data-table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\nimport { UserDBInterface, UserDBReader, CardHistory, CardRecord, getCardHistoryID } from '@vue-skuilder/db';\nimport moment, { Moment } from 'moment';\n\ninterface FormattedRecord extends CardRecord {\n  formattedTimeStamp: string;\n  intervalFromPrevious?: number;\n  userFriendlyInterval?: string;\n  timeSpentSeconds: number;\n}\n\nexport default defineComponent({\n  name: 'CardHistoryViewer',\n  props: {\n    cardId: {\n      type: String,\n      required: true,\n    },\n    courseId: {\n      type: String,\n      required: true,\n    },\n    userId: {\n      type: String,\n      required: true,\n    },\n    userDB: {\n      type: Object as PropType<UserDBReader>,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      history: [] as FormattedRecord[],\n      cardHistory: null as CardHistory<CardRecord> | null,\n      bestIntervalHumanized: '',\n      loading: false,\n      error: null as string | null,\n      headers: [\n        { title: 'Timestamp', key: 'formattedTimeStamp' },\n        { title: 'Interval', key: 'userFriendlyInterval' },\n        { title: 'Time Spent (s)', key: 'timeSpentSeconds' },\n        { title: 'Correct?', key: 'isCorrect' },\n        { title: 'Performance', key: 'performance' },\n        { title: 'Prior Attempts', key: 'priorAttemps' },\n        { title: 'User Answer', key: 'userAnswer' },\n      ],\n    };\n  },\n  watch: {\n    cardId: {\n      immediate: true,\n      handler(newCardId) {\n        if (newCardId && this.userDB) {\n          this.fetchHistory();\n        }\n      },\n    },\n    userDB: {\n      handler(newUserDB) {\n        if (newUserDB && this.cardId) {\n          this.fetchHistory();\n        }\n      },\n    },\n  },\n  methods: {\n    async fetchHistory() {\n      this.loading = true;\n      this.error = null;\n      try {\n        const cardHistoryID = getCardHistoryID(this.courseId, this.cardId);\n        const historyDoc: CardHistory<CardRecord> = await this.userDB.get(cardHistoryID);\n        this.cardHistory = historyDoc;\n        this.bestIntervalHumanized = moment.duration(historyDoc.bestInterval, 'seconds').humanize();\n\n        // Sort records by timestamp and format them\n        const sortedRecords = [...historyDoc.records].sort(\n          (a, b) => moment(a.timeStamp).valueOf() - moment(b.timeStamp).valueOf()\n        );\n\n        this.history = sortedRecords.map((record, index) => {\n          const currentTime = moment(record.timeStamp);\n          const formatted: FormattedRecord = {\n            ...record,\n            formattedTimeStamp: currentTime.format('YYYY-MM-DD HH:mm:ss'),\n            timeSpentSeconds: Math.round(record.timeSpent / 1000),\n            isCorrect: (record as any).isCorrect,\n            performance: (record as any).performance,\n            priorAttemps: (record as any).priorAttemps,\n            userAnswer: (record as any).userAnswer,\n          };\n\n          // Calculate interval from previous record\n          if (index > 0) {\n            const previousTime = moment(sortedRecords[index - 1].timeStamp);\n            const intervalSeconds = currentTime.diff(previousTime, 'seconds', true);\n            formatted.intervalFromPrevious = Math.round(intervalSeconds * 100) / 100;\n            formatted.userFriendlyInterval = `${formatted.intervalFromPrevious} sec (${moment.duration(intervalSeconds, 'seconds').humanize()})`;\n          }\n\n          return formatted;\n        });\n      } catch (e) {\n        this.error = 'Error fetching card history.';\n        console.error(e);\n      } finally {\n        this.loading = false;\n      }\n    },\n  },\n});\n</script>\n\n<style scoped>\n.error-message {\n  color: #f44336;\n  padding: 16px;\n  background-color: #ffebee;\n  border-radius: 4px;\n  margin: 8px 0;\n}\n\n.negative-interval {\n  color: #f44336;\n  font-weight: bold;\n  background-color: #ffebee;\n  padding: 2px 4px;\n  border-radius: 3px;\n}\n\n.invalid-timestamp {\n  color: #f44336;\n  font-weight: bold;\n}\n\n.card-history-viewer {\n  margin: 16px 0;\n}\n</style>\n"],"mappings":";;;;;;UACO,OAAM,uBAAqB,QADlC,KAAA,GAAA,QAAA,KAAA,GAAA;CAAA,KAAA;CAI2B,OAAM;SAJjC,KAAA,GAAA;;;aACE,EA8BM,OA9BN,GA8BM,CA7BM,EAAA,UAAA,GAAA,EAAV,EAA0D,MAF9D,GAEsB,4BAAuB,EAAG,EAAA,OAAM,EAAA,EAAA,IAFtD,EAAA,IAAA,GAAA,EAGe,EAAA,WAAA,GAAA,EAAX,EAAoC,OAHxC,GAGwB,aAAU,IACd,EAAA,SAAA,GAAA,EAAhB,EAA8D,OAA9D,GAA8D,EAAd,EAAA,MAAK,EAAA,EAAA,IACrC,EAAA,eAAA,GAAA,EAAhB,EAyBM,OA9BV,GAAA,CAMM,EAsBS,GAAA,EAtBD,OAAM,QAAM,EAAA;EAN1B,SAAA,QAO4C;GAApC,EAAoC,GAAA,MAAA;IAP5C,SAAA,QAO6B,EAAA,OAAA,EAAA,KAAA,CAP7B,EAOsB,UAAO,CAAA,EAAA;IAP7B,GAAA;;GAQQ,EAOc,GAAA,MAAA;IAftB,SAAA,QAcgC,CALtB,EAKsB,GAAA,MAAA;KAdhC,SAAA,QAYa,CAFD,EAEC,GAAA,MAAA;MAZb,SAAA,QAW8B,CAX9B,EAWe,oBAAe,EAAG,EAAA,YAAY,aAAY,GAAG,eAAU,EAAG,EAAA,sBAAqB,GAAG,KAAC,EAAA,CAAA,CAAA;MAXlG,GAAA;SAaY,EAA0G,GAAA,MAAA;MAbtH,SAAA,QAa+F,EAAA,OAAA,EAAA,KAAA,CAb/F,EAakC,gEAA6D,CAAA,EAAA;MAb/F,GAAA;;KAAA,GAAA;;IAAA,GAAA;;GAgBQ,EAKc,GAAA,MAAA;IArBtB,SAAA,QAoBgC,CAHtB,EAGsB,GAAA,MAAA;KApBhC,SAAA,QAkBmF,CAAvE,EAAuE,GAAA,MAAA;MAlBnF,SAAA,QAkBuC,CAlBvC,EAkB+B,aAAQ,EAAG,EAAA,YAAY,OAAM,EAAA,EAAA,CAAA,CAAA;MAlB5D,GAAA;SAmBY,EAAuG,GAAA,MAAA;MAnBnH,SAAA,QAmB4F,EAAA,OAAA,EAAA,KAAA,CAnB5F,EAmBkC,6DAA0D,CAAA,EAAA;MAnB5F,GAAA;;KAAA,GAAA;;IAAA,GAAA;;GAsBQ,EAKc,GAAA,MAAA;IA3BtB,SAAA,QA0BgC,CAHtB,EAGsB,GAAA,MAAA;KA1BhC,SAAA,QAwBmF,CAAvE,EAAuE,GAAA,MAAA;MAxBnF,SAAA,QAwBuC,CAxBvC,EAwB+B,aAAQ,EAAG,EAAA,YAAY,OAAM,EAAA,EAAA,CAAA,CAAA;MAxB5D,GAAA;SAyBY,EAA2G,GAAA,MAAA;MAzBvH,SAAA,QAyBgG,EAAA,OAAA,EAAA,KAAA,CAzBhG,EAyBkC,iEAA8D,CAAA,EAAA;MAzBhG,GAAA;;KAAA,GAAA;;IAAA,GAAA;;;EAAA,GAAA;KA6BM,EAAqF,GAAA;EAAtE,SAAS,EAAA;EAAU,OAAO,EAAA;EAAS,OAAM;wCA7B9D,EAAA,IAAA,GAAA,CAAA,CAAA"}

package/dist/components/CardHistoryViewer.vue_vue_type_script_lang.mjs

@@ -0,0 +1,108 @@
+import "../_virtual/_rolldown/runtime.mjs";
+import { defineComponent as e } from "vue";
+import t from "moment";
+import { getCardHistoryID as n } from "@vue-skuilder/db";
+//#region src/components/CardHistoryViewer.vue?vue&type=script&lang.ts
+var r = e({
+	name: "CardHistoryViewer",
+	props: {
+		cardId: {
+			type: String,
+			required: !0
+		},
+		courseId: {
+			type: String,
+			required: !0
+		},
+		userId: {
+			type: String,
+			required: !0
+		},
+		userDB: {
+			type: Object,
+			required: !0
+		}
+	},
+	data() {
+		return {
+			history: [],
+			cardHistory: null,
+			bestIntervalHumanized: "",
+			loading: !1,
+			error: null,
+			headers: [
+				{
+					title: "Timestamp",
+					key: "formattedTimeStamp"
+				},
+				{
+					title: "Interval",
+					key: "userFriendlyInterval"
+				},
+				{
+					title: "Time Spent (s)",
+					key: "timeSpentSeconds"
+				},
+				{
+					title: "Correct?",
+					key: "isCorrect"
+				},
+				{
+					title: "Performance",
+					key: "performance"
+				},
+				{
+					title: "Prior Attempts",
+					key: "priorAttemps"
+				},
+				{
+					title: "User Answer",
+					key: "userAnswer"
+				}
+			]
+		};
+	},
+	watch: {
+		cardId: {
+			immediate: !0,
+			handler(e) {
+				e && this.userDB && this.fetchHistory();
+			}
+		},
+		userDB: { handler(e) {
+			e && this.cardId && this.fetchHistory();
+		} }
+	},
+	methods: { async fetchHistory() {
+		this.loading = !0, this.error = null;
+		try {
+			let e = n(this.courseId, this.cardId), r = await this.userDB.get(e);
+			this.cardHistory = r, this.bestIntervalHumanized = t.duration(r.bestInterval, "seconds").humanize();
+			let i = [...r.records].sort((e, n) => t(e.timeStamp).valueOf() - t(n.timeStamp).valueOf());
+			this.history = i.map((e, n) => {
+				let r = t(e.timeStamp), a = {
+					...e,
+					formattedTimeStamp: r.format("YYYY-MM-DD HH:mm:ss"),
+					timeSpentSeconds: Math.round(e.timeSpent / 1e3),
+					isCorrect: e.isCorrect,
+					performance: e.performance,
+					priorAttemps: e.priorAttemps,
+					userAnswer: e.userAnswer
+				};
+				if (n > 0) {
+					let e = t(i[n - 1].timeStamp), o = r.diff(e, "seconds", !0);
+					a.intervalFromPrevious = Math.round(o * 100) / 100, a.userFriendlyInterval = `${a.intervalFromPrevious} sec (${t.duration(o, "seconds").humanize()})`;
+				}
+				return a;
+			});
+		} catch (e) {
+			this.error = "Error fetching card history.", console.error(e);
+		} finally {
+			this.loading = !1;
+		}
+	} }
+});
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=CardHistoryViewer.vue_vue_type_script_lang.mjs.map

package/dist/components/CardHistoryViewer.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHistoryViewer.vue_vue_type_script_lang.mjs","names":[],"sources":["../../src/components/CardHistoryViewer.vue"],"sourcesContent":["<template>\n  <div class=\"card-history-viewer\">\n    <h3 v-if=\"userId\">Card History for User: {{ userId }}</h3>\n    <div v-if=\"loading\">Loading...</div>\n    <div v-else-if=\"error\" class=\"error-message\">{{ error }}</div>\n    <div v-else-if=\"cardHistory\">\n      <v-card class=\"mb-4\">\n        <v-card-title>Summary</v-card-title>\n        <v-list-item>\n          <v-list-item-content>\n            <v-list-item-title\n              >Best Interval: {{ cardHistory.bestInterval }} seconds ({{ bestIntervalHumanized }})</v-list-item-title\n            >\n            <v-list-item-subtitle>The to-date largest interval between successful card reviews.</v-list-item-subtitle>\n          </v-list-item-content>\n        </v-list-item>\n        <v-list-item>\n          <v-list-item-content>\n            <v-list-item-title>Lapses: {{ cardHistory.lapses }}</v-list-item-title>\n            <v-list-item-subtitle>The number of times that a card has been failed in review.</v-list-item-subtitle>\n          </v-list-item-content>\n        </v-list-item>\n        <v-list-item>\n          <v-list-item-content>\n            <v-list-item-title>Streak: {{ cardHistory.streak }}</v-list-item-title>\n            <v-list-item-subtitle>The number of consecutive successful impressions on this card.</v-list-item-subtitle>\n          </v-list-item-content>\n        </v-list-item>\n      </v-card>\n      <v-data-table :headers=\"headers\" :items=\"history\" class=\"elevation-1\"></v-data-table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\nimport { UserDBInterface, UserDBReader, CardHistory, CardRecord, getCardHistoryID } from '@vue-skuilder/db';\nimport moment, { Moment } from 'moment';\n\ninterface FormattedRecord extends CardRecord {\n  formattedTimeStamp: string;\n  intervalFromPrevious?: number;\n  userFriendlyInterval?: string;\n  timeSpentSeconds: number;\n}\n\nexport default defineComponent({\n  name: 'CardHistoryViewer',\n  props: {\n    cardId: {\n      type: String,\n      required: true,\n    },\n    courseId: {\n      type: String,\n      required: true,\n    },\n    userId: {\n      type: String,\n      required: true,\n    },\n    userDB: {\n      type: Object as PropType<UserDBReader>,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      history: [] as FormattedRecord[],\n      cardHistory: null as CardHistory<CardRecord> | null,\n      bestIntervalHumanized: '',\n      loading: false,\n      error: null as string | null,\n      headers: [\n        { title: 'Timestamp', key: 'formattedTimeStamp' },\n        { title: 'Interval', key: 'userFriendlyInterval' },\n        { title: 'Time Spent (s)', key: 'timeSpentSeconds' },\n        { title: 'Correct?', key: 'isCorrect' },\n        { title: 'Performance', key: 'performance' },\n        { title: 'Prior Attempts', key: 'priorAttemps' },\n        { title: 'User Answer', key: 'userAnswer' },\n      ],\n    };\n  },\n  watch: {\n    cardId: {\n      immediate: true,\n      handler(newCardId) {\n        if (newCardId && this.userDB) {\n          this.fetchHistory();\n        }\n      },\n    },\n    userDB: {\n      handler(newUserDB) {\n        if (newUserDB && this.cardId) {\n          this.fetchHistory();\n        }\n      },\n    },\n  },\n  methods: {\n    async fetchHistory() {\n      this.loading = true;\n      this.error = null;\n      try {\n        const cardHistoryID = getCardHistoryID(this.courseId, this.cardId);\n        const historyDoc: CardHistory<CardRecord> = await this.userDB.get(cardHistoryID);\n        this.cardHistory = historyDoc;\n        this.bestIntervalHumanized = moment.duration(historyDoc.bestInterval, 'seconds').humanize();\n\n        // Sort records by timestamp and format them\n        const sortedRecords = [...historyDoc.records].sort(\n          (a, b) => moment(a.timeStamp).valueOf() - moment(b.timeStamp).valueOf()\n        );\n\n        this.history = sortedRecords.map((record, index) => {\n          const currentTime = moment(record.timeStamp);\n          const formatted: FormattedRecord = {\n            ...record,\n            formattedTimeStamp: currentTime.format('YYYY-MM-DD HH:mm:ss'),\n            timeSpentSeconds: Math.round(record.timeSpent / 1000),\n            isCorrect: (record as any).isCorrect,\n            performance: (record as any).performance,\n            priorAttemps: (record as any).priorAttemps,\n            userAnswer: (record as any).userAnswer,\n          };\n\n          // Calculate interval from previous record\n          if (index > 0) {\n            const previousTime = moment(sortedRecords[index - 1].timeStamp);\n            const intervalSeconds = currentTime.diff(previousTime, 'seconds', true);\n            formatted.intervalFromPrevious = Math.round(intervalSeconds * 100) / 100;\n            formatted.userFriendlyInterval = `${formatted.intervalFromPrevious} sec (${moment.duration(intervalSeconds, 'seconds').humanize()})`;\n          }\n\n          return formatted;\n        });\n      } catch (e) {\n        this.error = 'Error fetching card history.';\n        console.error(e);\n      } finally {\n        this.loading = false;\n      }\n    },\n  },\n});\n</script>\n\n<style scoped>\n.error-message {\n  color: #f44336;\n  padding: 16px;\n  background-color: #ffebee;\n  border-radius: 4px;\n  margin: 8px 0;\n}\n\n.negative-interval {\n  color: #f44336;\n  font-weight: bold;\n  background-color: #ffebee;\n  padding: 2px 4px;\n  border-radius: 3px;\n}\n\n.invalid-timestamp {\n  color: #f44336;\n  font-weight: bold;\n}\n\n.card-history-viewer {\n  margin: 16px 0;\n}\n</style>\n"],"mappings":";;;;;AA8CA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CACN,OAAO;EACL,QAAQ;GACN,MAAM;GACN,UAAU;GACX;EACD,UAAU;GACR,MAAM;GACN,UAAU;GACX;EACD,QAAQ;GACN,MAAM;GACN,UAAU;GACX;EACD,QAAQ;GACN,MAAM;GACN,UAAU;GACX;EACF;CACD,OAAO;AACL,SAAO;GACL,SAAS,EAAC;GACV,aAAa;GACb,uBAAuB;GACvB,SAAS;GACT,OAAO;GACP,SAAS;IACP;KAAE,OAAO;KAAa,KAAK;KAAsB;IACjD;KAAE,OAAO;KAAY,KAAK;KAAwB;IAClD;KAAE,OAAO;KAAkB,KAAK;KAAoB;IACpD;KAAE,OAAO;KAAY,KAAK;KAAa;IACvC;KAAE,OAAO;KAAe,KAAK;KAAe;IAC5C;KAAE,OAAO;KAAkB,KAAK;KAAgB;IAChD;KAAE,OAAO;KAAe,KAAK;KAAc;IAC5C;GACF;;CAEH,OAAO;EACL,QAAQ;GACN,WAAW;GACX,QAAQ,GAAW;AACjB,IAAI,KAAa,KAAK,UACpB,KAAK,cAAc;;GAGxB;EACD,QAAQ,EACN,QAAQ,GAAW;AACjB,GAAI,KAAa,KAAK,UACpB,KAAK,cAAc;KAGxB;EACF;CACD,SAAS,EACP,MAAM,eAAe;AAEnB,EADA,KAAK,UAAU,IACf,KAAK,QAAQ;AACb,MAAI;GACF,IAAM,IAAgB,EAAiB,KAAK,UAAU,KAAK,OAAO,EAC5D,IAAsC,MAAM,KAAK,OAAO,IAAI,EAAc;AAEhF,GADA,KAAK,cAAc,GACnB,KAAK,wBAAwB,EAAO,SAAS,EAAW,cAAc,UAAU,CAAC,UAAU;GAG3F,IAAM,IAAgB,CAAC,GAAG,EAAW,QAAQ,CAAC,MAC3C,GAAG,MAAM,EAAO,EAAE,UAAU,CAAC,SAAQ,GAAI,EAAO,EAAE,UAAU,CAAC,SAAQ,CACvE;AAED,QAAK,UAAU,EAAc,KAAK,GAAQ,MAAU;IAClD,IAAM,IAAc,EAAO,EAAO,UAAU,EACtC,IAA6B;KACjC,GAAG;KACH,oBAAoB,EAAY,OAAO,sBAAsB;KAC7D,kBAAkB,KAAK,MAAM,EAAO,YAAY,IAAK;KACrD,WAAY,EAAe;KAC3B,aAAc,EAAe;KAC7B,cAAe,EAAe;KAC9B,YAAa,EAAe;KAC7B;AAGD,QAAI,IAAQ,GAAG;KACb,IAAM,IAAe,EAAO,EAAc,IAAQ,GAAG,UAAU,EACzD,IAAkB,EAAY,KAAK,GAAc,WAAW,GAAK;AAEvE,KADA,EAAU,uBAAuB,KAAK,MAAM,IAAkB,IAAG,GAAI,KACrE,EAAU,uBAAuB,GAAG,EAAU,qBAAoB,QAAS,EAAO,SAAS,GAAiB,UAAU,CAAC,UAAU,CAAC;;AAGpI,WAAO;KACP;WACK,GAAG;AAEV,GADA,KAAK,QAAQ,gCACb,QAAQ,MAAM,EAAE;YACR;AACR,QAAK,UAAU;;IAGpB;CACF,CAAC"}

package/dist/components/CardSearch.mjs

@@ -0,0 +1,26 @@
+import "../_virtual/_rolldown/runtime.mjs";
+import e from "../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CardSearch.vue_vue_type_script_lang.mjs";
+import { createElementBlock as n, createVNode as r, openBlock as i, resolveComponent as a, withKeys as o } from "vue";
+//#region src/components/CardSearch.vue
+var s = { class: "card-search" };
+function _sfc_render(e, t, c, l, u, d) {
+	let f = a("v-text-field");
+	return i(), n("div", s, [r(f, {
+		modelValue: e.query,
+		"onUpdate:modelValue": t[0] || (t[0] = (t) => e.query = t),
+		label: "Search for cards...",
+		"append-icon": "mdi-magnify",
+		"onClick:append": e.search,
+		onKeydown: o(e.search, ["enter"])
+	}, null, 8, [
+		"modelValue",
+		"onClick:append",
+		"onKeydown"
+	])]);
+}
+var c = /* @__PURE__ */ e(t, [["render", _sfc_render]]);
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=CardSearch.mjs.map

package/dist/components/CardSearch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardSearch.mjs","names":[],"sources":["../../src/components/CardSearch.vue"],"sourcesContent":["<template>\n  <div class=\"card-search\">\n    <v-text-field\n      v-model=\"query\"\n      label=\"Search for cards...\"\n      append-icon=\"mdi-magnify\"\n      @click:append=\"search\"\n      @keydown.enter=\"search\"\n    ></v-text-field>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({\n  name: 'CardSearch',\n  emits: {\n    search: (query: string) => typeof query === 'string'\n  },\n  data() {\n    return {\n      query: '',\n    };\n  },\n  methods: {\n    search() {\n      this.$emit('search', this.query);\n    },\n  },\n});\n</script>\n"],"mappings":";;;;;UACO,OAAM,eAAa;;;aAAxB,EAQM,OARN,GAQM,CAPJ,EAMgB,GAAA;EARpB,YAGe,EAAA;EAHf,uBAAA,EAAA,OAAA,EAAA,MAAA,MAAA,EAGe,QAAK;EACd,OAAM;EACN,eAAY;EACX,kBAAc,EAAA;EACd,WAPP,EAOsB,EAAA,QAAM,CAAA,QAAA,CAAA"}

package/dist/components/CardSearch.vue_vue_type_script_lang.mjs

@@ -0,0 +1,17 @@
+import "../_virtual/_rolldown/runtime.mjs";
+import { defineComponent as e } from "vue";
+//#region src/components/CardSearch.vue?vue&type=script&lang.ts
+var t = e({
+	name: "CardSearch",
+	emits: { search: (e) => typeof e == "string" },
+	data() {
+		return { query: "" };
+	},
+	methods: { search() {
+		this.$emit("search", this.query);
+	} }
+});
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=CardSearch.vue_vue_type_script_lang.mjs.map

package/dist/components/CardSearch.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardSearch.vue_vue_type_script_lang.mjs","names":[],"sources":["../../src/components/CardSearch.vue"],"sourcesContent":["<template>\n  <div class=\"card-search\">\n    <v-text-field\n      v-model=\"query\"\n      label=\"Search for cards...\"\n      append-icon=\"mdi-magnify\"\n      @click:append=\"search\"\n      @keydown.enter=\"search\"\n    ></v-text-field>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({\n  name: 'CardSearch',\n  emits: {\n    search: (query: string) => typeof query === 'string'\n  },\n  data() {\n    return {\n      query: '',\n    };\n  },\n  methods: {\n    search() {\n      this.$emit('search', this.query);\n    },\n  },\n});\n</script>\n"],"mappings":";;;AAeA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CACN,OAAO,EACL,SAAS,MAAkB,OAAO,KAAU,UAC7C;CACD,OAAO;AACL,SAAO,EACL,OAAO,IACR;;CAEH,SAAS,EACP,SAAS;AACP,OAAK,MAAM,UAAU,KAAK,MAAM;IAEnC;CACF,CAAC"}

package/dist/components/CardSearchResults.mjs

@@ -0,0 +1,32 @@
+import "../_virtual/_rolldown/runtime.mjs";
+import e from "../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CardSearchResults.vue_vue_type_script_lang.mjs";
+/* empty css                                                                   */
+import { Fragment as n, createBlock as r, createElementBlock as i, createTextVNode as a, createVNode as o, normalizeClass as s, openBlock as c, renderList as l, resolveComponent as u, toDisplayString as d, withCtx as f } from "vue";
+//#region src/components/CardSearchResults.vue
+var p = { class: "card-search-results" }, m = { key: 0 }, h = { key: 1 }, g = { key: 2 };
+function _sfc_render(e, t, _, v, y, b) {
+	let x = u("v-list-item-title"), S = u("v-list-item-subtitle"), C = u("v-list-item"), w = u("v-list");
+	return c(), i("div", p, [e.loading ? (c(), i("div", m, "Loading...")) : e.error ? (c(), i("div", h, d(e.error), 1)) : (c(), i("div", g, [o(w, null, {
+		default: f(() => [(c(!0), i(n, null, l(e.cards, (t) => (c(), r(C, {
+			key: t._id,
+			onClick: (n) => e.selectCard(t),
+			class: s([{ "selected-card": t._id === e.selectedCardId }, "cursor-pointer"])
+		}, {
+			default: f(() => [o(x, null, {
+				default: f(() => [a(d(t._id), 1)]),
+				_: 2
+			}, 1024), o(S, null, {
+				default: f(() => [a("Course: " + d(t.courseId), 1)]),
+				_: 2
+			}, 1024)]),
+			_: 2
+		}, 1032, ["onClick", "class"]))), 128))]),
+		_: 1
+	})]))]);
+}
+var _ = /* @__PURE__ */ e(t, [["render", _sfc_render], ["__scopeId", "data-v-285e13bd"]]);
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=CardSearchResults.mjs.map

package/dist/components/CardSearchResults.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardSearchResults.mjs","names":[],"sources":["../../src/components/CardSearchResults.vue"],"sourcesContent":["<template>\n  <div class=\"card-search-results\">\n    <div v-if=\"loading\">Loading...</div>\n    <div v-else-if=\"error\">{{ error }}</div>\n    <div v-else>\n      <v-list>\n        <v-list-item \n          v-for=\"card in cards\" \n          :key=\"card._id\"\n          @click=\"selectCard(card)\"\n          :class=\"{'selected-card': card._id === selectedCardId}\"\n          class=\"cursor-pointer\"\n        >\n          <v-list-item-title>{{ card._id }}</v-list-item-title>\n          <v-list-item-subtitle>Course: {{ card.courseId }}</v-list-item-subtitle>\n        </v-list-item>\n      </v-list>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\nimport { DataLayerProvider, CardData } from '@vue-skuilder/db';\n\ninterface CardWithCourse extends CardData {\n  courseId: string;\n}\n\nexport default defineComponent({\n  name: 'CardSearchResults',\n  emits: {\n    'card-selected': (payload: { cardId: string; courseId: string }) => \n      typeof payload.cardId === 'string' && typeof payload.courseId === 'string'\n  },\n  props: {\n    query: {\n      type: String,\n      required: true,\n    },\n    dataLayer: {\n      type: Object as PropType<DataLayerProvider>,\n      required: true,\n    },\n    courseFilter: {\n      type: String as PropType<string | null>,\n      default: null,\n    },\n  },\n  data() {\n    return {\n      cards: [] as CardWithCourse[],\n      loading: false,\n      error: null as string | null,\n      selectedCardId: null as string | null,\n    };\n  },\n  watch: {\n    query: {\n      immediate: true,\n      handler(newQuery) {\n        if (newQuery) {\n          this.fetchResults(newQuery);\n        }\n      },\n    },\n  },\n  methods: {\n    async fetchResults(query: string) {\n      this.loading = true;\n      this.error = null;\n      try {\n        let courseIds: string[] = [];\n        \n        // Get course IDs efficiently\n        if (this.courseFilter) {\n          // Single course search - no need to fetch all courses\n          courseIds = [this.courseFilter];\n          console.log(`Filtering search to course: ${this.courseFilter}`);\n        } else {\n          // Get all course IDs without expensive config lookups\n          const { CourseLookup } = await import('@vue-skuilder/db');\n          const lookupCourses = await CourseLookup.allCourseWare();\n          courseIds = lookupCourses.map(c => c._id).filter(Boolean);\n          console.log(`Searching across all ${courseIds.length} courses`);\n        }\n        \n        const allCards: CardWithCourse[] = [];\n\n        for (const courseId of courseIds) {\n          const courseDB = this.dataLayer.getCourseDB(courseId);\n          const cards = await courseDB.searchCards(query);\n          \n          for (const card of cards) {\n            allCards.push({\n              ...card,\n              courseId: courseId,\n            });\n          }\n        }\n        this.cards = allCards;\n        console.log(`Search completed: found ${allCards.length} cards across ${courseIds.length} courses`);\n      } catch (e) {\n        this.error = 'Error fetching search results.';\n        console.error('Search error:', e);\n      } finally {\n        this.loading = false;\n      }\n    },\n    \n    selectCard(card: CardWithCourse) {\n      this.selectedCardId = card._id;\n      this.$emit('card-selected', { cardId: card._id, courseId: card.courseId });\n    },\n  },\n});\n</script>\n\n<style scoped>\n.selected-card {\n  background-color: #e0f2f7; /* Light blue background */\n  border-left: 4px solid #2196f3; /* Blue left border */\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n</style>\n"],"mappings":";;;;;;UACO,OAAM,uBAAqB,QADlC,KAAA,GAAA,QAAA,KAAA,GAAA,QAAA,KAAA,GAAA;;;aACE,EAiBM,OAjBN,GAiBM,CAhBO,EAAA,WAAA,GAAA,EAAX,EAAoC,OAFxC,GAEwB,aAAU,IACd,EAAA,SAAA,GAAA,EAAhB,EAAwC,OAH5C,GAAA,EAG8B,EAAA,MAAK,EAAA,EAAA,KAAA,GAAA,EAC/B,EAaM,OAjBV,GAAA,CAKM,EAWS,GAAA,MAAA;EAhBf,SAAA,QAO+B,EAAA,EAAA,GAAA,EADvB,EASc,GAAA,MAftB,EAOyB,EAAA,QAAR,YADT,EASc,GAAA;GAPX,KAAK,EAAK;GACV,UAAK,MAAE,EAAA,WAAW,EAAI;GACtB,OAVX,EAAA,CAAA,EAAA,iBAUoC,EAAK,QAAQ,EAAA,gBAAc,EAC/C,iBAAgB,CAAA;;GAXhC,SAAA,QAa+D,CAArD,EAAqD,GAAA,MAAA;IAb/D,SAAA,QAa2C,CAb3C,EAAA,EAagC,EAAK,IAAG,EAAA,EAAA,CAAA,CAAA;IAbxC,GAAA;aAcU,EAAwE,GAAA,MAAA;IAdlF,SAAA,QAcwC,CAdxC,EAcgC,aAAQ,EAAG,EAAK,SAAQ,EAAA,EAAA,CAAA,CAAA;IAdxD,GAAA;;GAAA,GAAA;;EAAA,GAAA"}

package/dist/components/CardSearchResults.vue_vue_type_script_lang.mjs

@@ -0,0 +1,71 @@
+import "../_virtual/_rolldown/runtime.mjs";
+import { defineComponent as e } from "vue";
+//#region src/components/CardSearchResults.vue?vue&type=script&lang.ts
+var t = e({
+	name: "CardSearchResults",
+	emits: { "card-selected": (e) => typeof e.cardId == "string" && typeof e.courseId == "string" },
+	props: {
+		query: {
+			type: String,
+			required: !0
+		},
+		dataLayer: {
+			type: Object,
+			required: !0
+		},
+		courseFilter: {
+			type: String,
+			default: null
+		}
+	},
+	data() {
+		return {
+			cards: [],
+			loading: !1,
+			error: null,
+			selectedCardId: null
+		};
+	},
+	watch: { query: {
+		immediate: !0,
+		handler(e) {
+			e && this.fetchResults(e);
+		}
+	} },
+	methods: {
+		async fetchResults(e) {
+			this.loading = !0, this.error = null;
+			try {
+				let t = [];
+				if (this.courseFilter) t = [this.courseFilter], console.log(`Filtering search to course: ${this.courseFilter}`);
+				else {
+					let { CourseLookup: e } = await import("@vue-skuilder/db");
+					t = (await e.allCourseWare()).map((e) => e._id).filter(Boolean), console.log(`Searching across all ${t.length} courses`);
+				}
+				let n = [];
+				for (let r of t) {
+					let t = await this.dataLayer.getCourseDB(r).searchCards(e);
+					for (let e of t) n.push({
+						...e,
+						courseId: r
+					});
+				}
+				this.cards = n, console.log(`Search completed: found ${n.length} cards across ${t.length} courses`);
+			} catch (e) {
+				this.error = "Error fetching search results.", console.error("Search error:", e);
+			} finally {
+				this.loading = !1;
+			}
+		},
+		selectCard(e) {
+			this.selectedCardId = e._id, this.$emit("card-selected", {
+				cardId: e._id,
+				courseId: e.courseId
+			});
+		}
+	}
+});
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=CardSearchResults.vue_vue_type_script_lang.mjs.map

package/dist/components/CardSearchResults.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardSearchResults.vue_vue_type_script_lang.mjs","names":[],"sources":["../../src/components/CardSearchResults.vue"],"sourcesContent":["<template>\n  <div class=\"card-search-results\">\n    <div v-if=\"loading\">Loading...</div>\n    <div v-else-if=\"error\">{{ error }}</div>\n    <div v-else>\n      <v-list>\n        <v-list-item \n          v-for=\"card in cards\" \n          :key=\"card._id\"\n          @click=\"selectCard(card)\"\n          :class=\"{'selected-card': card._id === selectedCardId}\"\n          class=\"cursor-pointer\"\n        >\n          <v-list-item-title>{{ card._id }}</v-list-item-title>\n          <v-list-item-subtitle>Course: {{ card.courseId }}</v-list-item-subtitle>\n        </v-list-item>\n      </v-list>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\nimport { DataLayerProvider, CardData } from '@vue-skuilder/db';\n\ninterface CardWithCourse extends CardData {\n  courseId: string;\n}\n\nexport default defineComponent({\n  name: 'CardSearchResults',\n  emits: {\n    'card-selected': (payload: { cardId: string; courseId: string }) => \n      typeof payload.cardId === 'string' && typeof payload.courseId === 'string'\n  },\n  props: {\n    query: {\n      type: String,\n      required: true,\n    },\n    dataLayer: {\n      type: Object as PropType<DataLayerProvider>,\n      required: true,\n    },\n    courseFilter: {\n      type: String as PropType<string | null>,\n      default: null,\n    },\n  },\n  data() {\n    return {\n      cards: [] as CardWithCourse[],\n      loading: false,\n      error: null as string | null,\n      selectedCardId: null as string | null,\n    };\n  },\n  watch: {\n    query: {\n      immediate: true,\n      handler(newQuery) {\n        if (newQuery) {\n          this.fetchResults(newQuery);\n        }\n      },\n    },\n  },\n  methods: {\n    async fetchResults(query: string) {\n      this.loading = true;\n      this.error = null;\n      try {\n        let courseIds: string[] = [];\n        \n        // Get course IDs efficiently\n        if (this.courseFilter) {\n          // Single course search - no need to fetch all courses\n          courseIds = [this.courseFilter];\n          console.log(`Filtering search to course: ${this.courseFilter}`);\n        } else {\n          // Get all course IDs without expensive config lookups\n          const { CourseLookup } = await import('@vue-skuilder/db');\n          const lookupCourses = await CourseLookup.allCourseWare();\n          courseIds = lookupCourses.map(c => c._id).filter(Boolean);\n          console.log(`Searching across all ${courseIds.length} courses`);\n        }\n        \n        const allCards: CardWithCourse[] = [];\n\n        for (const courseId of courseIds) {\n          const courseDB = this.dataLayer.getCourseDB(courseId);\n          const cards = await courseDB.searchCards(query);\n          \n          for (const card of cards) {\n            allCards.push({\n              ...card,\n              courseId: courseId,\n            });\n          }\n        }\n        this.cards = allCards;\n        console.log(`Search completed: found ${allCards.length} cards across ${courseIds.length} courses`);\n      } catch (e) {\n        this.error = 'Error fetching search results.';\n        console.error('Search error:', e);\n      } finally {\n        this.loading = false;\n      }\n    },\n    \n    selectCard(card: CardWithCourse) {\n      this.selectedCardId = card._id;\n      this.$emit('card-selected', { cardId: card._id, courseId: card.courseId });\n    },\n  },\n});\n</script>\n\n<style scoped>\n.selected-card {\n  background-color: #e0f2f7; /* Light blue background */\n  border-left: 4px solid #2196f3; /* Blue left border */\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n</style>\n"],"mappings":";;;AA6BA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CACN,OAAO,EACL,kBAAkB,MAChB,OAAO,EAAQ,UAAW,YAAY,OAAO,EAAQ,YAAa,UACrE;CACD,OAAO;EACL,OAAO;GACL,MAAM;GACN,UAAU;GACX;EACD,WAAW;GACT,MAAM;GACN,UAAU;GACX;EACD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EACF;CACD,OAAO;AACL,SAAO;GACL,OAAO,EAAC;GACR,SAAS;GACT,OAAO;GACP,gBAAgB;GACjB;;CAEH,OAAO,EACL,OAAO;EACL,WAAW;EACX,QAAQ,GAAU;AAChB,GAAI,KACF,KAAK,aAAa,EAAS;;EAGhC,EACF;CACD,SAAS;EACP,MAAM,aAAa,GAAe;AAEhC,GADA,KAAK,UAAU,IACf,KAAK,QAAQ;AACb,OAAI;IACF,IAAI,IAAsB,EAAE;AAG5B,QAAI,KAAK,aAGP,CADA,IAAY,CAAC,KAAK,aAAa,EAC/B,QAAQ,IAAI,+BAA+B,KAAK,eAAe;SAC1D;KAEL,IAAM,EAAE,oBAAiB,MAAM,OAAO;AAGtC,KADA,KADsB,MAAM,EAAa,eAAe,EAC9B,KAAI,MAAK,EAAE,IAAI,CAAC,OAAO,QAAQ,EACzD,QAAQ,IAAI,wBAAwB,EAAU,OAAM,UAAW;;IAGjE,IAAM,IAA6B,EAAE;AAErC,SAAK,IAAM,KAAY,GAAW;KAEhC,IAAM,IAAQ,MADG,KAAK,UAAU,YAAY,EAAS,CACxB,YAAY,EAAM;AAE/C,UAAK,IAAM,KAAQ,EACjB,GAAS,KAAK;MACZ,GAAG;MACO;MACX,CAAC;;AAIN,IADA,KAAK,QAAQ,GACb,QAAQ,IAAI,2BAA2B,EAAS,OAAM,gBAAiB,EAAU,OAAM,UAAW;YAC3F,GAAG;AAEV,IADA,KAAK,QAAQ,kCACb,QAAQ,MAAM,iBAAiB,EAAE;aACzB;AACR,SAAK,UAAU;;;EAInB,WAAW,GAAsB;AAE/B,GADA,KAAK,iBAAiB,EAAK,KAC3B,KAAK,MAAM,iBAAiB;IAAE,QAAQ,EAAK;IAAK,UAAU,EAAK;IAAU,CAAC;;EAE7E;CACF,CAAC"}