@maas/vue-equipment 1.0.0-beta.4 → 1.0.0-beta.41

package/README.md

@@ -9,11 +9,11 @@ Over the years, we have found ourselves facing a common problem: driven by the l
 
 ## 🚧 Disclaimer
 
-This project is still under development. Expect breaking changes before the initial stable release.
+This project is currently in beta. Expect breaking changes before the initial stable release. With this being said, we aim to keep the amount to an absolute minimum and will communicate any breaking changes with each [release](https://github.com/magicasaservice/vue-equipment/releases).
 
 ## 📖 Docs
 
-For the full documentation visit [vue-equipment.maas.engineering](https://vue-equipment.maas.engineering). We are actively working on updating the docs before our initial release.
+For the full documentation visit [vue.equipment](https://vue.equipment). We are actively working on updating the docs before our initial stable release.
 
 ## 🐛 Found a Bug?
 

package/dist/composables/useCountdown/index.d.ts

@@ -0,0 +1,23 @@
+import * as vue from 'vue';
+import { MaybeRef } from 'vue';
+import { DateTime } from 'luxon';
+
+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;
+};
+
+export { type CountdownOptions, type DateTimeArray, useCountdown };

package/dist/composables/useCountdown/index.js

@@ -0,0 +1,133 @@
+// 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
+  };
+}
+export {
+  useCountdown
+};
+//# sourceMappingURL=index.js.map

package/dist/composables/useCountdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/composables/useCountdown/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"],"mappings":"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","names":["callback"]}

package/dist/composables/useEasings/index.d.ts

@@ -0,0 +1,21 @@
+import { linear, easeInQuad, easeOutQuad, easeInOutQuad, easeOutBack, easeInCubic, easeOutCubic, easeInOutCubic, easeInQuart, easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint } from '@maas/vue-equipment/utils';
+
+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;
+};
+
+export { type EasingKey, useEasings };

package/dist/composables/useEasings/index.js

@@ -0,0 +1,40 @@
+// 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;
+}
+export {
+  useEasings
+};
+//# sourceMappingURL=index.js.map

package/dist/composables/useEasings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/composables/useEasings/index.ts"],"sourcesContent":["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"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAkBA,SAAS,aAAa;AAC3B,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/composables/useMetaViewport/index.d.ts

@@ -0,0 +1,9 @@
+type UseMetaViewportArgs = {
+    content: string;
+};
+declare function useMetaViewport(args?: UseMetaViewportArgs): {
+    setMetaViewport: () => void;
+    resetMetaViewport: () => void;
+};
+
+export { type UseMetaViewportArgs, useMetaViewport };

package/dist/composables/useMetaViewport/index.js

@@ -0,0 +1,29 @@
+// useMetaViewport/index.ts
+import { shallowRef } 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 = shallowRef(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
+  };
+}
+export {
+  useMetaViewport
+};
+//# sourceMappingURL=index.js.map

package/dist/composables/useMetaViewport/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/composables/useMetaViewport/index.ts"],"sourcesContent":["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"],"mappings":";AAAA,SAAS,kBAAkB;AAMpB,SAAS,gBAAgB,MAA4B;AAC1D,QAAM,UACJ,MAAM,WACN;AAEF,QAAM,eAAe,WAA+B,MAAS;AAE7D,WAAS,kBAAkB;AACzB,UAAM,cAAc,SAAS;AAAA,MAC3B;AAAA,IACF;AAEA,iBAAa,QAAQ,YAAY;AACjC,gBAAY,aAAa,WAAW,OAAO;AAAA,EAC7C;AAEA,WAAS,oBAAoB;AAC3B,UAAM,cAAc,SAAS;AAAA,MAC3B;AAAA,IACF;AAEA,QAAI,aAAa,OAAO;AACtB,kBAAY,aAAa,WAAW,aAAa,KAAK;AAAA,IACxD;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/composables/useScrollTo/index.d.ts

@@ -0,0 +1,49 @@
+import { MaybeElement, MaybeComputedElementRef } from '@vueuse/core';
+
+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 ScrollToParams, type ScrollToParent, type ScrollToTarget, type getScrollDurationParams, type scrollToTargetParams, useScrollTo };

package/dist/composables/useScrollTo/index.js

@@ -0,0 +1,152 @@
+// useScrollTo/index.ts
+import {
+  unrefElement
+} from "@vueuse/core";
+import { easeOutQuad } 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 = easeOutQuad,
+    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 = easeOutQuad
+  }) {
+    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 {
+  useScrollTo
+};
+//# sourceMappingURL=index.js.map

package/dist/composables/useScrollTo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/composables/useScrollTo/index.ts"],"sourcesContent":["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) {\n      return\n    }\n    const targetEl = unwrapTarget(target, parentEl)\n    if (!targetEl) {\n      return\n    }\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":[]}

package/dist/nuxt/module.d.mts

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

package/dist/nuxt/module.json

@@ -1,9 +1,9 @@
 {
   "name": "@maas/vue-equipment/nuxt",
   "configKey": "vueEquipment",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.40",
   "builder": {
-    "@nuxt/module-builder": "0.8.4",
+    "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"
   }
 }