@maas/vue-equipment 0.21.5 → 0.22.0

package/dist/plugins/MagicCommand/src/types/index.d.ts

@@ -0,0 +1,30 @@
+export type CommandOptions = {
+    backdrop?: boolean;
+    focusTrap?: boolean;
+    scrollLock?: boolean;
+    scrollLockPadding?: boolean;
+    teleport?: {
+        target?: string;
+        disabled?: boolean;
+    };
+    transitions?: {
+        content?: string;
+        backdrop?: string;
+    };
+    tag?: 'dialog' | 'div';
+    keys?: {
+        open?: string[] | false;
+        close?: string[] | false;
+        next?: string[] | false;
+        prev?: string[] | false;
+    };
+    loop: boolean;
+};
+export type CommandEvents = {
+    beforeEnter: string;
+    enter: string;
+    afterEnter: string;
+    beforeLeave: string;
+    leave: string;
+    afterLeave: string;
+};

package/dist/plugins/MagicCommand/src/utils/defaultOptions.d.ts

@@ -0,0 +1,5 @@
+import type { CommandOptions } from '../types.js';
+import type { RequireAllNested } from '@maas/vue-equipment/utils';
+declare const defaultOptions: RequireAllNested<CommandOptions>;
+type DefaultOptions = typeof defaultOptions;
+export { defaultOptions, type DefaultOptions };

package/dist/plugins/MagicCommand/src/utils/defaultOptions.mjs

@@ -0,0 +1,23 @@
+const defaultOptions = {
+  backdrop: true,
+  focusTrap: false,
+  scrollLock: true,
+  scrollLockPadding: true,
+  teleport: {
+    target: "body",
+    disabled: false
+  },
+  transitions: {
+    content: "magic-command--content",
+    backdrop: "magic-command--backdrop"
+  },
+  tag: "dialog",
+  keys: {
+    open: ["Cmd+k"],
+    close: ["Escape"],
+    next: ["ArrowDown"],
+    prev: ["ArrowUp"]
+  },
+  loop: false
+};
+export { defaultOptions };

package/dist/plugins/MagicDrawer/src/composables/useDrawerApi.mjs

@@ -1,6 +1,8 @@
 import { ref, computed, toValue } from "vue";
 import { defu } from "defu";
-import { useScrollLock } from "@vueuse/core";
+import {
+  useScrollLock
+} from "@vueuse/core";
 import { useFocusTrap } from "@vueuse/integrations/useFocusTrap";
 import { uuid, matchClass } from "@maas/vue-equipment/utils";
 import { useDrawerStore } from "./private/useDrawerStore.mjs";

package/dist/plugins/MagicScroll/src/components/MagicScrollMotion.vue

@@ -35,10 +35,10 @@ const progress = inject(
 )
 
 const mappedProgress = computed(() => {
-  return props.progress || progress.value
+  return props.progress || progress.value || 0
 })
 
-function createAnimation(currentTime: number = 0) {
+function createAnimation() {
   if (!props.keyframes) return
   animation.value = animate(unrefElement(elRef)!, props.keyframes, {
     duration: 1,
@@ -46,7 +46,7 @@ function createAnimation(currentTime: number = 0) {
     offset: props.offset,
   })
   animation.value.stop()
-  animation.value.currentTime = currentTime
+  animation.value.currentTime = mappedProgress.value
 }
 
 onMounted(() => {
@@ -61,11 +61,7 @@ watch(mappedProgress, (value) => {
 watch(
   () => props.keyframes,
   () => {
-    if (mappedProgress.value) {
-      createAnimation(mappedProgress.value)
-    } else {
-      createAnimation()
-    }
+    createAnimation()
   }
 )
 </script>

package/dist/plugins/MagicScroll/src/components/MagicScrollTransform.vue.d.ts

@@ -27,12 +27,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     translateX: number;
     translateY: number;
 }>>>, {
+    as: string;
     scale: number;
     scaleX: number;
     scaleY: number;
     skewX: number;
     skewY: number;
-    as: string;
     translateX: number;
     translateY: number;
 }, {}>, {

package/dist/plugins/index.d.ts

@@ -1,3 +1,4 @@
+export * from './MagicCommand/index.js';
 export * from './MagicCookie/index.js';
 export * from './MagicDrawer/index.js';
 export * from './MagicMarquee/index.js';

package/dist/plugins/index.mjs

@@ -1,3 +1,4 @@
+export * from "./MagicCommand/index.mjs";
 export * from "./MagicCookie/index.mjs";
 export * from "./MagicDrawer/index.mjs";
 export * from "./MagicMarquee/index.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment",
   "description": "A magic collection of Vue composables, plugins, components and directives",
-  "version": "0.21.5",
+  "version": "0.22.0",
   "author": "Robin Scholz <https://github.com/robinscholz>, Christoph Jeworutzki <https://github.com/ChristophJeworutzki>",
   "devDependencies": {
     "@antfu/ni": "^0.21.12",