@maas/vue-equipment 0.5.0 → 0.6.1

package/dist/plugins/MagicToast/src/composables/useToastApi.mjs

@@ -0,0 +1,60 @@
+import {
+  computed,
+  onUnmounted,
+  onBeforeMount,
+  toValue,
+  markRaw
+} from "vue";
+import { v4 as uuidv4 } from "uuid";
+import { useToastStore } from "./private/useToastStore.mjs";
+export function useToastApi(id) {
+  const { findInstance, addInstance, removeInstance } = useToastStore();
+  const mappedId = computed(() => toValue(id) || uuidv4());
+  const instance = computed(() => findInstance(toValue(mappedId)));
+  function initialize() {
+    const id2 = toValue(mappedId);
+    if (!findInstance(id2)) {
+      return addInstance(id2);
+    }
+  }
+  function destroy(id2) {
+    if (!id2)
+      return;
+    clear();
+    removeInstance(toValue(id2));
+  }
+  const toasts = computed(() => instance.value?.toasts);
+  const count = computed(() => toasts.value?.length);
+  const oldest = computed(() => toasts.value?.[0]);
+  async function add(options) {
+    const { component, props, duration } = options;
+    const id2 = instance.value?.add({
+      props,
+      duration,
+      component: markRaw(component)
+    });
+    return id2;
+  }
+  function remove(id2) {
+    instance.value?.remove(id2);
+  }
+  function clear() {
+    if (!instance.value)
+      return;
+    instance.value.toasts = [];
+  }
+  onBeforeMount(() => {
+    initialize();
+  });
+  onUnmounted(() => {
+    destroy(toValue(mappedId));
+  });
+  return {
+    toasts,
+    count,
+    oldest,
+    add,
+    remove,
+    clear
+  };
+}

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

@@ -0,0 +1,15 @@
+import type { ToastEvents } from '../types.js';
+export declare function useToastEmitter(): {
+    on: {
+        <Key extends keyof ToastEvents>(type: Key, handler: import("mitt").Handler<ToastEvents[Key]>): void;
+        (type: "*", handler: import("mitt").WildcardHandler<ToastEvents>): void;
+    };
+    off: {
+        <Key_1 extends keyof ToastEvents>(type: Key_1, handler?: import("mitt").Handler<ToastEvents[Key_1]> | undefined): void;
+        (type: "*", handler: import("mitt").WildcardHandler<ToastEvents>): void;
+    };
+    emit: {
+        <Key_2 extends keyof ToastEvents>(type: Key_2, event: ToastEvents[Key_2]): void;
+        <Key_3 extends keyof ToastEvents>(type: undefined extends ToastEvents[Key_3] ? Key_3 : never): void;
+    };
+};

package/dist/plugins/MagicToast/src/composables/useToastEmitter.mjs

@@ -0,0 +1,9 @@
+import mitt from "mitt";
+const emitter = mitt();
+export function useToastEmitter() {
+  return {
+    on: emitter.on,
+    off: emitter.off,
+    emit: emitter.emit
+  };
+}

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

@@ -0,0 +1,42 @@
+import type { MaybeRef } from 'vue';
+type Toast = {
+    id: string;
+    component: Object;
+    props?: MaybeRef<Record<string, any>>;
+    remove: Function;
+};
+type ToastInstance = {
+    id: string;
+    toasts: Toast[];
+    add: (args: AddArgs) => string;
+    remove: (id: string) => void;
+};
+type Options = {
+    teleport?: {
+        target?: string;
+        disabled?: boolean;
+    };
+    transitions?: {
+        list: string;
+    };
+    layout?: {
+        expand?: boolean | 'hover' | 'click';
+        max?: false | number;
+    };
+};
+type ActiveElement = {
+    id: string;
+    height: number;
+};
+type ToastEvents = {
+    beforeEnter: string;
+    enter: string;
+    afterEnter: string;
+    beforeLeave: string;
+    leave: string;
+    afterLeave: string;
+};
+type AddArgs = Pick<Toast, 'component' | 'props'> & {
+    duration?: number;
+};
+export type { Toast, ToastInstance, Options, ActiveElement, ToastEvents, AddArgs, };

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

@@ -0,0 +1,3 @@
+import type { Options } from '../types/index.js';
+declare const defaultOptions: Options;
+export { defaultOptions };

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

@@ -0,0 +1,14 @@
+const defaultOptions = {
+  teleport: {
+    target: "body",
+    disabled: false
+  },
+  transitions: {
+    list: "magic-toast--list"
+  },
+  layout: {
+    expand: "click",
+    max: 4
+  }
+};
+export { defaultOptions };

package/dist/plugins/index.d.ts

@@ -1,4 +1,5 @@
+export * from './MagicMarquee.js';
 export * from './MagicModal.js';
 export * from './MagicPlayer.js';
 export * from './MagicScroll.js';
-export * from './MagicMarquee.js';
+export * from './MagicToast.js';

package/dist/plugins/index.mjs

@@ -1,4 +1,5 @@
+export * from "./MagicMarquee/index.mjs";
 export * from "./MagicModal/index.mjs";
 export * from "./MagicPlayer/index.mjs";
 export * from "./MagicScroll/index.mjs";
-export * from "./MagicMarquee/index.mjs";
+export * from "./MagicToast/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.5.0",
+  "version": "0.6.1",
   "author": "Robin Scholz <https://github.com/robinscholz>, Christoph Jeworutzki <https://github.com/ChristophJeworutzki>",
   "devDependencies": {
     "@antfu/ni": "^0.21.5",
@@ -54,15 +54,21 @@
   "license": "MIT",
   "main": "./dist/nuxt/module.cjs",
   "peerDependencies": {
+    "@maas/magic-timer": "^0.1.3",
     "@vueuse/core": "^10.3.0",
     "@vueuse/integrations": "^10.3.0",
     "focus-trap": "^7.5.2",
     "hls.js": "^1.4.10",
+    "luxon": "^3.4.2",
     "mitt": "^3.0.1",
+    "motion": "^10.16.2",
     "nuxt": "^3.5.1",
     "uuid": "^9.0.0"
   },
   "peerDependenciesMeta": {
+    "@maas/magic-timer": {
+      "optional": false
+    },
     "@vueuse/core": {
       "optional": false
     },
@@ -72,9 +78,15 @@
     "hls.js": {
       "optional": false
     },
+    "luxon": {
+      "optional": false
+    },
     "mitt": {
       "optional": false
     },
+    "motion": {
+      "optional": false
+    },
     "nuxt": {
       "optional": false
     },