@maas/vue-equipment 1.0.0-beta.17 → 1.0.0-beta.19

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

@@ -25,14 +25,8 @@ import { usePlayerState } from "../composables/private/usePlayerState";
 import { MagicPlayerInstanceId, MagicPlayerOptionsKey } from "../symbols";
 import { defaultOptions } from "../utils/defaultOptions";
 const { id, options } = defineProps({
-  id: {
-    type: null,
-    required: true
-  },
-  options: {
-    type: Object,
-    required: false
-  }
+  id: { type: null, required: true },
+  options: { type: Object, required: false }
 });
 const mappedOptions = defu(options, defaultOptions);
 const { initializeState, deleteState } = usePlayerState(id);

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

@@ -108,18 +108,9 @@ const {
   standalone = false,
   transition
 } = defineProps({
-  id: {
-    type: String,
-    required: false
-  },
-  standalone: {
-    type: Boolean,
-    required: false
-  },
-  transition: {
-    type: String,
-    required: false
-  }
+  id: { type: String, required: false },
+  standalone: { type: Boolean, required: false },
+  transition: { type: String, required: false }
 });
 const injectedInstanceId = inject(MagicPlayerInstanceId, void 0);
 const mappedInstanceId = computed(() => id ?? injectedInstanceId);

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

@@ -19,14 +19,8 @@ import { useCollisionDetection } from "../composables/private/useCollisionDetect
 import { MagicScrollReturn, MagicScrollTarget } from "../symbols";
 import { useIntersectionObserver } from "@vueuse/core";
 const { id, offset } = defineProps({
-  id: {
-    type: String,
-    required: false
-  },
-  offset: {
-    type: Object,
-    required: false
-  }
+  id: { type: String, required: false },
+  offset: { type: Object, required: false }
 });
 const scrollReturn = inject(MagicScrollReturn, void 0);
 const scrollTarget = inject(MagicScrollTarget);

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

@@ -14,18 +14,9 @@ import {
 import { MagicScrollProgress } from "../symbols";
 import {} from "../types";
 const { progress, sequence, sequenceOptions } = defineProps({
-  sequence: {
-    type: Array,
-    required: true
-  },
-  sequenceOptions: {
-    type: Object,
-    required: false
-  },
-  progress: {
-    type: Number,
-    required: false
-  }
+  sequence: { type: Array, required: true },
+  sequenceOptions: { type: Object, required: false },
+  progress: { type: Number, required: false }
 });
 const animation = ref(void 0);
 const elRef = useTemplateRef("el");

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

@@ -9,10 +9,7 @@ import { provide, computed } from "vue";
 import { useScroll, unrefElement } from "@vueuse/core";
 import { MagicScrollReturn, MagicScrollTarget } from "../symbols";
 const { target } = defineProps({
-  target: {
-    type: null,
-    required: false
-  }
+  target: { type: null, required: false }
 });
 const mappedTarget = computed(() => {
   switch (true) {

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

@@ -22,14 +22,8 @@ import {
   MagicScrollReturn
 } from "../symbols";
 const { from = "top-bottom", to = "bottom-top" } = defineProps({
-  from: {
-    type: String,
-    required: false
-  },
-  to: {
-    type: String,
-    required: false
-  }
+  from: { type: String, required: false },
+  to: { type: String, required: false }
 });
 const scrollReturn = inject(MagicScrollReturn, void 0);
 const scrollTarget = inject(MagicScrollTarget, void 0);

package/dist/plugins/MagicScroll/src/composables/private/useCollisionDetection.mjs

@@ -1,5 +1,5 @@
 import { shallowRef, reactive, computed, toValue } from "vue";
-import { useElementBounding } from "@vueuse/core";
+import { useElementBounding, useWindowSize } from "@vueuse/core";
 import { useMagicEmitter } from "@maas/vue-equipment/plugins";
 export function useCollisionDetection(args) {
   const { id, scrollY, child, parent, offset } = args;
@@ -25,8 +25,18 @@ export function useCollisionDetection(args) {
       }
     }
   });
+  const { width, height } = useWindowSize();
+  const windowBoundingRect = {
+    width,
+    height,
+    right: width,
+    bottom: height,
+    top: shallowRef(0),
+    left: shallowRef(0)
+  };
   const childBoundingRect = useElementBounding(child);
   const parentBoundingRect = useElementBounding(parent);
+  const mappedParentBoundingRect = toValue(parent) ? parentBoundingRect : windowBoundingRect;
   const mappedOffset = { top: 0, bottom: 0, ...offset };
   const lastScrollY = shallowRef(0);
   const scrollDirection = shallowRef();
@@ -101,7 +111,7 @@ export function useCollisionDetection(args) {
     }
     const offset2 = mappedOffset[parentEdge];
     const mappedChildEdge = toValue(childBoundingRect[childEdge]);
-    const mappedParentEdge = toValue(parentBoundingRect[parentEdge]) + offset2;
+    const mappedParentEdge = toValue(mappedParentBoundingRect[parentEdge]) + offset2;
     if (direction === "down" && mappedChildEdge <= mappedParentEdge || direction === "up" && mappedChildEdge >= mappedParentEdge) {
       alerted[direction][childEdge][parentEdge] = true;
       useMagicEmitter().emit("collision", {
@@ -119,7 +129,7 @@ export function useCollisionDetection(args) {
     }
     const offset2 = mappedOffset[parentEdge];
     const mappedChildEdge = toValue(childBoundingRect[childEdge]);
-    const mappedParentEdge = toValue(parentBoundingRect[parentEdge]) + offset2;
+    const mappedParentEdge = toValue(mappedParentBoundingRect[parentEdge]) + offset2;
     if (direction === "down" && mappedChildEdge >= mappedParentEdge || direction === "up" && mappedChildEdge <= mappedParentEdge) {
       alerted[direction][childEdge][parentEdge] = false;
     }

package/dist/plugins/MagicScroll/src/composables/private/useScrollApi.d.ts

@@ -1,12 +1,12 @@
 import { type MaybeRef, type MaybeRefOrGetter } from 'vue';
 import type { ScrollIntersection } from '../../types/index.js';
-type UseScrollApiParams = {
+type UseScrollApiArgs = {
     child: MaybeRef<HTMLElement | null | undefined>;
     parent: MaybeRefOrGetter<HTMLElement | null | undefined>;
     from: ScrollIntersection;
     to: ScrollIntersection;
 };
-export declare function useScrollApi(params: UseScrollApiParams): {
+export declare function useScrollApi(args: UseScrollApiArgs): {
     getCalculations: () => void;
     getProgress: () => number;
 };

package/dist/plugins/MagicScroll/src/composables/private/useScrollApi.mjs

@@ -1,20 +1,28 @@
 import {
-  ref,
   shallowRef,
   inject,
   toValue
 } from "vue";
-import { useWindowSize } from "@vueuse/core";
-import { MagicScrollReturn } from "../../symbols/index.mjs";
+import { useElementBounding, useWindowSize } from "@vueuse/core";
 import { clampValue } from "@maas/vue-equipment/utils";
-export function useScrollApi(params) {
-  const { child, parent, from, to } = params;
+import { MagicScrollReturn } from "../../symbols/index.mjs";
+export function useScrollApi(args) {
+  const { child, parent, from, to } = args;
   const scrollReturn = inject(MagicScrollReturn, void 0);
-  const childRect = ref(void 0);
-  const parentRect = ref(void 0);
   const start = shallowRef(0);
   const end = shallowRef(0);
-  const { width: windowWidth, height: windowHeight } = useWindowSize();
+  const { width, height } = useWindowSize();
+  const windowBoundingRect = {
+    width,
+    height,
+    right: width,
+    bottom: height,
+    top: shallowRef(0),
+    left: shallowRef(0)
+  };
+  const childBoundingRect = useElementBounding(child);
+  const parentBoundingRect = useElementBounding(parent);
+  const mappedParentBoundingRect = toValue(parent) ? parentBoundingRect : windowBoundingRect;
   function splitLocation(location) {
     return {
       child: location.match(/^[a-z]+/)[0],
@@ -23,55 +31,52 @@ export function useScrollApi(params) {
   }
   function getOffsetTop(points) {
     let y = 0;
-    if (!childRect.value) return y;
     const scrollY = toValue(scrollReturn?.y) || 0;
+    const parentTop = mappedParentBoundingRect.top.value;
+    const parentHeight = mappedParentBoundingRect.height.value;
+    const childTop = childBoundingRect.top.value;
+    const childHeight = childBoundingRect.height.value;
+    if (!childHeight) {
+      return y;
+    }
     switch (points.child) {
       case "top":
-        y += childRect.value.top + scrollY;
+        y += childTop + scrollY;
         break;
       case "center":
-        y += childRect.value.top + childRect.value.height / 2 + scrollY;
+        y += childTop + childHeight / 2 + scrollY;
         break;
       case "bottom":
-        y += childRect.value.top + childRect.value.height + scrollY;
+        y += childTop + childHeight + scrollY;
         break;
     }
-    if (!parentRect.value) {
+    if (!mappedParentBoundingRect.height.value) {
       return y;
     }
-    const dimensions = {
-      width: toValue(parentRect.value.width),
-      height: toValue(parentRect.value.height),
-      top: toValue(parentRect.value.top)
-    };
     switch (points.parent) {
       case "top":
-        y -= dimensions.top;
+        y -= parentTop;
         break;
       case "center":
-        y -= dimensions.top + dimensions.height / 2;
+        y -= parentTop + parentHeight / 2;
         break;
       case "bottom":
-        y -= dimensions.top + dimensions.height;
+        y -= parentTop + parentHeight;
         break;
       case "initial":
-        y -= childRect.value.top + scrollY;
+        y -= childTop + scrollY;
         break;
     }
     return y;
   }
   function getCalculations() {
-    childRect.value = toValue(child)?.getBoundingClientRect();
-    parentRect.value = toValue(parent) ? toValue(parent)?.getBoundingClientRect() : {
-      width: windowWidth.value,
-      height: windowHeight.value,
-      top: 0
-    };
+    childBoundingRect.update();
+    parentBoundingRect.update();
     start.value = getOffsetTop(splitLocation(from));
     end.value = getOffsetTop(splitLocation(to));
   }
   function getProgress() {
-    const scrollY = toValue(scrollReturn?.y) || 0;
+    const scrollY = toValue(scrollReturn?.y) ?? 0;
     const total = Math.abs(end.value - start.value);
     const current = scrollY - start.value;
     return clampValue(current / total, 0, 1);

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

@@ -63,14 +63,8 @@ import "@maas/vue-equipment/utils/css/animations/slide-rtl-in.css";
 import "@maas/vue-equipment/utils/css/animations/slide-rtl-out.css";
 import { useToastListener } from "../composables/private/useToastListener";
 const { id, options } = defineProps({
-  id: {
-    type: null,
-    required: true
-  },
-  options: {
-    type: Object,
-    required: false
-  }
+  id: { type: null, required: true },
+  options: { type: Object, required: false }
 });
 const mappedId = toValue(id);
 defineOptions({

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

@@ -31,14 +31,8 @@ import { useToastState } from "../composables/private/useToastState";
 import { useToastDrag } from "../composables/private/useToastDrag";
 import "@maas/vue-equipment/utils/css/transitions/fade.css";
 const { id, index } = defineProps({
-  id: {
-    type: String,
-    required: true
-  },
-  index: {
-    type: Number,
-    required: true
-  }
+  id: { type: String, required: true },
+  index: { type: Number, required: true }
 });
 const instanceId = inject(MagicToastInstanceId, void 0);
 if (!instanceId) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment",
   "description": "Our Frontend Toolkit, Free and Open Source",
-  "version": "1.0.0-beta.17",
+  "version": "1.0.0-beta.19",
   "contributors": [
     {
       "name": "Robin Scholz",
@@ -140,7 +140,7 @@
   "volta": {
     "node": "20.18.1"
   },
-  "packageManager": "pnpm@10.7.1",
+  "packageManager": "pnpm@10.8.0",
   "pnpm": {
     "overrides": {
       "typescript": "catalog:"

package/dist/nuxt/module.cjs

@@ -1,5 +0,0 @@
-module.exports = function(...args) {
-  return import('./module.mjs').then(m => m.default.call(this, ...args))
-}
-const _meta = module.exports.meta = require('./module.json')
-module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/nuxt/module.d.ts

@@ -1,10 +0,0 @@
-import * as _nuxt_schema from '@nuxt/schema';
-
-interface ModuleOptions {
-    plugins?: string[] | boolean;
-    composables?: string[] | boolean;
-}
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
-
-export { _default as default };
-export type { ModuleOptions };

package/dist/nuxt/types.d.ts

@@ -1,7 +0,0 @@
-import type { NuxtModule } from '@nuxt/schema'
-
-import type { default as Module } from './module'
-
-export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
-
-export { default } from './module'