@maas/vue-equipment 0.36.0 → 0.36.2

package/dist/nuxt/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment/nuxt",
   "configKey": "vueEquipment",
-  "version": "0.35.2",
+  "version": "0.36.1",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "unknown"

package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.vue.d.ts

@@ -6,7 +6,7 @@ interface MagicAccordionContentProps {
 declare function __VLS_template(): {
     slots: {
         default?(_: {
-            isActive: boolean | undefined;
+            isActive: any;
         }): any;
     };
     refs: {};

package/dist/plugins/MagicAccordion/src/components/MagicAccordionTrigger.vue.d.ts

@@ -8,55 +8,11 @@ interface MagicAccordionTriggerProps {
 declare function __VLS_template(): {
     slots: {
         default?(_: {
-            isActive: boolean | undefined;
+            isActive: any;
         }): any;
     };
     refs: {
-        elRef: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            asChild: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            as: {
-                type: import("vue").PropType<import("@maas/vue-primitive").ElementOrComponent>;
-                default: string;
-            };
-        }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            asChild: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            as: {
-                type: import("vue").PropType<import("@maas/vue-primitive").ElementOrComponent>;
-                default: string;
-            };
-        }>>, {
-            asChild: boolean;
-            as: import("@maas/vue-primitive").ElementOrComponent;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            asChild: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            as: {
-                type: import("vue").PropType<import("@maas/vue-primitive").ElementOrComponent>;
-                default: string;
-            };
-        }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>, {}, {}, {}, {
-            asChild: boolean;
-            as: import("@maas/vue-primitive").ElementOrComponent;
-        }> | null;
+        elRef: any;
     };
     attrs: Partial<{}>;
 };

package/dist/plugins/MagicAccordion/src/components/MagicAccordionView.vue.d.ts

@@ -6,7 +6,7 @@ interface MagicAccordionViewProps {
 declare function __VLS_template(): {
     slots: {
         default?(_: {
-            isActive: boolean;
+            isActive: any;
         }): any;
     };
     refs: {};

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

@@ -9,15 +9,15 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        elRef: HTMLDivElement;
+        elRef: any;
     };
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<MagicAutoSizeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAutoSizeProps> & Readonly<{}>, {
-    immediate: boolean;
     width: boolean;
     height: boolean;
+    immediate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/plugins/MagicCommand/src/components/MagicCommandBody.vue.d.ts

@@ -3,7 +3,7 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        elRef: HTMLDivElement;
+        elRef: any;
     };
     attrs: Partial<{}>;
 };

package/dist/plugins/MagicCommand/src/components/MagicCommandItem.vue.d.ts

@@ -8,11 +8,11 @@ interface MagicCommandItemProps {
 declare function __VLS_template(): {
     slots: {
         default?(_: {
-            isActive: boolean;
+            isActive: any;
         }): any;
     };
     refs: {
-        elRef: HTMLDivElement;
+        elRef: any;
     };
     attrs: Partial<{}>;
 };

package/dist/plugins/MagicCommand/src/components/MagicCommandView.vue.d.ts

@@ -7,7 +7,7 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        elRef: HTMLDivElement;
+        elRef: any;
     };
     attrs: Partial<{}>;
 };

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

@@ -4,8 +4,8 @@ type MagicCookieProps = {
     maxAge?: number;
 };
 declare function __VLS_template(): {
-    slots: Partial<Record<string, (_: {
-        cookie: MagicCookieRecord;
+    slots: Partial<Record<any, (_: {
+        cookie: any;
     }) => any>> & {
         default?(_: {}): any;
         actions?(_: {}): any;

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

@@ -76,7 +76,7 @@ const disabled = computed(() => {
   }
 })
 
-const { snapPoints, animation, initial, threshold } = mappedOptions
+const { snapPoints, animation, initial, threshold, scrollLock } = mappedOptions
 
 const { onPointerdown, onClick, style, hasDragged } = useDraggableDrag({
   id: props.id,
@@ -86,6 +86,7 @@ const { onPointerdown, onClick, style, hasDragged } = useDraggableDrag({
   snapPoints,
   animation,
   initial,
+  scrollLock,
 })
 
 // Public functions

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

@@ -10,9 +10,9 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        drawerRef: HTMLDivElement;
-        wrapperRef: HTMLDivElement;
-        elRef: unknown;
+        drawerRef: any;
+        wrapperRef: any;
+        elRef: any;
     };
     attrs: Partial<{}>;
 };

package/dist/plugins/MagicDraggable/src/composables/private/useDraggableDrag.d.ts

@@ -8,6 +8,7 @@ type UseDraggableDragArgs = {
     snapPoints: MaybeRef<DefaultOptions['snapPoints']>;
     animation: MaybeRef<DefaultOptions['animation']>;
     initial: MaybeRef<DefaultOptions['initial']>;
+    scrollLock: MaybeRef<DefaultOptions['scrollLock']>;
 };
 export declare function useDraggableDrag(args: UseDraggableDragArgs): {
     initialize: () => Promise<void>;

package/dist/plugins/MagicDraggable/src/composables/private/useDraggableDrag.mjs

@@ -27,7 +27,16 @@ import { useDraggableSnap } from "./useDraggableSnap.mjs";
 import { useDraggableState } from "./useDraggableState.mjs";
 import { useDraggableScrollLock } from "./useDraggableScrollLock.mjs";
 export function useDraggableDrag(args) {
-  const { id, elRef, wrapperRef, threshold, snapPoints, initial, animation } = args;
+  const {
+    id,
+    elRef,
+    wrapperRef,
+    threshold,
+    snapPoints,
+    initial,
+    animation,
+    scrollLock
+  } = args;
   const { initializeState } = useDraggableState(toValue(id));
   const {
     dragStart,
@@ -271,8 +280,13 @@ export function useDraggableDrag(args) {
       });
     }
     resetStateAndListeners();
-    unlockScroll();
-    removeScrollLockPadding();
+    const scrollLockValue = toValue(scrollLock);
+    if (scrollLockValue) {
+      unlockScroll();
+      if (typeof scrollLockValue === "object" && scrollLockValue.padding) {
+        removeScrollLockPadding();
+      }
+    }
     guardedReleasePointerCapture({ event: e, element: elRef.value });
   }
   function onPointermove(e) {
@@ -311,8 +325,13 @@ export function useDraggableDrag(args) {
     }
   }
   function onPointerdown(e) {
-    lockScroll();
-    addScrollLockPadding();
+    const scrollLockValue = toValue(scrollLock);
+    if (scrollLockValue) {
+      lockScroll();
+      if (typeof scrollLockValue === "object" && scrollLockValue.padding) {
+        addScrollLockPadding();
+      }
+    }
     if (dragging.value) {
       return;
     } else {

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

@@ -28,6 +28,9 @@ export interface MagicDraggableOptions {
         snapPoint?: DraggableSnapPoint;
     };
     snapPoints?: DraggableSnapPoint[];
+    scrollLock?: boolean | {
+        padding: boolean;
+    };
     disabled?: boolean;
 }
 export interface DraggableState {

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

@@ -17,6 +17,7 @@ const defaultOptions = {
     snapPoint: "center"
   },
   snapPoints: [],
-  disabled: false
+  disabled: false,
+  scrollLock: { padding: true }
 };
 export { defaultOptions };

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

@@ -21,9 +21,9 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        drawerRef: HTMLDivElement;
-        wrapperRef: HTMLDivElement;
-        elRef: unknown;
+        drawerRef: any;
+        wrapperRef: any;
+        elRef: any;
     };
     attrs: Partial<{}>;
 };

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

@@ -8,8 +8,8 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        parentRef: HTMLDivElement;
-        childRef: HTMLDivElement;
+        parentRef: any;
+        childRef: any;
     };
     attrs: Partial<{}>;
 };

package/dist/plugins/MagicMenu/src/components/MagicMenuContent.vue.d.ts

@@ -11,7 +11,7 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        contentRef: HTMLDivElement;
+        contentRef: any;
     };
     attrs: Partial<{}>;
 };

package/dist/plugins/MagicMenu/src/components/MagicMenuFloat.vue.d.ts

@@ -11,8 +11,8 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        elRef: HTMLDivElement;
-        arrowRef: HTMLDivElement;
+        elRef: any;
+        arrowRef: any;
     };
     attrs: Partial<{}>;
 };

package/dist/plugins/MagicMenu/src/components/MagicMenuItem.vue.d.ts

@@ -5,12 +5,12 @@ interface MagicMenuItemProps {
 declare function __VLS_template(): {
     slots: {
         default?(_: {
-            isActive: boolean;
-            isDisabled: boolean | undefined;
+            isActive: any;
+            isDisabled: any;
         }): any;
     };
     refs: {
-        elRef: HTMLDivElement;
+        elRef: any;
     };
     attrs: Partial<{}>;
 };

package/dist/plugins/MagicMenu/src/components/MagicMenuProvider.vue.d.ts

@@ -9,7 +9,7 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        elRef: HTMLDivElement;
+        elRef: any;
     };
     attrs: Partial<{}>;
 };

package/dist/plugins/MagicMenu/src/components/MagicMenuRemote.vue.d.ts

@@ -10,8 +10,8 @@ interface MagicMenuRemoteProps {
 declare function __VLS_template(): {
     slots: {
         default?(_: {
-            channelActive: boolean;
-            remoteDisabled: boolean | undefined;
+            channelActive: any;
+            remoteDisabled: any;
         }): any;
     };
     refs: {};

package/dist/plugins/MagicMenu/src/components/MagicMenuTrigger.vue.d.ts

@@ -7,56 +7,12 @@ interface MagicMenuTriggerProps {
 declare function __VLS_template(): {
     slots: {
         default?(_: {
-            viewActive: boolean | undefined;
-            triggerDisabled: boolean;
+            viewActive: any;
+            triggerDisabled: any;
         }): any;
     };
     refs: {
-        elRef: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            asChild: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            as: {
-                type: import("vue").PropType<import("@maas/vue-primitive").ElementOrComponent>;
-                default: string;
-            };
-        }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            asChild: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            as: {
-                type: import("vue").PropType<import("@maas/vue-primitive").ElementOrComponent>;
-                default: string;
-            };
-        }>>, {
-            asChild: boolean;
-            as: import("@maas/vue-primitive").ElementOrComponent;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            asChild: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            as: {
-                type: import("vue").PropType<import("@maas/vue-primitive").ElementOrComponent>;
-                default: string;
-            };
-        }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>, {}, {}, {}, {
-            asChild: boolean;
-            as: import("@maas/vue-primitive").ElementOrComponent;
-        }> | null;
+        elRef: any;
     };
     attrs: Partial<{}>;
 };

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

@@ -106,8 +106,6 @@ export function useMenuView(instanceId) {
           console.log(
             `selectView() was interrupted by a call to unselectView()`
           );
-        } else {
-          throw error;
         }
       }
     }
@@ -128,8 +126,6 @@ export function useMenuView(instanceId) {
           console.log(
             `unselectView() was interrupted by a call to selectView()`
           );
-        } else {
-          throw error;
         }
       }
     }

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

@@ -188,5 +188,5 @@ onUnmounted(() => {
 </script>
 
 <style>
-@keyframes magic-modal-content-enter{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes magic-modal-content-leave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.magic-modal{align-items:center;background:transparent;border:none;color:inherit;display:flex;height:100%;inset:0;justify-content:center;padding:0;position:fixed;width:100%;z-index:var(--magic-modal-z-index,999)}.magic-modal__content{-webkit-overflow-scrolling:touch;align-items:var(--magic-modal-content-align-items,center);display:flex;justify-content:var(--magic-modal-content-justify-content,center);max-height:100%;overflow-y:var(--magic-modal-content-overflow-y,auto);scroll-behavior:smooth;width:100%}dialog.magic-modal__content{background:transparent;border:0;margin:0;outline:0;padding:0}dialog.magic-modal__content::backdrop{background-color:transparent}.magic-modal__backdrop{-webkit-backdrop-filter:var(--magic-modal-backdrop-filter,unset);backdrop-filter:var(--magic-modal-backdrop-filter,unset);background-color:var(--magic-modal-backdrop-color,rgba(0,0,0,.5));bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:-1}.magic-modal--content-enter-active{animation:magic-modal-content-enter .3s ease}.magic-modal--content-leave-active{animation:magic-modal-content-leave .3s ease}@media (prefers-reduced-motion){.magic-modal--content-enter-active{animation:fade-in .3s ease}.magic-modal--content-leave-active{animation:fade-out .3s ease}}.magic-modal--backdrop-enter-active{animation:fade-in .3s ease}.magic-modal--backdrop-leave-active{animation:fade-out .3s ease}
+@keyframes magic-modal-content-enter{0%{opacity:0;transform:translate3d(0,2rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes magic-modal-content-leave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.magic-modal{align-items:center;background:transparent;border:none;color:inherit;display:flex;height:100%;inset:0;justify-content:center;padding:0;position:fixed;width:100%;z-index:var(--magic-modal-z-index,999)}.magic-modal__content{-webkit-overflow-scrolling:touch;align-items:var(--magic-modal-content-align-items,center);display:flex;justify-content:var(--magic-modal-content-justify-content,center);max-height:100%;overflow-y:var(--magic-modal-content-overflow-y,auto);scroll-behavior:smooth;width:100%}dialog.magic-modal__content{background:transparent;border:0;margin:0;outline:0;padding:0}dialog.magic-modal__content::backdrop{background-color:transparent}.magic-modal__backdrop{-webkit-backdrop-filter:var(--magic-modal-backdrop-filter,unset);backdrop-filter:var(--magic-modal-backdrop-filter,unset);background-color:var(--magic-modal-backdrop-color,rgba(0,0,0,.5));bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:-1}.magic-modal--content-enter-active{animation:magic-modal-content-enter .3s ease}.magic-modal--content-leave-active{animation:magic-modal-content-leave .3s ease}@media (prefers-reduced-motion){.magic-modal--content-enter-active{animation:fade-in .3s ease}.magic-modal--content-leave-active{animation:fade-out .3s ease}}.magic-modal--backdrop-enter-active{animation:fade-in .3s ease}.magic-modal--backdrop-leave-active{animation:fade-out .3s ease}
 </style>

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

@@ -14,7 +14,7 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        modalRef: HTMLDivElement;
+        modalRef: any;
     };
     attrs: Partial<{}>;
 };

package/dist/plugins/MagicNoise/src/composables/private/useNoiseApi.d.ts

@@ -12,7 +12,7 @@ export declare function useNoiseApi({ canvasRef, offCanvasRef, options, }: UseNo
     throttledDraw: () => void;
     throttledRotateAndTransfer: () => void;
     isReady: Ref<boolean, boolean>;
-    drawControls: import("vue").ShallowRef<RafControls | undefined>;
-    transferControls: import("vue").ShallowRef<RafControls | undefined>;
+    drawControls: import("vue").ShallowRef<RafControls | undefined, RafControls | undefined>;
+    transferControls: import("vue").ShallowRef<RafControls | undefined, RafControls | undefined>;
 };
 export {};

package/dist/plugins/MagicPlayer/src/components/MagicAudioPlayer.vue.d.ts

@@ -8,8 +8,8 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        playerRef: HTMLDivElement;
-        audioRef: HTMLAudioElement;
+        playerRef: any;
+        audioRef: any;
     };
     attrs: Partial<{}>;
 };

package/dist/plugins/MagicPlayer/src/components/MagicAudioPlayerControls.vue.d.ts

@@ -7,8 +7,8 @@ declare function __VLS_template(): {
         pauseIcon?(_: {}): any;
     };
     refs: {
-        barRef: HTMLDivElement;
-        trackRef: HTMLDivElement;
+        barRef: any;
+        trackRef: any;
     };
     attrs: Partial<{}>;
 };

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

@@ -12,8 +12,8 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        playerRef: HTMLDivElement;
-        videoRef: HTMLVideoElement;
+        playerRef: any;
+        videoRef: any;
     };
     attrs: Partial<{}>;
 };

package/dist/plugins/MagicPlayer/src/components/MagicPlayerControls.vue.d.ts

@@ -18,9 +18,9 @@ declare function __VLS_template(): {
         fullscreenEnterIcon?(_: {}): any;
     };
     refs: {
-        popoverRef: HTMLDivElement;
-        barRef: HTMLDivElement;
-        trackRef: HTMLDivElement;
+        popoverRef: any;
+        barRef: any;
+        trackRef: any;
     };
     attrs: Partial<{}>;
 };

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

@@ -62,5 +62,5 @@ const {
 <style>
 :root{--magic-player-track-height:0.25rem}.magic-player-timeline{height:var(--magic-player-track-height)}.magic-player-timeline,.magic-player-timeline__target{align-items:center;display:flex;position:relative;width:100%}.magic-player-timeline__target{cursor:pointer;height:var(--magic-player-target-height,3.5rem)}.magic-player-timeline__slider-track{background:var(--magic-player-track-background,hsla(0,0%,98%,.15));border-radius:50rem;height:var(--magic-player-track-height);position:relative;width:100%}.magic-player-timeline__slider-inner-track{border-radius:50rem;height:100%;left:0;overflow:hidden;position:relative;top:0;width:100%;z-index:1}.magic-player-timeline__slider-thumb{height:var(--magic-player-track-height);position:absolute;width:var(--magic-player-track-height);z-index:10}.magic-player-timeline__slider-thumb-handle{background-color:var(
     --magic-player-thumb-background,#fafafa
-  );border-radius:50rem;height:var(--magic-player-thumb-size,1rem);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease;width:var(--magic-player-thumb-size,1rem);z-index:10}.magic-player-timeline__slider-buffered,.magic-player-timeline__slider-scrubbed,.magic-player-timeline__slider-seeked{background:currentColor;border-radius:50rem;height:100%;left:0;margin-left:calc(-100% + var(--magic-player-track-height));position:absolute;width:100%}.magic-player-timeline__slider-scrubbed{display:flex;min-width:var(--magic-player-track-height);z-index:1}.magic-player-timeline__slider-seeked{opacity:.25}.magic-player-timeline__slider-buffered{opacity:.15}.magic-player-timeline:hover .magic-player-timeline__slider-thumb-handle{transform:translate(-50%,-50%) scale(1)}.magic-player-timeline__seek-popover{bottom:100%;left:0;position:absolute;transform:translateX(-50%)}
+  );border-radius:50rem;height:var(--magic-player-thumb-size,1rem);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease;width:var(--magic-player-thumb-size,1rem);z-index:10}.magic-player-timeline__slider-buffered,.magic-player-timeline__slider-scrubbed,.magic-player-timeline__slider-seeked{background:currentColor;border-radius:50rem;height:100%;left:0;margin-left:calc(-100% + var(--magic-player-track-height));position:absolute;width:100%}.magic-player-timeline__slider-scrubbed{display:flex;min-width:var(--magic-player-track-height);z-index:1}.magic-player-timeline__slider-seeked{opacity:.25}.magic-player-timeline__slider-buffered{opacity:.15}.magic-player-timeline:hover .magic-player-timeline__slider-thumb-handle{transform:translate3d(-50%,-50%,0) scale(1)}.magic-player-timeline__seek-popover{bottom:100%;left:0;position:absolute;transform:translateX(-50%)}
 </style>

package/dist/plugins/MagicScroll/src/components/MagicScrollCollision.vue.d.ts

@@ -7,7 +7,7 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        elRef: HTMLDivElement;
+        elRef: any;
     };
     attrs: Partial<{}>;
 };

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

@@ -10,7 +10,7 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        elRef: HTMLDivElement;
+        elRef: any;
     };
     attrs: Partial<{}>;
 };

package/dist/plugins/MagicScroll/src/components/MagicScrollProvider.vue.d.ts

@@ -6,24 +6,7 @@ interface MagicScrollProviderProps {
 declare function __VLS_template(): {
     slots: {
         default?(_: {
-            scrollReturn: {
-                x: import("vue").WritableComputedRef<number>;
-                y: import("vue").WritableComputedRef<number>;
-                isScrolling: import("vue").Ref<boolean>;
-                arrivedState: {
-                    left: boolean;
-                    right: boolean;
-                    top: boolean;
-                    bottom: boolean;
-                };
-                directions: {
-                    left: boolean;
-                    right: boolean;
-                    top: boolean;
-                    bottom: boolean;
-                };
-                measure(): void;
-            };
+            scrollReturn: any;
         }): any;
     };
     refs: {};

package/dist/plugins/MagicScroll/src/components/MagicScrollScene.vue.d.ts

@@ -6,18 +6,18 @@ interface MagicScrollSceneProps {
 declare function __VLS_template(): {
     slots: {
         default?(_: {
-            progress: number;
+            progress: any;
         }): any;
     };
     refs: {
-        elRef: HTMLDivElement;
+        elRef: any;
     };
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<MagicScrollSceneProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicScrollSceneProps> & Readonly<{}>, {
-    to: FromTo;
     from: FromTo;
+    to: FromTo;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/plugins/MagicToast/src/components/MagicToastComponent.vue.d.ts

@@ -10,7 +10,7 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        elRef: HTMLLIElement;
+        elRef: any;
     };
     attrs: Partial<{}>;
 };

package/dist/utils/css/animations/fade-down-in.css

@@ -1,10 +1,10 @@
 @keyframes fade-down-in {
   0% {
     opacity: 0;
-    transform: translateY(-1rem);
+    transform: translate3d(0, -1rem, 0);
   }
   100% {
     opacity: 1;
-    transform: translateY(0);
+    transform: translate3d(0, 0, 0);
   }
 }

package/dist/utils/css/animations/fade-down-out.css

@@ -1,10 +1,10 @@
 @keyframes fade-down-out {
   0% {
     opacity: 1;
-    transform: translateY(0);
+    transform: translate3d(0, 0, 0);
   }
   100% {
     opacity: 0;
-    transform: translateY(-1rem);
+    transform: translate3d(0, -1rem, 0);
   }
 }

package/dist/utils/css/animations/fade-up-in.css

@@ -1,9 +1,9 @@
 @keyframes fade-up-in {
   0% {
     opacity: 0;
-    transform: translateY(1rem);
+    transform: translate3d(0, 1rem, 0);
   }
   100% {
-    transform: translateY(0);
+    transform: translate3d(0, 0, 0);
   }
 }

package/dist/utils/css/animations/fade-up-out.css

@@ -1,10 +1,10 @@
 @keyframes fade-up-out {
   0% {
     opacity: 1;
-    transform: translateY(0);
+    transform: translate3d(0, 0, 0);
   }
   100% {
     opacity: 0;
-    transform: translateY(1rem);
+    transform: translate3d(0, 1rem, 0);
   }
 }

package/dist/utils/css/animations/slide-btt-in.css

@@ -1,8 +1,8 @@
 @keyframes slide-btt-in {
   0% {
-    transform: translateY(100%);
+    transform: translate3d(0, 100%, 0);
   }
   100% {
-    transform: translateY(0);
+    transform: translate3d(0, 0, 0);
   }
 }

package/dist/utils/css/animations/slide-btt-out.css

@@ -1,6 +1,9 @@
 
 @keyframes slide-btt-out {
+  0% {
+    transform: translate3d(0, 0, 0);
+  }
   100% {
-    transform: translateY(100%);
+    transform: translate3d(0, 100%, 0);
   }
 }

package/dist/utils/css/animations/slide-ltr-in.css

@@ -1,8 +1,8 @@
 @keyframes slide-ltr-in {
   0% {
-    transform: translateX(-100%);
+    transform: translate3d(-100%, 0, 0);
   }
   100% {
-    transform: translateX(0);
+    transform: translate3d(0, 0, 0);
   }
 }

package/dist/utils/css/animations/slide-ltr-out.css

@@ -1,5 +1,8 @@
 @keyframes slide-ltr-out {
+  0% {
+    transform: translate3d(0, 0, 0);
+  }
   100% {
-    transform: translateX(-100%);
+    transform: translate3d(-100%, 0, 0);
   }
 }

package/dist/utils/css/animations/slide-rtl-in.css

@@ -1,8 +1,8 @@
 @keyframes slide-rtl-in {
   0% {
-    transform: translateX(100%);
+    transform: translate3d(100%, 0, 0);
   }
   100% {
-    transform: translateX(0);
+    transform: translate3d(0, 0, 0);
   }
 }

package/dist/utils/css/animations/slide-rtl-out.css

@@ -1,5 +1,8 @@
 @keyframes slide-rtl-out {
+  0% {
+    transform: translate3d(0, 0, 0);
+  }
   100% {
-    transform: translateX(100%);
+    transform: translate3d(100%, 0, 0);
   }
 }

package/dist/utils/css/animations/slide-ttb-in.css

@@ -1,8 +1,8 @@
 @keyframes slide-ttb-in {
   0% {
-    transform: translateY(-100%);
+    transform: translate3d(0, -100%, 0);
   }
   100% {
-    transform: translateY(0);
+    transform: translate3d(0, 0, 0);
   }
 }

package/dist/utils/css/animations/slide-ttb-out.css

@@ -1,5 +1,8 @@
 @keyframes slide-ttb-out {
+  0% {
+    transform: translate3d(0, 0, 0);
+  }
   100% {
-    transform: translateY(-100%);
+    transform: translate3d(0, -100%, 0);
   }
 }

package/package.json

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