@maas/vue-equipment 0.36.2 → 0.36.4

package/dist/nuxt/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment/nuxt",
   "configKey": "vueEquipment",
-  "version": "0.36.1",
+  "version": "0.36.3",
   "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: any;
+            isActive: boolean | undefined;
         }): any;
     };
     refs: {};

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

@@ -8,11 +8,46 @@ interface MagicAccordionTriggerProps {
 declare function __VLS_template(): {
     slots: {
         default?(_: {
-            isActive: any;
+            isActive: boolean | undefined;
         }): any;
     };
     refs: {
-        elRef: any;
+        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").PublicProps, {
+            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;
     };
     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: any;
+            isActive: boolean;
         }): any;
     };
     refs: {};

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

@@ -90,9 +90,9 @@ useMutationObserver(
       content.value = addedNode
     }
 
-    // If immediate is true, reset the size when a comment is added
+    // If immediate is true, reset the size when a comment is added and no children are present
     // Vue sets a placeholder comment for a v-if
-    if (props.immediate && !!addedComment) {
+    if (props.immediate && !!addedComment && !child.value) {
       content.value = undefined
       size.value = {
         width: 0,

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

@@ -9,15 +9,15 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        elRef: any;
+        elRef: HTMLDivElement;
     };
     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: any;
+        elRef: HTMLDivElement;
     };
     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: any;
+            isActive: boolean;
         }): any;
     };
     refs: {
-        elRef: any;
+        elRef: HTMLDivElement;
     };
     attrs: Partial<{}>;
 };

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

@@ -7,7 +7,7 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        elRef: any;
+        elRef: HTMLDivElement;
     };
     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<any, (_: {
-        cookie: any;
+    slots: Partial<Record<string, (_: {
+        cookie: MagicCookieRecord;
     }) => any>> & {
         default?(_: {}): any;
         actions?(_: {}): any;

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

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

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

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

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

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

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

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

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

@@ -11,8 +11,8 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        elRef: any;
-        arrowRef: any;
+        elRef: HTMLDivElement;
+        arrowRef: HTMLDivElement;
     };
     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: any;
-            isDisabled: any;
+            isActive: boolean;
+            isDisabled: boolean | undefined;
         }): any;
     };
     refs: {
-        elRef: any;
+        elRef: HTMLDivElement;
     };
     attrs: Partial<{}>;
 };

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

@@ -9,7 +9,7 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        elRef: any;
+        elRef: HTMLDivElement;
     };
     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: any;
-            remoteDisabled: any;
+            channelActive: boolean;
+            remoteDisabled: boolean | undefined;
         }): any;
     };
     refs: {};

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

@@ -7,12 +7,47 @@ interface MagicMenuTriggerProps {
 declare function __VLS_template(): {
     slots: {
         default?(_: {
-            viewActive: any;
-            triggerDisabled: any;
+            viewActive: boolean | undefined;
+            triggerDisabled: boolean;
         }): any;
     };
     refs: {
-        elRef: any;
+        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").PublicProps, {
+            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;
     };
     attrs: Partial<{}>;
 };

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

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

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

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

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

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

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

@@ -19,8 +19,12 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onBeforeUnmount } from 'vue'
-import { useIntersectionObserver } from '@vueuse/core'
+import { ref, watch, onMounted, onBeforeUnmount } from 'vue'
+import {
+  useElementVisibility,
+  useEventListener,
+  defaultWindow,
+} from '@vueuse/core'
 import { usePlayerVideoApi } from '../composables/private/usePlayerVideoApi'
 import { usePlayerMediaApi } from '../composables/private/usePlayerMediaApi'
 import { usePlayerRuntime } from '../composables/private/usePlayerRuntime'
@@ -47,6 +51,8 @@ const props = withDefaults(defineProps<MagicPlayerProps>(), {
 const playerRef = ref<HTMLDivElement | undefined>(undefined)
 const videoRef = ref<HTMLVideoElement | undefined>(undefined)
 
+const isVisible = useElementVisibility(playerRef)
+
 const { playing, muted } = usePlayerMediaApi({
   id: props.id,
   mediaRef: videoRef,
@@ -65,13 +71,23 @@ const { onMouseenter, onMouseleave, play, pause } = usePlayerVideoApi({
   playerRef: playerRef,
 })
 
-useIntersectionObserver(
-  playerRef,
-  ([{ isIntersecting }]) => {
-    if (!isIntersecting && playing.value) {
-      pause()
-    } else if (isIntersecting && !playing.value && props.autoplay) {
+function onWindowFocus() {
+  if (isVisible.value && !playing.value && props.autoplay) {
+    play()
+  }
+}
+
+// Auto play when window is focused
+useEventListener(defaultWindow, 'focus', onWindowFocus)
+
+// Auto play when element is visible
+watch(
+  isVisible,
+  (value) => {
+    if (value && !playing.value && props.autoplay) {
       play()
+    } else if (!value && playing.value) {
+      pause()
     }
   },
   {

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

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

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

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

package/dist/plugins/MagicPlayer/src/composables/private/usePlayerMediaApi.mjs

@@ -60,10 +60,8 @@ export function usePlayerMediaApi(args) {
       if (!el) return;
       if (isPlaying) {
         const playPromise = el.play();
-        if (playPromise !== void 0)
-          playPromise.catch((error) => {
-            console.warn("Playback error:", error);
-          });
+        if (playPromise !== void 0) playPromise.catch((error) => {
+        });
       } else {
         el.pause();
       }

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

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

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

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

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

@@ -6,7 +6,24 @@ interface MagicScrollProviderProps {
 declare function __VLS_template(): {
     slots: {
         default?(_: {
-            scrollReturn: any;
+            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;
+            };
         }): 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: any;
+            progress: number;
         }): any;
     };
     refs: {
-        elRef: any;
+        elRef: HTMLDivElement;
     };
     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<{}>, {
-    from: FromTo;
     to: FromTo;
+    from: 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: any;
+        elRef: HTMLLIElement;
     };
     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.2",
+  "version": "0.36.4",
   "author": "Robin Scholz <https://github.com/robinscholz>, Christoph Jeworutzki <https://github.com/ChristophJeworutzki>",
   "type": "module",
   "devDependencies": {