@vue-skuilder/common-ui 0.2.14 → 0.2.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/index.css +1 -1
- package/dist/common-ui.es.js +20 -8
- package/dist/common-ui.es.js.map +1 -1
- package/dist/common-ui.umd.js +4 -4
- package/dist/common-ui.umd.js.map +1 -1
- package/dist/components/StudySession.vue.d.ts +17 -0
- package/dist/components/StudySession.vue.d.ts.map +1 -1
- package/dist/components/StudySessionTimer.vue.d.ts +21 -0
- package/dist/components/StudySessionTimer.vue.d.ts.map +1 -1
- package/dist/components/auth/UserRegistration.vue.d.ts +4 -0
- package/dist/components/auth/UserRegistration.vue.d.ts.map +1 -1
- package/dist/stores/useAuthStore.d.ts +4 -0
- package/dist/stores/useAuthStore.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/components/StudySession.vue +11 -1
- package/src/components/StudySessionTimer.vue +11 -1
package/dist/assets/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.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-
|
|
1
|
+
.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-d6d88dad]{background-color:var(--v-background);z-index:100;position:fixed;bottom:0}.footer-right[data-v-d6d88dad]{background-color:var(--v-background);z-index:100;position:fixed;bottom:0;right:0}.correct[data-v-d6d88dad]{animation:1.25s ease-out varFade-d6d88dad}.incorrect[data-v-d6d88dad]{animation:1.25s ease-out purpleFade-d6d88dad}a[data-v-d6d88dad]{text-decoration:underline}.StudySession[data-v-d6d88dad],.session-finished-area[data-v-d6d88dad]{flex-direction:column;flex:1;min-height:0;display:flex}.card-transition-container[data-v-d6d88dad]{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex;position:relative;overflow:hidden}@keyframes varFade-d6d88dad{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-d6d88dad{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-d6d88dad{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-563b0048]{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)}
|
package/dist/common-ui.es.js
CHANGED
|
@@ -1087,6 +1087,10 @@ var ot = M({
|
|
|
1087
1087
|
type: Number,
|
|
1088
1088
|
required: !0,
|
|
1089
1089
|
default: 5
|
|
1090
|
+
},
|
|
1091
|
+
allowAddTime: {
|
|
1092
|
+
type: Boolean,
|
|
1093
|
+
default: !0
|
|
1090
1094
|
}
|
|
1091
1095
|
},
|
|
1092
1096
|
emits: ["add-time"],
|
|
@@ -1130,7 +1134,7 @@ function _sfc_render$18(e, t, n, r, i, a) {
|
|
|
1130
1134
|
color: e.timerColor,
|
|
1131
1135
|
"model-value": e.percentageRemaining
|
|
1132
1136
|
}, {
|
|
1133
|
-
default: W(() => [e.timeRemaining > 0 && e.hovered ? (L(), E(s, {
|
|
1137
|
+
default: W(() => [e.allowAddTime && e.timeRemaining > 0 && e.hovered ? (L(), E(s, {
|
|
1134
1138
|
key: 0,
|
|
1135
1139
|
icon: "",
|
|
1136
1140
|
color: "transparent",
|
|
@@ -1150,7 +1154,7 @@ function _sfc_render$18(e, t, n, r, i, a) {
|
|
|
1150
1154
|
});
|
|
1151
1155
|
}
|
|
1152
1156
|
t(_sfc_render$18, "_sfc_render");
|
|
1153
|
-
var st = /* @__PURE__ */ r(ot, [["render", _sfc_render$18], ["__scopeId", "data-v-
|
|
1157
|
+
var st = /* @__PURE__ */ r(ot, [["render", _sfc_render$18], ["__scopeId", "data-v-5e104ccc"]]), ct = M({
|
|
1154
1158
|
name: "CardViewer",
|
|
1155
1159
|
ref: {},
|
|
1156
1160
|
props: {
|
|
@@ -1866,9 +1870,14 @@ var Ut = M({
|
|
|
1866
1870
|
debugMode: window.debugMode === !0
|
|
1867
1871
|
};
|
|
1868
1872
|
},
|
|
1869
|
-
computed: {
|
|
1870
|
-
|
|
1871
|
-
|
|
1873
|
+
computed: {
|
|
1874
|
+
currentCard() {
|
|
1875
|
+
return this.sessionRecord[this.sessionRecord.length - 1];
|
|
1876
|
+
},
|
|
1877
|
+
resolvedTransitionMode() {
|
|
1878
|
+
return this.transitionMode === "default" ? void 0 : this.transitionMode;
|
|
1879
|
+
}
|
|
1880
|
+
},
|
|
1872
1881
|
async created() {
|
|
1873
1882
|
this.userCourseRegDoc = await this.user.getCourseRegistrationsDoc(), console.log("[StudySession] Created lifecycle hook - starting initSession"), await this.initSession(), console.log("[StudySession] InitSession completed in created hook");
|
|
1874
1883
|
},
|
|
@@ -2067,7 +2076,10 @@ function _sfc_render$15(e, t, n, r, i, a) {
|
|
|
2067
2076
|
t[1] || (t[1] = k("p", null, "Study session finished! Great job!", -1)),
|
|
2068
2077
|
e.sessionController ? (L(), O("p", Jt, H(e.sessionController.report), 1)) : D("", !0),
|
|
2069
2078
|
j(u, { "activity-records-getter": () => e.user.getActivityRecords() }, null, 8, ["activity-records-getter"])
|
|
2070
|
-
])], !0)])) : (L(), O("div", Yt, [j(w, {
|
|
2079
|
+
])], !0)])) : (L(), O("div", Yt, [j(w, {
|
|
2080
|
+
name: e.transitionName,
|
|
2081
|
+
mode: e.resolvedTransitionMode
|
|
2082
|
+
}, {
|
|
2071
2083
|
default: W(() => [e.view ? (L(), E(d, {
|
|
2072
2084
|
ref: "cardViewer",
|
|
2073
2085
|
key: e.cardID,
|
|
@@ -2097,7 +2109,7 @@ function _sfc_render$15(e, t, n, r, i, a) {
|
|
|
2097
2109
|
"onReadyToAdvance"
|
|
2098
2110
|
])) : D("", !0)]),
|
|
2099
2111
|
_: 1
|
|
2100
|
-
}, 8, ["name"])], 512)),
|
|
2112
|
+
}, 8, ["name", "mode"])], 512)),
|
|
2101
2113
|
e.frameless ? D("", !0) : (L(), O(C, { key: 5 }, [t[2] || (t[2] = k("br", null, null, -1)), e.sessionController ? (L(), O("div", Xt, [(L(!0), O(C, null, z(e.sessionController.failedCount, (e) => (L(), O("span", {
|
|
2102
2114
|
key: e,
|
|
2103
2115
|
class: "text-h5"
|
|
@@ -2137,7 +2149,7 @@ function _sfc_render$15(e, t, n, r, i, a) {
|
|
|
2137
2149
|
])) : D("", !0);
|
|
2138
2150
|
}
|
|
2139
2151
|
t(_sfc_render$15, "_sfc_render");
|
|
2140
|
-
var Zt = /* @__PURE__ */ r(Ut, [["render", _sfc_render$15], ["__scopeId", "data-v-
|
|
2152
|
+
var Zt = /* @__PURE__ */ r(Ut, [["render", _sfc_render$15], ["__scopeId", "data-v-d6d88dad"]]), Qt = M({
|
|
2141
2153
|
name: "MultipleChoiceOption",
|
|
2142
2154
|
components: { MarkdownRenderer: re(() => import("./MarkdownRenderer-kStoDRNE.mjs").then((e) => e.n)) },
|
|
2143
2155
|
props: {
|