@maas/vue-equipment 1.0.0-beta.33 → 1.0.0-beta.35

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

@@ -26,6 +26,9 @@
 
 <script setup>
 import { computed, inject } from "vue";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { MagicToastInstanceId } from "../../symbols";
 import { useToastState } from "../composables/private/useToastState";
 import { useToastDrag } from "../composables/private/useToastDrag";
@@ -33,10 +36,15 @@ const { id, index } = defineProps({
   id: { type: String, required: true },
   index: { type: Number, required: true }
 });
+const magicError = useMagicError({
+  prefix: "MagicToast",
+  source: "MagicToastView"
+});
 const instanceId = inject(MagicToastInstanceId, void 0);
-if (!instanceId) {
-  throw new Error("MagicToastView must be used within a MagicToastProvider");
-}
+magicError.assert(instanceId, {
+  message: "MagicToastView must be used within a MagicToastProvider",
+  errorCode: "missing_instance_id"
+});
 const { initializeState } = useToastState(instanceId);
 const state = initializeState();
 const count = computed(() => state.views.length);

package/dist/plugins/MagicToast/src/composables/private/useToastCallback.d.ts

@@ -2,8 +2,8 @@ import { type MaybeRef } from 'vue';
 export declare function useToastCallback(instanceId: MaybeRef<string>): {
     onBeforeEnter: () => void;
     onEnter: () => void;
-    onAfterEnter: (el: HTMLElement) => void;
+    onAfterEnter: (el: Element) => void;
     onBeforeLeave: () => void;
     onLeave: () => void;
-    onAfterLeave: (el: HTMLElement) => void;
+    onAfterLeave: (el: Element) => void;
 };

package/dist/plugins/MagicToast/src/composables/private/useToastCallback.mjs

@@ -1,5 +1,5 @@
 import { toValue } from "vue";
-import { useMagicEmitter } from "@maas/vue-equipment/plugins";
+import { useMagicEmitter } from "@maas/vue-equipment/plugins/MagicEmitter";
 import { useToastView } from "./useToastView.mjs";
 import { useToastState } from "./useToastState.mjs";
 export function useToastCallback(instanceId) {
@@ -18,12 +18,13 @@ export function useToastCallback(instanceId) {
   }
   function onAfterEnter(el) {
     emitter.emit("afterEnter", toValue(instanceId));
-    const view = getView(el.dataset.id ?? "");
+    const mappedEl = el;
+    const view = getView(mappedEl.dataset.id ?? "");
     if (view) {
-      const mappedEl = el;
-      const style = window.getComputedStyle(mappedEl);
+      const mappedEl2 = el;
+      const style = window.getComputedStyle(mappedEl2);
       const dimensions = {
-        height: mappedEl.offsetHeight,
+        height: mappedEl2.offsetHeight,
         padding: {
           top: parseInt(style.paddingTop),
           bottom: parseInt(style.paddingBottom)
@@ -39,7 +40,8 @@ export function useToastCallback(instanceId) {
     emitter.emit("leave", toValue(instanceId));
   }
   function onAfterLeave(el) {
-    const view = getView(el.dataset.id ?? "");
+    const mappedEl = el;
+    const view = getView(mappedEl.dataset.id ?? "");
     if (view) {
       deleteView(view.id);
     }

package/dist/plugins/MagicToast/src/composables/private/useToastDrag.mjs

@@ -7,7 +7,7 @@ import {
   interpolate,
   isWithinRange
 } from "@maas/vue-equipment/utils";
-import { useMagicEmitter } from "@maas/vue-equipment/plugins";
+import { useMagicEmitter } from "@maas/vue-equipment/plugins/MagicEmitter";
 import { useToastState } from "./useToastState.mjs";
 import { useToastView } from "./useToastView.mjs";
 import { useToastScrollLock } from "./useToastScrollLock.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment",
   "description": "Our Frontend Toolkit, Free and Open Source",
-  "version": "1.0.0-beta.33",
+  "version": "1.0.0-beta.35",
   "contributors": [
     {
       "name": "Robin Scholz",
@@ -30,23 +30,27 @@
       "types": "./dist/nuxt/types.d.mts",
       "import": "./dist/nuxt/module.mjs"
     },
-    "./composables": {
-      "types": "./dist/composables/index.d.ts",
-      "import": "./dist/composables/index.js"
-    },
-    "./plugins": {
-      "types": "./dist/plugins/index.d.ts",
-      "import": "./dist/plugins/index.mjs"
+    "./composables/*": {
+      "types": "./dist/composables/*/index.d.ts",
+      "import": "./dist/composables/*/index.js"
     },
     "./plugins/MagicPlayer/css/*.css": {
       "import": "./dist/plugins/MagicPlayer/src/css/*.css"
     },
-    "./utils": {
-      "types": "./dist/utils/index.d.ts",
-      "import": "./dist/utils/index.js"
+    "./plugins/*/nuxt": {
+      "types": "./dist/plugins/*/nuxt.d.ts",
+      "import": "./dist/plugins/*/nuxt.mjs"
+    },
+    "./plugins/*": {
+      "types": "./dist/plugins/*/index.d.ts",
+      "import": "./dist/plugins/*/index.mjs"
     },
     "./utils/css/*.css": {
       "import": "./dist/utils/css/*.css"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js"
     }
   },
   "files": [
@@ -77,7 +81,7 @@
       "optional": false
     },
     "@nuxt/kit": {
-      "optional": false
+      "optional": true
     },
     "@maas/magic-timer": {
       "optional": false
@@ -97,6 +101,9 @@
     "defu": {
       "optional": false
     },
+    "focus-trap": {
+      "optional": false
+    },
     "hls.js": {
       "optional": false
     },
@@ -110,7 +117,7 @@
       "optional": false
     },
     "nuxt": {
-      "optional": false
+      "optional": true
     },
     "universal-cookie": {
       "optional": false

package/dist/composables/index.d.ts

@@ -1,97 +0,0 @@
-import * as vue from 'vue';
-import { MaybeRef } from 'vue';
-import { DateTime } from 'luxon';
-import { linear, easeInQuad, easeOutQuad, easeInOutQuad, easeOutBack, easeInCubic, easeOutCubic, easeInOutCubic, easeInQuart, easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint } from '@maas/vue-equipment/utils';
-import { MaybeElement, MaybeComputedElementRef } from '@vueuse/core';
-
-type DateTimeArray = [number, number, number, number?, number?, number?];
-interface CountdownOptions {
-    endDateTime: MaybeRef<DateTimeArray>;
-    timezone?: MaybeRef<string>;
-    zeroIndexedMonths?: boolean;
-}
-declare function useCountdown(options: CountdownOptions, callback?: () => void): {
-    years: vue.ShallowRef<number, number>;
-    days: vue.ShallowRef<number, number>;
-    hours: vue.ShallowRef<number, number>;
-    minutes: vue.ShallowRef<number, number>;
-    seconds: vue.ShallowRef<number, number>;
-    endDateTime: vue.ComputedRef<DateTime<true> | DateTime<false>>;
-    pad: (value: number) => string;
-    restart: () => void;
-    onTick: (callback: () => void) => void;
-};
-
-type EasingKey = 'linear' | 'easeInQuad' | 'easeOutQuad' | 'easeInOutQuad' | 'easeOutBack' | 'easeInCubic' | 'easeOutCubic' | 'easeInOutCubic' | 'easeInQuart' | 'easeOutQuart' | 'easeInOutQuart' | 'easeInQuint' | 'easeOutQuint' | 'easeInOutQuint';
-declare function useEasings(): {
-    linear: typeof linear;
-    easeInQuad: typeof easeInQuad;
-    easeOutQuad: typeof easeOutQuad;
-    easeInOutQuad: typeof easeInOutQuad;
-    easeOutBack: typeof easeOutBack;
-    easeInCubic: typeof easeInCubic;
-    easeOutCubic: typeof easeOutCubic;
-    easeInOutCubic: typeof easeInOutCubic;
-    easeInQuart: typeof easeInQuart;
-    easeOutQuart: typeof easeOutQuart;
-    easeInOutQuart: typeof easeInOutQuart;
-    easeInQuint: typeof easeInQuint;
-    easeOutQuint: typeof easeOutQuint;
-    easeInOutQuint: typeof easeInOutQuint;
-};
-
-type UseMetaViewportArgs = {
-    content: string;
-};
-declare function useMetaViewport(args?: UseMetaViewportArgs): {
-    setMetaViewport: () => void;
-    resetMetaViewport: () => void;
-};
-
-type ScrollToTarget = string | Element | MaybeElement | MaybeComputedElementRef;
-type ScrollToParent = ScrollToTarget | Window;
-type ScrollToParams = {
-    parent?: Element | Window;
-    left: number;
-    top: number;
-    duration?: {
-        x?: number;
-        y?: number;
-    };
-    easing?: (t: number) => number;
-    callback?: () => void;
-};
-type getScrollDurationParams = {
-    parent: Element | Window;
-    left: number;
-    top: number;
-    speed: number;
-};
-type scrollToTargetParams = {
-    target: ScrollToTarget;
-    parent?: ScrollToParent;
-    offset?: {
-        x?: number;
-        y?: number;
-    };
-    speed?: number;
-    easing?: (t: number) => number;
-};
-declare function useScrollTo(): {
-    getScrollPosition: (element: Element | Window) => {
-        x: number;
-        y: number;
-    };
-    getDistance: (target: Element, parent?: Element | Window) => {
-        top: number;
-        left: number;
-    };
-    getScrollDuration: ({ parent, left, top, speed, }: getScrollDurationParams) => {
-        x: number;
-        y: number;
-    };
-    scrollTo: ({ parent, top, left, duration, easing, callback, }: ScrollToParams) => void;
-    scrollToTarget: ({ target, parent, offset, speed, easing, }: scrollToTargetParams) => void;
-};
-
-export { type CountdownOptions, type DateTimeArray, type EasingKey, type ScrollToParams, type ScrollToParent, type ScrollToTarget, type UseMetaViewportArgs, type getScrollDurationParams, type scrollToTargetParams, useCountdown, useEasings, useMetaViewport, useScrollTo };

package/dist/composables/index.js

@@ -1,344 +0,0 @@
-// useCountdown/index.ts
-import {
-  computed,
-  onMounted,
-  shallowRef,
-  unref,
-  watch
-} from "vue";
-import { MagicTimer } from "@maas/magic-timer";
-import { DateTime } from "luxon";
-var defaultOptions = {
-  endDateTime: [1970, 1, 1, 0, 0, 0],
-  zeroIndexedMonths: false
-};
-function useCountdown(options, callback) {
-  options = { ...defaultOptions, ...options };
-  if (unref(options.endDateTime).length < 3) {
-    console.error(
-      "useCountdownClock: \u201CendDateTime\u201D needs to be an array [YYYY, MM, DD, HH?, MM?, SS?]"
-    );
-  }
-  const timezone = unref(options.timezone);
-  if (timezone) {
-    if (!DateTime.now().setZone(timezone).isValid) {
-      console.error(
-        `useCountdownClock: \u201C${timezone}\u201D is not a valid timezone. Did you mean ${DateTime.local().zoneName}? For more information see https://en.wikipedia.org/wiki/List_of_tz_database_time_zones`
-      );
-    }
-  }
-  const timer = new MagicTimer();
-  const years = shallowRef(0);
-  const days = shallowRef(0);
-  const hours = shallowRef(0);
-  const minutes = shallowRef(0);
-  const seconds = shallowRef(0);
-  const parseDateTimeArray = (dateTimeArr) => {
-    const [year, month, day, hour, minute, second] = dateTimeArr;
-    return {
-      year,
-      month: options.zeroIndexedMonths ? month + 1 : month,
-      day,
-      hour: hour ?? 0,
-      minute: minute ?? 0,
-      second: second ?? 0
-    };
-  };
-  const endDateTime = computed(() => {
-    const { year, month, day, hour, minute, second } = parseDateTimeArray(
-      unref(options.endDateTime)
-    );
-    return DateTime.fromObject(
-      {
-        year,
-        month,
-        day,
-        hour,
-        minute,
-        second
-      },
-      {
-        zone: unref(options.timezone)
-      }
-    );
-  });
-  function tick() {
-    const now = DateTime.now().setZone(unref(options.timezone));
-    const end = endDateTime.value;
-    if (end <= now) {
-      timer.stop();
-      reset();
-      if (callback) {
-        callback();
-      }
-      return;
-    }
-    const diff = end.diff(now, [
-      "years",
-      "days",
-      "hours",
-      "minutes",
-      "seconds",
-      "milliseconds"
-    ]).toObject();
-    years.value = diff.years ?? 0;
-    days.value = diff.days ?? 0;
-    hours.value = diff.hours ?? 0;
-    minutes.value = diff.minutes ?? 0;
-    seconds.value = diff.seconds ?? 0;
-  }
-  function pad(value) {
-    return ("0" + value).slice(-2);
-  }
-  function onTick(callback2) {
-    timer.on("tick", callback2);
-  }
-  function reset() {
-    years.value = 0;
-    days.value = 0;
-    hours.value = 0;
-    minutes.value = 0;
-    seconds.value = 0;
-  }
-  function restart() {
-    timer.reset();
-    timer.start();
-  }
-  timer.on("tick", tick);
-  onMounted(() => {
-    tick();
-    timer.start();
-  });
-  watch(endDateTime, () => {
-    if (timer.state === "running") {
-      return;
-    }
-    restart();
-  });
-  return {
-    years,
-    days,
-    hours,
-    minutes,
-    seconds,
-    endDateTime,
-    pad,
-    restart,
-    onTick
-  };
-}
-
-// useEasings/index.ts
-import {
-  linear,
-  easeInQuad,
-  easeOutQuad,
-  easeInOutQuad,
-  easeOutBack,
-  easeInCubic,
-  easeOutCubic,
-  easeInOutCubic,
-  easeInQuart,
-  easeOutQuart,
-  easeInOutQuart,
-  easeInQuint,
-  easeOutQuint,
-  easeInOutQuint
-} from "@maas/vue-equipment/utils";
-function useEasings() {
-  const easings = {
-    linear,
-    easeInQuad,
-    easeOutQuad,
-    easeInOutQuad,
-    easeOutBack,
-    easeInCubic,
-    easeOutCubic,
-    easeInOutCubic,
-    easeInQuart,
-    easeOutQuart,
-    easeInOutQuart,
-    easeInQuint,
-    easeOutQuint,
-    easeInOutQuint
-  };
-  return easings;
-}
-
-// useMetaViewport/index.ts
-import { shallowRef as shallowRef2 } from "vue";
-function useMetaViewport(args) {
-  const content = args?.content || "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0";
-  const metaViewport = shallowRef2(void 0);
-  function setMetaViewport() {
-    const metaElement = document.querySelector(
-      'meta[name="viewport"]'
-    );
-    metaViewport.value = metaElement.content;
-    metaElement.setAttribute("content", content);
-  }
-  function resetMetaViewport() {
-    const metaElement = document.querySelector(
-      'meta[name="viewport"]'
-    );
-    if (metaViewport.value) {
-      metaElement.setAttribute("content", metaViewport.value);
-    }
-  }
-  return {
-    setMetaViewport,
-    resetMetaViewport
-  };
-}
-
-// useScrollTo/index.ts
-import {
-  unrefElement
-} from "@vueuse/core";
-import { easeOutQuad as easeOutQuad2 } from "@maas/vue-equipment/utils";
-function min(a, b) {
-  return a < b ? a : b;
-}
-function unwrapParent(parent) {
-  if (parent === window) {
-    return parent;
-  } else if (typeof parent === "string") {
-    return document.querySelector(parent) || document.documentElement;
-  } else {
-    return unrefElement(parent) || document.documentElement;
-  }
-}
-function unwrapTarget(target, parentEl) {
-  if (typeof target === "string") {
-    const queryTarget = parentEl === window ? document : parentEl;
-    return queryTarget.querySelector(target);
-  } else {
-    return unrefElement(target);
-  }
-}
-function isHtmlElement(parentEl) {
-  return parentEl instanceof HTMLElement;
-}
-function disableScrollSnap(parentEl) {
-  if (isHtmlElement(parentEl)) {
-    parentEl.style.scrollSnapType = "none";
-  }
-}
-function reenableScrollSnap(parentEl) {
-  if (isHtmlElement(parentEl)) {
-    parentEl.style.scrollSnapType = "";
-  }
-}
-function useScrollTo() {
-  function getScrollPosition(element) {
-    if (element === window) {
-      return { x: window.scrollX, y: window.scrollY };
-    } else if (element instanceof Element) {
-      return { x: element.scrollLeft, y: element.scrollTop };
-    } else {
-      return { x: 0, y: 0 };
-    }
-  }
-  function getDistance(target, parent) {
-    const rect = target.getBoundingClientRect();
-    const scrollEl = parent || document.scrollingElement || document.documentElement;
-    const scrollTop = scrollEl instanceof Window ? 0 : scrollEl.scrollTop;
-    const scrollLeft = scrollEl instanceof Window ? 0 : scrollEl.scrollLeft;
-    return {
-      top: rect.top + scrollTop,
-      left: rect.left + scrollLeft
-    };
-  }
-  function getScrollDuration({
-    parent = document.documentElement || document.body,
-    left = 0,
-    top = 0,
-    speed = 500
-  }) {
-    const currentPos = getScrollPosition(parent);
-    const distanceX = currentPos.x - left;
-    const distanceY = currentPos.y - top;
-    const durationX = Math.abs(distanceX / speed * 100);
-    const durationY = Math.abs(distanceY / speed * 100);
-    return { x: durationX, y: durationY };
-  }
-  function scrollTo({
-    parent = document.documentElement || document.body,
-    top,
-    left,
-    duration = {},
-    easing = easeOutQuad2,
-    callback
-  }) {
-    const startTime = Date.now();
-    const { x: fromX, y: fromY } = getScrollPosition(parent);
-    if (fromX === top && fromY === left) {
-      if (callback) callback();
-      return;
-    }
-    const mappedDuration = { x: 500, y: 500, ...duration };
-    const scroll = () => {
-      const currentTime = Date.now();
-      const timeX = min(1, (currentTime - startTime) / mappedDuration.x);
-      const timeY = min(1, (currentTime - startTime) / mappedDuration.y);
-      const easedTimeX = easing(timeX);
-      const easedTimeY = easing(timeY);
-      const minTime = Math.min(easedTimeX, easedTimeY);
-      parent.scroll({
-        left: minTime * (left - fromX) + fromX,
-        top: minTime * (top - fromY) + fromY
-      });
-      if (easedTimeX < 1 || easedTimeY < 1) {
-        requestAnimationFrame(scroll);
-      } else if (callback) {
-        callback();
-      }
-    };
-    requestAnimationFrame(scroll);
-  }
-  function scrollToTarget({
-    target,
-    parent = document.documentElement || document.body,
-    offset = {},
-    speed = 500,
-    easing = easeOutQuad2
-  }) {
-    const parentEl = unwrapParent(parent);
-    if (!parentEl) return;
-    const targetEl = unwrapTarget(target, parentEl);
-    if (!targetEl) return;
-    disableScrollSnap(parentEl);
-    const mappedOffset = { x: 0, y: 0, ...offset };
-    const distance = getDistance(targetEl, parentEl);
-    const leftDistance = distance.left - mappedOffset.x;
-    const topDistance = distance.top - mappedOffset.y;
-    const scrollDuration = getScrollDuration({
-      parent: parentEl,
-      left: leftDistance,
-      top: topDistance,
-      speed
-    });
-    scrollTo({
-      parent: parentEl,
-      left: leftDistance,
-      top: topDistance,
-      duration: scrollDuration,
-      easing,
-      callback: () => reenableScrollSnap(parentEl)
-    });
-  }
-  return {
-    getScrollPosition,
-    getDistance,
-    getScrollDuration,
-    scrollTo,
-    scrollToTarget
-  };
-}
-export {
-  useCountdown,
-  useEasings,
-  useMetaViewport,
-  useScrollTo
-};
-//# sourceMappingURL=index.js.map

package/dist/composables/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/composables/useCountdown/index.ts","../../packages/composables/useEasings/index.ts","../../packages/composables/useMetaViewport/index.ts","../../packages/composables/useScrollTo/index.ts"],"sourcesContent":["import {\n  computed,\n  onMounted,\n  shallowRef,\n  unref,\n  watch,\n  type MaybeRef,\n} from 'vue'\nimport { MagicTimer } from '@maas/magic-timer'\nimport { DateTime } from 'luxon'\n\nexport type DateTimeArray = [number, number, number, number?, number?, number?]\n\nexport interface CountdownOptions {\n  endDateTime: MaybeRef<DateTimeArray>\n  timezone?: MaybeRef<string>\n  zeroIndexedMonths?: boolean\n}\n\nconst defaultOptions: CountdownOptions = {\n  endDateTime: [1970, 1, 1, 0, 0, 0],\n  zeroIndexedMonths: false,\n}\n\nexport function useCountdown(options: CountdownOptions, callback?: () => void) {\n  options = { ...defaultOptions, ...options }\n\n  if (unref(options.endDateTime).length < 3) {\n    console.error(\n      'useCountdownClock: “endDateTime” needs to be an array [YYYY, MM, DD, HH?, MM?, SS?]'\n    )\n  }\n\n  const timezone = unref(options.timezone)\n  if (timezone) {\n    if (!DateTime.now().setZone(timezone).isValid) {\n      console.error(\n        `useCountdownClock: “${timezone}” is not a valid timezone. Did you mean ${\n          DateTime.local().zoneName\n        }? For more information see https://en.wikipedia.org/wiki/List_of_tz_database_time_zones`\n      )\n    }\n  }\n\n  const timer = new MagicTimer()\n\n  const years = shallowRef(0)\n  const days = shallowRef(0)\n  const hours = shallowRef(0)\n  const minutes = shallowRef(0)\n  const seconds = shallowRef(0)\n\n  // Parse the end dateTime array into an date and time object\n  // If hour, minute or second are not set, set them to 0\n  // Optionally add +1 if month is not zero indexed\n  const parseDateTimeArray = (dateTimeArr: DateTimeArray) => {\n    const [year, month, day, hour, minute, second] = dateTimeArr\n    return {\n      year,\n      month: options.zeroIndexedMonths ? month + 1 : month,\n      day,\n      hour: hour ?? 0,\n      minute: minute ?? 0,\n      second: second ?? 0,\n    }\n  }\n\n  const endDateTime = computed(() => {\n    const { year, month, day, hour, minute, second } = parseDateTimeArray(\n      unref(options.endDateTime)\n    )\n\n    return DateTime.fromObject(\n      {\n        year,\n        month,\n        day,\n        hour,\n        minute,\n        second,\n      },\n      {\n        zone: unref(options.timezone),\n      }\n    )\n  })\n\n  // Update the countdown values on each tick\n  // If endDateTime is reached, stop the timer, reset the values and run the callback\n  function tick() {\n    const now = DateTime.now().setZone(unref(options.timezone))\n    const end = endDateTime.value\n\n    if (end <= now) {\n      timer.stop()\n      reset()\n\n      if (callback) {\n        callback()\n      }\n\n      return\n    }\n\n    const diff = end\n      .diff(now, [\n        'years',\n        'days',\n        'hours',\n        'minutes',\n        'seconds',\n        'milliseconds',\n      ])\n      .toObject()\n\n    years.value = diff.years ?? 0\n    days.value = diff.days ?? 0\n    hours.value = diff.hours ?? 0\n    minutes.value = diff.minutes ?? 0\n    seconds.value = diff.seconds ?? 0\n  }\n\n  function pad(value: number): string {\n    return ('0' + value).slice(-2)\n  }\n\n  function onTick(callback: () => void) {\n    timer.on('tick', callback)\n  }\n\n  function reset() {\n    years.value = 0\n    days.value = 0\n    hours.value = 0\n    minutes.value = 0\n    seconds.value = 0\n  }\n\n  function restart() {\n    timer.reset()\n    timer.start()\n  }\n\n  timer.on('tick', tick)\n\n  onMounted(() => {\n    tick()\n    timer.start()\n  })\n\n  // Watch for changes in the endDateTime\n  // and restart the timer\n  watch(endDateTime, () => {\n    if (timer.state === 'running') {\n      return\n    }\n\n    restart()\n  })\n\n  return {\n    years,\n    days,\n    hours,\n    minutes,\n    seconds,\n    endDateTime,\n    pad,\n    restart,\n    onTick,\n  }\n}\n","import {\n  linear,\n  easeInQuad,\n  easeOutQuad,\n  easeInOutQuad,\n  easeOutBack,\n  easeInCubic,\n  easeOutCubic,\n  easeInOutCubic,\n  easeInQuart,\n  easeOutQuart,\n  easeInOutQuart,\n  easeInQuint,\n  easeOutQuint,\n  easeInOutQuint,\n} from '@maas/vue-equipment/utils'\n\nexport type EasingKey =\n  | 'linear'\n  | 'easeInQuad'\n  | 'easeOutQuad'\n  | 'easeInOutQuad'\n  | 'easeOutBack'\n  | 'easeInCubic'\n  | 'easeOutCubic'\n  | 'easeInOutCubic'\n  | 'easeInQuart'\n  | 'easeOutQuart'\n  | 'easeInOutQuart'\n  | 'easeInQuint'\n  | 'easeOutQuint'\n  | 'easeInOutQuint'\n\nexport function useEasings() {\n  const easings = {\n    linear,\n    easeInQuad,\n    easeOutQuad,\n    easeInOutQuad,\n    easeOutBack,\n    easeInCubic,\n    easeOutCubic,\n    easeInOutCubic,\n    easeInQuart,\n    easeOutQuart,\n    easeInOutQuart,\n    easeInQuint,\n    easeOutQuint,\n    easeInOutQuint,\n  }\n\n  return easings\n}\n","import { shallowRef } from 'vue'\n\nexport type UseMetaViewportArgs = {\n  content: string\n}\n\nexport function useMetaViewport(args?: UseMetaViewportArgs) {\n  const content =\n    args?.content ||\n    'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'\n\n  const metaViewport = shallowRef<string | undefined>(undefined)\n\n  function setMetaViewport() {\n    const metaElement = document.querySelector(\n      'meta[name=\"viewport\"]'\n    ) as HTMLMetaElement\n\n    metaViewport.value = metaElement.content\n    metaElement.setAttribute('content', content)\n  }\n\n  function resetMetaViewport() {\n    const metaElement = document.querySelector(\n      'meta[name=\"viewport\"]'\n    ) as HTMLMetaElement\n\n    if (metaViewport.value) {\n      metaElement.setAttribute('content', metaViewport.value)\n    }\n  }\n\n  return {\n    setMetaViewport,\n    resetMetaViewport,\n  }\n}\n","import {\n  unrefElement,\n  type MaybeComputedElementRef,\n  type MaybeElement,\n} from '@vueuse/core'\nimport { easeOutQuad } from '@maas/vue-equipment/utils'\n\nexport type ScrollToTarget =\n  | string\n  | Element\n  | MaybeElement\n  | MaybeComputedElementRef\n\nexport type ScrollToParent = ScrollToTarget | Window\n\nexport type ScrollToParams = {\n  parent?: Element | Window\n  left: number\n  top: number\n  duration?: { x?: number; y?: number }\n  easing?: (t: number) => number\n  callback?: () => void\n}\n\nexport type getScrollDurationParams = {\n  parent: Element | Window\n  left: number\n  top: number\n  speed: number\n}\n\nexport type scrollToTargetParams = {\n  target: ScrollToTarget\n  parent?: ScrollToParent\n  offset?: {\n    x?: number\n    y?: number\n  }\n  speed?: number\n  easing?: (t: number) => number\n}\n\n// Private functions\nfunction min(a: number, b: number) {\n  return a < b ? a : b\n}\n\nfunction unwrapParent(parent: ScrollToParent) {\n  if (parent === window) {\n    return parent\n  } else if (typeof parent === 'string') {\n    return document.querySelector(parent) || document.documentElement\n  } else {\n    return (\n      unrefElement(parent as MaybeComputedElementRef<MaybeElement>) ||\n      document.documentElement\n    )\n  }\n}\n\nfunction unwrapTarget(target: ScrollToTarget, parentEl: Element | Window) {\n  if (typeof target === 'string') {\n    const queryTarget = parentEl === window ? document : (parentEl as Element)\n    return queryTarget.querySelector(target)\n  } else {\n    return unrefElement(target as MaybeComputedElementRef<MaybeElement>)\n  }\n}\n\nfunction isHtmlElement(\n  parentEl: Window | SVGElement | Element\n): parentEl is HTMLElement {\n  return parentEl instanceof HTMLElement\n}\n\nfunction disableScrollSnap(parentEl: Window | SVGElement | Element) {\n  if (isHtmlElement(parentEl)) {\n    parentEl.style.scrollSnapType = 'none'\n  }\n}\n\nfunction reenableScrollSnap(parentEl: Window | SVGElement | Element) {\n  if (isHtmlElement(parentEl)) {\n    parentEl.style.scrollSnapType = ''\n  }\n}\n\n// Public composable\nexport function useScrollTo() {\n  function getScrollPosition(element: Element | Window): {\n    x: number\n    y: number\n  } {\n    if (element === window) {\n      return { x: window.scrollX, y: window.scrollY }\n    } else if (element instanceof Element) {\n      return { x: element.scrollLeft, y: element.scrollTop }\n    } else {\n      return { x: 0, y: 0 }\n    }\n  }\n\n  function getDistance(\n    target: Element,\n    parent?: Element | Window\n  ): { top: number; left: number } {\n    const rect = target.getBoundingClientRect()\n    const scrollEl =\n      parent || document.scrollingElement || document.documentElement\n\n    const scrollTop = scrollEl instanceof Window ? 0 : scrollEl.scrollTop\n    const scrollLeft = scrollEl instanceof Window ? 0 : scrollEl.scrollLeft\n\n    return {\n      top: rect.top + scrollTop,\n      left: rect.left + scrollLeft,\n    }\n  }\n\n  function getScrollDuration({\n    parent = document.documentElement || document.body,\n    left = 0,\n    top = 0,\n    speed = 500,\n  }: getScrollDurationParams) {\n    const currentPos = getScrollPosition(parent)\n    const distanceX = currentPos.x - left\n    const distanceY = currentPos.y - top\n    const durationX = Math.abs((distanceX / speed) * 100)\n    const durationY = Math.abs((distanceY / speed) * 100)\n\n    return { x: durationX, y: durationY }\n  }\n\n  function scrollTo({\n    parent = document.documentElement || document.body,\n    top,\n    left,\n    duration = {},\n    easing = easeOutQuad,\n    callback,\n  }: ScrollToParams) {\n    const startTime = Date.now()\n    const { x: fromX, y: fromY } = getScrollPosition(parent)\n\n    if (fromX === top && fromY === left) {\n      if (callback) callback()\n      return\n    }\n\n    const mappedDuration = { x: 500, y: 500, ...duration }\n\n    const scroll = () => {\n      const currentTime = Date.now()\n\n      const timeX = min(1, (currentTime - startTime) / mappedDuration.x)\n      const timeY = min(1, (currentTime - startTime) / mappedDuration.y)\n      const easedTimeX = easing(timeX)\n      const easedTimeY = easing(timeY)\n\n      // We use the min of the two times to make sure we scroll at the same speed\n      const minTime = Math.min(easedTimeX, easedTimeY)\n\n      parent.scroll({\n        left: minTime * (left - fromX) + fromX,\n        top: minTime * (top - fromY) + fromY,\n      })\n\n      if (easedTimeX < 1 || easedTimeY < 1) {\n        requestAnimationFrame(scroll)\n      } else if (callback) {\n        callback()\n      }\n    }\n\n    requestAnimationFrame(scroll)\n  }\n\n  function scrollToTarget({\n    target,\n    parent = document.documentElement || document.body,\n    offset = {},\n    speed = 500,\n    easing = easeOutQuad,\n  }: scrollToTargetParams) {\n    const parentEl = unwrapParent(parent)\n    if (!parentEl) return\n    const targetEl = unwrapTarget(target, parentEl)\n    if (!targetEl) return\n\n    disableScrollSnap(parentEl)\n\n    const mappedOffset = { x: 0, y: 0, ...offset }\n    const distance = getDistance(targetEl, parentEl)\n    const leftDistance = distance.left - mappedOffset.x\n    const topDistance = distance.top - mappedOffset.y\n\n    const scrollDuration = getScrollDuration({\n      parent: parentEl,\n      left: leftDistance,\n      top: topDistance,\n      speed: speed,\n    })\n\n    scrollTo({\n      parent: parentEl,\n      left: leftDistance,\n      top: topDistance,\n      duration: scrollDuration,\n      easing: easing,\n      callback: () => reenableScrollSnap(parentEl),\n    })\n  }\n\n  return {\n    getScrollPosition,\n    getDistance,\n    getScrollDuration,\n    scrollTo,\n    scrollToTarget,\n  }\n}\n"],"mappings":"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","names":["callback","shallowRef","easeOutQuad"]}

package/dist/plugins/index.d.ts

@@ -1,14 +0,0 @@
-export * from './MagicAccordion/index.js';
-export * from './MagicCommand/index.js';
-export * from './MagicCookie/index.js';
-export * from './MagicDraggable/index.js';
-export * from './MagicDrawer/index.js';
-export * from './MagicEmitter/index.js';
-export * from './MagicMarquee/index.js';
-export * from './MagicMenu/index.js';
-export * from './MagicModal/index.js';
-export * from './MagicNoise/index.js';
-export * from './MagicPie/index.js';
-export * from './MagicPlayer/index.js';
-export * from './MagicScroll/index.js';
-export * from './MagicToast/index.js';

package/dist/plugins/index.mjs

@@ -1,14 +0,0 @@
-export * from "./MagicAccordion/index.mjs";
-export * from "./MagicCommand/index.mjs";
-export * from "./MagicCookie/index.mjs";
-export * from "./MagicDraggable/index.mjs";
-export * from "./MagicDrawer/index.mjs";
-export * from "./MagicEmitter/index.mjs";
-export * from "./MagicMarquee/index.mjs";
-export * from "./MagicMenu/index.mjs";
-export * from "./MagicModal/index.mjs";
-export * from "./MagicNoise/index.mjs";
-export * from "./MagicPie/index.mjs";
-export * from "./MagicPlayer/index.mjs";
-export * from "./MagicScroll/index.mjs";
-export * from "./MagicToast/index.mjs";