@maas/vue-equipment 1.0.0-beta.27 → 1.0.0-beta.28

package/dist/nuxt/module.json

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

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

@@ -1,6 +1,5 @@
 <template>
   <div
-    ref="el"
     class="magic-player-video-controls"
     :data-fullscreen="fullscreen"
     :data-touched="touched"
@@ -85,7 +84,7 @@ import {
   useTemplateRef,
   onBeforeUnmount
 } from "vue";
-import { useElementVisibility, useIdle } from "@vueuse/core";
+import { useIdle } from "@vueuse/core";
 import IconPlay from "./icons/Play.vue";
 import IconPause from "./icons/Pause.vue";
 import IconVolumeOn from "./icons/VolumeOn.vue";
@@ -150,18 +149,17 @@ const { initialize, destroy, onMouseenter, onMouseleave } = usePlayerControlsApi
   trackRef,
   popoverRef
 });
-const elRef = useTemplateRef("el");
-const isVisible = useElementVisibility(elRef);
 const { idle } = useIdle(injectedOptions?.threshold?.idle);
 const visible = computed(() => {
   switch (true) {
     case standalone:
       return true;
-    case !isVisible.value:
     case (hasOverlay.value && !started.value):
     case (playing.value && idle.value):
     case (playing.value && !mouseEntered.value && !controlsMouseEntered.value):
-    case (injectedOptions?.autoplay && (!started.value || !mouseEntered.value)):
+    case (injectedOptions?.autoplay && !started.value):
+    case (injectedOptions?.autoplay && !mouseEntered.value):
+    case (injectedOptions?.autoplay && !mouseEntered.value && !touched.value):
       return false;
     default:
       return true;

package/dist/plugins/MagicPlayer/src/composables/private/usePlayerProvider.d.ts

@@ -1,6 +1,5 @@
 import { type MaybeRef } from 'vue';
 export declare function usePlayerProvider(id: MaybeRef<string>): {
-    onTouchstart: () => void;
     onMouseenter: () => void;
     onMouseleave: () => void;
     onPointerdown: () => void;

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

@@ -1,21 +1,19 @@
 import { toRefs } from "vue";
 import { useEventListener } from "@vueuse/core";
+import { isIOS } from "@maas/vue-equipment/utils";
 import { usePlayerState } from "./usePlayerState.mjs";
 export function usePlayerProvider(id) {
   const { initializeState } = usePlayerState(id);
   const state = initializeState();
   const { mouseEntered, touched } = toRefs(state);
+  let cancelPointerup = void 0;
   let cancelTouchend = void 0;
-  function onTouchend() {
+  function onPointerup() {
+    touched.value = false;
+    cancelPointerup?.();
     cancelTouchend?.();
+    cancelPointerup = void 0;
     cancelTouchend = void 0;
-    mouseEntered.value = false;
-  }
-  function onTouchstart() {
-    mouseEntered.value = true;
-    cancelTouchend = useEventListener(document, "touchend", onTouchend, {
-      passive: true
-    });
   }
   function onMouseenter() {
     mouseEntered.value = true;
@@ -25,9 +23,10 @@ export function usePlayerProvider(id) {
   }
   function onPointerdown() {
     touched.value = true;
+    cancelPointerup = useEventListener(document, "pointerup", onPointerup);
+    cancelTouchend = isIOS() ? useEventListener(document, "touchend", onPointerup) : void 0;
   }
   return {
-    onTouchstart,
     onMouseenter,
     onMouseleave,
     onPointerdown

package/package.json

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