@maas/vue-equipment 1.0.0-beta.14 → 1.0.0-beta.15

package/dist/nuxt/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment/nuxt",
   "configKey": "vueEquipment",
-  "version": "1.0.0-beta.13",
+  "version": "1.0.0-beta.14",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "unknown"

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

@@ -1,6 +1,6 @@
 <template>
   <div
-    :data-id="toValue(id)"
+    :data-id="mappedId"
     :data-dragging="dragging"
     :data-disabled="disabled"
     class="magic-draggable"
@@ -23,7 +23,7 @@
 </template>
 
 <script setup>
-import { useTemplateRef, computed, toRefs } from "vue";
+import { useTemplateRef, computed, toValue, toRefs } from "vue";
 import { defu } from "defu";
 import { useDraggableDrag } from "../composables/private/useDraggableDrag";
 import { useDraggableState } from "../composables/private/useDraggableState";
@@ -42,6 +42,7 @@ const { id, options = {} } = defineProps({
   }
 });
 const mappedOptions = defu(options, defaultOptions);
+const mappedId = toValue(id);
 const elRef = useTemplateRef("el");
 const wrapperRef = useTemplateRef("wrapper");
 const { initializeState } = useDraggableState(id);

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

@@ -1,4 +1,4 @@
-import { toValue, type MaybeRef } from 'vue';
+import { type MaybeRef } from 'vue';
 import type { MagicDraggableOptions } from '../types/index.js';
 interface MagicDraggableProps {
     id: MaybeRef<string>;
@@ -36,6 +36,10 @@ declare const mappedOptions: Omit<MagicDraggableOptions, keyof MagicDraggableOpt
         momentum: number;
         idle: number;
     });
+    tag: "dialog" | "div";
+    scrollLock: boolean | {
+        padding: boolean;
+    };
     disabled: boolean;
     animation: ({
         snap?: {
@@ -68,15 +72,12 @@ declare const mappedOptions: Omit<MagicDraggableOptions, keyof MagicDraggableOpt
             easing?: (t: number) => number;
         };
     });
-    tag: "div" | "dialog";
-    scrollLock: boolean | {
-        padding: boolean;
-    };
     snapPoints: import("../types/index.js").DraggableSnapPoint[];
     initial: {
         snapPoint?: import("../types/index.js").DraggableSnapPoint;
     };
 };
+declare const mappedId: string;
 declare const dragging: import("vue").Ref<boolean, boolean>;
 declare const disabled: import("vue").ComputedRef<boolean>;
 declare const style: import("vue").ComputedRef<string>, hasDragged: import("vue").ComputedRef<boolean>;
@@ -88,8 +89,8 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
     default?: (props: typeof __VLS_12) => any;
 }>;
 declare const __VLS_self: import("vue").DefineComponent<MagicDraggableProps, {
-    toValue: typeof toValue;
     mappedOptions: typeof mappedOptions;
+    mappedId: typeof mappedId;
     dragging: typeof dragging;
     disabled: typeof disabled;
     style: typeof style;

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

@@ -7,7 +7,7 @@
     <div
       ref="drawer"
       class="magic-drawer"
-      :data-id="toValue(id)"
+      :data-id="mappedId"
       :data-dragging="dragging"
       :data-wheeling="wheeling"
       :data-disabled="disabled"
@@ -64,6 +64,7 @@ import {
   watch,
   computed,
   nextTick,
+  toValue,
   onBeforeMount,
   onBeforeUnmount,
   onUnmounted,
@@ -110,6 +111,7 @@ const { options = {}, id } = defineProps({
   }
 });
 const mappedOptions = customDefu(options, defaultOptions);
+const mappedId = toValue(id);
 const elRef = useTemplateRef("el");
 const drawerRef = useTemplateRef("drawer");
 const wrapperRef = useTemplateRef("wrapper");

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

@@ -1,4 +1,4 @@
-import { toValue, type MaybeRef } from 'vue';
+import { type MaybeRef } from 'vue';
 import type { MagicDrawerOptions } from '../types/index.js';
 import '@maas/vue-equipment/utils/css/animations/fade-in.css';
 import '@maas/vue-equipment/utils/css/animations/fade-out.css';
@@ -40,44 +40,8 @@ declare const mappedOptions: Omit<MagicDrawerOptions, keyof MagicDrawerOptions>
         distance: number;
         momentum: number;
     });
-    transition: {
-        content?: string;
-        backdrop?: string;
-    };
-    disabled: boolean;
-    animation: ({
-        snap?: {
-            duration?: number;
-            easing?: (t: number) => number;
-        };
-    } & import("../../../../utils/index.js").RequireAll<{
-        snap?: {
-            duration?: number;
-            easing?: (t: number) => number;
-        };
-    }>) | (Omit<{
-        snap?: {
-            duration?: number;
-            easing?: (t: number) => number;
-        };
-    }, "snap"> & Omit<{
-        snap?: {
-            duration?: number;
-            easing?: (t: number) => number;
-        };
-    } & import("../../../../utils/index.js").RequireAll<{
-        snap?: {
-            duration?: number;
-            easing?: (t: number) => number;
-        };
-    }>, "snap"> & {
-        snap: {
-            duration?: number;
-            easing?: (t: number) => number;
-        };
-    });
     backdrop: boolean;
-    tag: "div" | "dialog";
+    tag: "dialog" | "div";
     focusTrap: boolean | import("focus-trap").Options;
     scrollLock: {
         padding: boolean;
@@ -114,6 +78,10 @@ declare const mappedOptions: Omit<MagicDrawerOptions, keyof MagicDrawerOptions>
         target?: string;
         disabled?: boolean;
     };
+    transition: {
+        content?: string;
+        backdrop?: string;
+    };
     keyListener: ({
         close?: string[] | false;
     } & import("../../../../utils/index.js").RequireAll<{
@@ -128,6 +96,38 @@ declare const mappedOptions: Omit<MagicDrawerOptions, keyof MagicDrawerOptions>
         close: (false | string[] | undefined) & (false | string[]);
     });
     position: "right" | "left" | "top" | "bottom";
+    disabled: boolean;
+    animation: ({
+        snap?: {
+            duration?: number;
+            easing?: (t: number) => number;
+        };
+    } & import("../../../../utils/index.js").RequireAll<{
+        snap?: {
+            duration?: number;
+            easing?: (t: number) => number;
+        };
+    }>) | (Omit<{
+        snap?: {
+            duration?: number;
+            easing?: (t: number) => number;
+        };
+    }, "snap"> & Omit<{
+        snap?: {
+            duration?: number;
+            easing?: (t: number) => number;
+        };
+    } & import("../../../../utils/index.js").RequireAll<{
+        snap?: {
+            duration?: number;
+            easing?: (t: number) => number;
+        };
+    }>, "snap"> & {
+        snap: {
+            duration?: number;
+            easing?: (t: number) => number;
+        };
+    });
     snapPoints: import("../types/index.js").DrawerSnapPoint[];
     initial: {
         open?: boolean;
@@ -138,6 +138,7 @@ declare const mappedOptions: Omit<MagicDrawerOptions, keyof MagicDrawerOptions>
     preventZoom: boolean;
     preventDragClose: boolean;
 };
+declare const mappedId: string;
 declare const disabled: import("vue").ComputedRef<boolean>;
 declare const style: import("vue").ComputedRef<string>, hasDragged: import("vue").ComputedRef<boolean>;
 declare const dragging: import("vue").Ref<boolean, boolean>, wheeling: import("vue").Ref<boolean, boolean>;
@@ -157,8 +158,8 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
     default?: (props: typeof __VLS_35) => any;
 }>;
 declare const __VLS_self: import("vue").DefineComponent<MagicDrawerProps, {
-    toValue: typeof toValue;
     mappedOptions: typeof mappedOptions;
+    mappedId: typeof mappedId;
     disabled: typeof disabled;
     style: typeof style;
     hasDragged: typeof hasDragged;

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

@@ -7,7 +7,7 @@
     <div
       ref="modal"
       class="magic-modal"
-      :data-id="toValue(id)"
+      :data-id="mappedId"
       v-bind="$attrs"
       aria-modal="true"
       @click.self="close"
@@ -52,6 +52,7 @@ import {
   shallowRef,
   watch,
   nextTick,
+  toValue,
   onBeforeUnmount,
   onUnmounted
 } from "vue";
@@ -87,6 +88,7 @@ const { id, options = {} } = defineProps({
   }
 });
 const mappedOptions = customDefu(options, defaultOptions);
+const mappedId = toValue(id);
 const modalRef = useTemplateRef("modal");
 const {
   trapFocus,

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

@@ -1,4 +1,4 @@
-import { toValue, type MaybeRef } from 'vue';
+import { type MaybeRef } from 'vue';
 import type { MagicModalOptions } from './../types/index.js';
 import '@maas/vue-equipment/utils/css/animations/fade-in.css';
 import '@maas/vue-equipment/utils/css/animations/fade-out.css';
@@ -8,12 +8,8 @@ interface MagicModalProps {
     options?: MagicModalOptions;
 }
 declare const mappedOptions: Omit<MagicModalOptions, keyof MagicModalOptions> & Omit<import("../../../../utils/index.js").RequireAll<MagicModalOptions>, keyof MagicModalOptions> & {
-    transition: {
-        content?: string;
-        backdrop?: string;
-    };
     backdrop: boolean;
-    tag: "div" | "dialog";
+    tag: "dialog" | "div";
     focusTrap: boolean | import("focus-trap").Options;
     scrollLock: boolean | {
         padding: boolean;
@@ -22,10 +18,15 @@ declare const mappedOptions: Omit<MagicModalOptions, keyof MagicModalOptions> &
         target?: string;
         disabled?: boolean;
     };
+    transition: {
+        content?: string;
+        backdrop?: string;
+    };
     keyListener: {
         close?: string[] | false;
     };
 };
+declare const mappedId: string;
 declare const close: () => void;
 declare const innerActive: import("vue").ShallowRef<boolean, boolean>;
 declare const wrapperActive: import("vue").ShallowRef<boolean, boolean>;
@@ -38,8 +39,8 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
     default?: (props: typeof __VLS_32) => any;
 }>;
 declare const __VLS_self: import("vue").DefineComponent<MagicModalProps, {
-    toValue: typeof toValue;
     mappedOptions: typeof mappedOptions;
+    mappedId: typeof mappedId;
     close: typeof close;
     innerActive: typeof innerActive;
     wrapperActive: typeof wrapperActive;

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

@@ -4,7 +4,7 @@
     :disabled="state.options.teleport?.disabled"
   >
     <div
-      :data-id="toValue(id)"
+      :data-id="mappedId"
       :data-position="state.options.position"
       :data-expanded="state.expanded"
       class="magic-toast-provider"
@@ -43,6 +43,7 @@
 
 <script setup>
 import {
+  toValue,
   useTemplateRef,
   provide,
   watch,
@@ -70,6 +71,7 @@ const { id, options } = defineProps({
     required: false
   }
 });
+const mappedId = toValue(id);
 defineOptions({
   inheritAttrs: false
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment",
   "description": "Our Frontend Toolkit, Free and Open Source",
-  "version": "1.0.0-beta.14",
+  "version": "1.0.0-beta.15",
   "contributors": [
     {
       "name": "Robin Scholz",