@maas/vue-equipment 0.31.0 → 0.32.0

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

@@ -1,3 +1,4 @@
+import type { AccordionEvents } from '../../../MagicAccordion/src/types/index.js';
 import type { CookieEvents } from '../../../MagicCookie/src/types/index.js';
 import type { DraggableEvents } from '../../../MagicDraggable/src/types/index.js';
 import type { DrawerEvents } from '../../../MagicDrawer/src/types/index.js';
@@ -10,6 +11,7 @@ type MergeTypes<T, U> = {
 } & Omit<U, keyof T>;
 type Merge<T extends unknown[]> = T extends [infer First, ...infer Rest] ? MergeTypes<First, Merge<Rest>> : {};
 export type MagicEmitterEvents = Merge<[
+    AccordionEvents,
     CookieEvents,
     DraggableEvents,
     DrawerEvents,

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

@@ -1,5 +1,5 @@
 import { useMagicMenu } from './src/composables/useMagicMenu.js';
-import { MagicMenuInstanceId, MagicMenuItemActive, MagicMenuParentTree } from './src/symbols/index.js';
+import { MagicMenuInstanceId, MagicMenuViewId, MagicMenuViewActive, MagicMenuItemId, MagicMenuItemActive, MagicMenuParentTree, MagicMenuChannelId, MagicMenuChannelActive, MagicMenuContentId } from './src/symbols/index.js';
 import type { Plugin } from 'vue';
 declare const MagicMenuPlugin: Plugin;
-export { MagicMenuPlugin, useMagicMenu, MagicMenuInstanceId, MagicMenuItemActive, MagicMenuParentTree, };
+export { MagicMenuPlugin, useMagicMenu, MagicMenuInstanceId, MagicMenuViewId, MagicMenuViewActive, MagicMenuItemId, MagicMenuItemActive, MagicMenuParentTree, MagicMenuChannelId, MagicMenuChannelActive, MagicMenuContentId, };

package/dist/plugins/MagicMenu/index.mjs

@@ -9,8 +9,14 @@ import MagicMenuView from "./src/components/MagicMenuView.vue";
 import { useMagicMenu } from "./src/composables/useMagicMenu.mjs";
 import {
   MagicMenuInstanceId,
+  MagicMenuViewId,
+  MagicMenuViewActive,
+  MagicMenuItemId,
   MagicMenuItemActive,
-  MagicMenuParentTree
+  MagicMenuParentTree,
+  MagicMenuChannelId,
+  MagicMenuChannelActive,
+  MagicMenuContentId
 } from "./src/symbols/index.mjs";
 const MagicMenuPlugin = {
   install: (app) => {
@@ -28,6 +34,12 @@ export {
   MagicMenuPlugin,
   useMagicMenu,
   MagicMenuInstanceId,
+  MagicMenuViewId,
+  MagicMenuViewActive,
+  MagicMenuItemId,
   MagicMenuItemActive,
-  MagicMenuParentTree
+  MagicMenuParentTree,
+  MagicMenuChannelId,
+  MagicMenuChannelActive,
+  MagicMenuContentId
 };

package/dist/plugins/MagicMenu/src/composables/private/useMenuCallback.mjs

@@ -14,13 +14,13 @@ export function useMenuCallback(args) {
   } = args;
   const emitter = useMagicEmitter();
   function onBeforeEnter(_el) {
-    emitter.emit("beforeEnter", { id: toValue(instanceId), view: viewId });
+    emitter.emit("beforeEnter", { id: toValue(instanceId), viewId });
   }
   function onEnter(_el) {
-    emitter.emit("enter", { id: toValue(instanceId), view: viewId });
+    emitter.emit("enter", { id: toValue(instanceId), viewId });
   }
   function onAfterEnter(_el) {
-    emitter.emit("afterEnter", { id: toValue(instanceId), view: viewId });
+    emitter.emit("afterEnter", { id: toValue(instanceId), viewId });
     const scrollLock = state.options.scrollLock ?? ModeScrollLock[state.options.mode].value;
     if (!!scrollLock) {
       lockScroll();
@@ -30,13 +30,13 @@ export function useMenuCallback(args) {
     }
   }
   function onBeforeLeave(_el) {
-    emitter.emit("beforeLeave", { id: toValue(instanceId), view: viewId });
+    emitter.emit("beforeLeave", { id: toValue(instanceId), viewId });
   }
   function onLeave(_el) {
-    emitter.emit("leave", { id: toValue(instanceId), view: viewId });
+    emitter.emit("leave", { id: toValue(instanceId), viewId });
   }
   function onAfterLeave(_el) {
-    emitter.emit("afterLeave", { id: toValue(instanceId), view: viewId });
+    emitter.emit("afterLeave", { id: toValue(instanceId), viewId });
     const scrollLock = state.options.scrollLock ?? ModeScrollLock[state.options.mode].value;
     if (!!scrollLock) {
       unlockScroll();

package/dist/plugins/MagicMenu/src/composables/private/useMenuView.mjs

@@ -101,13 +101,13 @@ export function useMenuView(instanceId) {
         await delay(delayMs, abortController.signal);
         instance.active = true;
         unselectUnrelatedViews(id);
-      } catch (err) {
-        if (err.name === "AbortError") {
+      } catch (error) {
+        if (error.name === "AbortError") {
           console.log(
             `selectView() was interrupted by a call to unselectView()`
           );
         } else {
-          throw err;
+          throw error;
         }
       }
     }
@@ -123,13 +123,13 @@ export function useMenuView(instanceId) {
       try {
         await delay(delayMs, abortController.signal);
         instance.active = false;
-      } catch (err) {
-        if (err.name === "AbortError") {
+      } catch (error) {
+        if (error.name === "AbortError") {
           console.log(
             `unselectView() was interrupted by a call to selectView()`
           );
         } else {
-          throw err;
+          throw error;
         }
       }
     }

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

@@ -1,5 +1,4 @@
 import type { Placement } from '@floating-ui/vue';
-import type { RequireAllNested } from '@maas/vue-equipment/utils';
 type MenuMode = 'dropdown' | 'menubar' | 'context' | 'navigation';
 export interface MagicMenuOptions {
     mode?: MenuMode;
@@ -24,6 +23,20 @@ export interface MagicMenuOptions {
         rightClick?: number;
     };
 }
+export interface RequiredMagicMenuOptions {
+    mode: MenuMode;
+    debug: boolean;
+    transition: {
+        content: {
+            default: string;
+            nested: string;
+        };
+        channel: string;
+    };
+}
+export interface OptionalMagicMenuOptions extends Pick<MagicMenuOptions, 'scrollLock' | 'floating' | 'delay'> {
+}
+export type CombinedMagicMenuOptions = RequiredMagicMenuOptions & OptionalMagicMenuOptions;
 export type Interaction = 'click' | 'mouseenter' | 'right-click';
 export type Coordinates = {
     x: number;
@@ -58,7 +71,7 @@ export interface MenuState {
     id: string;
     active: boolean;
     views: MenuView[];
-    options: RequireAllNested<MagicMenuOptions>;
+    options: CombinedMagicMenuOptions;
     input: {
         type: 'keyboard' | 'pointer';
         disabled: ('keyboard' | 'pointer')[];
@@ -68,27 +81,27 @@ export interface MenuState {
 export type MenuEvents = {
     beforeEnter: {
         id: string;
-        view: string;
+        viewId: string;
     };
     enter: {
         id: string;
-        view: string;
+        viewId: string;
     };
     afterEnter: {
         id: string;
-        view: string;
+        viewId: string;
     };
     beforeLeave: {
         id: string;
-        view: string;
+        viewId: string;
     };
     leave: {
         id: string;
-        view: string;
+        viewId: string;
     };
     afterLeave: {
         id: string;
-        view: string;
+        viewId: string;
     };
 };
 export {};

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

@@ -1,4 +1,3 @@
-import type { MagicMenuOptions } from '../types.js';
-import type { RequireAllNested } from '@maas/vue-equipment/utils';
-declare const defaultOptions: Omit<RequireAllNested<MagicMenuOptions>, 'scrollLock' | 'floating' | 'delay'>;
+import type { RequiredMagicMenuOptions } from '../types.js';
+declare const defaultOptions: RequiredMagicMenuOptions;
 export { defaultOptions };

package/dist/plugins/MagicPlayer/src/components/MagicPlayerOverlay.vue

@@ -60,5 +60,5 @@ const { idle } = useIdle(3000)
 </script>
 
 <style>
-:root{--magic-player-overlay-background:rgba(0,0,0,.3);--magic-player-overlay-color:#fff;--magic-player-overlay-button-size:2.5rem}.magic-player-overlay{align-items:center;background-color:var(--magic-player-overlay-background);color:var(--magic-player-overlay-color);cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;transition-duration:.3s;transition-property:opacity;transition-timing-function:ease}.magic-player-overlay__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:0;color:inherit;cursor:pointer;height:var(--magic-player-overlay-button-size);outline:none;padding:0;width:var(--magic-player-overlay-button-size)}.magic-player-overlay.-playing.-idle,.magic-player-overlay.-playing.-not-hover{opacity:0}
+:root{--magic-player-overlay-background:rgba(0,0,0,.3);--magic-player-overlay-color:#fff;--magic-player-overlay-button-size:2.5rem;--magic-player-overlay-transition:opacity 300ms ease}.magic-player-overlay{align-items:center;background-color:var(--magic-player-overlay-background);color:var(--magic-player-overlay-color);cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;transition:var(--magic-player-overlay-transition)}.magic-player-overlay__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:0;color:inherit;cursor:pointer;height:var(--magic-player-overlay-button-size);outline:none;padding:0;width:var(--magic-player-overlay-button-size)}.magic-player-overlay.-playing.-idle,.magic-player-overlay.-playing.-not-hover{opacity:0}
 </style>

package/dist/plugins/MagicScroll/src/symbols/index.d.ts

@@ -1,6 +1,6 @@
-import type { InjectionKey, Ref, MaybeRefOrGetter } from 'vue';
+import type { InjectionKey, Ref, MaybeRef } from 'vue';
 import type { UseScrollReturn } from '@vueuse/core';
-declare const MagicScrollParent: InjectionKey<MaybeRefOrGetter<HTMLElement | undefined>>;
+declare const MagicScrollParent: InjectionKey<MaybeRef<HTMLElement | undefined>>;
 declare const MagicScrollProgress: InjectionKey<Ref<number>>;
 declare const MagicScrollReturn: InjectionKey<UseScrollReturn | undefined>;
 export { MagicScrollParent, MagicScrollProgress, MagicScrollReturn };

package/dist/plugins/MagicToast/src/composables/private/useToastApi.d.ts

@@ -1,5 +1,5 @@
 import { type MaybeRef } from 'vue';
 export declare function useToastApi(id: MaybeRef<string>): {
-    initialize: () => any;
+    initialize: () => import("../../types").ToastInstance | undefined;
     destroy: (id: string) => void;
 };

package/dist/plugins/MagicToast/src/composables/private/useToastStore.d.ts

@@ -1,7 +1,17 @@
-import type { MagicToastInstance } from '../../types.js';
+import type { ToastInstance, AddToastArgs } from '../../types.js';
 export declare function useToastStore(): {
-    toastStore: import("vue").Ref<any>;
-    findInstance: (id: string) => MagicToastInstance | undefined;
-    addInstance: (id: string) => MagicToastInstance;
+    toastStore: import("vue").Ref<{
+        id: string;
+        toasts: {
+            id: string;
+            component: Object;
+            props?: Record<string, any> | undefined;
+            remove: Function;
+        }[];
+        add: (args: AddToastArgs) => string;
+        remove: (id: string) => void;
+    }[]>;
+    findInstance: (id: string) => ToastInstance | undefined;
+    addInstance: (id: string) => ToastInstance;
     removeInstance: (id: string) => void;
 };

package/dist/plugins/MagicToast/src/composables/useMagicToast.d.ts

@@ -1,11 +1,11 @@
 import { type MaybeRef } from 'vue';
 import type { AddToastArgs } from './../types.js';
 export declare function useMagicToast(id: MaybeRef<string>): {
-    toasts: import("vue").ComputedRef<any>;
-    count: import("vue").ComputedRef<any>;
-    firstToast: import("vue").ComputedRef<any>;
-    lastToast: import("vue").ComputedRef<any>;
-    add: (options: AddToastArgs) => Promise<any>;
+    toasts: import("vue").ComputedRef<import("./../types").Toast[] | undefined>;
+    count: import("vue").ComputedRef<number | undefined>;
+    firstToast: import("vue").ComputedRef<import("./../types").Toast | undefined>;
+    lastToast: import("vue").ComputedRef<import("./../types").Toast | undefined>;
+    add: (options: AddToastArgs) => Promise<string | undefined>;
     remove: (toastId: string) => void;
     clear: () => void;
 };

package/dist/plugins/index.d.ts

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

package/dist/plugins/index.mjs

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

package/dist/utils/css/easings.css

@@ -0,0 +1,4 @@
+:root {
+  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
+  --ease-in-out-sharp: cubic-bezier(0.83, 0, 0.17, 1);
+}

package/package.json

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

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerStore.d.ts

@@ -1,5 +0,0 @@
-export declare function useDrawerStore(): {
-    drawerStore: import("vue").Ref<string[]>;
-    addInstance: (id: string) => void;
-    removeInstance: (id: string) => void;
-};

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

@@ -1,15 +0,0 @@
-import { ref } from "vue";
-let drawerStore = ref([]);
-export function useDrawerStore() {
-  function addInstance(id) {
-    drawerStore.value.push(id);
-  }
-  function removeInstance(id) {
-    drawerStore.value = drawerStore.value.filter((x) => x !== id);
-  }
-  return {
-    drawerStore,
-    addInstance,
-    removeInstance
-  };
-}