@maas/vue-equipment 0.36.1 → 0.36.2

package/dist/nuxt/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment/nuxt",
   "configKey": "vueEquipment",
-  "version": "0.36.0",
+  "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/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/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/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/package.json

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