@vue-skuilder/common-ui 0.1.5 → 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.
- package/dist/assets/index.css +2 -2
- package/dist/common-ui.es.js +1435 -276
- package/dist/common-ui.es.js.map +1 -1
- package/dist/common-ui.umd.js +2 -2
- package/dist/common-ui.umd.js.map +1 -1
- package/dist/composables/__tests__/useAuthUI.test.d.ts +2 -0
- package/dist/composables/__tests__/useAuthUI.test.d.ts.map +1 -0
- package/dist/composables/index.d.ts +1 -0
- package/dist/composables/index.d.ts.map +1 -1
- package/dist/composables/useAuthUI.d.ts +15 -0
- package/dist/composables/useAuthUI.d.ts.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/stores/useAuthStore.d.ts +20 -0
- package/dist/stores/useAuthStore.d.ts.map +1 -1
- package/package.json +8 -3
- package/src/components/CardBrowser.vue +81 -0
- package/src/components/CourseCardBrowser.vue +384 -0
- package/src/components/CourseInformation.vue +194 -0
- package/src/components/PaginatingToolbar.vue +1 -1
- package/src/components/SnackbarService.vue +1 -3
- package/src/components/TagsInput.vue +247 -0
- package/src/components/auth/UserChip.vue +146 -58
- package/src/components/auth/UserLoginAndRegistrationContainer.vue +17 -2
- package/src/composables/__tests__/useAuthUI.test.ts +103 -0
- package/src/composables/index.ts +1 -0
- package/src/composables/useAuthUI.ts +67 -0
- package/src/index.ts +8 -0
- package/src/stores/useAuthStore.ts +19 -0
package/dist/assets/index.css
CHANGED
|
@@ -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-
|
|
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-
|
|
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}
|