@maas/vue-equipment 0.16.9 → 0.17.1

package/dist/nuxt/module.json

@@ -1,5 +1,5 @@
 {
   "name": "@maas/vue-equipment/nuxt",
   "configKey": "vueEquipment",
-  "version": "0.16.8"
+  "version": "0.17.0"
 }

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

@@ -97,7 +97,7 @@ import '@maas/vue-equipment/utils/css/animations/slide-btt-out.css'
 
 // Prevent deep merge of certain options
 const customDefu = createDefu((obj, key, value) => {
-  if (key === 'keys' || key === 'snapPoints') {
+  if (key === 'keys' || key === 'points') {
     obj[key] = value
     return true
   }
@@ -126,7 +126,7 @@ const mappedOptions: typeof defaultOptions = customDefu(
 )
 
 const overshoot = ref(0)
-const { position, threshold, snapPoints, snapPoint, canClose } = mappedOptions
+const { position, threshold, snap, canClose } = mappedOptions
 
 const {
   isActive,
@@ -148,8 +148,7 @@ const { onPointerdown, dragging, style } = useDrawerDrag({
   position,
   threshold,
   overshoot,
-  snapPoints,
-  snapPoint,
+  snap,
   canClose,
   close,
 })
@@ -290,5 +289,5 @@ onBeforeUnmount(() => {
 </script>
 
 <style>
-:root{--magic-drawer-height:75svh;--magic-drawer-z-index:999;--magic-drawer-justify-content:center;--magic-drawer-align-items:flex-end;--magic-drawer-backdrop-color:rgba(0,0,0,.5);--magic-drawer-backdrop-filter:unset;--magic-drawer-content-overflow-x:hidden;--magic-drawer-content-overflow-y:auto;--magic-drawer-handle-wrapper-height:2rem;--magic-drawer-handle-width:3rem;--magic-drawer-handle-height:0.375rem;--magic-drawer-handle-color:#d4d4d8;--magic-drawer-handle-border-radius:0.25rem;--magic-drawer-enter-animation:slide-btt-in 300ms ease;--magic-drawer-leave-animation:slide-btt-out 300ms ease;--magic-drawer-drag-overshoot:4rem;--magic-drawer-drag-overshoot-x:0;--magic-drawer-drag-overshoot-y:0}.magic-drawer{align-items:var(--magic-drawer-align-items);background:transparent;border:none;color:inherit;display:flex;height:100%;inset:0;justify-content:var(--magic-drawer-justify-content);padding:0;pointer-events:none;position:fixed;width:100%;z-index:var(--magic-drawer-z-index)}.magic-drawer.-bottom{--magic-drawer-drag-overshoot-y:var(--magic-drawer-drag-overshoot)}.magic-drawer.-top{--magic-drawer-enter-animation:slide-ttb-in 300ms ease;--magic-drawer-leave-animation:slide-ttb-out 300ms ease;--magic-drawer-align-items:flex-start;--magic-drawer-drag-overshoot-y:calc(var(--magic-drawer-drag-overshoot)*-1)}.magic-drawer.-right{--magic-drawer-enter-animation:slide-rtl-in 300ms ease;--magic-drawer-leave-animation:slide-rtl-out 300ms ease;--magic-drawer-align-items:center;--magic-drawer-justify-content:flex-end;--magic-drawer-drag-overshoot-x:var(--magic-drawer-drag-overshoot)}.magic-drawer.-left{--magic-drawer-enter-animation:slide-ltr-in 300ms ease;--magic-drawer-leave-animation:slide-ltr-out 300ms ease;--magic-drawer-align-items:center;--magic-drawer-justify-content:flex-start;--magic-drawer-drag-overshoot-x:calc(var(--magic-drawer-drag-overshoot)*-1)}.magic-drawer__wrapper{height:calc(var(--magic-drawer-height) + var(--magic-drawer-drag-overshoot));pointer-events:none;transform:translate(var(--magic-drawer-drag-overshoot-x),var(--magic-drawer-drag-overshoot-y));width:100%}.magic-drawer__content{height:100%;max-height:100%;position:relative;width:100%}.magic-drawer__drag{-webkit-overflow-scrolling:touch;align-items:var(--magic-drawer-align-items);cursor:grab;display:flex;height:100%;justify-content:var(--magic-drawer-justify-content);overflow-x:var(--magic-drawer-content-overflow-x);overflow-y:var(--magic-drawer-content-overflow-y);pointer-events:auto;position:relative;scroll-behavior:smooth;width:100%}.magic-drawer.-dragging .magic-drawer__drag{cursor:grabbing}.magic-drawer__backdrop{-webkit-backdrop-filter:var(--magic-drawer-backdrop-filter);backdrop-filter:var(--magic-drawer-backdrop-filter);background-color:var(--magic-drawer-backdrop-color);bottom:0;height:100%;left:0;pointer-events:auto;position:fixed;right:0;top:0;width:100%;z-index:-1}.magic-drawer--content-enter-active{animation:var(--magic-drawer-enter-animation)}.magic-drawer--content-leave-active{animation:var(--magic-drawer-leave-animation)}.magic-drawer--backdrop-enter-active{animation:fade-in .3s ease}.magic-drawer--backdrop-leave-active{animation:fade-out .3s ease}
+:root{--magic-drawer-height:75svh;--magic-drawer-width:100%;--magic-drawer-z-index:999;--magic-drawer-justify-content:center;--magic-drawer-align-items:flex-end;--magic-drawer-backdrop-color:rgba(0,0,0,.5);--magic-drawer-backdrop-filter:unset;--magic-drawer-content-overflow-x:hidden;--magic-drawer-content-overflow-y:hidden;--magic-drawer-handle-wrapper-height:2rem;--magic-drawer-handle-width:3rem;--magic-drawer-handle-height:0.375rem;--magic-drawer-handle-color:#d4d4d8;--magic-drawer-handle-border-radius:0.25rem;--magic-drawer-enter-animation:slide-btt-in 300ms ease;--magic-drawer-leave-animation:slide-btt-out 300ms ease;--magic-drawer-drag-overshoot:4rem;--magic-drawer-drag-overshoot-x:0rem;--magic-drawer-drag-overshoot-y:0rem;--magic-drawer-padding:0rem}.magic-drawer{align-items:var(--magic-drawer-align-items);background:transparent;border:none;color:inherit;display:flex;height:100%;inset:0;justify-content:var(--magic-drawer-justify-content);padding:0;pointer-events:none;position:fixed;width:100%;z-index:var(--magic-drawer-z-index)}.magic-drawer.-bottom{--magic-drawer-drag-overshoot-y:var(--magic-drawer-drag-overshoot);--magic-drawer-padding:0 0 var(--magic-drawer-drag-overshoot-y) 0}.magic-drawer.-top{--magic-drawer-enter-animation:slide-ttb-in 300ms ease;--magic-drawer-leave-animation:slide-ttb-out 300ms ease;--magic-drawer-align-items:flex-start;--magic-drawer-drag-overshoot-y:calc(var(--magic-drawer-drag-overshoot)*-1);--magic-drawer-padding:var(--magic-drawer-drag-overshoot-y) 0 0 0}.magic-drawer.-right{--magic-drawer-enter-animation:slide-rtl-in 300ms ease;--magic-drawer-leave-animation:slide-rtl-out 300ms ease;--magic-drawer-align-items:center;--magic-drawer-justify-content:flex-end;--magic-drawer-drag-overshoot-x:var(--magic-drawer-drag-overshoot);--magic-drawer-padding:0 var(--magic-drawer-drag-overshoot-x) 0 0}.magic-drawer.-left{--magic-drawer-enter-animation:slide-ltr-in 300ms ease;--magic-drawer-leave-animation:slide-ltr-out 300ms ease;--magic-drawer-align-items:center;--magic-drawer-justify-content:flex-start;--magic-drawer-drag-overshoot-x:calc(var(--magic-drawer-drag-overshoot)*-1);--magic-drawer-padding:0 0 0 var(--magic-drawer-drag-overshoot-x)}.magic-drawer__wrapper{height:calc(var(--magic-drawer-height) + var(--magic-drawer-drag-overshoot-y));pointer-events:none;transform:translate(var(--magic-drawer-drag-overshoot-x),var(--magic-drawer-drag-overshoot-y));width:calc(var(--magic-drawer-width) + var(--magic-drawer-drag-overshoot-x))}.magic-drawer__content{height:100%;max-height:100%;position:relative;width:100%}.magic-drawer__drag{-webkit-overflow-scrolling:touch;align-items:var(--magic-drawer-align-items);cursor:grab;display:flex;height:100%;justify-content:var(--magic-drawer-justify-content);overflow-x:var(--magic-drawer-content-overflow-x);overflow-y:var(--magic-drawer-content-overflow-y);pointer-events:auto;position:relative;scroll-behavior:smooth;width:100%}.magic-drawer.-dragging .magic-drawer__drag{cursor:grabbing}.magic-drawer__drag>*{padding:var(--magic-drawer-padding)}.magic-drawer__backdrop{-webkit-backdrop-filter:var(--magic-drawer-backdrop-filter);backdrop-filter:var(--magic-drawer-backdrop-filter);background-color:var(--magic-drawer-backdrop-color);bottom:0;height:100%;left:0;pointer-events:auto;position:fixed;right:0;top:0;width:100%;z-index:-1}.magic-drawer--content-enter-active{animation:var(--magic-drawer-enter-animation)}.magic-drawer--content-leave-active{animation:var(--magic-drawer-leave-animation)}.magic-drawer--backdrop-enter-active{animation:fade-in .3s ease}.magic-drawer--backdrop-leave-active{animation:fade-out .3s ease}
 </style>

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerCallback.mjs

@@ -15,18 +15,18 @@ export function useDrawerCallback(args) {
   } = args;
   function onBeforeEnter(_el) {
     useDrawerEmitter().emit("beforeEnter", toValue(id));
-  }
-  function onEnter(_el) {
-    useDrawerEmitter().emit("enter", toValue(id));
-  }
-  async function onAfterEnter(_el) {
-    useDrawerEmitter().emit("afterEnter", toValue(id));
     if (mappedOptions.scrollLock) {
       if (mappedOptions.scrollLockPadding) {
         addScrollLockPadding();
       }
       lockScroll();
     }
+  }
+  function onEnter(_el) {
+    useDrawerEmitter().emit("enter", toValue(id));
+  }
+  async function onAfterEnter(_el) {
+    useDrawerEmitter().emit("afterEnter", toValue(id));
     if (mappedOptions.focusTrap) {
       await nextTick();
       trapFocus();

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerDrag.d.ts

@@ -1,23 +1,22 @@
-import { type MaybeRef } from 'vue';
+import { type Ref, type MaybeRef } from 'vue';
 import { type DefaultOptions } from '../../utils/defaultOptions.js';
 type UseDrawerDragArgs = {
     id: MaybeRef<string>;
     isActive: MaybeRef<boolean>;
-    elRef: MaybeRef<HTMLDivElement | undefined>;
-    wrapperRef: MaybeRef<HTMLDivElement | undefined>;
+    elRef: Ref<HTMLDivElement | undefined>;
+    wrapperRef: Ref<HTMLDivElement | undefined>;
     position: MaybeRef<DefaultOptions['position']>;
     threshold: MaybeRef<DefaultOptions['threshold']>;
-    snapPoints: MaybeRef<DefaultOptions['snapPoints']>;
-    snapPoint: MaybeRef<DefaultOptions['snapPoint']>;
+    snap: MaybeRef<DefaultOptions['snap']>;
     canClose: MaybeRef<DefaultOptions['canClose']>;
     overshoot: MaybeRef<number>;
     close: () => void;
 };
 export declare function useDrawerDrag(args: UseDrawerDragArgs): {
     style: import("vue").ComputedRef<string>;
-    draggedX: import("vue").Ref<number>;
-    draggedY: import("vue").Ref<number>;
-    dragging: import("vue").Ref<boolean>;
+    draggedX: Ref<number>;
+    draggedY: Ref<number>;
+    dragging: Ref<boolean>;
     onPointerdown: (e: PointerEvent) => void;
 };
 export {};

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerDrag.mjs

@@ -24,11 +24,10 @@ export function useDrawerDrag(args) {
     isActive,
     elRef,
     wrapperRef,
-    snapPoints,
     position,
     overshoot,
     threshold,
-    snapPoint,
+    snap,
     canClose,
     close
   } = args;
@@ -46,9 +45,10 @@ export function useDrawerDrag(args) {
   const relDirectionX = ref("absolute");
   const absDirectionY = ref(void 0);
   const absDirectionX = ref(void 0);
-  const hasSnapPoints = computed(() => toValue(snapPoints).length > 1);
+  const hasSnapPoints = computed(() => toValue(snap)?.points.length > 1);
   const elRect = ref(void 0);
   const wrapperRect = ref(void 0);
+  const duration = computed(() => toValue(snap)?.duration);
   const draggedX = ref(0);
   const draggedY = ref(0);
   const style = computed(
@@ -67,7 +67,7 @@ export function useDrawerDrag(args) {
   } = useDrawerSnap({
     id,
     wrapperRect,
-    snapPoints,
+    snap,
     canClose,
     position,
     overshoot,
@@ -301,7 +301,11 @@ export function useDrawerDrag(args) {
         console.warn("Cannot snap to point when drawer is not open");
         return;
       } else {
-        snapTo({ snapPoint: payload.snapPoint, interpolate: true });
+        snapTo({
+          snapPoint: payload.snapPoint,
+          interpolate: true,
+          duration: duration.value
+        });
       }
     }
   }
@@ -310,7 +314,10 @@ export function useDrawerDrag(args) {
       close();
     } else if (interpolateTo.value || interpolateTo.value === 0) {
       if (scrollLock && scrollLock.value || canInterpolate(e.target)) {
-        interpolateDragged(interpolateTo.value);
+        interpolateDragged({
+          to: interpolateTo.value,
+          duration: duration.value
+        });
       }
       activeSnapPoint.value = snapPointsMap.value[interpolateTo.value];
       switch (position) {
@@ -327,11 +334,17 @@ export function useDrawerDrag(args) {
       switch (position) {
         case "bottom":
         case "top":
-          interpolateDragged(snappedY.value);
+          interpolateDragged({
+            to: snappedY.value,
+            duration: duration.value
+          });
           break;
         case "right":
         case "left":
-          interpolateDragged(snappedX.value);
+          interpolateDragged({
+            to: snappedX.value,
+            duration: duration.value
+          });
           break;
       }
     }
@@ -379,9 +392,10 @@ export function useDrawerDrag(args) {
     useDrawerEmitter().on("*", emitterCallback);
   });
   watch(
-    () => [unrefElement(wrapperRef), unrefElement(wrapperRef)],
+    () => [unrefElement(elRef), unrefElement(wrapperRef)],
     async () => {
       await getSizes();
+      const snapPoint = toValue(snap)?.initial;
       snapTo({ snapPoint, interpolate: false });
     }
   );

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerGuards.d.ts

@@ -1,8 +1,8 @@
-import { type MaybeRef } from 'vue';
+import { type Ref, type MaybeRef } from 'vue';
 import { type DefaultOptions } from '../../utils/defaultOptions.js';
 import { type SnapPoint } from '../../types.js';
 interface UseDrawerGuardsArgs {
-    elRef: MaybeRef<HTMLDivElement | undefined>;
+    elRef: Ref<HTMLDivElement | undefined>;
     absDirectionX: MaybeRef<'with' | 'against' | undefined>;
     absDirectionY: MaybeRef<'with' | 'against' | undefined>;
     position: MaybeRef<DefaultOptions['position']>;

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerGuards.mjs

@@ -2,7 +2,7 @@ import { computed, toValue } from "vue";
 import { unrefElement } from "@vueuse/core";
 export function useDrawerGuards(args) {
   const { elRef, absDirectionX, absDirectionY, position, activeSnapPoint } = args;
-  const isHoverSupported = computed(() => {
+  const hasCursor = computed(() => {
     return typeof window !== "undefined" && matchMedia("(hover: hover)").matches;
   });
   const canSnap = computed(() => {
@@ -10,7 +10,7 @@ export function useDrawerGuards(args) {
   });
   function canDrag(el) {
     let element = el;
-    if (isHoverSupported.value) {
+    if (hasCursor.value) {
       return true;
     }
     if (canSnap.value) {
@@ -29,6 +29,9 @@ export function useDrawerGuards(args) {
             if (toValue(absDirectionY) === "with") {
               return false;
             }
+            if (!toValue(absDirectionY)) {
+              return false;
+            }
           }
           break;
         case "top":
@@ -40,6 +43,9 @@ export function useDrawerGuards(args) {
             if (toValue(absDirectionY) === "with") {
               return false;
             }
+            if (!toValue(absDirectionY)) {
+              return false;
+            }
           }
           break;
         case "right":
@@ -50,6 +56,9 @@ export function useDrawerGuards(args) {
             if (toValue(absDirectionX) === "with") {
               return false;
             }
+            if (!toValue(absDirectionX)) {
+              return false;
+            }
           }
           break;
         case "left":
@@ -61,6 +70,9 @@ export function useDrawerGuards(args) {
             if (toValue(absDirectionX) === "with") {
               return false;
             }
+            if (!toValue(absDirectionX)) {
+              return false;
+            }
           }
           break;
       }
@@ -70,7 +82,7 @@ export function useDrawerGuards(args) {
   }
   function canInterpolate(el) {
     let element = el;
-    if (isHoverSupported.value) {
+    if (hasCursor.value) {
       return true;
     }
     while (element) {
@@ -96,7 +108,7 @@ export function useDrawerGuards(args) {
   }
   function lockScroll(el) {
     let element = el;
-    if (isHoverSupported.value) {
+    if (hasCursor.value && !canSnap.value) {
       return void 0;
     }
     while (element) {

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerSnap.mjs

@@ -5,7 +5,7 @@ import { useDrawerEmitter } from "../useDrawerEmitter.mjs";
 export function useDrawerSnap(args) {
   const {
     id,
-    snapPoints,
+    snap,
     position,
     wrapperRect,
     overshoot,
@@ -16,7 +16,8 @@ export function useDrawerSnap(args) {
   const mappedSnapPoints = computedWithControl(
     () => toValue(wrapperRect),
     () => {
-      const extended = toValue(canClose) ? [...toValue(snapPoints), 0] : toValue(snapPoints);
+      const snapPoints = toValue(snap)?.points;
+      const extended = toValue(canClose) ? [...snapPoints, 0] : snapPoints;
       const mapped = extended.map((snapPoint) => {
         return mapSnapPoint(snapPoint);
       });
@@ -28,10 +29,12 @@ export function useDrawerSnap(args) {
   );
   const snapPointsMap = computedWithControl(
     () => {
-      return { ...toValue(snapPoints) };
+      const snapPoints = toValue(snap)?.points;
+      return { ...snapPoints };
     },
     () => {
-      const extended = toValue(canClose) ? [...toValue(snapPoints), 0] : toValue(snapPoints);
+      const snapPoints = toValue(snap)?.points;
+      const extended = toValue(canClose) ? [...snapPoints, 0] : snapPoints;
       const mapped = extended.reduce((acc, current) => {
         const key = mapSnapPoint(current);
         if (key || key === 0) {
@@ -145,12 +148,12 @@ export function useDrawerSnap(args) {
     }
   }
   async function snapTo(args2) {
-    const { snapPoint, interpolate: interpolate2 } = args2;
+    const { snapPoint, interpolate: interpolate2, duration = 200 } = args2;
     await nextTick();
     switch (position) {
       case "top":
       case "bottom":
-        const mappedSnapPointY = mapSnapPoint(toValue(snapPoint));
+        const mappedSnapPointY = mapSnapPoint(snapPoint);
         if (!mappedSnapPointY && mappedSnapPointY !== 0)
           return;
         const closestY = await findClosestSnapPoint({
@@ -158,7 +161,7 @@ export function useDrawerSnap(args) {
           draggedY: mappedSnapPointY
         }) || 0;
         if (interpolate2) {
-          await interpolateDragged(closestY);
+          await interpolateDragged({ to: closestY, duration });
         } else {
           draggedY.value = closestY;
         }
@@ -175,7 +178,7 @@ export function useDrawerSnap(args) {
           draggedY
         }) || 0;
         if (interpolate2) {
-          await interpolateDragged(closestX);
+          await interpolateDragged({ to: closestX, duration });
         } else {
           draggedX.value = closestX;
           snappedX.value = closestX;
@@ -185,19 +188,20 @@ export function useDrawerSnap(args) {
         break;
     }
   }
-  async function interpolateDragged(target) {
-    const snapPoint = snapPointsMap.value[target];
+  async function interpolateDragged(args2) {
+    const { to, duration = 200 } = args2;
+    const snapPoint = snapPointsMap.value[to];
     useDrawerEmitter().emit("beforeSnap", { id: toValue(id), snapPoint });
     switch (position) {
       case "bottom":
       case "top":
         interpolate({
           from: draggedY.value,
-          to: target,
-          duration: 300,
+          to,
+          duration,
           callback: (value) => {
             draggedY.value = value;
-            if (draggedY.value === target) {
+            if (draggedY.value === to) {
               useDrawerEmitter().emit("afterSnap", {
                 id: toValue(id),
                 snapPoint
@@ -210,11 +214,11 @@ export function useDrawerSnap(args) {
       case "left":
         interpolate({
           from: draggedX.value,
-          to: target,
-          duration: 300,
+          to,
+          duration,
           callback: (value) => {
             draggedX.value = value;
-            if (draggedX.value === target) {
+            if (draggedX.value === to) {
               useDrawerEmitter().emit("afterSnap", {
                 id: toValue(id),
                 snapPoint

package/dist/plugins/MagicDrawer/src/composables/useDrawerApi.d.ts

@@ -1,6 +1,6 @@
 import { type MaybeRef } from 'vue';
+import { type MaybeElementRef } from '@vueuse/core';
 import type { DrawerOptions, SnapPoint } from '../types/index.js';
-import type { MaybeElementRef } from '@vueuse/core';
 export type useDrawerApiOptions = Pick<DrawerOptions, 'scrollLock'> & {
     focusTarget: MaybeElementRef;
 };

package/dist/plugins/MagicDrawer/src/composables/useDrawerApi.mjs

@@ -1,8 +1,8 @@
-import { uuid } from "@maas/vue-equipment/utils";
 import { ref, computed, toValue } from "vue";
 import { defu } from "defu";
 import { useScrollLock } from "@vueuse/core";
 import { useFocusTrap } from "@vueuse/integrations/useFocusTrap";
+import { uuid, matchClass } from "@maas/vue-equipment/utils";
 import { useDrawerStore } from "./private/useDrawerStore.mjs";
 import { useDrawerEmitter } from "./useDrawerEmitter.mjs";
 const defaultOptions = {
@@ -45,13 +45,14 @@ export function useDrawerApi(id, options) {
   function addScrollLockPadding() {
     if (typeof window === "undefined")
       return;
+    const exclude = new RegExp(/magic-drawer(__backdrop)?/);
     const scrollbarWidth = window.innerWidth - document.body.offsetWidth;
     document.body.style.setProperty("--scrollbar-width", `${scrollbarWidth}px`);
     document.body.style.paddingRight = "var(--scrollbar-width)";
     positionFixedElements.value = [
       ...document.body.getElementsByTagName("*")
     ].filter(
-      (x) => getComputedStyle(x, null).getPropertyValue("position") === "fixed"
+      (x) => getComputedStyle(x, null).getPropertyValue("position") === "fixed" && !matchClass(x, exclude)
     );
     positionFixedElements.value.forEach(
       (elem) => elem.style.paddingRight = "var(--scrollbar-width)"

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

@@ -23,8 +23,11 @@ export type DrawerOptions = {
         open: boolean;
         animate: boolean;
     };
-    snapPoints?: SnapPoint[];
-    snapPoint?: SnapPoint;
+    snap?: {
+        points: SnapPoint[];
+        duration?: number;
+        initial?: SnapPoint;
+    };
     canClose?: boolean;
 };
 export type DrawerEvents = {

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

@@ -22,8 +22,11 @@ const defaultOptions = {
     open: false,
     animate: false
   },
-  snapPoints: [1],
-  snapPoint: 1,
+  snap: {
+    points: [1],
+    duration: 200,
+    initial: 1
+  },
   canClose: true
 };
 export { defaultOptions };

package/dist/plugins/MagicModal/src/composables/private/useModalCallback.mjs

@@ -14,18 +14,18 @@ export function useModalCallback(args) {
   } = args;
   function onBeforeEnter(_el) {
     useModalEmitter().emit("beforeEnter", toValue(id));
-  }
-  function onEnter(_el) {
-    useModalEmitter().emit("enter", toValue(id));
-  }
-  async function onAfterEnter(_el) {
-    useModalEmitter().emit("afterEnter", toValue(id));
     if (mappedOptions.scrollLock) {
       if (mappedOptions.scrollLockPadding) {
         addScrollLockPadding();
       }
       lockScroll();
     }
+  }
+  function onEnter(_el) {
+    useModalEmitter().emit("enter", toValue(id));
+  }
+  async function onAfterEnter(_el) {
+    useModalEmitter().emit("afterEnter", toValue(id));
     if (mappedOptions.focusTrap) {
       await nextTick();
       trapFocus();

package/dist/plugins/MagicModal/src/composables/useModalApi.d.ts

@@ -1,6 +1,6 @@
 import { type MaybeRef } from 'vue';
+import { type MaybeElementRef } from '@vueuse/core';
 import type { ModalOptions } from '../types/index.js';
-import type { MaybeElementRef } from '@vueuse/core';
 export type useModalApiOptions = Pick<ModalOptions, 'scrollLock'> & {
     focusTarget: MaybeElementRef;
 };

package/dist/plugins/MagicModal/src/composables/useModalApi.mjs

@@ -1,8 +1,8 @@
-import { uuid } from "@maas/vue-equipment/utils";
 import { ref, computed, toValue } from "vue";
 import { defu } from "defu";
 import { useScrollLock } from "@vueuse/core";
 import { useFocusTrap } from "@vueuse/integrations/useFocusTrap";
+import { uuid, matchClass } from "@maas/vue-equipment/utils";
 import { useModalStore } from "./private/useModalStore.mjs";
 const defaultOptions = {
   focusTarget: void 0,
@@ -41,13 +41,14 @@ export function useModalApi(id, options) {
   function addScrollLockPadding() {
     if (typeof window === "undefined")
       return;
+    const exclude = new RegExp(/magic-modal(__backdrop)?/);
     const scrollbarWidth = window.innerWidth - document.body.offsetWidth;
     document.body.style.setProperty("--scrollbar-width", `${scrollbarWidth}px`);
     document.body.style.paddingRight = "var(--scrollbar-width)";
     positionFixedElements.value = [
       ...document.body.getElementsByTagName("*")
     ].filter(
-      (x) => getComputedStyle(x, null).getPropertyValue("position") === "fixed"
+      (x) => getComputedStyle(x, null).getPropertyValue("position") === "fixed" && !matchClass(x, exclude)
     );
     positionFixedElements.value.forEach(
       (elem) => elem.style.paddingRight = "var(--scrollbar-width)"

package/dist/utils/index.d.mts

@@ -14,6 +14,8 @@ declare function isIOS(): boolean;
 
 declare function mapValue(value: number, inMin: number, inMax: number, outMin: number, outMax: number): number;
 
+declare function matchClass(el: Element, regex: RegExp): boolean;
+
 declare function uuid(): string;
 
 declare function uniq<T extends any[]>(a: T): any[];
@@ -39,4 +41,4 @@ type RequireAllNested<T> = {
     [P in keyof T]-?: RequireAllNested<T[P]>;
 };
 
-export { type InterpolateArgs, type PickPartial, type RequireAll, type RequireAllNested, type SlugifyOptions, clampValue, interpolate, isIOS, mapValue, slugify, uniq, uuid };
+export { type InterpolateArgs, type PickPartial, type RequireAll, type RequireAllNested, type SlugifyOptions, clampValue, interpolate, isIOS, mapValue, matchClass, slugify, uniq, uuid };

package/dist/utils/index.d.ts

@@ -14,6 +14,8 @@ declare function isIOS(): boolean;
 
 declare function mapValue(value: number, inMin: number, inMax: number, outMin: number, outMax: number): number;
 
+declare function matchClass(el: Element, regex: RegExp): boolean;
+
 declare function uuid(): string;
 
 declare function uniq<T extends any[]>(a: T): any[];
@@ -39,4 +41,4 @@ type RequireAllNested<T> = {
     [P in keyof T]-?: RequireAllNested<T[P]>;
 };
 
-export { type InterpolateArgs, type PickPartial, type RequireAll, type RequireAllNested, type SlugifyOptions, clampValue, interpolate, isIOS, mapValue, slugify, uniq, uuid };
+export { type InterpolateArgs, type PickPartial, type RequireAll, type RequireAllNested, type SlugifyOptions, clampValue, interpolate, isIOS, mapValue, matchClass, slugify, uniq, uuid };

package/dist/utils/index.js

@@ -24,6 +24,7 @@ __export(utils_exports, {
   interpolate: () => interpolate,
   isIOS: () => isIOS,
   mapValue: () => mapValue,
+  matchClass: () => matchClass,
   slugify: () => slugify,
   uniq: () => uniq,
   uuid: () => uuid
@@ -65,6 +66,11 @@ function mapValue(value, inMin, inMax, outMin, outMax) {
   return (value - inMin) * (outMax - outMin) / (inMax - inMin) + outMin;
 }
 
+// src/functions/matchClass.ts
+function matchClass(el, regex) {
+  return Array.from(el.classList).some((className) => regex.test(className));
+}
+
 // src/functions/uuid.ts
 function uuid() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".split("").reduce(
@@ -120,6 +126,7 @@ function slugify(string, options) {
   interpolate,
   isIOS,
   mapValue,
+  matchClass,
   slugify,
   uniq,
   uuid

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../packages/utils/index.ts","../../packages/utils/src/functions/clampValue.ts","../../packages/utils/src/functions/interpolate.ts","../../packages/utils/src/functions/isIOS.ts","../../packages/utils/src/functions/mapValue.ts","../../packages/utils/src/functions/uuid.ts","../../packages/utils/src/functions/uniq.ts","../../packages/utils/src/functions/slugify.ts"],"sourcesContent":["export * from './src/functions/clampValue'\nexport * from './src/functions/interpolate'\nexport * from './src/functions/isIOS'\nexport * from './src/functions/mapValue'\nexport * from './src/functions/uuid'\nexport * from './src/functions/uniq'\nexport * from './src/functions/slugify'\n\nexport type * from './src/types'\n","export function clampValue(value: number, min: number, max: number) {\n  return value <= min ? min : value >= max ? max : value\n}\n","export type InterpolateArgs = {\n  from: number\n  to: number\n  duration: number\n  interval?: number\n  easing?: (t: number) => number\n  callback: (result: number) => void\n}\n\nexport function interpolate(args: InterpolateArgs) {\n  const { from, to, duration, callback, easing = (t) => t * (2 - t) } = args\n\n  let startTime: number\n\n  function animate(timestamp: number) {\n    if (!startTime) startTime = timestamp\n\n    const progress = Math.min(1, (timestamp - startTime) / duration)\n    const easedProgress = easing(progress)\n    const value = from + (to - from) * easedProgress\n\n    callback(value)\n\n    if (progress < 1) {\n      requestAnimationFrame(animate)\n    }\n  }\n\n  requestAnimationFrame(animate)\n}\n","export function isIOS() {\n  if (typeof window === 'undefined') return false\n  return /iPad|iPhone|iPod/.test(navigator?.userAgent)\n}\n","export function mapValue(\n  value: number,\n  inMin: number,\n  inMax: number,\n  outMin: number,\n  outMax: number,\n) {\n  return ((value - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin\n}\n","// This implementation is meant for internal use only.\n// It is only used to generate a unique IDs for the `key` props.\n// It should not replace crypto.randomUUID() or window.crypto.randomUUID().\n\nexport function uuid() {\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'\n    .split('')\n    .reduce(\n      (c, i) =>\n        c +\n        (i === 'x'\n          ? Math.floor(Math.random() * 0xf).toString(16)\n          : i === 'y'\n          ? Math.floor(Math.random() * 4 + 8).toString(16)\n          : i),\n      '',\n    )\n}\n","export function uniq<T extends any[]>(a: T) {\n  return Array.from(new Set(a))\n}\n","export interface SlugifyOptions {\n  separator?: string\n  trim?: boolean\n  remove?: RegExp\n  strict?: boolean\n  lowercase?: boolean\n}\n\nconst defaultOptions: SlugifyOptions = {\n  separator: '-',\n  trim: true,\n  remove: undefined,\n  strict: true,\n  lowercase: true,\n}\n\nexport function slugify(string: string, options?: SlugifyOptions): string {\n  if (typeof string !== 'string') {\n    throw new Error('slugify: string argument expected')\n  }\n\n  // Merge provided options with default options\n  const _options = { ...defaultOptions, ...options }\n\n  const charMap: { [key: string]: string } = {}\n\n  let slug = string\n    .normalize()\n    .split('')\n    .reduce(function (result, ch) {\n      let appendChar = charMap[ch]\n      if (appendChar === undefined) appendChar = ch\n      if (appendChar === _options?.separator) appendChar = ' '\n      return (\n        result +\n        appendChar.replace(_options?.remove || /[^\\w\\s$*_+~.()'\"!\\-:@]+/g, '')\n      )\n    }, '')\n\n  if (_options.strict) {\n    slug = slug.replace(/[^A-Za-z0-9\\s]/g, '')\n  }\n\n  if (_options.trim) {\n    slug = slug.trim()\n  }\n\n  if (_options.separator) {\n    slug = slug.replace(/ +/g, _options.separator)\n  }\n\n  if (_options.lowercase) {\n    slug = slug.toLocaleLowerCase()\n  }\n\n  return slug\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,SAAS,WAAW,OAAe,KAAa,KAAa;AAClE,SAAO,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM;AACnD;;;ACOO,SAAS,YAAY,MAAuB;AACjD,QAAM,EAAE,MAAM,IAAI,UAAU,UAAU,SAAS,CAAC,MAAM,KAAK,IAAI,GAAG,IAAI;AAEtE,MAAI;AAEJ,WAAS,QAAQ,WAAmB;AAClC,QAAI,CAAC;AAAW,kBAAY;AAE5B,UAAM,WAAW,KAAK,IAAI,IAAI,YAAY,aAAa,QAAQ;AAC/D,UAAM,gBAAgB,OAAO,QAAQ;AACrC,UAAM,QAAQ,QAAQ,KAAK,QAAQ;AAEnC,aAAS,KAAK;AAEd,QAAI,WAAW,GAAG;AAChB,4BAAsB,OAAO;AAAA,IAC/B;AAAA,EACF;AAEA,wBAAsB,OAAO;AAC/B;;;AC7BO,SAAS,QAAQ;AACtB,MAAI,OAAO,WAAW;AAAa,WAAO;AAC1C,SAAO,mBAAmB,KAAK,uCAAW,SAAS;AACrD;;;ACHO,SAAS,SACd,OACA,OACA,OACA,QACA,QACA;AACA,UAAS,QAAQ,UAAU,SAAS,WAAY,QAAQ,SAAS;AACnE;;;ACJO,SAAS,OAAO;AACrB,SAAO,uCACJ,MAAM,EAAE,EACR;AAAA,IACC,CAAC,GAAG,MACF,KACC,MAAM,MACH,KAAK,MAAM,KAAK,OAAO,IAAI,EAAG,EAAE,SAAS,EAAE,IAC3C,MAAM,MACN,KAAK,MAAM,KAAK,OAAO,IAAI,IAAI,CAAC,EAAE,SAAS,EAAE,IAC7C;AAAA,IACN;AAAA,EACF;AACJ;;;ACjBO,SAAS,KAAsB,GAAM;AAC1C,SAAO,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC;AAC9B;;;ACMA,IAAM,iBAAiC;AAAA,EACrC,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW;AACb;AAEO,SAAS,QAAQ,QAAgB,SAAkC;AACxE,MAAI,OAAO,WAAW,UAAU;AAC9B,UAAM,IAAI,MAAM,mCAAmC;AAAA,EACrD;AAGA,QAAM,WAAW,EAAE,GAAG,gBAAgB,GAAG,QAAQ;AAEjD,QAAM,UAAqC,CAAC;AAE5C,MAAI,OAAO,OACR,UAAU,EACV,MAAM,EAAE,EACR,OAAO,SAAU,QAAQ,IAAI;AAC5B,QAAI,aAAa,QAAQ,EAAE;AAC3B,QAAI,eAAe;AAAW,mBAAa;AAC3C,QAAI,gBAAe,qCAAU;AAAW,mBAAa;AACrD,WACE,SACA,WAAW,SAAQ,qCAAU,WAAU,4BAA4B,EAAE;AAAA,EAEzE,GAAG,EAAE;AAEP,MAAI,SAAS,QAAQ;AACnB,WAAO,KAAK,QAAQ,mBAAmB,EAAE;AAAA,EAC3C;AAEA,MAAI,SAAS,MAAM;AACjB,WAAO,KAAK,KAAK;AAAA,EACnB;AAEA,MAAI,SAAS,WAAW;AACtB,WAAO,KAAK,QAAQ,OAAO,SAAS,SAAS;AAAA,EAC/C;AAEA,MAAI,SAAS,WAAW;AACtB,WAAO,KAAK,kBAAkB;AAAA,EAChC;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../packages/utils/index.ts","../../packages/utils/src/functions/clampValue.ts","../../packages/utils/src/functions/interpolate.ts","../../packages/utils/src/functions/isIOS.ts","../../packages/utils/src/functions/mapValue.ts","../../packages/utils/src/functions/matchClass.ts","../../packages/utils/src/functions/uuid.ts","../../packages/utils/src/functions/uniq.ts","../../packages/utils/src/functions/slugify.ts"],"sourcesContent":["export * from './src/functions/clampValue'\nexport * from './src/functions/interpolate'\nexport * from './src/functions/isIOS'\nexport * from './src/functions/mapValue'\nexport * from './src/functions/matchClass'\nexport * from './src/functions/uuid'\nexport * from './src/functions/uniq'\nexport * from './src/functions/slugify'\n\nexport type * from './src/types'\n","export function clampValue(value: number, min: number, max: number) {\n  return value <= min ? min : value >= max ? max : value\n}\n","export type InterpolateArgs = {\n  from: number\n  to: number\n  duration: number\n  interval?: number\n  easing?: (t: number) => number\n  callback: (result: number) => void\n}\n\nexport function interpolate(args: InterpolateArgs) {\n  const { from, to, duration, callback, easing = (t) => t * (2 - t) } = args\n\n  let startTime: number\n\n  function animate(timestamp: number) {\n    if (!startTime) startTime = timestamp\n\n    const progress = Math.min(1, (timestamp - startTime) / duration)\n    const easedProgress = easing(progress)\n    const value = from + (to - from) * easedProgress\n\n    callback(value)\n\n    if (progress < 1) {\n      requestAnimationFrame(animate)\n    }\n  }\n\n  requestAnimationFrame(animate)\n}\n","export function isIOS() {\n  if (typeof window === 'undefined') return false\n  return /iPad|iPhone|iPod/.test(navigator?.userAgent)\n}\n","export function mapValue(\n  value: number,\n  inMin: number,\n  inMax: number,\n  outMin: number,\n  outMax: number,\n) {\n  return ((value - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin\n}\n","export function matchClass(el: Element, regex: RegExp) {\n  return Array.from(el.classList).some((className) => regex.test(className))\n}\n","// This implementation is meant for internal use only.\n// It is only used to generate a unique IDs for the `key` props.\n// It should not replace crypto.randomUUID() or window.crypto.randomUUID().\n\nexport function uuid() {\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'\n    .split('')\n    .reduce(\n      (c, i) =>\n        c +\n        (i === 'x'\n          ? Math.floor(Math.random() * 0xf).toString(16)\n          : i === 'y'\n          ? Math.floor(Math.random() * 4 + 8).toString(16)\n          : i),\n      '',\n    )\n}\n","export function uniq<T extends any[]>(a: T) {\n  return Array.from(new Set(a))\n}\n","export interface SlugifyOptions {\n  separator?: string\n  trim?: boolean\n  remove?: RegExp\n  strict?: boolean\n  lowercase?: boolean\n}\n\nconst defaultOptions: SlugifyOptions = {\n  separator: '-',\n  trim: true,\n  remove: undefined,\n  strict: true,\n  lowercase: true,\n}\n\nexport function slugify(string: string, options?: SlugifyOptions): string {\n  if (typeof string !== 'string') {\n    throw new Error('slugify: string argument expected')\n  }\n\n  // Merge provided options with default options\n  const _options = { ...defaultOptions, ...options }\n\n  const charMap: { [key: string]: string } = {}\n\n  let slug = string\n    .normalize()\n    .split('')\n    .reduce(function (result, ch) {\n      let appendChar = charMap[ch]\n      if (appendChar === undefined) appendChar = ch\n      if (appendChar === _options?.separator) appendChar = ' '\n      return (\n        result +\n        appendChar.replace(_options?.remove || /[^\\w\\s$*_+~.()'\"!\\-:@]+/g, '')\n      )\n    }, '')\n\n  if (_options.strict) {\n    slug = slug.replace(/[^A-Za-z0-9\\s]/g, '')\n  }\n\n  if (_options.trim) {\n    slug = slug.trim()\n  }\n\n  if (_options.separator) {\n    slug = slug.replace(/ +/g, _options.separator)\n  }\n\n  if (_options.lowercase) {\n    slug = slug.toLocaleLowerCase()\n  }\n\n  return slug\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,SAAS,WAAW,OAAe,KAAa,KAAa;AAClE,SAAO,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM;AACnD;;;ACOO,SAAS,YAAY,MAAuB;AACjD,QAAM,EAAE,MAAM,IAAI,UAAU,UAAU,SAAS,CAAC,MAAM,KAAK,IAAI,GAAG,IAAI;AAEtE,MAAI;AAEJ,WAAS,QAAQ,WAAmB;AAClC,QAAI,CAAC;AAAW,kBAAY;AAE5B,UAAM,WAAW,KAAK,IAAI,IAAI,YAAY,aAAa,QAAQ;AAC/D,UAAM,gBAAgB,OAAO,QAAQ;AACrC,UAAM,QAAQ,QAAQ,KAAK,QAAQ;AAEnC,aAAS,KAAK;AAEd,QAAI,WAAW,GAAG;AAChB,4BAAsB,OAAO;AAAA,IAC/B;AAAA,EACF;AAEA,wBAAsB,OAAO;AAC/B;;;AC7BO,SAAS,QAAQ;AACtB,MAAI,OAAO,WAAW;AAAa,WAAO;AAC1C,SAAO,mBAAmB,KAAK,uCAAW,SAAS;AACrD;;;ACHO,SAAS,SACd,OACA,OACA,OACA,QACA,QACA;AACA,UAAS,QAAQ,UAAU,SAAS,WAAY,QAAQ,SAAS;AACnE;;;ACRO,SAAS,WAAW,IAAa,OAAe;AACrD,SAAO,MAAM,KAAK,GAAG,SAAS,EAAE,KAAK,CAAC,cAAc,MAAM,KAAK,SAAS,CAAC;AAC3E;;;ACEO,SAAS,OAAO;AACrB,SAAO,uCACJ,MAAM,EAAE,EACR;AAAA,IACC,CAAC,GAAG,MACF,KACC,MAAM,MACH,KAAK,MAAM,KAAK,OAAO,IAAI,EAAG,EAAE,SAAS,EAAE,IAC3C,MAAM,MACN,KAAK,MAAM,KAAK,OAAO,IAAI,IAAI,CAAC,EAAE,SAAS,EAAE,IAC7C;AAAA,IACN;AAAA,EACF;AACJ;;;ACjBO,SAAS,KAAsB,GAAM;AAC1C,SAAO,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC;AAC9B;;;ACMA,IAAM,iBAAiC;AAAA,EACrC,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW;AACb;AAEO,SAAS,QAAQ,QAAgB,SAAkC;AACxE,MAAI,OAAO,WAAW,UAAU;AAC9B,UAAM,IAAI,MAAM,mCAAmC;AAAA,EACrD;AAGA,QAAM,WAAW,EAAE,GAAG,gBAAgB,GAAG,QAAQ;AAEjD,QAAM,UAAqC,CAAC;AAE5C,MAAI,OAAO,OACR,UAAU,EACV,MAAM,EAAE,EACR,OAAO,SAAU,QAAQ,IAAI;AAC5B,QAAI,aAAa,QAAQ,EAAE;AAC3B,QAAI,eAAe;AAAW,mBAAa;AAC3C,QAAI,gBAAe,qCAAU;AAAW,mBAAa;AACrD,WACE,SACA,WAAW,SAAQ,qCAAU,WAAU,4BAA4B,EAAE;AAAA,EAEzE,GAAG,EAAE;AAEP,MAAI,SAAS,QAAQ;AACnB,WAAO,KAAK,QAAQ,mBAAmB,EAAE;AAAA,EAC3C;AAEA,MAAI,SAAS,MAAM;AACjB,WAAO,KAAK,KAAK;AAAA,EACnB;AAEA,MAAI,SAAS,WAAW;AACtB,WAAO,KAAK,QAAQ,OAAO,SAAS,SAAS;AAAA,EAC/C;AAEA,MAAI,SAAS,WAAW;AACtB,WAAO,KAAK,kBAAkB;AAAA,EAChC;AAEA,SAAO;AACT;","names":[]}

package/dist/utils/index.mjs

@@ -33,6 +33,11 @@ function mapValue(value, inMin, inMax, outMin, outMax) {
   return (value - inMin) * (outMax - outMin) / (inMax - inMin) + outMin;
 }
 
+// src/functions/matchClass.ts
+function matchClass(el, regex) {
+  return Array.from(el.classList).some((className) => regex.test(className));
+}
+
 // src/functions/uuid.ts
 function uuid() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".split("").reduce(
@@ -87,6 +92,7 @@ export {
   interpolate,
   isIOS,
   mapValue,
+  matchClass,
   slugify,
   uniq,
   uuid

package/dist/utils/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../packages/utils/src/functions/clampValue.ts","../../packages/utils/src/functions/interpolate.ts","../../packages/utils/src/functions/isIOS.ts","../../packages/utils/src/functions/mapValue.ts","../../packages/utils/src/functions/uuid.ts","../../packages/utils/src/functions/uniq.ts","../../packages/utils/src/functions/slugify.ts"],"sourcesContent":["export function clampValue(value: number, min: number, max: number) {\n  return value <= min ? min : value >= max ? max : value\n}\n","export type InterpolateArgs = {\n  from: number\n  to: number\n  duration: number\n  interval?: number\n  easing?: (t: number) => number\n  callback: (result: number) => void\n}\n\nexport function interpolate(args: InterpolateArgs) {\n  const { from, to, duration, callback, easing = (t) => t * (2 - t) } = args\n\n  let startTime: number\n\n  function animate(timestamp: number) {\n    if (!startTime) startTime = timestamp\n\n    const progress = Math.min(1, (timestamp - startTime) / duration)\n    const easedProgress = easing(progress)\n    const value = from + (to - from) * easedProgress\n\n    callback(value)\n\n    if (progress < 1) {\n      requestAnimationFrame(animate)\n    }\n  }\n\n  requestAnimationFrame(animate)\n}\n","export function isIOS() {\n  if (typeof window === 'undefined') return false\n  return /iPad|iPhone|iPod/.test(navigator?.userAgent)\n}\n","export function mapValue(\n  value: number,\n  inMin: number,\n  inMax: number,\n  outMin: number,\n  outMax: number,\n) {\n  return ((value - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin\n}\n","// This implementation is meant for internal use only.\n// It is only used to generate a unique IDs for the `key` props.\n// It should not replace crypto.randomUUID() or window.crypto.randomUUID().\n\nexport function uuid() {\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'\n    .split('')\n    .reduce(\n      (c, i) =>\n        c +\n        (i === 'x'\n          ? Math.floor(Math.random() * 0xf).toString(16)\n          : i === 'y'\n          ? Math.floor(Math.random() * 4 + 8).toString(16)\n          : i),\n      '',\n    )\n}\n","export function uniq<T extends any[]>(a: T) {\n  return Array.from(new Set(a))\n}\n","export interface SlugifyOptions {\n  separator?: string\n  trim?: boolean\n  remove?: RegExp\n  strict?: boolean\n  lowercase?: boolean\n}\n\nconst defaultOptions: SlugifyOptions = {\n  separator: '-',\n  trim: true,\n  remove: undefined,\n  strict: true,\n  lowercase: true,\n}\n\nexport function slugify(string: string, options?: SlugifyOptions): string {\n  if (typeof string !== 'string') {\n    throw new Error('slugify: string argument expected')\n  }\n\n  // Merge provided options with default options\n  const _options = { ...defaultOptions, ...options }\n\n  const charMap: { [key: string]: string } = {}\n\n  let slug = string\n    .normalize()\n    .split('')\n    .reduce(function (result, ch) {\n      let appendChar = charMap[ch]\n      if (appendChar === undefined) appendChar = ch\n      if (appendChar === _options?.separator) appendChar = ' '\n      return (\n        result +\n        appendChar.replace(_options?.remove || /[^\\w\\s$*_+~.()'\"!\\-:@]+/g, '')\n      )\n    }, '')\n\n  if (_options.strict) {\n    slug = slug.replace(/[^A-Za-z0-9\\s]/g, '')\n  }\n\n  if (_options.trim) {\n    slug = slug.trim()\n  }\n\n  if (_options.separator) {\n    slug = slug.replace(/ +/g, _options.separator)\n  }\n\n  if (_options.lowercase) {\n    slug = slug.toLocaleLowerCase()\n  }\n\n  return slug\n}\n"],"mappings":";AAAO,SAAS,WAAW,OAAe,KAAa,KAAa;AAClE,SAAO,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM;AACnD;;;ACOO,SAAS,YAAY,MAAuB;AACjD,QAAM,EAAE,MAAM,IAAI,UAAU,UAAU,SAAS,CAAC,MAAM,KAAK,IAAI,GAAG,IAAI;AAEtE,MAAI;AAEJ,WAAS,QAAQ,WAAmB;AAClC,QAAI,CAAC;AAAW,kBAAY;AAE5B,UAAM,WAAW,KAAK,IAAI,IAAI,YAAY,aAAa,QAAQ;AAC/D,UAAM,gBAAgB,OAAO,QAAQ;AACrC,UAAM,QAAQ,QAAQ,KAAK,QAAQ;AAEnC,aAAS,KAAK;AAEd,QAAI,WAAW,GAAG;AAChB,4BAAsB,OAAO;AAAA,IAC/B;AAAA,EACF;AAEA,wBAAsB,OAAO;AAC/B;;;AC7BO,SAAS,QAAQ;AACtB,MAAI,OAAO,WAAW;AAAa,WAAO;AAC1C,SAAO,mBAAmB,KAAK,uCAAW,SAAS;AACrD;;;ACHO,SAAS,SACd,OACA,OACA,OACA,QACA,QACA;AACA,UAAS,QAAQ,UAAU,SAAS,WAAY,QAAQ,SAAS;AACnE;;;ACJO,SAAS,OAAO;AACrB,SAAO,uCACJ,MAAM,EAAE,EACR;AAAA,IACC,CAAC,GAAG,MACF,KACC,MAAM,MACH,KAAK,MAAM,KAAK,OAAO,IAAI,EAAG,EAAE,SAAS,EAAE,IAC3C,MAAM,MACN,KAAK,MAAM,KAAK,OAAO,IAAI,IAAI,CAAC,EAAE,SAAS,EAAE,IAC7C;AAAA,IACN;AAAA,EACF;AACJ;;;ACjBO,SAAS,KAAsB,GAAM;AAC1C,SAAO,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC;AAC9B;;;ACMA,IAAM,iBAAiC;AAAA,EACrC,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW;AACb;AAEO,SAAS,QAAQ,QAAgB,SAAkC;AACxE,MAAI,OAAO,WAAW,UAAU;AAC9B,UAAM,IAAI,MAAM,mCAAmC;AAAA,EACrD;AAGA,QAAM,WAAW,EAAE,GAAG,gBAAgB,GAAG,QAAQ;AAEjD,QAAM,UAAqC,CAAC;AAE5C,MAAI,OAAO,OACR,UAAU,EACV,MAAM,EAAE,EACR,OAAO,SAAU,QAAQ,IAAI;AAC5B,QAAI,aAAa,QAAQ,EAAE;AAC3B,QAAI,eAAe;AAAW,mBAAa;AAC3C,QAAI,gBAAe,qCAAU;AAAW,mBAAa;AACrD,WACE,SACA,WAAW,SAAQ,qCAAU,WAAU,4BAA4B,EAAE;AAAA,EAEzE,GAAG,EAAE;AAEP,MAAI,SAAS,QAAQ;AACnB,WAAO,KAAK,QAAQ,mBAAmB,EAAE;AAAA,EAC3C;AAEA,MAAI,SAAS,MAAM;AACjB,WAAO,KAAK,KAAK;AAAA,EACnB;AAEA,MAAI,SAAS,WAAW;AACtB,WAAO,KAAK,QAAQ,OAAO,SAAS,SAAS;AAAA,EAC/C;AAEA,MAAI,SAAS,WAAW;AACtB,WAAO,KAAK,kBAAkB;AAAA,EAChC;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../packages/utils/src/functions/clampValue.ts","../../packages/utils/src/functions/interpolate.ts","../../packages/utils/src/functions/isIOS.ts","../../packages/utils/src/functions/mapValue.ts","../../packages/utils/src/functions/matchClass.ts","../../packages/utils/src/functions/uuid.ts","../../packages/utils/src/functions/uniq.ts","../../packages/utils/src/functions/slugify.ts"],"sourcesContent":["export function clampValue(value: number, min: number, max: number) {\n  return value <= min ? min : value >= max ? max : value\n}\n","export type InterpolateArgs = {\n  from: number\n  to: number\n  duration: number\n  interval?: number\n  easing?: (t: number) => number\n  callback: (result: number) => void\n}\n\nexport function interpolate(args: InterpolateArgs) {\n  const { from, to, duration, callback, easing = (t) => t * (2 - t) } = args\n\n  let startTime: number\n\n  function animate(timestamp: number) {\n    if (!startTime) startTime = timestamp\n\n    const progress = Math.min(1, (timestamp - startTime) / duration)\n    const easedProgress = easing(progress)\n    const value = from + (to - from) * easedProgress\n\n    callback(value)\n\n    if (progress < 1) {\n      requestAnimationFrame(animate)\n    }\n  }\n\n  requestAnimationFrame(animate)\n}\n","export function isIOS() {\n  if (typeof window === 'undefined') return false\n  return /iPad|iPhone|iPod/.test(navigator?.userAgent)\n}\n","export function mapValue(\n  value: number,\n  inMin: number,\n  inMax: number,\n  outMin: number,\n  outMax: number,\n) {\n  return ((value - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin\n}\n","export function matchClass(el: Element, regex: RegExp) {\n  return Array.from(el.classList).some((className) => regex.test(className))\n}\n","// This implementation is meant for internal use only.\n// It is only used to generate a unique IDs for the `key` props.\n// It should not replace crypto.randomUUID() or window.crypto.randomUUID().\n\nexport function uuid() {\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'\n    .split('')\n    .reduce(\n      (c, i) =>\n        c +\n        (i === 'x'\n          ? Math.floor(Math.random() * 0xf).toString(16)\n          : i === 'y'\n          ? Math.floor(Math.random() * 4 + 8).toString(16)\n          : i),\n      '',\n    )\n}\n","export function uniq<T extends any[]>(a: T) {\n  return Array.from(new Set(a))\n}\n","export interface SlugifyOptions {\n  separator?: string\n  trim?: boolean\n  remove?: RegExp\n  strict?: boolean\n  lowercase?: boolean\n}\n\nconst defaultOptions: SlugifyOptions = {\n  separator: '-',\n  trim: true,\n  remove: undefined,\n  strict: true,\n  lowercase: true,\n}\n\nexport function slugify(string: string, options?: SlugifyOptions): string {\n  if (typeof string !== 'string') {\n    throw new Error('slugify: string argument expected')\n  }\n\n  // Merge provided options with default options\n  const _options = { ...defaultOptions, ...options }\n\n  const charMap: { [key: string]: string } = {}\n\n  let slug = string\n    .normalize()\n    .split('')\n    .reduce(function (result, ch) {\n      let appendChar = charMap[ch]\n      if (appendChar === undefined) appendChar = ch\n      if (appendChar === _options?.separator) appendChar = ' '\n      return (\n        result +\n        appendChar.replace(_options?.remove || /[^\\w\\s$*_+~.()'\"!\\-:@]+/g, '')\n      )\n    }, '')\n\n  if (_options.strict) {\n    slug = slug.replace(/[^A-Za-z0-9\\s]/g, '')\n  }\n\n  if (_options.trim) {\n    slug = slug.trim()\n  }\n\n  if (_options.separator) {\n    slug = slug.replace(/ +/g, _options.separator)\n  }\n\n  if (_options.lowercase) {\n    slug = slug.toLocaleLowerCase()\n  }\n\n  return slug\n}\n"],"mappings":";AAAO,SAAS,WAAW,OAAe,KAAa,KAAa;AAClE,SAAO,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM;AACnD;;;ACOO,SAAS,YAAY,MAAuB;AACjD,QAAM,EAAE,MAAM,IAAI,UAAU,UAAU,SAAS,CAAC,MAAM,KAAK,IAAI,GAAG,IAAI;AAEtE,MAAI;AAEJ,WAAS,QAAQ,WAAmB;AAClC,QAAI,CAAC;AAAW,kBAAY;AAE5B,UAAM,WAAW,KAAK,IAAI,IAAI,YAAY,aAAa,QAAQ;AAC/D,UAAM,gBAAgB,OAAO,QAAQ;AACrC,UAAM,QAAQ,QAAQ,KAAK,QAAQ;AAEnC,aAAS,KAAK;AAEd,QAAI,WAAW,GAAG;AAChB,4BAAsB,OAAO;AAAA,IAC/B;AAAA,EACF;AAEA,wBAAsB,OAAO;AAC/B;;;AC7BO,SAAS,QAAQ;AACtB,MAAI,OAAO,WAAW;AAAa,WAAO;AAC1C,SAAO,mBAAmB,KAAK,uCAAW,SAAS;AACrD;;;ACHO,SAAS,SACd,OACA,OACA,OACA,QACA,QACA;AACA,UAAS,QAAQ,UAAU,SAAS,WAAY,QAAQ,SAAS;AACnE;;;ACRO,SAAS,WAAW,IAAa,OAAe;AACrD,SAAO,MAAM,KAAK,GAAG,SAAS,EAAE,KAAK,CAAC,cAAc,MAAM,KAAK,SAAS,CAAC;AAC3E;;;ACEO,SAAS,OAAO;AACrB,SAAO,uCACJ,MAAM,EAAE,EACR;AAAA,IACC,CAAC,GAAG,MACF,KACC,MAAM,MACH,KAAK,MAAM,KAAK,OAAO,IAAI,EAAG,EAAE,SAAS,EAAE,IAC3C,MAAM,MACN,KAAK,MAAM,KAAK,OAAO,IAAI,IAAI,CAAC,EAAE,SAAS,EAAE,IAC7C;AAAA,IACN;AAAA,EACF;AACJ;;;ACjBO,SAAS,KAAsB,GAAM;AAC1C,SAAO,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC;AAC9B;;;ACMA,IAAM,iBAAiC;AAAA,EACrC,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW;AACb;AAEO,SAAS,QAAQ,QAAgB,SAAkC;AACxE,MAAI,OAAO,WAAW,UAAU;AAC9B,UAAM,IAAI,MAAM,mCAAmC;AAAA,EACrD;AAGA,QAAM,WAAW,EAAE,GAAG,gBAAgB,GAAG,QAAQ;AAEjD,QAAM,UAAqC,CAAC;AAE5C,MAAI,OAAO,OACR,UAAU,EACV,MAAM,EAAE,EACR,OAAO,SAAU,QAAQ,IAAI;AAC5B,QAAI,aAAa,QAAQ,EAAE;AAC3B,QAAI,eAAe;AAAW,mBAAa;AAC3C,QAAI,gBAAe,qCAAU;AAAW,mBAAa;AACrD,WACE,SACA,WAAW,SAAQ,qCAAU,WAAU,4BAA4B,EAAE;AAAA,EAEzE,GAAG,EAAE;AAEP,MAAI,SAAS,QAAQ;AACnB,WAAO,KAAK,QAAQ,mBAAmB,EAAE;AAAA,EAC3C;AAEA,MAAI,SAAS,MAAM;AACjB,WAAO,KAAK,KAAK;AAAA,EACnB;AAEA,MAAI,SAAS,WAAW;AACtB,WAAO,KAAK,QAAQ,OAAO,SAAS,SAAS;AAAA,EAC/C;AAEA,MAAI,SAAS,WAAW;AACtB,WAAO,KAAK,kBAAkB;AAAA,EAChC;AAEA,SAAO;AACT;","names":[]}

package/package.json

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