@vue-skuilder/common-ui 0.1.4 → 0.1.6

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.
Files changed (65) hide show
  1. package/dist/assets/index.css +2 -2
  2. package/dist/common-ui.es.js +1471 -295
  3. package/dist/common-ui.es.js.map +1 -1
  4. package/dist/common-ui.umd.js +2 -2
  5. package/dist/common-ui.umd.js.map +1 -1
  6. package/dist/components/HeatMap.types.d.ts +1 -0
  7. package/dist/components/HeatMap.types.d.ts.map +1 -0
  8. package/dist/components/PaginatingToolbar.types.d.ts +1 -0
  9. package/dist/components/PaginatingToolbar.types.d.ts.map +1 -0
  10. package/dist/components/SkMouseTrap.types.d.ts +1 -0
  11. package/dist/components/SkMouseTrap.types.d.ts.map +1 -0
  12. package/dist/components/SkMouseTrapToolTip.types.d.ts +1 -0
  13. package/dist/components/SkMouseTrapToolTip.types.d.ts.map +1 -0
  14. package/dist/components/SnackbarService.d.ts +1 -0
  15. package/dist/components/SnackbarService.d.ts.map +1 -0
  16. package/dist/components/StudySession.types.d.ts +1 -0
  17. package/dist/components/StudySession.types.d.ts.map +1 -0
  18. package/dist/components/auth/index.d.ts +1 -0
  19. package/dist/components/auth/index.d.ts.map +1 -0
  20. package/dist/components/cardRendering/MarkdownRendererHelpers.d.ts +1 -0
  21. package/dist/components/cardRendering/MarkdownRendererHelpers.d.ts.map +1 -0
  22. package/dist/components/studentInputs/BaseUserInput.d.ts +1 -0
  23. package/dist/components/studentInputs/BaseUserInput.d.ts.map +1 -0
  24. package/dist/components/studentInputs/RadioMultipleChoice.types.d.ts +1 -0
  25. package/dist/components/studentInputs/RadioMultipleChoice.types.d.ts.map +1 -0
  26. package/dist/composables/CompositionViewable.d.ts +1 -0
  27. package/dist/composables/CompositionViewable.d.ts.map +1 -0
  28. package/dist/composables/Displayable.d.ts +1 -0
  29. package/dist/composables/Displayable.d.ts.map +1 -0
  30. package/dist/composables/__tests__/useAuthUI.test.d.ts +2 -0
  31. package/dist/composables/__tests__/useAuthUI.test.d.ts.map +1 -0
  32. package/dist/composables/index.d.ts +2 -0
  33. package/dist/composables/index.d.ts.map +1 -0
  34. package/dist/composables/useAuthUI.d.ts +15 -0
  35. package/dist/composables/useAuthUI.d.ts.map +1 -0
  36. package/dist/index.d.ts +5 -0
  37. package/dist/index.d.ts.map +1 -0
  38. package/dist/plugins/pinia.d.ts +1 -0
  39. package/dist/plugins/pinia.d.ts.map +1 -0
  40. package/dist/stores/useAuthStore.d.ts +21 -0
  41. package/dist/stores/useAuthStore.d.ts.map +1 -0
  42. package/dist/stores/useCardPreviewModeStore.d.ts +1 -0
  43. package/dist/stores/useCardPreviewModeStore.d.ts.map +1 -0
  44. package/dist/stores/useConfigStore.d.ts +1 -0
  45. package/dist/stores/useConfigStore.d.ts.map +1 -0
  46. package/dist/utils/SkldrMouseTrap.d.ts +1 -0
  47. package/dist/utils/SkldrMouseTrap.d.ts.map +1 -0
  48. package/package.json +8 -3
  49. package/src/components/CardBrowser.vue +81 -0
  50. package/src/components/CourseCardBrowser.vue +384 -0
  51. package/src/components/CourseInformation.vue +194 -0
  52. package/src/components/PaginatingToolbar.vue +1 -1
  53. package/src/components/SnackbarService.vue +1 -3
  54. package/src/components/StudySession.vue +52 -23
  55. package/src/components/TagsInput.vue +247 -0
  56. package/src/components/auth/UserChip.vue +146 -58
  57. package/src/components/auth/UserLoginAndRegistrationContainer.vue +17 -2
  58. package/src/components/cardRendering/MarkdownRendererHelpers.ts +2 -2
  59. package/src/components/studentInputs/BaseUserInput.ts +0 -1
  60. package/src/composables/__tests__/useAuthUI.test.ts +103 -0
  61. package/src/composables/index.ts +1 -0
  62. package/src/composables/useAuthUI.ts +67 -0
  63. package/src/index.ts +8 -0
  64. package/src/plugins/pinia.ts +1 -1
  65. package/src/stores/useAuthStore.ts +19 -0
@@ -1,4 +1,4 @@
1
- .tooltip[data-v-ca46239a]{background-color:#000c;color:#fff;padding:5px;border-radius:3px;font-size:12px}.sk-mousetrap-tooltip-wrapper[data-v-5d6fb09c]{display:inline-block;position:relative}.sk-mousetrap-tooltip[data-v-5d6fb09c]{position:absolute;background-color:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:9999}.sk-mt-tooltip-top[data-v-5d6fb09c]{bottom:100%;margin-bottom:5px;left:50%;transform:translate(-50%)}.sk-mt-tooltip-bottom[data-v-5d6fb09c]{top:100%;margin-top:5px;left:50%;transform:translate(-50%)}.sk-mt-tooltip-left[data-v-5d6fb09c]{right:100%;margin-right:5px;top:50%;transform:translateY(-50%)}.sk-mt-tooltip-right[data-v-5d6fb09c]{left:100%;margin-left:5px;top:50%;transform:translateY(-50%)}.sk-mousetrap-highlight-glow[data-v-5d6fb09c]{box-shadow:0 0 8px 2px #1976d299;transition:box-shadow .25s ease}.sk-mousetrap-highlight-scale[data-v-5d6fb09c]{transform:scale(1.03);transition:transform .25s ease}.sk-mousetrap-highlight-border[data-v-5d6fb09c]{outline:2px solid rgba(25,118,210,.8);outline-offset:2px;border-radius:4px;transition:outline .25s ease,outline-offset .25s ease}.fade-enter-active[data-v-5d6fb09c],.fade-leave-active[data-v-5d6fb09c]{transition:opacity .25s ease}.fade-enter-from[data-v-5d6fb09c],.fade-leave-to[data-v-5d6fb09c]{opacity:0}.pageSelect[data-v-39413af8]{max-width:60px}.timer-container[data-v-5960940a]{display:inline-flex;cursor:pointer}.cardView[data-v-a180fe1c]{padding:15px;border-radius:8px}.component-fade-enter-active[data-v-a180fe1c],.component-fade-leave-active[data-v-a180fe1c]{transition:opacity .3s ease}.component-fade-enter[data-v-a180fe1c],.component-fade-leave-to[data-v-a180fe1c]{opacity:0}.footer-controls[data-v-70e29902]{position:fixed;bottom:0;background-color:var(--v-background);z-index:100}.footer-right[data-v-70e29902]{position:fixed;bottom:0;right:0;background-color:var(--v-background);z-index:100}.correct[data-v-70e29902]{animation:varFade-70e29902 1.25s ease-out}.incorrect[data-v-70e29902]{animation:purpleFade-70e29902 1.25s ease-out}a[data-v-70e29902]{text-decoration:underline}@keyframes varFade-70e29902{0%{box-shadow:rgba(var(--r),var(--g),0,.25) 0 7px 8px -4px,rgba(var(--r),var(--g),0,.25) 0 12px 17px 2px,rgba(var(--r),var(--g),0,.25) 0 5px 22px 4px}to{box-shadow:#00960000 0 0}}@keyframes greenFade-70e29902{0%{box-shadow:#00960040 0 7px 8px -4px,#00960040 0 12px 17px 2px,#00960040 0 5px 22px 4px}to{box-shadow:#00960000 0 0}}@keyframes purpleFade-70e29902{0%{box-shadow:#73004b40 0 7px 8px -4px,#73004b40 0 12px 17px 2px,#73004b40 0 5px 22px 4px}to{box-shadow:#73004b00 0 0}}.choice[data-v-96de7172]{text-align:center;display:inline-block;border-radius:4px;padding:5px 15px;margin:10px;min-width:75px;transition:all .2s ease-in-out}.selected[data-v-96de7172]{transform:translateY(-10px) scale(1.15);z-index:1}.not-selected[data-v-96de7172]{z-index:0}.userInput[data-v-a56dcd1c]{border:none;text-align:center;border-bottom:1px black}.user-input-container[data-v-aa14961f]{display:inline-block;min-width:6em;vertical-align:baseline}.user-input-string[data-v-aa14961f]{display:inline-block;background:transparent;border:none;border-bottom:1px solid currentColor;color:currentColor;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;margin:0;text-align:center;width:100%;outline:none}.user-input-string[data-v-aa14961f]:focus{border-bottom:2px solid currentColor}#input[data-v-486ac035]{display:inline-block;min-width:4em;text-align:center}.underline[data-v-486ac035]{text-decoration:underline;text-decoration-style:solid 14px}.cardView[data-v-9ca53bc4]{padding:15px;border-radius:8px}.component-fade-enter-active[data-v-9ca53bc4],.component-fade-leave-active[data-v-9ca53bc4]{transition:opacity .3s ease}.component-fade-enter[data-v-9ca53bc4],.component-fade-leave-to[data-v-9ca53bc4]{opacity:0}.playing[data-v-e1a0f62c]{animation:.85s ease-in-out infinite alternate pulse-e1a0f62c;z-index:1}@keyframes pulse-e1a0f62c{0%{transform:scale(1)}to{transform:scale(1.15)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
1
+ .tooltip[data-v-ca46239a]{background-color:#000c;color:#fff;padding:5px;border-radius:3px;font-size:12px}.sk-mousetrap-tooltip-wrapper[data-v-5d6fb09c]{display:inline-block;position:relative}.sk-mousetrap-tooltip[data-v-5d6fb09c]{position:absolute;background-color:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:9999}.sk-mt-tooltip-top[data-v-5d6fb09c]{bottom:100%;margin-bottom:5px;left:50%;transform:translate(-50%)}.sk-mt-tooltip-bottom[data-v-5d6fb09c]{top:100%;margin-top:5px;left:50%;transform:translate(-50%)}.sk-mt-tooltip-left[data-v-5d6fb09c]{right:100%;margin-right:5px;top:50%;transform:translateY(-50%)}.sk-mt-tooltip-right[data-v-5d6fb09c]{left:100%;margin-left:5px;top:50%;transform:translateY(-50%)}.sk-mousetrap-highlight-glow[data-v-5d6fb09c]{box-shadow:0 0 8px 2px #1976d299;transition:box-shadow .25s ease}.sk-mousetrap-highlight-scale[data-v-5d6fb09c]{transform:scale(1.03);transition:transform .25s ease}.sk-mousetrap-highlight-border[data-v-5d6fb09c]{outline:2px solid rgba(25,118,210,.8);outline-offset:2px;border-radius:4px;transition:outline .25s ease,outline-offset .25s ease}.fade-enter-active[data-v-5d6fb09c],.fade-leave-active[data-v-5d6fb09c]{transition:opacity .25s ease}.fade-enter-from[data-v-5d6fb09c],.fade-leave-to[data-v-5d6fb09c]{opacity:0}.pageSelect[data-v-a75fea7e]{max-width:60px}.timer-container[data-v-5960940a]{display:inline-flex;cursor:pointer}.cardView[data-v-a180fe1c]{padding:15px;border-radius:8px}.component-fade-enter-active[data-v-a180fe1c],.component-fade-leave-active[data-v-a180fe1c]{transition:opacity .3s ease}.component-fade-enter[data-v-a180fe1c],.component-fade-leave-to[data-v-a180fe1c]{opacity:0}.footer-controls[data-v-37cad857]{position:fixed;bottom:0;background-color:var(--v-background);z-index:100}.footer-right[data-v-37cad857]{position:fixed;bottom:0;right:0;background-color:var(--v-background);z-index:100}.correct[data-v-37cad857]{animation:varFade-37cad857 1.25s ease-out}.incorrect[data-v-37cad857]{animation:purpleFade-37cad857 1.25s ease-out}a[data-v-37cad857]{text-decoration:underline}@keyframes varFade-37cad857{0%{box-shadow:rgba(var(--r),var(--g),0,.25) 0 7px 8px -4px,rgba(var(--r),var(--g),0,.25) 0 12px 17px 2px,rgba(var(--r),var(--g),0,.25) 0 5px 22px 4px}to{box-shadow:#00960000 0 0}}@keyframes greenFade-37cad857{0%{box-shadow:#00960040 0 7px 8px -4px,#00960040 0 12px 17px 2px,#00960040 0 5px 22px 4px}to{box-shadow:#00960000 0 0}}@keyframes purpleFade-37cad857{0%{box-shadow:#73004b40 0 7px 8px -4px,#73004b40 0 12px 17px 2px,#73004b40 0 5px 22px 4px}to{box-shadow:#73004b00 0 0}}.choice[data-v-96de7172]{text-align:center;display:inline-block;border-radius:4px;padding:5px 15px;margin:10px;min-width:75px;transition:all .2s ease-in-out}.selected[data-v-96de7172]{transform:translateY(-10px) scale(1.15);z-index:1}.not-selected[data-v-96de7172]{z-index:0}.userInput[data-v-a56dcd1c]{border:none;text-align:center;border-bottom:1px black}.user-input-container[data-v-aa14961f]{display:inline-block;min-width:6em;vertical-align:baseline}.user-input-string[data-v-aa14961f]{display:inline-block;background:transparent;border:none;border-bottom:1px solid currentColor;color:currentColor;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;margin:0;text-align:center;width:100%;outline:none}.user-input-string[data-v-aa14961f]:focus{border-bottom:2px solid currentColor}#input[data-v-486ac035]{display:inline-block;min-width:4em;text-align:center}.underline[data-v-486ac035]{text-decoration:underline;text-decoration-style:solid 14px}.cardView[data-v-9ca53bc4]{padding:15px;border-radius:8px}.component-fade-enter-active[data-v-9ca53bc4],.component-fade-leave-active[data-v-9ca53bc4]{transition:opacity .3s ease}.component-fade-enter[data-v-9ca53bc4],.component-fade-leave-to[data-v-9ca53bc4]{opacity:0}.playing[data-v-e1a0f62c]{animation:.85s ease-in-out infinite alternate pulse-e1a0f62c;z-index:1}@keyframes pulse-e1a0f62c{0%{transform:scale(1)}to{transform:scale(1.15)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
2
2
  Theme: GitHub
3
3
  Description: Light theme as seen on github.com
4
4
  Author: github.com
@@ -7,4 +7,4 @@
7
7
 
8
8
  Outdated base version: https://github.com/primer/github-syntax-light
9
9
  Current colors taken from GitHub's CSS
10
- */.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{margin:1rem 0;border-radius:4px;background-color:#f6f8fa;overflow:auto;position:relative}.language-indicator{position:absolute;top:8px;right:10px;padding:2px 8px;font-size:.75rem;color:#666;background-color:#ffffffb3;border-radius:4px;z-index:1;font-family:monospace;text-transform:lowercase}blockquote[data-v-047d0fa4]{border-left:3px teal solid;padding-left:8px}.codespan[data-v-047d0fa4]{padding-left:3px;padding-right:3px;margin-left:1px;margin-right:1px}p[data-v-047d0fa4]{margin-bottom:15px;margin-top:15px}.login[data-v-acfaa2d0]{max-width:650px}.component-fade-enter-active[data-v-e53f877f],.component-fade-leave-active[data-v-e53f877f]{transition:opacity .5s ease}.component-fade-enter[data-v-e53f877f],.component-fade-leave-to[data-v-e53f877f]{opacity:0}
10
+ */.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{margin:1rem 0;border-radius:4px;background-color:#f6f8fa;overflow:auto;position:relative}.language-indicator{position:absolute;top:8px;right:10px;padding:2px 8px;font-size:.75rem;color:#666;background-color:#ffffffb3;border-radius:4px;z-index:1;font-family:monospace;text-transform:lowercase}blockquote[data-v-047d0fa4]{border-left:3px teal solid;padding-left:8px}.codespan[data-v-047d0fa4]{padding-left:3px;padding-right:3px;margin-left:1px;margin-right:1px}p[data-v-047d0fa4]{margin-bottom:15px;margin-top:15px}.component-fade-enter-active[data-v-53f0aa4d],.component-fade-leave-active[data-v-53f0aa4d]{transition:opacity .5s ease}.component-fade-enter[data-v-53f0aa4d],.component-fade-leave-to[data-v-53f0aa4d]{opacity:0}.login[data-v-acfaa2d0]{max-width:650px}.component-fade-enter-active[data-v-6091ae05],.component-fade-leave-active[data-v-6091ae05]{transition:opacity .5s ease}.component-fade-enter[data-v-6091ae05],.component-fade-leave-to[data-v-6091ae05]{opacity:0}.vue-tags-input[data-v-dec3b5c8]{max-width:100%}.autocomplete-item[data-v-dec3b5c8]{display:flex;align-items:center;padding:5px}.autocomplete-item.is-active[data-v-dec3b5c8]{background-color:#e8e8e8}.autocomplete-item.is-active>.tag-name[data-v-dec3b5c8]{background-color:#5c6bc0;color:#fff}.tag-name[data-v-dec3b5c8]{background-color:#e0e0e0;color:#333;padding:2px 6px;border-radius:3px;font-weight:700;margin-right:5px}.tag-snippet[data-v-dec3b5c8]{color:#666;font-size:.9em}.autocomplete-item.is-active .tag-snippet[data-v-dec3b5c8]{color:#333}.component-fade-enter-active[data-v-0beef6a4],.component-fade-leave-active[data-v-0beef6a4]{transition:opacity .5s ease}.component-fade-enter[data-v-0beef6a4],.component-fade-leave-to[data-v-0beef6a4]{opacity:0}.component-scale-enter-active[data-v-0beef6a4],.component-scale-leave-active[data-v-0beef6a4]{max-height:auto;transform:scale(1);transform-origin:top;transition:transform .3s ease,max-height .3s ease}.component-scale-enter[data-v-0beef6a4],.component-fade-leave-to[data-v-0beef6a4]{max-height:0px;transform:scaleY(0);overflow:hidden}.component-fade-enter-active[data-v-799f691d],.component-fade-leave-active[data-v-799f691d]{transition:opacity .5s ease}.component-fade-enter[data-v-799f691d],.component-fade-leave-to[data-v-799f691d]{opacity:0}.component-scale-enter-active[data-v-799f691d],.component-scale-leave-active[data-v-799f691d]{max-height:auto;transform:scale(1);transform-origin:top;transition:transform .3s ease,max-height .3s ease}.component-scale-enter[data-v-799f691d],.component-fade-leave-to[data-v-799f691d]{max-height:0px;transform:scaleY(0);overflow:hidden}