@vue-skuilder/common-ui 0.1.32-e → 0.1.32-f

package/dist/components/StudySession.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StudySession.vue.d.ts","sourceRoot":"","sources":["../../src/components/StudySession.vue"],"names":[],"mappings":"AAgFA;AAAA,OAyxBO,EAAE,eAAe,EAAW,QAAQ,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAM/C,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAGxD,OAAO,EAAE,SAAS,EAAuB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EACL,WAAW,EACX,UAAU,EAEV,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EAEjB,YAAY,EAEZ,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAEpG,UAAU,SAAS;IACjB,aAAa,EAAE,cAAc,CAAC;IAC9B,UAAU,EAAE,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;CAC7C;AAED,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,GAAG;IACxD,KAAK,EAAE,SAAS,CAAC;CAClB,CAAC;;;;;;;cAqBmB,QAAQ,CAAC,eAAe,EAAE,CAAC;;;;cAI1B,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,iBAAiB,CAAC;;;;cAI3B,QAAQ,CAAC,kBAAkB,CAAC;;;;;;cAI1B,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,aAAa,CAAC;;;;;;;;;;;;cAY7C,QAAQ,CAAC,oBAAoB,GAAG,MAAM,CAAC;;;;cAIvC,QAAQ,CAAC,kBAAkB,CAAC;;;;;UAoB9B,aAAa,GAAG,IAAI;UACtB,QAAQ,EAAE;;;iBAGH;QAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE;;uBAEtB,iBAAiB,CAAC,aAAa,CAAC,GAAG,IAAI;;;mBAG7C,kBAAkB,EAAE;;;;sBAIf,qBAAqB,GAAG,IAAI;2BACzB,kBAAkB,EAAE;;;mBAG1B,aAAa,GAAG,IAAI;4BACX,MAAM,GAAG,IAAI;qBACpB,MAAM,CAAC,OAAO,GAAG,IAAI;;;;mBAOjC,kBAAkB;;IA4CjC;;;OAGG;;IAYH;;;;;;;;;;;;;OAaG;kCAC2B,aAAa;uBAUxB,MAAM,GAAG,SAAS;kCASxB,OAAO;;;;8BAyIM,MAAM,WAAW,MAAM,GAAG,MAAM;0BAI9B,aAAa,KAAK,UAAU;6BAiF/B,cAAc;;qBAsDhB,UAAU,GAAG,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;mBAO/C,YAAY,GAAG,IAAI;;;;;;;cArcvB,QAAQ,CAAC,eAAe,EAAE,CAAC;;;;cAI1B,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,iBAAiB,CAAC;;;;cAI3B,QAAQ,CAAC,kBAAkB,CAAC;;;;;;cAI1B,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,aAAa,CAAC;;;;;;;;;;;;cAY7C,QAAQ,CAAC,oBAAoB,GAAG,MAAM,CAAC;;;;cAIvC,QAAQ,CAAC,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnDlD,wBAkgBG"}
+{"version":3,"file":"StudySession.vue.d.ts","sourceRoot":"","sources":["../../src/components/StudySession.vue"],"names":[],"mappings":"AAiFA;AAAA,OAkyBO,EAAE,eAAe,EAAW,QAAQ,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAM/C,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAGxD,OAAO,EAAE,SAAS,EAAuB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EACL,WAAW,EACX,UAAU,EAEV,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EAEjB,YAAY,EAEZ,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAEpG,UAAU,SAAS;IACjB,aAAa,EAAE,cAAc,CAAC;IAC9B,UAAU,EAAE,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;CAC7C;AAED,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,GAAG;IACxD,KAAK,EAAE,SAAS,CAAC;CAClB,CAAC;;;;;;;cAqBmB,QAAQ,CAAC,eAAe,EAAE,CAAC;;;;cAI1B,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,iBAAiB,CAAC;;;;cAI3B,QAAQ,CAAC,kBAAkB,CAAC;;;;;;cAI1B,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,aAAa,CAAC;;;;;;;;;;;;cAY7C,QAAQ,CAAC,oBAAoB,GAAG,MAAM,CAAC;;;;cAIvC,QAAQ,CAAC,kBAAkB,CAAC;;;;;UAoB9B,aAAa,GAAG,IAAI;UACtB,QAAQ,EAAE;;;iBAGH;QAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE;;uBAEtB,iBAAiB,CAAC,aAAa,CAAC,GAAG,IAAI;;;mBAG7C,kBAAkB,EAAE;;;;sBAIf,qBAAqB,GAAG,IAAI;2BACzB,kBAAkB,EAAE;;;mBAG1B,aAAa,GAAG,IAAI;4BACX,MAAM,GAAG,IAAI;qBACpB,MAAM,CAAC,OAAO,GAAG,IAAI;;;;mBAOjC,kBAAkB;;IA4CjC;;;OAGG;;IAYH;;;;;;;;;;;;;OAaG;kCAC2B,aAAa;uBAUxB,MAAM,GAAG,SAAS;kCASxB,OAAO;;;;8BAyIM,MAAM,WAAW,MAAM,GAAG,MAAM;0BAI9B,aAAa,KAAK,UAAU;6BAiF/B,cAAc;;qBAsDhB,UAAU,GAAG,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;mBAO/C,YAAY,GAAG,IAAI;;;;;;;cArcvB,QAAQ,CAAC,eAAe,EAAE,CAAC;;;;cAI1B,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,iBAAiB,CAAC;;;;cAI3B,QAAQ,CAAC,kBAAkB,CAAC;;;;;;cAI1B,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,aAAa,CAAC;;;;;;;;;;;;cAY7C,QAAQ,CAAC,oBAAoB,GAAG,MAAM,CAAC;;;;cAIvC,QAAQ,CAAC,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnDlD,wBAmgBG"}

package/dist/utils/SkldrMouseTrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkldrMouseTrap.d.ts","sourceRoot":"","sources":["../../src/utils/SkldrMouseTrap.ts"],"names":[],"mappings":"AACA,OAAO,wDAAwD,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAqB,MAAM,WAAW,CAAC;AAErE,MAAM,WAAW,MAAO,SAAQ,cAAc;IAC5C,QAAQ,EAAE,CAAC,CAAC,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7D;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AA0BD,qBAAa,cAAc;IACzB,OAAO,CAAC,MAAM,CAAC,SAAS,CAAiB;IAEzC,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,OAAO,CAAW;IAE1B,OAAO;IAKP,WAAkB,QAAQ,IAAI,cAAc,EAAE,CAO7C;IAED;;;OAGG;WACW,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE;IAsB9C;;;OAGG;WACW,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE;IA+BrD;;;OAGG;WACW,KAAK;IAUnB,OAAO,CAAC,MAAM,CAAC,QAAQ;CAQxB"}
+{"version":3,"file":"SkldrMouseTrap.d.ts","sourceRoot":"","sources":["../../src/utils/SkldrMouseTrap.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAqB,MAAM,WAAW,CAAC;AAErE,MAAM,WAAW,MAAO,SAAQ,cAAc;IAC5C,QAAQ,EAAE,CAAC,CAAC,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7D;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AA0BD,qBAAa,cAAc;IACzB,OAAO,CAAC,MAAM,CAAC,SAAS,CAAiB;IAEzC,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,OAAO,CAAW;IAE1B,OAAO;IAQP,WAAkB,QAAQ,IAAI,cAAc,EAAE,CAO7C;IAED;;;OAGG;WACW,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE;IAsB9C;;;OAGG;WACW,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE;IA+BrD;;;OAGG;WACW,KAAK;IASnB,OAAO,CAAC,MAAM,CAAC,QAAQ;CAQxB"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.32-e",
+  "version": "0.1.32-f",
   "main": "./dist/common-ui.umd.js",
   "module": "./dist/common-ui.es.js",
   "types": "./dist/index.d.ts",
@@ -33,8 +33,8 @@
     "@highlightjs/vue-plugin": "^2.1.2",
     "@mdi/font": "^7.3.67",
     "@vojtechlanka/vue-tags-input": "^3",
-    "@vue-skuilder/common": "0.1.32-e",
-    "@vue-skuilder/db": "0.1.32-e",
+    "@vue-skuilder/common": "0.1.32-f",
+    "@vue-skuilder/db": "0.1.32-f",
     "highlight.js": "^11.0.1",
     "marked": "^15.0.6",
     "moment": "^2.29.4",
@@ -55,7 +55,7 @@
     "@types/pouchdb": "^6.4.2",
     "@typescript-eslint/eslint-plugin": "^8.48.1",
     "@typescript-eslint/parser": "^8.48.1",
-    "@vitejs/plugin-vue": "^6.0.0",
+    "@vitejs/plugin-vue": "^6.0.5",
     "@vue/eslint-config-typescript": "^14.4.0",
     "@vue/test-utils": "^2.4.6",
     "cypress": "^15.6.0",
@@ -66,9 +66,9 @@
     "jsdom": "^25.0.1",
     "sass": "^1.83.0",
     "typescript": "~5.9.3",
-    "vite": "^7.0.0",
+    "vite": "^8.0.0",
     "vite-plugin-dts": "^4.5.3",
-    "vitest": "^4.0.15"
+    "vitest": "^4.1.0"
   },
   "stableVersion": "0.1.31"
 }

package/src/components/StudySession.vue

@@ -26,8 +26,9 @@
     </div>
 
     <div v-else ref="shadowWrapper" class="card-transition-container">
-      <transition :name="transitionName" :mode="transitionMode">
+      <transition :name="transitionName">
         <card-viewer
+          v-if="view"
           ref="cardViewer"
           :key="cardID"
           :class="loading ? 'muted' : ''"
@@ -621,6 +622,7 @@ export default defineComponent({
           course_id: card.item.courseID,
           card_id: card.item.cardID,
           card_elo: this.card_elo,
+          tags: card.tags ?? [],
         },
         item: card.item,
         records: [],
@@ -683,6 +685,48 @@ a {
   justify-content: center;
 }
 
+@keyframes varFade {
+  0% {
+    box-shadow:
+      rgba(var(--r), var(--g), 0, 0.25) 0px 7px 8px -4px,
+      rgba(var(--r), var(--g), 0, 0.25) 0px 12px 17px 2px,
+      rgba(var(--r), var(--g), 0, 0.25) 0px 5px 22px 4px;
+  }
+  100% {
+    box-shadow: rgba(0, 150, 0, 0) 0px 0px;
+  }
+}
+
+@keyframes greenFade {
+  0% {
+    box-shadow:
+      rgba(0, 150, 0, 0.25) 0px 7px 8px -4px,
+      rgba(0, 150, 0, 0.25) 0px 12px 17px 2px,
+      rgba(0, 150, 0, 0.25) 0px 5px 22px 4px;
+  }
+  100% {
+    box-shadow: rgba(0, 150, 0, 0) 0px 0px;
+  }
+}
+@keyframes purpleFade {
+  0% {
+    box-shadow:
+      rgba(115, 0, 75, 0.25) 0px 7px 8px -4px,
+      rgba(115, 0, 75, 0.25) 0px 12px 17px 2px,
+      rgba(115, 0, 75, 0.25) 0px 5px 22px 4px;
+  }
+  100% {
+    box-shadow: rgba(115, 0, 75, 0) 0px 0px;
+  }
+}
+</style>
+
+<style>
+/* Transition presets — unscoped so classes reach child component root elements.
+   Vue's <Transition> adds these classes to the child's root DOM node, which
+   may be a Vuetify component (v-card). Scoped selectors can fail to match
+   when the scope attribute doesn't propagate through component boundaries. */
+
 /* Preset: component-fade (default) — simple opacity crossfade, use with mode="out-in" */
 .component-fade-enter-active,
 .component-fade-leave-active {
@@ -753,39 +797,4 @@ a {
   transform: scale(1.03);
   opacity: 0;
 }
-
-@keyframes varFade {
-  0% {
-    box-shadow:
-      rgba(var(--r), var(--g), 0, 0.25) 0px 7px 8px -4px,
-      rgba(var(--r), var(--g), 0, 0.25) 0px 12px 17px 2px,
-      rgba(var(--r), var(--g), 0, 0.25) 0px 5px 22px 4px;
-  }
-  100% {
-    box-shadow: rgba(0, 150, 0, 0) 0px 0px;
-  }
-}
-
-@keyframes greenFade {
-  0% {
-    box-shadow:
-      rgba(0, 150, 0, 0.25) 0px 7px 8px -4px,
-      rgba(0, 150, 0, 0.25) 0px 12px 17px 2px,
-      rgba(0, 150, 0, 0.25) 0px 5px 22px 4px;
-  }
-  100% {
-    box-shadow: rgba(0, 150, 0, 0) 0px 0px;
-  }
-}
-@keyframes purpleFade {
-  0% {
-    box-shadow:
-      rgba(115, 0, 75, 0.25) 0px 7px 8px -4px,
-      rgba(115, 0, 75, 0.25) 0px 12px 17px 2px,
-      rgba(115, 0, 75, 0.25) 0px 5px 22px 4px;
-  }
-  100% {
-    box-shadow: rgba(115, 0, 75, 0) 0px 0px;
-  }
-}
 </style>

package/src/utils/SkldrMouseTrap.ts

@@ -1,5 +1,4 @@
 import Mousetrap from 'mousetrap';
-import 'mousetrap/plugins/global-bind/mousetrap-global-bind.js';
 import { ExtendedKeyboardEvent, MousetrapInstance } from 'mousetrap';
 
 export interface HotKey extends HotKeyMetaData {
@@ -43,6 +42,9 @@ export class SkldrMouseTrap {
 
   private constructor() {
     this.mouseTrap = new Mousetrap();
+    // Allow hotkeys to fire even when input elements are focused — the
+    // inputElementIsFocused() guard in addBinding handles selective suppression.
+    this.mouseTrap.stopCallback = () => false;
     this.hotkeys = [];
   }
 
@@ -68,7 +70,7 @@ export class SkldrMouseTrap {
 
     // Bind each hotkey
     hotkeys.forEach((k) => {
-      Mousetrap.bindGlobal(k.hotkey, (a, b) => {
+      instance.mouseTrap.bind(k.hotkey, (a, b) => {
         // Skip execution if focus is on input elements
         if (inputElementIsFocused()) {
           console.log(`Ignoring hotkey ${k.hotkey} while input element is focused`);
@@ -101,7 +103,7 @@ export class SkldrMouseTrap {
         });
 
         // Unbind from Mousetrap
-        Mousetrap.unbind(key);
+        instance.mouseTrap.unbind(key);
       });
     } else {
       // Single hotkey removal (original implementation)
@@ -112,7 +114,7 @@ export class SkldrMouseTrap {
       });
 
       // Unbind from Mousetrap
-      Mousetrap.unbind(hotkey);
+      instance.mouseTrap.unbind(hotkey);
     }
   }
 
@@ -125,7 +127,6 @@ export class SkldrMouseTrap {
       'SkldrMouseTrap.reset() may affect hotkeys registered by other components. ' +
         'Consider using removeBinding() with specific hotkeys for better component isolation.'
     );
-    Mousetrap.reset();
     SkldrMouseTrap.instance().mouseTrap.reset();
     SkldrMouseTrap.instance().hotkeys = [];
   }