@vue-skuilder/common-ui 0.2.13 → 0.2.15
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 +24 -9
- 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 +22 -2
- 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
|
},
|
|
@@ -2031,7 +2040,10 @@ var Ut = M({
|
|
|
2031
2040
|
}), Wt = {
|
|
2032
2041
|
key: 0,
|
|
2033
2042
|
class: "StudySession"
|
|
2034
|
-
}, Gt = { key: 2 }, Kt = {
|
|
2043
|
+
}, Gt = { key: 2 }, Kt = {
|
|
2044
|
+
key: 3,
|
|
2045
|
+
class: "session-finished-area"
|
|
2046
|
+
}, qt = { class: "text-h4" }, Jt = { key: 0 }, Yt = {
|
|
2035
2047
|
key: 4,
|
|
2036
2048
|
ref: "shadowWrapper",
|
|
2037
2049
|
class: "card-transition-container"
|
|
@@ -2064,7 +2076,10 @@ function _sfc_render$15(e, t, n, r, i, a) {
|
|
|
2064
2076
|
t[1] || (t[1] = k("p", null, "Study session finished! Great job!", -1)),
|
|
2065
2077
|
e.sessionController ? (L(), O("p", Jt, H(e.sessionController.report), 1)) : D("", !0),
|
|
2066
2078
|
j(u, { "activity-records-getter": () => e.user.getActivityRecords() }, null, 8, ["activity-records-getter"])
|
|
2067
|
-
])], !0)])) : (L(), O("div", Yt, [j(w, {
|
|
2079
|
+
])], !0)])) : (L(), O("div", Yt, [j(w, {
|
|
2080
|
+
name: e.transitionName,
|
|
2081
|
+
mode: e.resolvedTransitionMode
|
|
2082
|
+
}, {
|
|
2068
2083
|
default: W(() => [e.view ? (L(), E(d, {
|
|
2069
2084
|
ref: "cardViewer",
|
|
2070
2085
|
key: e.cardID,
|
|
@@ -2094,7 +2109,7 @@ function _sfc_render$15(e, t, n, r, i, a) {
|
|
|
2094
2109
|
"onReadyToAdvance"
|
|
2095
2110
|
])) : D("", !0)]),
|
|
2096
2111
|
_: 1
|
|
2097
|
-
}, 8, ["name"])], 512)),
|
|
2112
|
+
}, 8, ["name", "mode"])], 512)),
|
|
2098
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", {
|
|
2099
2114
|
key: e,
|
|
2100
2115
|
class: "text-h5"
|
|
@@ -2134,7 +2149,7 @@ function _sfc_render$15(e, t, n, r, i, a) {
|
|
|
2134
2149
|
])) : D("", !0);
|
|
2135
2150
|
}
|
|
2136
2151
|
t(_sfc_render$15, "_sfc_render");
|
|
2137
|
-
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({
|
|
2138
2153
|
name: "MultipleChoiceOption",
|
|
2139
2154
|
components: { MarkdownRenderer: re(() => import("./MarkdownRenderer-kStoDRNE.mjs").then((e) => e.n)) },
|
|
2140
2155
|
props: {
|