@maas/vue-equipment 1.0.0-beta.76 → 1.0.0-beta.78

package/dist/plugins/MagicMenu/src/composables/private/useMenuCursor.d.ts

@@ -1,12 +1,6 @@
 import type { Coordinates, MenuView } from '../../types/index.js';
 export declare function useMenuCursor(view: MenuView, debug?: boolean): {
-    coords: import("vue").Ref<{
-        x: number;
-        y: number;
-    }[], Coordinates[] | {
-        x: number;
-        y: number;
-    }[]>;
+    coords: import("vue").ShallowRef<Coordinates[], Coordinates[]>;
     isInsideFrom: import("vue").ShallowRef<boolean, boolean>;
     isInsideTo: import("vue").ShallowRef<boolean, boolean>;
     isInsideTriangle: import("vue").ShallowRef<boolean, boolean>;

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

@@ -1,8 +1,8 @@
-import { onScopeDispose, ref, shallowRef } from "vue";
+import { onScopeDispose, shallowRef } from "vue";
 import { useEventListener } from "@vueuse/core";
 export function useMenuCursor(view, debug = false) {
   let cancelListener = new AbortController();
-  const coords = ref([
+  const coords = shallowRef([
     { x: 0, y: 0 },
     { x: 0, y: 0 },
     { x: 0, y: 0 }

package/dist/plugins/MagicScroll/src/components/MagicScrollMotion.vue

@@ -6,7 +6,7 @@
 
 <script setup>
 import {
-  ref,
+  shallowRef,
   inject,
   computed,
   onMounted,
@@ -26,7 +26,7 @@ const { progress, sequence, sequenceOptions } = defineProps({
   sequenceOptions: { type: Object, required: false },
   progress: { type: Number, required: false }
 });
-const animation = ref(void 0);
+const animation = shallowRef(void 0);
 const elRef = useTemplateRef("el");
 const injectedProgress = inject(
   MagicScrollProgress,

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

@@ -1,6 +1,6 @@
 import { useMagicToast } from './src/composables/useMagicToast.js';
 import type { Plugin } from 'vue';
-import type { MagicToastOptions } from './src/types/index.js';
+import type { MagicToastOptions, MagicToastAddOptions, MagicToastDragPayload } from './src/types/index.js';
 declare const MagicToastPlugin: Plugin;
 export { MagicToastPlugin, useMagicToast };
-export type { MagicToastOptions };
+export type { MagicToastOptions, MagicToastAddOptions, MagicToastDragPayload };

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

@@ -25,7 +25,7 @@
         @mouseleave="onMouseleave"
       >
         <magic-toast-view
-          v-for="(view, index) in state.views"
+          v-for="(view, index) in state.views.visible"
           :id="view.id"
           :key="view.id"
           :index="index"

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

@@ -4,7 +4,7 @@
     :data-id="id"
     :data-expanded="state.expanded"
     :data-dragging="view?.dragging"
-    :data-draggable="state.options.draggable"
+    :data-draggable="draggable"
     :data-position="state.options.position"
     :data-debug="state.options.debug"
     :style="{
@@ -48,8 +48,8 @@ magicError.assert(instanceId, {
 });
 const { initializeState } = useToastState(instanceId);
 const state = initializeState();
-const count = computed(() => state.views.length);
-const view = computed(() => state.views[index]);
+const count = computed(() => state.views.visible.length);
+const view = computed(() => state.views.visible[index]);
 const reversedIndex = computed(() => count.value - index - 1);
 magicError.assert(view.value, {
   message: "MagicToastView could not be registered",
@@ -57,10 +57,10 @@ magicError.assert(view.value, {
 });
 const height = computed(() => `${view.value?.dimensions?.height}px`);
 const offset = computed(() => {
-  const mapped = state.views.slice(index + 1).reduce((acc, view2) => acc + (view2.dimensions?.height ?? 0), 0);
+  const mapped = state.views.visible.slice(index + 1).reduce((acc, view2) => acc + (view2.dimensions?.height ?? 0), 0);
   return `${mapped}px`;
 });
-const { style, onPointerdown, onClick } = useToastDrag({
+const { style, onPointerdown, onClick, draggable } = useToastDrag({
   view: view.value,
   instanceId
 });

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

@@ -27,8 +27,8 @@ export function useToastCallback(instanceId) {
         view.dimensions = dimensions;
       }
     });
-    if (state.views.length && state.views[0] && state.options.layout?.max && state.views.length > state.options.layout.max) {
-      deleteView(state.views[0].id);
+    if (state.views.visible.length && state.views.visible[0] && state.options.layout?.max && state.views.visible.length > state.options.layout.max) {
+      deleteView(state.views.visible[0].id);
     }
   }
   function onAfterEnter() {

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

@@ -8,5 +8,6 @@ export declare function useToastDrag(args: UseToastDragArgs): {
     onPointerdown: (e: PointerEvent) => void;
     onClick: (e: MouseEvent) => Promise<void>;
     style: import("vue").ComputedRef<string>;
+    draggable: import("vue").ComputedRef<boolean>;
 };
 export {};

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

@@ -1,4 +1,5 @@
 import { computed, onScopeDispose, toRefs, toValue } from "vue";
+import { defu } from "defu";
 import { useEventListener } from "@vueuse/core";
 import {
   guardedReleasePointerCapture,
@@ -15,8 +16,22 @@ export function useToastDrag(args) {
   const { instanceId, view } = args;
   const { initializeState } = useToastState(instanceId);
   const state = initializeState();
-  const { options } = toRefs(state);
-  const { threshold, animation, position, scrollLock, draggable } = options.value;
+  const {
+    threshold,
+    animation,
+    position: anchorPosition,
+    scrollLock,
+    drag
+  } = defu(view.options ?? {}, state.options);
+  const isDraggable = computed(() => !drag.disabled);
+  const directions = drag.direction === "auto" ? [] : [].concat(drag.direction);
+  const allowLeft = directions.includes("left");
+  const allowRight = directions.includes("right");
+  const allowUp = directions.includes("up");
+  const allowDown = directions.includes("down");
+  const isHorizontalOverride = allowLeft || allowRight;
+  const isVerticalOverride = allowUp || allowDown;
+  const position = isHorizontalOverride ? "left" : isVerticalOverride ? "top" : anchorPosition;
   const { deleteView } = useToastView(instanceId);
   const {
     dragStart,
@@ -146,38 +161,52 @@ export function useToastDrag(args) {
     }
   }
   function setDragged({ x, y }) {
-    switch (position) {
+    if (isHorizontalOverride) {
+      const raw = x - originX.value;
+      switch (true) {
+        case (allowLeft && allowRight):
+          draggedX.value = raw;
+          break;
+        case allowLeft:
+          draggedX.value = Math.min(raw, 0);
+          break;
+        default:
+          draggedX.value = Math.max(raw, 0);
+          break;
+      }
+      return;
+    }
+    if (isVerticalOverride) {
+      const raw = y - originY.value;
+      switch (true) {
+        case (allowUp && allowDown):
+          draggedY.value = raw;
+          break;
+        case allowUp:
+          draggedY.value = Math.min(raw, 0);
+          break;
+        default:
+          draggedY.value = Math.max(raw, 0);
+          break;
+      }
+      return;
+    }
+    switch (anchorPosition) {
       case "top":
-        const newDraggedTC = Math.min(y - originY.value, 0);
-        draggedY.value = newDraggedTC;
-        break;
       case "top-left":
-        const newDraggedTL = Math.min(y - originY.value, 0);
-        draggedY.value = newDraggedTL;
-        break;
       case "top-right":
-        const newDraggedTR = Math.min(y - originY.value, 0);
-        draggedY.value = newDraggedTR;
+        draggedY.value = Math.min(y - originY.value, 0);
         break;
       case "bottom":
-        const newDraggedBC = Math.max(y - originY.value, 0);
-        draggedY.value = newDraggedBC;
-        break;
       case "bottom-left":
-        const newDraggedBL = Math.max(y - originY.value, 0);
-        draggedY.value = newDraggedBL;
-        break;
       case "bottom-right":
-        const newDraggedBR = Math.max(y - originY.value, 0);
-        draggedY.value = newDraggedBR;
+        draggedY.value = Math.max(y - originY.value, 0);
         break;
       case "left":
-        const newDraggedCL = Math.min(x - originX.value, 0);
-        draggedX.value = newDraggedCL;
+        draggedX.value = Math.min(x - originX.value, 0);
         break;
       case "right":
-        const newDraggedCR = Math.max(x - originX.value, 0);
-        draggedX.value = newDraggedCR;
+        draggedX.value = Math.max(x - originX.value, 0);
         break;
     }
   }
@@ -230,7 +259,7 @@ export function useToastDrag(args) {
       );
     }
     if (state.options.layout?.expand !== "hover" && state.expanded) {
-      state.views.forEach((view2) => {
+      state.views.visible.forEach((view2) => {
         view2.timeout?.play();
       });
     }
@@ -262,7 +291,7 @@ export function useToastDrag(args) {
     cancelTouchcancel?.();
   }
   function onPointerdown(e) {
-    if (!toValue(draggable)) {
+    if (!isDraggable.value) {
       return;
     }
     const scrollLockValue = toValue(scrollLock);
@@ -273,7 +302,7 @@ export function useToastDrag(args) {
       return;
     } else {
       dragging.value = true;
-      state.views.forEach((view2) => {
+      state.views.visible.forEach((view2) => {
         view2.timeout?.pause();
       });
       pointerdownTarget = e.target;
@@ -308,7 +337,7 @@ export function useToastDrag(args) {
       e.preventDefault();
       return;
     }
-    if (position === "left" || position === "right") {
+    if (anchorPosition === "left" || anchorPosition === "right") {
       return;
     }
     if (state.options.layout?.expand === "click") {
@@ -321,6 +350,7 @@ export function useToastDrag(args) {
   return {
     onPointerdown,
     onClick,
-    style
+    style,
+    draggable: isDraggable
   };
 }

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

@@ -6,7 +6,7 @@ export function useToastListener(instanceId) {
   function onMouseenter() {
     if (state.options.layout?.expand === "hover") {
       state.expanded = true;
-      state.views.forEach((view) => {
+      state.views.visible.forEach((view) => {
         view.timeout?.pause();
       });
     }
@@ -14,7 +14,7 @@ export function useToastListener(instanceId) {
   function onMouseleave() {
     if (state.options.layout?.expand === "hover") {
       state.expanded = false;
-      state.views.forEach((view) => {
+      state.views.visible.forEach((view) => {
         view.timeout?.play();
       });
     }

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

@@ -14,7 +14,7 @@ export function useToastState(instanceId) {
       id,
       refCount: 0,
       options: { ...defaultOptions },
-      views: [],
+      views: { visible: [], hidden: [] },
       expanded: false,
       animating: false
     };

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

@@ -1,6 +1,6 @@
 import { type MaybeRef } from 'vue';
 import { type ToastView } from '../../types/index.js';
-export type AddViewArgs = Pick<ToastView, 'component' | 'props' | 'slots'> & {
+export type AddViewArgs = Pick<ToastView, 'component' | 'props' | 'slots' | 'options'> & {
     id?: string;
 };
 type InitializeViewArgs = AddViewArgs;

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

@@ -8,11 +8,12 @@ export function useToastView(instanceId) {
     return Math.random().toString(36).slice(2, 11);
   }
   function createView(args) {
-    const { id = uuid(), props, slots, component } = args;
+    const { id = uuid(), props, slots, component, options } = args;
     const view = {
       component: markRaw(component),
       props,
       slots,
+      options,
       id,
       dragStart: void 0,
       dragging: false,
@@ -32,7 +33,7 @@ export function useToastView(instanceId) {
   }
   function addView(args) {
     const view = createView(args);
-    state.views = [...state.views, view];
+    state.views.visible = [...state.views.visible, view];
     return view;
   }
   function initializeView(args) {
@@ -41,10 +42,11 @@ export function useToastView(instanceId) {
     return view;
   }
   function deleteView(id) {
-    state.views = state.views?.filter((view) => view.id !== id);
+    state.views.visible = state.views.visible?.filter((view) => view.id !== id);
+    state.views.hidden = state.views.hidden?.filter((view) => view.id !== id);
   }
   function getView(id) {
-    return state.views?.find((view) => view.id === id);
+    return state.views.visible?.find((view) => view.id === id);
   }
   return {
     initializeView,

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

@@ -1,18 +1,21 @@
 import { type MaybeRef } from 'vue';
-import type { ToastView } from '../types/index.js';
+import type { ToastView, MagicToastAddOptions } from '../types/index.js';
 export interface AddArgs {
     component: ToastView['component'];
     props?: ToastView['props'];
     slots?: ToastView['slots'];
-    duration?: number;
+    options?: MagicToastAddOptions;
     id?: string;
 }
 export declare function useMagicToast(id: MaybeRef<string>): {
     toasts: import("vue").ComputedRef<ToastView[]>;
     count: import("vue").ComputedRef<number>;
+    hidden: import("vue").ComputedRef<number>;
     add: (args: AddArgs) => string;
     remove: (id: string) => void;
     clear: (transition?: string) => Promise<void>;
+    hide: (transition?: string) => Promise<void>;
+    show: (transition?: string) => Promise<void>;
     expand: () => void;
     collapse: () => void;
 };

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

@@ -6,12 +6,20 @@ export function useMagicToast(id) {
   const { initializeState } = useToastState(toValue(id));
   const state = initializeState();
   const { initializeView, deleteView } = useToastView(id);
-  const toasts = computed(() => state.views);
+  const toasts = computed(() => state.views.visible);
   const count = computed(() => toasts.value?.length);
+  const hidden = computed(() => state.views.hidden?.length);
   function add(args) {
-    const { id: id2, component, props, slots, duration } = args;
-    const view = initializeView({ id: id2, component, props, slots });
-    const mappedDuration = duration ?? state.options.duration;
+    if (state.views.hidden.length > 0) {
+      state.views.visible = state.views.hidden;
+      state.views.hidden = [];
+      state.views.visible.forEach((view2) => {
+        view2.timeout?.play();
+      });
+    }
+    const { id: id2, component, props, slots, options } = args;
+    const view = initializeView({ id: id2, component, props, slots, options });
+    const mappedDuration = options?.duration ?? state.options.duration;
     if (mappedDuration > 0) {
       view.timeout = useToastTimeout(() => deleteView(view.id), {
         delay: mappedDuration,
@@ -26,8 +34,37 @@ export function useMagicToast(id) {
   async function clear(transition) {
     const lastTransition = state.options.transition;
     state.options.transition = transition ?? "";
-    state.views = [];
+    state.views.visible = [];
+    state.views.hidden = [];
+    await nextTick();
+    state.options.transition = lastTransition;
+  }
+  async function hide(transition) {
+    if (state.views.visible.length === 0) {
+      return;
+    }
+    const lastTransition = state.options.transition;
+    state.options.transition = transition ?? "";
+    state.views.visible.forEach((view) => {
+      view.timeout?.pause();
+    });
+    state.views.hidden = state.views.visible;
+    state.views.visible = [];
+    await nextTick();
+    state.options.transition = lastTransition;
+  }
+  async function show(transition) {
+    if (state.views.hidden.length === 0) {
+      return;
+    }
+    const lastTransition = state.options.transition;
+    state.options.transition = transition ?? "";
+    state.views.visible = state.views.hidden;
+    state.views.hidden = [];
     await nextTick();
+    state.views.visible.forEach((view) => {
+      view.timeout?.play();
+    });
     state.options.transition = lastTransition;
   }
   function expand() {
@@ -39,9 +76,12 @@ export function useMagicToast(id) {
   return {
     toasts,
     count,
+    hidden,
     add,
     remove,
     clear,
+    hide,
+    show,
     expand,
     collapse
   };

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

@@ -2,11 +2,13 @@ import type { MaybeRef, Slots } from 'vue';
 import type { RequireAllNested } from '@maas/vue-equipment/utils';
 import type { UseToastTimeout } from '../composables/private/useToastTimeout.js';
 type Position = 'top-left' | 'top' | 'top-right' | 'left' | 'right' | 'bottom-left' | 'bottom' | 'bottom-right';
+export type DragDirection = 'left' | 'right' | 'up' | 'down';
 export interface ToastView {
     id: string;
     component: object;
     props?: MaybeRef<Record<string, unknown>>;
     slots?: Slots;
+    options?: MagicToastAddOptions;
     dimensions?: {
         height: number;
         padding: {
@@ -28,10 +30,14 @@ export interface ToastView {
     draggedY: number;
     timeout: UseToastTimeout | undefined;
 }
+export interface ToastViews {
+    visible: ToastView[];
+    hidden: ToastView[];
+}
 export interface ToastState {
     id: string;
     refCount: number;
-    views: ToastView[];
+    views: ToastViews;
     expanded: boolean;
     animating: boolean;
     options: RequiredMagicToastOptions;
@@ -44,6 +50,11 @@ export interface ActiveToast {
         bottom: number;
     };
 }
+export interface MagicToastDragPayload {
+    id: string;
+    x: number;
+    y: number;
+}
 export interface ToastEvents {
     beforeEnter: string;
     enter: string;
@@ -51,12 +62,18 @@ export interface ToastEvents {
     beforeLeave: string;
     leave: string;
     afterLeave: string;
+    beforeDrag: MagicToastDragPayload;
+    drag: MagicToastDragPayload;
+    afterDrag: MagicToastDragPayload;
 }
 export interface MagicToastOptions {
     debug?: boolean;
     position?: Position;
     duration?: number;
-    draggable?: boolean;
+    drag?: {
+        disabled?: boolean;
+        direction?: 'auto' | DragDirection | DragDirection[];
+    };
     scrollLock?: boolean | {
         padding: boolean;
     };
@@ -84,5 +101,6 @@ export interface MagicToastOptions {
         momentum?: number;
     };
 }
+export type MagicToastAddOptions = Pick<MagicToastOptions, 'duration' | 'drag' | 'threshold' | 'animation'>;
 export type RequiredMagicToastOptions = RequireAllNested<MagicToastOptions>;
 export {};

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

@@ -3,7 +3,10 @@ const defaultOptions = {
   debug: false,
   position: "bottom",
   duration: 0,
-  draggable: true,
+  drag: {
+    disabled: false,
+    direction: "auto"
+  },
   scrollLock: {
     padding: true
   },

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

@@ -5,7 +5,7 @@ import MagicTrayHandle from './src/components/MagicTrayHandle.vue.js';
 import MagicTrayTransform from './src/components/MagicTrayTransform.vue.js';
 import { useMagicTray } from './src/composables/useMagicTray.js';
 import type { Plugin } from 'vue';
-import type { MagicTrayOptions, TraySide, TraySidePayload, TraySnapMode, TraySnapPoint, TraySnapPointPayload, TrayTransformAxis, TrayWillSnapToPayload } from './src/types/index.js';
+import type { MagicTrayOptions, MagicTraySide, MagicTraySidePayload, MagicTraySnapMode, MagicTrayDragMode, MagicTraySnapPoint, MagicTraySnapPointPayload, MagicTrayTransformAxis, MagicTrayWillSnapToPayload } from './src/types/index.js';
 declare const MagicTrayPlugin: Plugin;
 export { MagicTrayPlugin, MagicTray, MagicTrayProvider, MagicTrayContent, MagicTrayHandle, MagicTrayTransform, useMagicTray, };
-export type { MagicTrayOptions, TraySide, TraySidePayload, TraySnapMode, TraySnapPoint, TraySnapPointPayload, TrayWillSnapToPayload, TrayTransformAxis, };
+export type { MagicTrayOptions, MagicTraySide, MagicTraySidePayload, MagicTraySnapMode, MagicTrayDragMode, MagicTraySnapPoint, MagicTraySnapPointPayload, MagicTrayWillSnapToPayload, MagicTrayTransformAxis, };

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

@@ -5,7 +5,7 @@ interface MagicTrayProps {
     options?: MagicTrayOptions;
 }
 declare var __VLS_11: {}, __VLS_13: {}, __VLS_16: {
-    side: import("../types/index.js").TraySide;
+    side: import("../types/index.js").MagicTraySide;
 };
 type __VLS_Slots = {} & {
     background?: (props: typeof __VLS_11) => any;

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

@@ -5,7 +5,7 @@ interface MagicTrayProps {
     options?: MagicTrayOptions;
 }
 declare var __VLS_11: {}, __VLS_13: {}, __VLS_16: {
-    side: import("../types/index.js").TraySide;
+    side: import("../types/index.js").MagicTraySide;
 };
 type __VLS_Slots = {} & {
     background?: (props: typeof __VLS_11) => any;

package/dist/plugins/MagicTray/src/components/MagicTrayContent.d.vue.ts

@@ -1,9 +1,9 @@
-import type { TraySide } from '../types/index.js';
-declare var __VLS_8: {}, __VLS_10: {}, __VLS_22: "handle-right" | "handle-top" | "handle-bottom" | "handle-left" | "handle", __VLS_23: {
-    side: TraySide;
+import type { MagicTraySide } from '../types/index.js';
+declare var __VLS_8: {}, __VLS_10: {}, __VLS_23: "handle-right" | "handle-top" | "handle-bottom" | "handle-left" | "handle", __VLS_24: {
+    side: MagicTraySide;
 };
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_22>]?: (props: typeof __VLS_23) => any;
+    [K in NonNullable<typeof __VLS_23>]?: (props: typeof __VLS_24) => any;
 } & {
     background?: (props: typeof __VLS_8) => any;
 } & {

package/dist/plugins/MagicTray/src/components/MagicTrayContent.vue

@@ -40,6 +40,7 @@
           :style="handleStyle(side)"
           @pointerdown="guardedPointerdown(side, $event)"
           @touchstart="guardedTouchstart(side, $event)"
+          @click.capture="onHandleClick"
         >
           <template
             v-if="slots[`handle-${side}`] || slots.handle"
@@ -106,7 +107,8 @@ const {
   handleStyle,
   hasDragged,
   onHandlePointerdown,
-  onHandleTouchstart
+  onHandleTouchstart,
+  onHandleClick
 } = useTrayDrag({
   id: instanceId,
   elRef

package/dist/plugins/MagicTray/src/components/MagicTrayContent.vue.d.ts

@@ -1,9 +1,9 @@
-import type { TraySide } from '../types/index.js';
-declare var __VLS_8: {}, __VLS_10: {}, __VLS_22: "handle-right" | "handle-top" | "handle-bottom" | "handle-left" | "handle", __VLS_23: {
-    side: TraySide;
+import type { MagicTraySide } from '../types/index.js';
+declare var __VLS_8: {}, __VLS_10: {}, __VLS_23: "handle-right" | "handle-top" | "handle-bottom" | "handle-left" | "handle", __VLS_24: {
+    side: MagicTraySide;
 };
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_22>]?: (props: typeof __VLS_23) => any;
+    [K in NonNullable<typeof __VLS_23>]?: (props: typeof __VLS_24) => any;
 } & {
     background?: (props: typeof __VLS_8) => any;
 } & {

package/dist/plugins/MagicTray/src/components/MagicTrayHandle.d.vue.ts

@@ -1,9 +1,9 @@
-import type { TraySide } from '../types/index.js';
+import type { MagicTraySide } from '../types/index.js';
 interface MagicTrayHandleProps {
-    side: TraySide;
+    side: MagicTraySide;
 }
 declare var __VLS_1: {
-    side: TraySide;
+    side: MagicTraySide;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/plugins/MagicTray/src/components/MagicTrayHandle.vue.d.ts

@@ -1,9 +1,9 @@
-import type { TraySide } from '../types/index.js';
+import type { MagicTraySide } from '../types/index.js';
 interface MagicTrayHandleProps {
-    side: TraySide;
+    side: MagicTraySide;
 }
 declare var __VLS_1: {
-    side: TraySide;
+    side: MagicTraySide;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/plugins/MagicTray/src/components/MagicTrayTransform.d.vue.ts

@@ -1,6 +1,6 @@
-import type { TrayTransformAxis } from '../types/index.js';
+import type { MagicTrayTransformAxis } from '../types/index.js';
 interface MagicTrayTransformProps {
-    axis?: TrayTransformAxis;
+    axis?: MagicTrayTransformAxis;
     factor?: number;
     disabled?: boolean;
 }

package/dist/plugins/MagicTray/src/components/MagicTrayTransform.vue.d.ts

@@ -1,6 +1,6 @@
-import type { TrayTransformAxis } from '../types/index.js';
+import type { MagicTrayTransformAxis } from '../types/index.js';
 interface MagicTrayTransformProps {
-    axis?: TrayTransformAxis;
+    axis?: MagicTrayTransformAxis;
     factor?: number;
     disabled?: boolean;
 }