@maas/vue-equipment 0.27.2 → 0.28.0

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

@@ -0,0 +1,446 @@
+export declare function useMagicEmitter(): {
+    on: {
+        <Key extends "progress" | "snapTo" | "accept" | "acceptSelected" | "reject" | "collision" | "beforeEnter" | "enter" | "afterEnter" | "beforeLeave" | "leave" | "afterLeave" | "beforeSnap" | "afterSnap" | "beforeDrag" | "drag" | "afterDrag">(type: Key, handler: import("mitt").Handler<({
+            collision: {
+                dir: "up" | "down";
+                pos: "top" | "bottom";
+                el: HTMLElement;
+                data?: Record<string, unknown> | undefined;
+            };
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        } & {
+            accept: import("../../../MagicCookie/src/types").CookieConsent;
+            reject: import("../../../MagicCookie/src/types").CookieConsent;
+            acceptSelected: import("../../../MagicCookie/src/types").CookieConsent;
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+            beforeSnap: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+            };
+            snapTo: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+                duration?: number | undefined;
+            };
+            afterSnap: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+            };
+            beforeDrag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            drag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            afterDrag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            progress: {
+                id: string;
+                x: number;
+                y: number;
+            };
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        })[Key]>): void;
+        (type: "*", handler: import("mitt").WildcardHandler<{
+            collision: {
+                dir: "up" | "down";
+                pos: "top" | "bottom";
+                el: HTMLElement;
+                data?: Record<string, unknown> | undefined;
+            };
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        } & {
+            accept: import("../../../MagicCookie/src/types").CookieConsent;
+            reject: import("../../../MagicCookie/src/types").CookieConsent;
+            acceptSelected: import("../../../MagicCookie/src/types").CookieConsent;
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+            beforeSnap: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+            };
+            snapTo: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+                duration?: number | undefined;
+            };
+            afterSnap: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+            };
+            beforeDrag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            drag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            afterDrag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            progress: {
+                id: string;
+                x: number;
+                y: number;
+            };
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        }>): void;
+    };
+    off: {
+        <Key_1 extends "progress" | "snapTo" | "accept" | "acceptSelected" | "reject" | "collision" | "beforeEnter" | "enter" | "afterEnter" | "beforeLeave" | "leave" | "afterLeave" | "beforeSnap" | "afterSnap" | "beforeDrag" | "drag" | "afterDrag">(type: Key_1, handler?: import("mitt").Handler<({
+            collision: {
+                dir: "up" | "down";
+                pos: "top" | "bottom";
+                el: HTMLElement;
+                data?: Record<string, unknown> | undefined;
+            };
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        } & {
+            accept: import("../../../MagicCookie/src/types").CookieConsent;
+            reject: import("../../../MagicCookie/src/types").CookieConsent;
+            acceptSelected: import("../../../MagicCookie/src/types").CookieConsent;
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+            beforeSnap: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+            };
+            snapTo: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+                duration?: number | undefined;
+            };
+            afterSnap: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+            };
+            beforeDrag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            drag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            afterDrag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            progress: {
+                id: string;
+                x: number;
+                y: number;
+            };
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        })[Key_1]> | undefined): void;
+        (type: "*", handler: import("mitt").WildcardHandler<{
+            collision: {
+                dir: "up" | "down";
+                pos: "top" | "bottom";
+                el: HTMLElement;
+                data?: Record<string, unknown> | undefined;
+            };
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        } & {
+            accept: import("../../../MagicCookie/src/types").CookieConsent;
+            reject: import("../../../MagicCookie/src/types").CookieConsent;
+            acceptSelected: import("../../../MagicCookie/src/types").CookieConsent;
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+            beforeSnap: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+            };
+            snapTo: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+                duration?: number | undefined;
+            };
+            afterSnap: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+            };
+            beforeDrag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            drag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            afterDrag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            progress: {
+                id: string;
+                x: number;
+                y: number;
+            };
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        }>): void;
+    };
+    emit: {
+        <Key_2 extends "progress" | "snapTo" | "accept" | "acceptSelected" | "reject" | "collision" | "beforeEnter" | "enter" | "afterEnter" | "beforeLeave" | "leave" | "afterLeave" | "beforeSnap" | "afterSnap" | "beforeDrag" | "drag" | "afterDrag">(type: Key_2, event: ({
+            collision: {
+                dir: "up" | "down";
+                pos: "top" | "bottom";
+                el: HTMLElement;
+                data?: Record<string, unknown> | undefined;
+            };
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        } & {
+            accept: import("../../../MagicCookie/src/types").CookieConsent;
+            reject: import("../../../MagicCookie/src/types").CookieConsent;
+            acceptSelected: import("../../../MagicCookie/src/types").CookieConsent;
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+            beforeSnap: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+            };
+            snapTo: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+                duration?: number | undefined;
+            };
+            afterSnap: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+            };
+            beforeDrag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            drag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            afterDrag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            progress: {
+                id: string;
+                x: number;
+                y: number;
+            };
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        })[Key_2]): void;
+        <Key_3 extends "progress" | "snapTo" | "accept" | "acceptSelected" | "reject" | "collision" | "beforeEnter" | "enter" | "afterEnter" | "beforeLeave" | "leave" | "afterLeave" | "beforeSnap" | "afterSnap" | "beforeDrag" | "drag" | "afterDrag">(type: undefined extends ({
+            collision: {
+                dir: "up" | "down";
+                pos: "top" | "bottom";
+                el: HTMLElement;
+                data?: Record<string, unknown> | undefined;
+            };
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        } & {
+            accept: import("../../../MagicCookie/src/types").CookieConsent;
+            reject: import("../../../MagicCookie/src/types").CookieConsent;
+            acceptSelected: import("../../../MagicCookie/src/types").CookieConsent;
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+            beforeSnap: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+            };
+            snapTo: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+                duration?: number | undefined;
+            };
+            afterSnap: {
+                id: string;
+                snapPoint: import("../../../MagicDrawer/src/types").SnapPoint;
+            };
+            beforeDrag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            drag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            afterDrag: {
+                id: string;
+                x: number;
+                y: number;
+            };
+            progress: {
+                id: string;
+                x: number;
+                y: number;
+            };
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        } & {
+            beforeEnter: string;
+            enter: string;
+            afterEnter: string;
+            beforeLeave: string;
+            leave: string;
+            afterLeave: string;
+        })[Key_3] ? Key_3 : never): void;
+    };
+};

package/dist/plugins/{MagicModal/src/composables/useModalEmitter.mjs → MagicEmitter/src/composables/useMagicEmitter.mjs}

@@ -1,6 +1,6 @@
 import mitt from "mitt";
 const emitter = mitt();
-export function useModalEmitter() {
+export function useMagicEmitter() {
   return {
     on: emitter.on,
     off: emitter.off,

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

@@ -0,0 +1,19 @@
+import type { CollisionEvents } from '../../../MagicScroll.js';
+import type { CommandEvents } from '../../../MagicCommand.js';
+import type { CookieEvents } from '../../../MagicCookie.js';
+import type { DrawerEvents } from '../../../MagicDrawer.js';
+import type { ModalEvents } from '../../../MagicModal.js';
+import type { ToastEvents } from '../../../MagicToast.js';
+type Merge<T extends any[]> = T extends [infer First, ...infer Rest] ? MergeTypes<First, Merge<Rest>> : {};
+type MergeTypes<T, U> = {
+    [K in keyof T]: K extends keyof U ? U[K] : T[K];
+} & U;
+export type MagicEmitterEvents = Merge<[
+    CollisionEvents,
+    CommandEvents,
+    CookieEvents,
+    DrawerEvents,
+    ModalEvents,
+    ToastEvents
+]>;
+export {};

package/dist/plugins/MagicMarquee/nuxt.mjs

@@ -1,8 +1,7 @@
 import {
   defineNuxtModule,
   createResolver,
-  addComponentsDir,
-  addImportsDir
+  addComponentsDir
 } from "@nuxt/kit";
 export default defineNuxtModule({
   meta: {
@@ -15,6 +14,5 @@ export default defineNuxtModule({
       global: true,
       pathPrefix: false
     });
-    addImportsDir(resolver.resolve("src/composables"));
   }
 });

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

@@ -17,7 +17,7 @@
 
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
-import { useMarqueeApi } from '../composables/useMarqueeApi'
+import { useMarqueeApi } from '../composables/private/useMarqueeApi'
 
 interface Props {
   direction?: 'reverse' | 'normal'

package/dist/plugins/MagicModal/index.d.ts

@@ -1,8 +1,7 @@
 import MagicModal from './src/components/MagicModal.vue.js';
-import { useModalApi } from './src/composables/useModalApi.js';
-import { useModalEmitter } from './src/composables/useModalEmitter.js';
+import { useMagicModal } from './src/composables/useMagicModal.js';
 import type { Plugin } from 'vue';
 import type { ModalEvents, ModalOptions } from './src/types/index.js';
 declare const MagicModalPlugin: Plugin;
-export { MagicModalPlugin, MagicModal, useModalEmitter, useModalApi };
+export { MagicModalPlugin, MagicModal, useMagicModal };
 export type { ModalEvents, ModalOptions };

package/dist/plugins/MagicModal/index.mjs

@@ -1,9 +1,8 @@
 import MagicModal from "./src/components/MagicModal.vue";
-import { useModalApi } from "./src/composables/useModalApi.mjs";
-import { useModalEmitter } from "./src/composables/useModalEmitter.mjs";
+import { useMagicModal } from "./src/composables/useMagicModal.mjs";
 const MagicModalPlugin = {
   install: (app) => {
     app.component("MagicModal", MagicModal);
   }
 };
-export { MagicModalPlugin, MagicModal, useModalEmitter, useModalApi };
+export { MagicModalPlugin, MagicModal, useMagicModal };

package/dist/plugins/MagicModal/nuxt.mjs

@@ -17,11 +17,7 @@ export default defineNuxtModule({
     });
     addImports({
       from: "@maas/vue-equipment/plugins/MagicModal",
-      name: "useModalApi"
-    });
-    addImports({
-      from: "@maas/vue-equipment/plugins/MagicModal",
-      name: "useModalEmitter"
+      name: "useMagicModal"
     });
   }
 });

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

@@ -67,8 +67,9 @@ import {
 import { createDefu } from 'defu'
 import { onKeyStroke } from '@vueuse/core'
 import { defaultOptions } from './../utils/defaultOptions'
-import { useModalApi } from './../composables/useModalApi'
+import { useModalDOM } from '../composables/private/useModalDOM'
 import { useModalCallback } from '../composables/private/useModalCallback'
+import { useMagicModal } from '../composables/useMagicModal'
 
 import type { ModalOptions } from './../types/index'
 
@@ -97,21 +98,19 @@ const props = withDefaults(defineProps<MagicModalProps>(), {
 
 const mappedOptions = customDefu(props.options, defaultOptions)
 const modalRef = ref<HTMLElement | undefined>(undefined)
-const modalApi = useModalApi(props.id, {
-  focusTarget: modalRef,
-  focusTrap: mappedOptions.focusTrap,
-})
-
 const {
-  isActive,
-  close,
   trapFocus,
   releaseFocus,
   lockScroll,
   unlockScroll,
   addScrollLockPadding,
   removeScrollLockPadding,
-} = modalApi
+} = useModalDOM({
+  focusTarget: modalRef,
+  focusTrap: mappedOptions.focusTrap,
+})
+
+const { isActive, close } = useMagicModal(props.id)
 
 // Split isActive into two values to animate modal smoothly
 const innerActive = ref(false)

package/dist/plugins/MagicModal/src/composables/private/useModalCallback.mjs

@@ -1,5 +1,5 @@
 import { toValue, nextTick } from "vue";
-import { useModalEmitter } from "./../useModalEmitter.mjs";
+import { useMagicEmitter } from "@maas/vue-equipment/plugins";
 export function useModalCallback(args) {
   const {
     id,
@@ -12,36 +12,37 @@ export function useModalCallback(args) {
     releaseFocus,
     wrapperActive
   } = args;
+  const emitter = useMagicEmitter();
   function onBeforeEnter(_el) {
-    useModalEmitter().emit("beforeEnter", toValue(id));
+    emitter.emit("beforeEnter", toValue(id));
     if (mappedOptions.scrollLock) {
-      if (mappedOptions.scrollLockPadding) {
+      if (typeof mappedOptions.scrollLock === "object" && mappedOptions.scrollLock.padding) {
         addScrollLockPadding();
       }
       lockScroll();
     }
   }
   function onEnter(_el) {
-    useModalEmitter().emit("enter", toValue(id));
+    emitter.emit("enter", toValue(id));
   }
   async function onAfterEnter(_el) {
-    useModalEmitter().emit("afterEnter", toValue(id));
+    emitter.emit("afterEnter", toValue(id));
     if (mappedOptions.focusTrap) {
       await nextTick();
       trapFocus();
     }
   }
   function onBeforeLeave(_el) {
-    useModalEmitter().emit("beforeLeave", toValue(id));
+    emitter.emit("beforeLeave", toValue(id));
   }
   function onLeave(_el) {
-    useModalEmitter().emit("leave", toValue(id));
+    emitter.emit("leave", toValue(id));
   }
   function onAfterLeave(_el) {
-    useModalEmitter().emit("afterLeave", toValue(id));
+    emitter.emit("afterLeave", toValue(id));
     if (mappedOptions.scrollLock) {
       unlockScroll();
-      if (mappedOptions.scrollLockPadding) {
+      if (typeof mappedOptions.scrollLock === "object" && mappedOptions.scrollLock.padding) {
         removeScrollLockPadding();
       }
     }

package/dist/plugins/MagicModal/src/composables/private/useModalDOM.d.ts

@@ -0,0 +1,13 @@
+import { type MaybeElementRef } from '@vueuse/core';
+import type { ModalOptions } from '../../types/index.js';
+export type useModalApiOptions = Pick<ModalOptions, 'scrollLock' | 'focusTrap'> & {
+    focusTarget: MaybeElementRef;
+};
+export declare function useModalDOM(options?: useModalApiOptions): {
+    trapFocus: () => void;
+    releaseFocus: () => void;
+    lockScroll: () => void;
+    unlockScroll: () => void;
+    addScrollLockPadding: () => void;
+    removeScrollLockPadding: () => void;
+};