@scalar/api-client 0.9.2 → 0.9.3

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @scalar/api-client
 
+## 0.9.3
+
+### Patch Changes
+
+- Updated dependencies [75e1cdf8]
+  - @scalar/use-keyboard-event@0.5.8
+
 ## 0.9.2
 
 ### Patch Changes

package/dist/index.js

@@ -16,7 +16,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { defineComponent, openBlock, createBlock, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, unref, createCommentVNode, computed, onMounted, watch, reactive, readonly, ref, createElementBlock, toRaw, createElementVNode, createVNode, normalizeClass, normalizeStyle, renderSlot, Fragment, renderList, createStaticVNode, pushScopeId, popScopeId, withDirectives, withModifiers, vModelSelect, vModelText, vModelCheckbox, vShow, withKeys } from "vue";
+import { defineComponent, openBlock, createBlock, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, unref, createCommentVNode, ref, onMounted, onActivated, onDeactivated, computed, watch, reactive, readonly, createElementBlock, toRaw, createElementVNode, createVNode, normalizeClass, normalizeStyle, renderSlot, Fragment, renderList, createStaticVNode, pushScopeId, popScopeId, withDirectives, withModifiers, vModelSelect, vModelText, vModelCheckbox, vShow, withKeys } from "vue";
 import { Dialog, DialogPanel, DialogTitle, DialogDescription, Disclosure, DisclosureButton, DisclosurePanel, TabGroup, TabList, Tab, TabPanels, TabPanel } from "@headlessui/vue";
 import { useMediaQuery } from "@vueuse/core";
 import TimeAgo from "javascript-time-ago";
@@ -71,6 +71,15 @@ const getThemeById = (themeId = "default") => {
   }
   return presets[themeId] ?? defaultTheme;
 };
+function useActive() {
+  const isActive = ref(true);
+  onMounted(() => isActive.value = true);
+  onActivated(() => isActive.value = true);
+  onDeactivated(() => isActive.value = false);
+  return {
+    isActive: computed(() => isActive.value)
+  };
+}
 function useKeyboardEvent({
   element,
   keyList,
@@ -83,13 +92,15 @@ function useKeyboardEvent({
   active = () => true
 }) {
   const targetEl = computed(() => (element == null ? void 0 : element.value) || "document");
+  const { isActive: componentIsActive } = useActive();
   const keys = keyList.map((k) => k.toLocaleLowerCase());
   const eventHandler = (event) => {
     const target = event.target;
     const isInput = ["INPUT", "TEXTAREA", "SELECT"].includes(target.tagName) || target.contentEditable;
     if (
-      // Check for command or ctrl keys
-      (withCtrlCmd ? event.ctrlKey || event.metaKey : !event.ctrlKey && !event.metaKey) && // Check for shift key
+      // Check if the component is active (e.g. in a `<keepalive>`)
+      (componentIsActive.value && // Check for command or ctrl keys
+      withCtrlCmd ? event.ctrlKey || event.metaKey : !event.ctrlKey && !event.metaKey) && // Check for shift key
       (withShift ? event.shiftKey : !event.shiftKey) && // Check for alt key
       (withAlt ? event.altKey : !event.altKey) && // Check whether or not to ignore inputs
       (!ignoreInputElements || !isInput) && // Check for key match

package/package.json

@@ -13,7 +13,7 @@
     "rest",
     "testing"
   ],
-  "version": "0.9.2",
+  "version": "0.9.3",
   "engines": {
     "node": ">=18"
   },
@@ -45,15 +45,15 @@
     "vue": "^3.3.0",
     "@scalar/themes": "0.5.4",
     "@scalar/use-codemirror": "0.7.19",
-    "@scalar/use-modal": "0.2.3",
-    "@scalar/use-keyboard-event": "0.5.7"
+    "@scalar/use-keyboard-event": "0.5.8",
+    "@scalar/use-modal": "0.2.3"
   },
   "devDependencies": {
     "@types/content-type": "^1.1.6",
     "@vitejs/plugin-vue": "^4.4.0",
     "@vitest/coverage-v8": "^0.34.4",
     "tsc-alias": "^1.8.8",
-    "vite": "^4.4.12",
+    "vite": "^4.5.2",
     "vite-plugin-css-injected-by-js": "^3.3.0",
     "vitest": "^0.34.4",
     "vue-tsc": "^1.8.19",