@maas/vue-equipment 0.7.3 → 0.7.5

package/dist/nuxt/module.json

@@ -1,5 +1,5 @@
 {
   "name": "@maas/vue-equipment",
   "configKey": "vueEquipment",
-  "version": "0.7.2"
+  "version": "0.7.4"
 }

package/dist/plugins/MagicModal/src/composables/useModalApi.d.ts

@@ -5,7 +5,7 @@ export type useModalApiOptions = Pick<Options, 'scrollLock'> & {
     focusTarget: MaybeElementRef;
 };
 export declare function useModalApi(id?: MaybeRef<string>, options?: useModalApiOptions): {
-    id: import("vue").ComputedRef<string>;
+    id: import("vue").ComputedRef<any>;
     isActive: import("vue").ComputedRef<boolean>;
     open: () => void;
     close: () => void;

package/dist/plugins/MagicModal/src/composables/useModalApi.mjs

@@ -1,6 +1,6 @@
+import crypto from "crypto";
 import { ref, computed, toValue } from "vue";
 import { defu } from "defu";
-import { v4 as uuidv4 } from "uuid";
 import { useScrollLock } from "@vueuse/core";
 import { useFocusTrap } from "@vueuse/integrations/useFocusTrap";
 import { useModalStore } from "./private/useModalStore.mjs";
@@ -10,7 +10,7 @@ const defaultOptions = {
 };
 export function useModalApi(id, options) {
   const positionFixedElements = ref([]);
-  const mappedId = computed(() => toValue(id) || uuidv4());
+  const mappedId = computed(() => toValue(id) || crypto.randomUUID());
   const mappedOptions = defu(options, defaultOptions);
   const focusTrap = mappedOptions.focusTarget ? useFocusTrap(mappedOptions.focusTarget) : void 0;
   const scrollLock = mappedOptions.scrollLock && typeof window !== "undefined" ? useScrollLock(document.body) : ref(false);

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

@@ -43,8 +43,9 @@
 </template>
 
 <script setup lang="ts">
+import crypto from 'crypto'
 import { defu } from 'defu'
-import { toValue, ref, computed, type MaybeRef } from 'vue'
+import { toValue, ref, watch, type MaybeRef } from 'vue'
 import { onClickOutside, type MaybeElement } from '@vueuse/core'
 import { defaultOptions } from './../utils/defaultOptions'
 import { useToastApi } from './../composables/useToastApi'
@@ -66,6 +67,7 @@ const { toasts, count, oldest } = useToastApi(props.id)
 
 const mappedOptions = defu(props.options, defaultOptions)
 const isExpanded = ref(mappedOptions.layout?.expand === true)
+const teleportKey = ref(crypto.randomUUID())
 const listRef = ref<MaybeElement>()
 
 const {
@@ -78,8 +80,6 @@ const {
   activeElements,
 } = useToastCallback({ id: props.id, mappedOptions, count, oldest })
 
-const teleportKey = computed(() => `${props.class}-${props.id}`)
-
 function onMouseenter() {
   if (mappedOptions.layout?.expand === 'hover') {
     isExpanded.value = true
@@ -105,6 +105,10 @@ function outsideClickCallback() {
 }
 
 onClickOutside(listRef, outsideClickCallback)
+watch(
+  () => props.id,
+  () => (teleportKey.value = crypto.randomUUID()),
+)
 </script>
 
 <style lang="css">

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

@@ -1,4 +1,4 @@
 import type { ToastInstance, AddArgs } from './../../types.js';
 export declare function useToastInternalApi(): {
-    addToast: (args: AddArgs, ctx: ToastInstance) => string;
+    addToast: (args: AddArgs, ctx: ToastInstance) => any;
 };

package/dist/plugins/MagicToast/src/composables/private/useToastInternalApi.mjs

@@ -1,4 +1,4 @@
-import { v4 as uuidv4 } from "uuid";
+import crypto from "crypto";
 export function useToastInternalApi() {
   function removeToastAfterTimeout(id, duration, ctx) {
     if (duration > 0) {
@@ -8,7 +8,7 @@ export function useToastInternalApi() {
     }
   }
   function addToast(args, ctx) {
-    const id = uuidv4();
+    const id = crypto.randomUUID();
     let { component, props, duration = 0 } = args;
     const toast = {
       component,

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

@@ -1,3 +1,4 @@
+import crypto from "crypto";
 import {
   computed,
   onUnmounted,
@@ -5,11 +6,10 @@ import {
   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 mappedId = computed(() => toValue(id) || crypto.randomUUID());
   const instance = computed(() => findInstance(toValue(mappedId)));
   function initialize() {
     const id2 = toValue(mappedId);

package/package.json

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

package/dist/utils/types/PickPartial.d.ts

@@ -1,4 +0,0 @@
-type PickPartial<T, K extends keyof T> = {
-    [P in K]: Partial<T[P]>;
-};
-export type { PickPartial };