@maas/vue-equipment 1.0.0-beta.35 → 1.0.0-beta.37

package/dist/plugins/MagicCommand/src/composables/private/useCommandItem.mjs

@@ -30,7 +30,9 @@ export function useCommandItem(args) {
     return item;
   }
   function deleteItem(id) {
-    if (!view?.items) return;
+    if (!view?.items) {
+      return;
+    }
     view.items = view.items.filter((x) => x.id !== id);
   }
   function getItem(id) {
@@ -49,12 +51,10 @@ export function useCommandItem(args) {
     const index = view?.items.findIndex(
       (item) => item.id === activeItem.value?.id
     );
-    if (index !== void 0) {
-      const hasNext = view?.items[index + 1] !== void 0;
-      if (hasNext) {
-        selectItem(view?.items[index + 1].id);
-      } else if (view && loop) {
-        selectItem(view.items[0].id);
+    if (index !== void 0 && view) {
+      const nextItem = view.items[index + 1] ?? (loop ? view.items[0] : void 0);
+      if (nextItem) {
+        selectItem(nextItem.id);
       }
     }
   }
@@ -62,12 +62,10 @@ export function useCommandItem(args) {
     const index = view?.items.findIndex(
       (item) => item.id === activeItem.value?.id
     );
-    if (index !== void 0) {
-      const hasPrev = view?.items[index - 1] !== void 0;
-      if (hasPrev) {
-        selectItem(view?.items[index - 1].id);
-      } else if (view && loop) {
-        selectItem(view.items[view.items.length - 1].id);
+    if (index !== void 0 && view) {
+      const prevItem = view.items[index - 1] ?? (loop ? view.items[view.items.length - 1] : void 0);
+      if (prevItem) {
+        selectItem(prevItem.id);
       }
     }
   }

package/dist/plugins/MagicCommand/src/composables/private/useCommandView.mjs

@@ -4,18 +4,22 @@ import { useCommandState } from "./useCommandState.mjs";
 function isAbortError(error) {
   return error instanceof DOMException && error.name === "AbortError";
 }
+const { logWarning } = useMagicError({
+  prefix: "MagicCommand",
+  source: "useCommandView"
+});
 export function useCommandView(id) {
   const { initializeState } = useCommandState(id);
-  const { logWarning } = useMagicError({
-    prefix: "MagicCommand",
-    source: "useCommandView"
-  });
   const state = initializeState();
   const currentInstanceId = toValue(id);
   const currentView = computed(() => {
     const activeViews = state.views.filter((view) => view.active);
-    if (activeViews.length === 0) return void 0;
-    if (activeViews.length === 1) return activeViews[0];
+    if (activeViews.length === 0) {
+      return void 0;
+    }
+    if (activeViews.length === 1) {
+      return activeViews[0];
+    }
     return activeViews.reduce(
       (a, b) => a.parent.views.length >= b.parent.views.length ? a : b
     );
@@ -77,7 +81,9 @@ export function useCommandView(id) {
   }
   function getRelativeViewIndex(id2) {
     const view = getView(id2);
-    if (!view) return -1;
+    if (!view) {
+      return -1;
+    }
     const nestingLevel = view.parent.views.length;
     return state.views.findIndex(
       (v) => v.parent.views.length === nestingLevel && v.id === id2
@@ -99,19 +105,25 @@ export function useCommandView(id) {
   }
   function getParentView(id2) {
     const view = getView(id2);
-    if (!view) return void 0;
+    if (!view) {
+      return void 0;
+    }
     const parentId = view.parent.views[view.parent.views.length - 1];
     return parentId ? getView(parentId) : void 0;
   }
   function getUnrelatedViews(id2) {
     const view = getView(id2);
-    if (!view) return [];
+    if (!view) {
+      return [];
+    }
     const parentViewsSet = new Set(view.parent.views);
     return state.views.filter((v) => v.id !== id2 && !parentViewsSet.has(v.id));
   }
   async function selectView(id2, delayMs = 0) {
     const view = getView(id2);
-    if (!view) return;
+    if (!view) {
+      return;
+    }
     if (view.state.unselectAbortController) {
       view.state.unselectAbortController.abort();
     }
@@ -138,7 +150,9 @@ export function useCommandView(id) {
   }
   async function unselectView(id2, delayMs = 0) {
     const view = getView(id2);
-    if (!view) return;
+    if (!view) {
+      return;
+    }
     if (view.state.selectAbortController) {
       view.state.selectAbortController.abort();
     }

package/dist/plugins/MagicCookie/src/components/MagicCookieItem.vue.d.ts

@@ -9,7 +9,7 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicCookieItemProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicCookieItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicCookieItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicCookieItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/plugins/MagicCookie/src/components/MagicCookieProvider.vue.d.ts

@@ -8,7 +8,7 @@ declare var __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicCookieProviderProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicCookieProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicCookieProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicCookieProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/plugins/MagicCookie/src/components/MagicCookieView.vue.d.ts

@@ -6,7 +6,7 @@ declare var __VLS_19: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/plugins/MagicCookie/src/composables/private/useCookieItem.mjs

@@ -41,7 +41,9 @@ export function useCookieItem(args) {
     return item;
   }
   function deleteItem(id) {
-    if (!state?.items) return;
+    if (!state?.items) {
+      return;
+    }
     state.items = state.items.filter((x) => x.id !== id);
   }
   function getItem(id) {

package/dist/plugins/MagicDraggable/src/components/MagicDraggable.vue

@@ -100,7 +100,6 @@ function guardedClick(event) {
   z-index: var(--magic-draggable-z-index, 999);
   inset: var(--magic-draggable-inset, 0);
   pointer-events: none;
-  background: transparent;
   color: inherit;
   padding: 0;
   border: none;

package/dist/plugins/MagicDraggable/src/components/MagicDraggable.vue.d.ts

@@ -8,7 +8,7 @@ declare var __VLS_12: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicDraggableProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicDraggableProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicDraggableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicDraggableProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/plugins/MagicDraggable/src/composables/private/useDraggableScrollLock.mjs

@@ -15,7 +15,9 @@ export function useDraggableScrollLock() {
     scrollLock.value = false;
   }
   function addScrollLockPadding() {
-    if (typeof window === "undefined") return;
+    if (typeof window === "undefined") {
+      return;
+    }
     const exclude = new RegExp(/magic-draggable/);
     document.body.style.setProperty(
       "--scrollbar-width",

package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue

@@ -206,7 +206,7 @@ function convertToPixels(value) {
     );
     return 0;
   }
-  const numericValue = parseFloat(match[1]);
+  const numericValue = parseFloat(match[1] ?? "");
   const unit = match[2];
   const bodyFontSize = window.getComputedStyle(document.body).fontSize;
   const rootFontSize = parseFloat(bodyFontSize) || 16;

package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue.d.ts

@@ -20,7 +20,7 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_37) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicDrawerProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicDrawerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicDrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicDrawerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerDOM.mjs

@@ -38,7 +38,9 @@ export function useDrawerDOM(args) {
     }
   }
   function addScrollLockPadding() {
-    if (typeof window === "undefined") return;
+    if (typeof window === "undefined") {
+      return;
+    }
     const exclude = new RegExp(/magic-drawer(__backdrop)?/);
     document.body.style.setProperty(
       "--scrollbar-width",

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerSnap.mjs

@@ -36,13 +36,16 @@ export function useDrawerSnap(args) {
     () => toValue(snapPoints),
     () => {
       const extended = toValue(preventDragClose) ? toValue(snapPoints) : [...toValue(snapPoints), 0];
-      const mapped = extended.reduce((acc, current) => {
-        const key = mapSnapPoint(current);
-        if (key || key === 0) {
-          acc[key] = current;
-        }
-        return acc;
-      }, {});
+      const mapped = extended.reduce(
+        (acc, current) => {
+          const key = mapSnapPoint(current);
+          if (key || key === 0) {
+            acc[key] = current;
+          }
+          return acc;
+        },
+        {}
+      );
       return mapped;
     }
   );
@@ -104,30 +107,54 @@ export function useDrawerSnap(args) {
       switch (position) {
         case "bottom": {
           const rect = toValue(wrapperRect);
-          if (reversedSnapPoint === 1) return drawerHeight.value;
-          if (reversedSnapPoint === 0) return 0;
-          if (!rect) return 0;
+          if (reversedSnapPoint === 1) {
+            return drawerHeight.value;
+          }
+          if (reversedSnapPoint === 0) {
+            return 0;
+          }
+          if (!rect) {
+            return 0;
+          }
           return vh * reversedSnapPoint - rect.top;
         }
         case "top": {
           const rect = toValue(wrapperRect);
-          if (reversedSnapPoint === 1) return drawerHeight.value * -1;
-          if (reversedSnapPoint === 0) return 0;
-          if (!rect) return 0;
+          if (reversedSnapPoint === 1) {
+            return drawerHeight.value * -1;
+          }
+          if (reversedSnapPoint === 0) {
+            return 0;
+          }
+          if (!rect) {
+            return 0;
+          }
           return vh * reversedSnapPoint - rect.bottom;
         }
         case "right": {
           const rect = toValue(wrapperRect);
-          if (reversedSnapPoint === 1) return drawerWidth.value;
-          if (reversedSnapPoint === 0) return 0;
-          if (!rect) return 0;
+          if (reversedSnapPoint === 1) {
+            return drawerWidth.value;
+          }
+          if (reversedSnapPoint === 0) {
+            return 0;
+          }
+          if (!rect) {
+            return 0;
+          }
           return vw * reversedSnapPoint - rect.left;
         }
         case "left": {
           const rect = toValue(wrapperRect);
-          if (reversedSnapPoint === 1) return drawerWidth.value * -1;
-          if (reversedSnapPoint === 0) return 0;
-          if (!rect) return 0;
+          if (reversedSnapPoint === 1) {
+            return drawerWidth.value * -1;
+          }
+          if (reversedSnapPoint === 0) {
+            return 0;
+          }
+          if (!rect) {
+            return 0;
+          }
           return vw * reversedSnapPoint - rect.right;
         }
         default:
@@ -159,7 +186,9 @@ export function useDrawerSnap(args) {
       case "top":
       case "bottom": {
         const mappedSnapPointY = mapSnapPoint(snapPoint);
-        if (!mappedSnapPointY && mappedSnapPointY !== 0) return;
+        if (!mappedSnapPointY && mappedSnapPointY !== 0) {
+          return;
+        }
         const closestY = findClosestSnapPoint({
           draggedX,
           draggedY: mappedSnapPointY
@@ -176,7 +205,9 @@ export function useDrawerSnap(args) {
       case "left":
       case "right": {
         const mappedSnapPointX = mapSnapPoint(toValue(snapPoint));
-        if (!mappedSnapPointX && mappedSnapPointX !== 0) return;
+        if (!mappedSnapPointX && mappedSnapPointX !== 0) {
+          return;
+        }
         const closestX = findClosestSnapPoint({
           draggedX: mappedSnapPointX,
           draggedY
@@ -200,6 +231,9 @@ export function useDrawerSnap(args) {
       easing
     } = args2;
     const snapPoint = snapPointsMap.value[to];
+    if (!snapPoint && snapPoint !== 0) {
+      return;
+    }
     emitter.emit("beforeSnap", { id: toValue(id), snapPoint });
     switch (position) {
       case "bottom":

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerState.mjs

@@ -38,7 +38,9 @@ export function useDrawerState(id) {
     let state = drawerStateStore.value.find((entry) => {
       return entry.id === id;
     });
-    if (!state) state = addState(toValue(id));
+    if (!state) {
+      state = addState(toValue(id));
+    }
     return state;
   }
   function deleteState() {

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerUtils.mjs

@@ -1,16 +1,29 @@
 export function useDrawerUtils() {
   function clamp(value, from, to) {
     if (from > to) {
-      if (value > from) return value;
-      if (value < to) return to;
-      else return value;
+      if (value > from) {
+        return value;
+      }
+      if (value < to) {
+        return to;
+      } else {
+        return value;
+      }
     } else if (from < to) {
-      if (value < from) return value;
-      if (value > to) return to;
-      else return value;
+      if (value < from) {
+        return value;
+      }
+      if (value > to) {
+        return to;
+      } else {
+        return value;
+      }
     } else {
-      if (value < to) return to;
-      else return value;
+      if (value < to) {
+        return to;
+      } else {
+        return value;
+      }
     }
   }
   return {

package/dist/plugins/MagicEmitter/src/composables/useMagicEmitter.d.ts

@@ -1,6 +1,6 @@
 export declare function useMagicEmitter(): {
     on: {
-        <Key extends "progress" | "acceptAll" | "acceptSelected" | "rejectAll" | "collision" | keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents | keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents | keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>(type: Key, handler: import("mitt").Handler<({
+        <Key extends "progress" | "collision" | keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents | keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents | "acceptAll" | "rejectAll" | "acceptSelected" | keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>(type: Key, handler: import("mitt").Handler<({
             beforeEnter: string | {
                 id: string;
                 viewId: string;
@@ -536,7 +536,7 @@ export declare function useMagicEmitter(): {
         } & Omit<object, keyof import("../../../MagicToast/src/types/index.js").ToastEvents>, "collision">, keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents>, keyof import("../../../MagicMenu/src/types/index.js").MenuEvents>, keyof import("../../../MagicModal/src/types/index.js").ModalEvents>, keyof import("../../../MagicDrawer/src/types/index.js").DrawerEvents>, keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents>, keyof import("../../../MagicCookie/src/types/index.js").CookieEvents>, keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>>): void;
     };
     off: {
-        <Key extends "progress" | "acceptAll" | "acceptSelected" | "rejectAll" | "collision" | keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents | keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents | keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>(type: Key, handler?: import("mitt").Handler<({
+        <Key extends "progress" | "collision" | keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents | keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents | "acceptAll" | "rejectAll" | "acceptSelected" | keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>(type: Key, handler?: import("mitt").Handler<({
             beforeEnter: string | {
                 id: string;
                 viewId: string;
@@ -1072,7 +1072,7 @@ export declare function useMagicEmitter(): {
         } & Omit<object, keyof import("../../../MagicToast/src/types/index.js").ToastEvents>, "collision">, keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents>, keyof import("../../../MagicMenu/src/types/index.js").MenuEvents>, keyof import("../../../MagicModal/src/types/index.js").ModalEvents>, keyof import("../../../MagicDrawer/src/types/index.js").DrawerEvents>, keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents>, keyof import("../../../MagicCookie/src/types/index.js").CookieEvents>, keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>>): void;
     };
     emit: {
-        <Key extends "progress" | "acceptAll" | "acceptSelected" | "rejectAll" | "collision" | keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents | keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents | keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>(type: Key, event: ({
+        <Key extends "progress" | "collision" | keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents | keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents | "acceptAll" | "rejectAll" | "acceptSelected" | keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>(type: Key, event: ({
             beforeEnter: string | {
                 id: string;
                 viewId: string;
@@ -1339,7 +1339,7 @@ export declare function useMagicEmitter(): {
             leave: string;
             afterLeave: string;
         } & Omit<object, keyof import("../../../MagicToast/src/types/index.js").ToastEvents>, "collision">, keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents>, keyof import("../../../MagicMenu/src/types/index.js").MenuEvents>, keyof import("../../../MagicModal/src/types/index.js").ModalEvents>, keyof import("../../../MagicDrawer/src/types/index.js").DrawerEvents>, keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents>, keyof import("../../../MagicCookie/src/types/index.js").CookieEvents>, keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>)[Key]): void;
-        <Key extends "progress" | "acceptAll" | "acceptSelected" | "rejectAll" | "collision" | keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents | keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents | keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>(type: undefined extends ({
+        <Key extends "progress" | "collision" | keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents | keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents | "acceptAll" | "rejectAll" | "acceptSelected" | keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>(type: undefined extends ({
             beforeEnter: string | {
                 id: string;
                 viewId: string;

package/dist/plugins/MagicError/package.json

@@ -35,6 +35,6 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@vue/tsconfig": "^0.5.1"
+    "@vue/tsconfig": "^0.8.1"
   }
 }

package/dist/plugins/MagicMarquee/src/components/MagicMarquee.vue.d.ts

@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicMarqueeProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMarqueeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMarqueeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMarqueeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/plugins/MagicMenu/src/components/MagicMenuChannel.vue.d.ts

@@ -6,7 +6,7 @@ declare var __VLS_6: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicMenuChannelProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuChannelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuChannelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuChannelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/plugins/MagicMenu/src/components/MagicMenuContent.vue.d.ts

@@ -14,7 +14,7 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_28) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicMenuContentProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/plugins/MagicMenu/src/components/MagicMenuFloat.vue

@@ -41,7 +41,7 @@ import { useMenuView } from "../composables/private/useMenuView";
 import { useMenuState } from "../composables/private/useMenuState";
 import { ModeFloatingStrategy } from "../utils/modeFloatingStrategyDefaults";
 const { placement, middleware, arrow, referenceEl } = defineProps({
-  placement: { type: null, required: false },
+  placement: { type: String, required: false },
   middleware: { type: Array, required: false },
   arrow: { type: Boolean, required: false },
   referenceEl: { type: null, required: false }

package/dist/plugins/MagicMenu/src/components/MagicMenuFloat.vue.d.ts

@@ -1,7 +1,8 @@
 import { type MaybeRef, type ComponentPublicInstance } from 'vue';
-import { type Placement, type Middleware } from '@floating-ui/vue';
+import { type Middleware } from '@floating-ui/vue';
+import type { MenuPlacement } from '../types/index.js';
 interface MagicMenuFloatProps {
-    placement?: Placement;
+    placement?: MenuPlacement;
     middleware?: Middleware[];
     arrow?: boolean;
     referenceEl?: MaybeRef<HTMLElement | ComponentPublicInstance>;
@@ -12,7 +13,7 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicMenuFloatProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuFloatProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuFloatProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuFloatProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/plugins/MagicMenu/src/components/MagicMenuItem.vue

@@ -17,6 +17,7 @@
 </template>
 
 <script setup>
+import { onKeyStroke } from "@vueuse/core";
 import { computed, inject, provide, onBeforeUnmount, watch, useId } from "vue";
 import {
   useMagicError
@@ -35,7 +36,7 @@ const { id, disabled } = defineProps({
   id: { type: String, required: false },
   disabled: { type: Boolean, required: false }
 });
-const emit = defineEmits(["click"]);
+const emit = defineEmits(["click", "enter"]);
 const magicError = useMagicError({
   prefix: "MagicMenu",
   source: "MagicMenu"
@@ -102,8 +103,14 @@ function onClick(event) {
     unselectAllViews();
   }
 }
+function onReturn() {
+  if (!item.disabled && item.active) {
+    emit("enter");
+  }
+}
 provide(MagicMenuItemId, mappedId.value);
 provide(MagicMenuItemActive, mappedActive);
+onKeyStroke("Enter", onReturn);
 onBeforeUnmount(() => {
   deleteItem(mappedId.value);
 });

package/dist/plugins/MagicMenu/src/components/MagicMenuItem.vue.d.ts

@@ -9,10 +9,12 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicMenuItemProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: (event: MouseEvent) => any;
+    enter: () => any;
 }, string, import("vue").PublicProps, Readonly<MagicMenuItemProps> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
+    onEnter?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/plugins/MagicMenu/src/components/MagicMenuProvider.vue.d.ts

@@ -9,7 +9,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicMenuProviderProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/plugins/MagicMenu/src/components/MagicMenuRemote.vue.d.ts

@@ -14,7 +14,7 @@ declare var __VLS_11: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicMenuRemoteProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuRemoteProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuRemoteProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuRemoteProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/plugins/MagicMenu/src/components/MagicMenuTrigger.vue.d.ts

@@ -13,7 +13,7 @@ declare var __VLS_13: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicMenuTriggerProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/plugins/MagicMenu/src/components/MagicMenuView.vue

@@ -20,7 +20,7 @@ import {
 import { useMenuState } from "../composables/private/useMenuState";
 const { id, placement } = defineProps({
   id: { type: String, required: false },
-  placement: { type: null, required: false }
+  placement: { type: String, required: false }
 });
 const magicError = useMagicError({
   prefix: "MagicMenu",

package/dist/plugins/MagicMenu/src/components/MagicMenuView.vue.d.ts

@@ -1,7 +1,7 @@
-import type { Placement } from '@floating-ui/vue';
+import type { MenuPlacement } from '../types/index.js';
 interface MagicMenuViewProps {
     id?: string;
-    placement?: Placement;
+    placement?: MenuPlacement;
 }
 declare var __VLS_1: {
     viewActive: boolean;
@@ -9,7 +9,7 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicMenuViewProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {