@maas/vue-equipment 0.7.9 → 0.8.0

package/README.md

@@ -10,6 +10,10 @@
 
 > A _magic_ collection of essential Vue composables, plugins, components and directives
 
+## 🚧 Disclaimer
+
+This project is still under development. Expect breaking changes before the first stable release.
+
 ## 🧱 Contribute
 
 > Coming soon

package/dist/composables/index.js

@@ -380,7 +380,7 @@ function useViewportDimensions(options) {
     window.addEventListener("resize", setDimensions, { passive: true });
   });
   (0, import_vue3.onUnmounted)(() => {
-    window.addEventListener("resize", setDimensions, { passive: true });
+    window.removeEventListener("resize", setDimensions);
   });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/composables/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../packages/composables/index.ts","../../packages/composables/useCountdown/index.ts","../../packages/composables/useEasings/index.ts","../../packages/composables/useGlyphToSvg/index.ts","../../packages/composables/useScrollTo/index.ts","../../packages/composables/useViewportDimensions/index.ts"],"sourcesContent":["export * from './useCountdown'\nexport * from './useEasings'\nexport * from './useGlyphToSvg'\nexport * from './useScrollTo'\nexport * from './useViewportDimensions'\n","import { computed, onMounted, ref } from 'vue'\nimport { MagicTimer } from '@maas/magic-timer'\nimport { DateTime } from 'luxon'\n\n// type for DD-MM-YYYY\nexport type DateFormat = `${number}-${number}-${number}`\n\n// type for HH:MM:SS\nexport type TimeFormat = `${number}:${number}:${number}`\n\n// interface for the options\nexport interface CountdownOptions {\n  endDate: DateFormat\n  endTime?: TimeFormat\n  timezone?: string\n}\n\n// default options\nconst defaultOptions: CountdownOptions = {\n  endDate: '1970-01-01',\n  endTime: '00:00:00',\n}\n\nexport function useCountdown(options: CountdownOptions, callback?: () => void) {\n  // endDate needs to have this format: YYYY-MM-DD\n  if (!options.endDate.match(/^\\d{4}-\\d{2}-\\d{2}$/)) {\n    options.endDate = '1970-01-01'\n    console.error(\n      'useCountdownClock: The \"endDate\" option needs to be a string with the format YYYY-MM-DD',\n    )\n  }\n\n  // endTime needs to have this format: HH:MM:SS\n  if (options.endTime && !options.endTime.match(/^\\d{2}:\\d{2}:\\d{2}$/)) {\n    console.error(\n      'useCountdownClock: The \"endTime\" option needs to be a string with the format HH:MM:SS',\n    )\n  }\n\n  // invalid timezone\n  if (options.timezone && !DateTime.now().setZone(options.timezone).isValid) {\n    console.error(\n      `useCountdownClock: The \"timezone\" option \"${\n        options.timezone\n      }\" is not a valid timezone. Do 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  // Merge the options with the default options\n  options = { ...defaultOptions, ...options } as CountdownOptions\n\n  // Create a new timer instance\n  const timer = new MagicTimer()\n\n  // Create the countdown values\n  const years = ref(0)\n  const days = ref(0)\n  const hours = ref(0)\n  const minutes = ref(0)\n  const seconds = ref(0)\n\n  // Create reactive refs for endDate and endTime so we can update them later\n  const endDate = ref(options.endDate)\n  const endTime = ref(options.endTime)\n\n  // Parse the date string into an date object\n  const parseDate = (dateStr: DateFormat) => {\n    const [year, month, day] = dateStr.split('-').map(Number)\n    return { year, month, day }\n  }\n\n  // Parse the time string into an time object\n  const parseTime = (timeStr: TimeFormat) => {\n    const [hour, minute, second] = timeStr.split(':').map(Number)\n    return { hour, minute, second }\n  }\n\n  // Calculate the target end date and time\n  const endDateTime = computed(() => {\n    const { year, month, day } = parseDate(endDate.value!)\n    const { hour, minute, second } = parseTime(endTime.value!)\n\n    return DateTime.fromObject(\n      {\n        year,\n        month,\n        day,\n        hour,\n        minute,\n        second,\n      },\n      {\n        zone: options.timezone,\n      },\n    )\n  })\n\n  // Update the countdown values\n  const tick = () => {\n    const now = DateTime.now().setZone(options.timezone)\n    const end = endDateTime.value\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    if (end < now) {\n      timer.stop()\n      if (callback) callback()\n      return\n    }\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  // Format numbers with leading zero\n  const pad = (value: number): string => {\n    return ('0' + value).slice(-2)\n  }\n\n  const onTick = (callback: () => void) => timer.on('tick', callback)\n\n  // Listen to the tick event\n  timer.on('tick', tick)\n\n  const restart = () => {\n    timer.start()\n  }\n\n  // Start the timer on mount\n  onMounted(() => {\n    tick()\n    timer.start()\n  })\n\n  return {\n    years,\n    days,\n    hours,\n    minutes,\n    seconds,\n    endDate,\n    endTime,\n    pad,\n    restart,\n    onTick,\n  }\n}\n","export type EasingKey =\n  | 'linear'\n  | 'easeInQuad'\n  | 'easeOutQuad'\n  | 'easeInOutQuad'\n  | 'easeInCubic'\n  | 'easeOutCubic'\n  | 'easeInOutCubic'\n  | 'easeInQuart'\n  | 'easeOutQuart'\n  | 'easeInOutQuart'\n  | 'easeInQuint'\n  | 'easeOutQuint'\n  | 'easeInOutQuint'\n\nexport type EasingFunction = (t: number) => number\n\nexport function useEasings() {\n  const easings = {\n    linear: (t: number) => t,\n    easeInQuad: (t: number) => t * t,\n    easeOutQuad: (t: number) => t * (2 - t),\n    easeInOutQuad: (t: number) => (t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t),\n    easeInCubic: (t: number) => t * t * t,\n    easeOutCubic: (t: number) => --t * t * t + 1,\n    easeInOutCubic: (t: number) =>\n      t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1,\n    easeInQuart: (t: number) => t * t * t * t,\n    easeOutQuart: (t: number) => 1 - --t * t * t * t,\n    easeInOutQuart: (t: number) =>\n      t < 0.5 ? 8 * t * t * t * t : 1 - 8 * --t * t * t * t,\n    easeInQuint: (t: number) => t * t * t * t * t,\n    easeOutQuint: (t: number) => 1 + --t * t * t * t * t,\n    easeInOutQuint: (t: number) =>\n      t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t,\n  }\n\n  return easings\n}\n","import { useClipboard } from '@vueuse/core'\nimport { unref } from 'vue'\n\nimport type { Ref } from 'vue'\nimport type { Font } from 'fontkit'\n\nexport type useGlyphToSvgOptions = {\n  fontSize: Ref<number> | number\n  fontWeight: Ref<number> | number\n  fontFile: Ref<Font> | Font\n}\n\nexport function useGlyphToSvg({\n  fontSize,\n  fontWeight,\n  fontFile,\n}: useGlyphToSvgOptions) {\n  const { copy } = useClipboard()\n  const mappedFontFile = unref(fontFile)\n  const mappedFontSize = unref(fontSize)\n  const mappedFontWeight = unref(fontWeight)\n\n  const loadVariableFont = () => {\n    // @ts-ignore\n    const variableFont = mappedFontFile.getVariation({\n      wght: mappedFontWeight,\n    })\n    return variableFont\n  }\n\n  const convertToSvg = (glyph: any) => {\n    // Scale according to current font size\n    const scale = mappedFontSize / mappedFontFile.unitsPerEm\n    const path = glyph.path.scale(scale, scale).scale(-1, 1).rotate(Math.PI)\n\n    // Center inside square bounding box\n    const bbox = path.bbox\n    const minX = bbox.minX\n    const minY = bbox.minY\n    const height = bbox.height\n    const width = bbox.width\n    const dims = unref(fontSize)\n\n    const centeredY = (height - dims) / 2 + minY\n    const centeredX = (width - dims) / 2 + minX\n\n    const viewBox = `${centeredX} ${centeredY} ${dims} ${dims}`\n\n    let svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"${viewBox}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">`\n    svg += `<path d=\"${path.toSVG()}\" fill=\"currentColor\" />`\n    svg += '</svg>'\n\n    return svg\n  }\n\n  const renderSvg = async (codePoint: string) => {\n    const font = await loadVariableFont()\n    const glyph = font.glyphForCodePoint(codePoint)\n    const svg = convertToSvg(glyph)\n    return svg\n  }\n\n  const copySvg = async (codePoint: string) => {\n    const svg = await renderSvg(codePoint)\n    copy(svg)\n  }\n\n  return { copySvg, renderSvg }\n}\n","import { useEasings } from '../useEasings'\nimport { unrefElement } from '@vueuse/core'\nimport type { EasingFunction } from '../useEasings'\nimport type { MaybeComputedElementRef, MaybeElement } from '@vueuse/core'\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?: EasingFunction\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?: EasingFunction\n}\n\nconst easings = useEasings()\n\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\nexport function useScrollTo() {\n  function getScrollPosition(element: Element | Window): {\n    x: number\n    y: number\n  } {\n    if (element === window) {\n      return { x: window.pageXOffset, y: window.pageYOffset }\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(element: Element): { top: number; left: number } {\n    const rect = element.getBoundingClientRect()\n    const scrollEl = document.scrollingElement || document.documentElement\n\n    return {\n      top: rect.top + scrollEl.scrollTop,\n      left: rect.left + scrollEl.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 = easings.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 = easings.easeOutQuad,\n  }: scrollToTargetParams) {\n    let parentEl = unwrapParent(parent)\n    if (!parentEl) return\n    let targetEl = unwrapTarget(target, parentEl)\n    if (!targetEl) return\n\n    const mappedOffset = { x: 0, y: 0, ...offset }\n    const distance = getDistance(targetEl)\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    })\n  }\n\n  return {\n    getScrollPosition,\n    getDistance,\n    getScrollDuration,\n    scrollTo,\n    scrollToTarget,\n  }\n}\n","import { onMounted, onUnmounted } from 'vue'\n\nexport type UseViewportDimensionsOptions = {\n  width?: false | string\n  height?: false | string\n  initialWidth?: false | string\n  initialHeight?: false | string\n}\n\nexport function useViewportDimensions(options?: UseViewportDimensionsOptions) {\n  const mappedOptions = {\n    width: '--vw',\n    height: '--vh',\n    initialWidth: '--initial-vw',\n    initialHeight: '--initial-vh',\n    ...options,\n  }\n\n  const setViewportWidth = (initial?: boolean) => {\n    const vw = Number(window.innerWidth * 0.01).toFixed(2)\n\n    if (mappedOptions.width) {\n      document.documentElement.style.setProperty(mappedOptions.width, `${vw}px`)\n    }\n\n    if (initial && mappedOptions.initialWidth) {\n      document.documentElement.style.setProperty(\n        mappedOptions.initialWidth,\n        `${vw}px`,\n      )\n    }\n  }\n\n  const setViewportHeight = (initial?: boolean) => {\n    const vh = Number(window.innerHeight * 0.01).toFixed(2)\n\n    if (mappedOptions.height) {\n      document.documentElement.style.setProperty(\n        mappedOptions.height || '--vh',\n        `${vh}px`,\n      )\n    }\n\n    if (initial && mappedOptions.initialHeight) {\n      document.documentElement.style.setProperty(\n        mappedOptions.initialHeight || '--initial-vh',\n        `${vh}px`,\n      )\n    }\n  }\n\n  const setDimensions = () => {\n    setViewportWidth()\n    setViewportHeight()\n  }\n\n  onMounted(() => {\n    setViewportWidth(true)\n    setViewportHeight(true)\n\n    window.addEventListener('resize', setDimensions, { passive: true })\n  })\n\n  onUnmounted(() => {\n    window.addEventListener('resize', setDimensions, { passive: true })\n  })\n}\n"],"mappings":"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","names":["callback","easings","import_vue","import_core","import_vue"]}
+{"version":3,"sources":["../../packages/composables/index.ts","../../packages/composables/useCountdown/index.ts","../../packages/composables/useEasings/index.ts","../../packages/composables/useGlyphToSvg/index.ts","../../packages/composables/useScrollTo/index.ts","../../packages/composables/useViewportDimensions/index.ts"],"sourcesContent":["export * from './useCountdown'\nexport * from './useEasings'\nexport * from './useGlyphToSvg'\nexport * from './useScrollTo'\nexport * from './useViewportDimensions'\n","import { computed, onMounted, ref } from 'vue'\nimport { MagicTimer } from '@maas/magic-timer'\nimport { DateTime } from 'luxon'\n\n// type for DD-MM-YYYY\nexport type DateFormat = `${number}-${number}-${number}`\n\n// type for HH:MM:SS\nexport type TimeFormat = `${number}:${number}:${number}`\n\n// interface for the options\nexport interface CountdownOptions {\n  endDate: DateFormat\n  endTime?: TimeFormat\n  timezone?: string\n}\n\n// default options\nconst defaultOptions: CountdownOptions = {\n  endDate: '1970-01-01',\n  endTime: '00:00:00',\n}\n\nexport function useCountdown(options: CountdownOptions, callback?: () => void) {\n  // endDate needs to have this format: YYYY-MM-DD\n  if (!options.endDate.match(/^\\d{4}-\\d{2}-\\d{2}$/)) {\n    options.endDate = '1970-01-01'\n    console.error(\n      'useCountdownClock: The \"endDate\" option needs to be a string with the format YYYY-MM-DD',\n    )\n  }\n\n  // endTime needs to have this format: HH:MM:SS\n  if (options.endTime && !options.endTime.match(/^\\d{2}:\\d{2}:\\d{2}$/)) {\n    console.error(\n      'useCountdownClock: The \"endTime\" option needs to be a string with the format HH:MM:SS',\n    )\n  }\n\n  // invalid timezone\n  if (options.timezone && !DateTime.now().setZone(options.timezone).isValid) {\n    console.error(\n      `useCountdownClock: The \"timezone\" option \"${\n        options.timezone\n      }\" is not a valid timezone. Do 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  // Merge the options with the default options\n  options = { ...defaultOptions, ...options } as CountdownOptions\n\n  // Create a new timer instance\n  const timer = new MagicTimer()\n\n  // Create the countdown values\n  const years = ref(0)\n  const days = ref(0)\n  const hours = ref(0)\n  const minutes = ref(0)\n  const seconds = ref(0)\n\n  // Create reactive refs for endDate and endTime so we can update them later\n  const endDate = ref(options.endDate)\n  const endTime = ref(options.endTime)\n\n  // Parse the date string into an date object\n  const parseDate = (dateStr: DateFormat) => {\n    const [year, month, day] = dateStr.split('-').map(Number)\n    return { year, month, day }\n  }\n\n  // Parse the time string into an time object\n  const parseTime = (timeStr: TimeFormat) => {\n    const [hour, minute, second] = timeStr.split(':').map(Number)\n    return { hour, minute, second }\n  }\n\n  // Calculate the target end date and time\n  const endDateTime = computed(() => {\n    const { year, month, day } = parseDate(endDate.value!)\n    const { hour, minute, second } = parseTime(endTime.value!)\n\n    return DateTime.fromObject(\n      {\n        year,\n        month,\n        day,\n        hour,\n        minute,\n        second,\n      },\n      {\n        zone: options.timezone,\n      },\n    )\n  })\n\n  // Update the countdown values\n  const tick = () => {\n    const now = DateTime.now().setZone(options.timezone)\n    const end = endDateTime.value\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    if (end < now) {\n      timer.stop()\n      if (callback) callback()\n      return\n    }\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  // Format numbers with leading zero\n  const pad = (value: number): string => {\n    return ('0' + value).slice(-2)\n  }\n\n  const onTick = (callback: () => void) => timer.on('tick', callback)\n\n  // Listen to the tick event\n  timer.on('tick', tick)\n\n  const restart = () => {\n    timer.start()\n  }\n\n  // Start the timer on mount\n  onMounted(() => {\n    tick()\n    timer.start()\n  })\n\n  return {\n    years,\n    days,\n    hours,\n    minutes,\n    seconds,\n    endDate,\n    endTime,\n    pad,\n    restart,\n    onTick,\n  }\n}\n","export type EasingKey =\n  | 'linear'\n  | 'easeInQuad'\n  | 'easeOutQuad'\n  | 'easeInOutQuad'\n  | 'easeInCubic'\n  | 'easeOutCubic'\n  | 'easeInOutCubic'\n  | 'easeInQuart'\n  | 'easeOutQuart'\n  | 'easeInOutQuart'\n  | 'easeInQuint'\n  | 'easeOutQuint'\n  | 'easeInOutQuint'\n\nexport type EasingFunction = (t: number) => number\n\nexport function useEasings() {\n  const easings = {\n    linear: (t: number) => t,\n    easeInQuad: (t: number) => t * t,\n    easeOutQuad: (t: number) => t * (2 - t),\n    easeInOutQuad: (t: number) => (t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t),\n    easeInCubic: (t: number) => t * t * t,\n    easeOutCubic: (t: number) => --t * t * t + 1,\n    easeInOutCubic: (t: number) =>\n      t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1,\n    easeInQuart: (t: number) => t * t * t * t,\n    easeOutQuart: (t: number) => 1 - --t * t * t * t,\n    easeInOutQuart: (t: number) =>\n      t < 0.5 ? 8 * t * t * t * t : 1 - 8 * --t * t * t * t,\n    easeInQuint: (t: number) => t * t * t * t * t,\n    easeOutQuint: (t: number) => 1 + --t * t * t * t * t,\n    easeInOutQuint: (t: number) =>\n      t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t,\n  }\n\n  return easings\n}\n","import { useClipboard } from '@vueuse/core'\nimport { unref } from 'vue'\n\nimport type { Ref } from 'vue'\nimport type { Font } from 'fontkit'\n\nexport type useGlyphToSvgOptions = {\n  fontSize: Ref<number> | number\n  fontWeight: Ref<number> | number\n  fontFile: Ref<Font> | Font\n}\n\nexport function useGlyphToSvg({\n  fontSize,\n  fontWeight,\n  fontFile,\n}: useGlyphToSvgOptions) {\n  const { copy } = useClipboard()\n  const mappedFontFile = unref(fontFile)\n  const mappedFontSize = unref(fontSize)\n  const mappedFontWeight = unref(fontWeight)\n\n  const loadVariableFont = () => {\n    // @ts-ignore\n    const variableFont = mappedFontFile.getVariation({\n      wght: mappedFontWeight,\n    })\n    return variableFont\n  }\n\n  const convertToSvg = (glyph: any) => {\n    // Scale according to current font size\n    const scale = mappedFontSize / mappedFontFile.unitsPerEm\n    const path = glyph.path.scale(scale, scale).scale(-1, 1).rotate(Math.PI)\n\n    // Center inside square bounding box\n    const bbox = path.bbox\n    const minX = bbox.minX\n    const minY = bbox.minY\n    const height = bbox.height\n    const width = bbox.width\n    const dims = unref(fontSize)\n\n    const centeredY = (height - dims) / 2 + minY\n    const centeredX = (width - dims) / 2 + minX\n\n    const viewBox = `${centeredX} ${centeredY} ${dims} ${dims}`\n\n    let svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"${viewBox}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">`\n    svg += `<path d=\"${path.toSVG()}\" fill=\"currentColor\" />`\n    svg += '</svg>'\n\n    return svg\n  }\n\n  const renderSvg = async (codePoint: string) => {\n    const font = await loadVariableFont()\n    const glyph = font.glyphForCodePoint(codePoint)\n    const svg = convertToSvg(glyph)\n    return svg\n  }\n\n  const copySvg = async (codePoint: string) => {\n    const svg = await renderSvg(codePoint)\n    copy(svg)\n  }\n\n  return { copySvg, renderSvg }\n}\n","import { useEasings } from '../useEasings'\nimport { unrefElement } from '@vueuse/core'\nimport type { EasingFunction } from '../useEasings'\nimport type { MaybeComputedElementRef, MaybeElement } from '@vueuse/core'\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?: EasingFunction\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?: EasingFunction\n}\n\nconst easings = useEasings()\n\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\nexport function useScrollTo() {\n  function getScrollPosition(element: Element | Window): {\n    x: number\n    y: number\n  } {\n    if (element === window) {\n      return { x: window.pageXOffset, y: window.pageYOffset }\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(element: Element): { top: number; left: number } {\n    const rect = element.getBoundingClientRect()\n    const scrollEl = document.scrollingElement || document.documentElement\n\n    return {\n      top: rect.top + scrollEl.scrollTop,\n      left: rect.left + scrollEl.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 = easings.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 = easings.easeOutQuad,\n  }: scrollToTargetParams) {\n    let parentEl = unwrapParent(parent)\n    if (!parentEl) return\n    let targetEl = unwrapTarget(target, parentEl)\n    if (!targetEl) return\n\n    const mappedOffset = { x: 0, y: 0, ...offset }\n    const distance = getDistance(targetEl)\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    })\n  }\n\n  return {\n    getScrollPosition,\n    getDistance,\n    getScrollDuration,\n    scrollTo,\n    scrollToTarget,\n  }\n}\n","import { onMounted, onUnmounted } from 'vue'\n\nexport type UseViewportDimensionsOptions = {\n  width?: false | string\n  height?: false | string\n  initialWidth?: false | string\n  initialHeight?: false | string\n}\n\nexport function useViewportDimensions(options?: UseViewportDimensionsOptions) {\n  const mappedOptions = {\n    width: '--vw',\n    height: '--vh',\n    initialWidth: '--initial-vw',\n    initialHeight: '--initial-vh',\n    ...options,\n  }\n\n  const setViewportWidth = (initial?: boolean) => {\n    const vw = Number(window.innerWidth * 0.01).toFixed(2)\n\n    if (mappedOptions.width) {\n      document.documentElement.style.setProperty(mappedOptions.width, `${vw}px`)\n    }\n\n    if (initial && mappedOptions.initialWidth) {\n      document.documentElement.style.setProperty(\n        mappedOptions.initialWidth,\n        `${vw}px`,\n      )\n    }\n  }\n\n  const setViewportHeight = (initial?: boolean) => {\n    const vh = Number(window.innerHeight * 0.01).toFixed(2)\n\n    if (mappedOptions.height) {\n      document.documentElement.style.setProperty(\n        mappedOptions.height || '--vh',\n        `${vh}px`,\n      )\n    }\n\n    if (initial && mappedOptions.initialHeight) {\n      document.documentElement.style.setProperty(\n        mappedOptions.initialHeight || '--initial-vh',\n        `${vh}px`,\n      )\n    }\n  }\n\n  const setDimensions = () => {\n    setViewportWidth()\n    setViewportHeight()\n  }\n\n  onMounted(() => {\n    setViewportWidth(true)\n    setViewportHeight(true)\n\n    window.addEventListener('resize', setDimensions, { passive: true })\n  })\n\n  onUnmounted(() => {\n    window.removeEventListener('resize', setDimensions)\n  })\n}\n"],"mappings":"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","names":["callback","easings","import_vue","import_core","import_vue"]}

package/dist/composables/index.mjs

@@ -350,7 +350,7 @@ function useViewportDimensions(options) {
     window.addEventListener("resize", setDimensions, { passive: true });
   });
   onUnmounted(() => {
-    window.addEventListener("resize", setDimensions, { passive: true });
+    window.removeEventListener("resize", setDimensions);
   });
 }
 export {

package/dist/composables/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../packages/composables/useCountdown/index.ts","../../packages/composables/useEasings/index.ts","../../packages/composables/useGlyphToSvg/index.ts","../../packages/composables/useScrollTo/index.ts","../../packages/composables/useViewportDimensions/index.ts"],"sourcesContent":["import { computed, onMounted, ref } from 'vue'\nimport { MagicTimer } from '@maas/magic-timer'\nimport { DateTime } from 'luxon'\n\n// type for DD-MM-YYYY\nexport type DateFormat = `${number}-${number}-${number}`\n\n// type for HH:MM:SS\nexport type TimeFormat = `${number}:${number}:${number}`\n\n// interface for the options\nexport interface CountdownOptions {\n  endDate: DateFormat\n  endTime?: TimeFormat\n  timezone?: string\n}\n\n// default options\nconst defaultOptions: CountdownOptions = {\n  endDate: '1970-01-01',\n  endTime: '00:00:00',\n}\n\nexport function useCountdown(options: CountdownOptions, callback?: () => void) {\n  // endDate needs to have this format: YYYY-MM-DD\n  if (!options.endDate.match(/^\\d{4}-\\d{2}-\\d{2}$/)) {\n    options.endDate = '1970-01-01'\n    console.error(\n      'useCountdownClock: The \"endDate\" option needs to be a string with the format YYYY-MM-DD',\n    )\n  }\n\n  // endTime needs to have this format: HH:MM:SS\n  if (options.endTime && !options.endTime.match(/^\\d{2}:\\d{2}:\\d{2}$/)) {\n    console.error(\n      'useCountdownClock: The \"endTime\" option needs to be a string with the format HH:MM:SS',\n    )\n  }\n\n  // invalid timezone\n  if (options.timezone && !DateTime.now().setZone(options.timezone).isValid) {\n    console.error(\n      `useCountdownClock: The \"timezone\" option \"${\n        options.timezone\n      }\" is not a valid timezone. Do 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  // Merge the options with the default options\n  options = { ...defaultOptions, ...options } as CountdownOptions\n\n  // Create a new timer instance\n  const timer = new MagicTimer()\n\n  // Create the countdown values\n  const years = ref(0)\n  const days = ref(0)\n  const hours = ref(0)\n  const minutes = ref(0)\n  const seconds = ref(0)\n\n  // Create reactive refs for endDate and endTime so we can update them later\n  const endDate = ref(options.endDate)\n  const endTime = ref(options.endTime)\n\n  // Parse the date string into an date object\n  const parseDate = (dateStr: DateFormat) => {\n    const [year, month, day] = dateStr.split('-').map(Number)\n    return { year, month, day }\n  }\n\n  // Parse the time string into an time object\n  const parseTime = (timeStr: TimeFormat) => {\n    const [hour, minute, second] = timeStr.split(':').map(Number)\n    return { hour, minute, second }\n  }\n\n  // Calculate the target end date and time\n  const endDateTime = computed(() => {\n    const { year, month, day } = parseDate(endDate.value!)\n    const { hour, minute, second } = parseTime(endTime.value!)\n\n    return DateTime.fromObject(\n      {\n        year,\n        month,\n        day,\n        hour,\n        minute,\n        second,\n      },\n      {\n        zone: options.timezone,\n      },\n    )\n  })\n\n  // Update the countdown values\n  const tick = () => {\n    const now = DateTime.now().setZone(options.timezone)\n    const end = endDateTime.value\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    if (end < now) {\n      timer.stop()\n      if (callback) callback()\n      return\n    }\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  // Format numbers with leading zero\n  const pad = (value: number): string => {\n    return ('0' + value).slice(-2)\n  }\n\n  const onTick = (callback: () => void) => timer.on('tick', callback)\n\n  // Listen to the tick event\n  timer.on('tick', tick)\n\n  const restart = () => {\n    timer.start()\n  }\n\n  // Start the timer on mount\n  onMounted(() => {\n    tick()\n    timer.start()\n  })\n\n  return {\n    years,\n    days,\n    hours,\n    minutes,\n    seconds,\n    endDate,\n    endTime,\n    pad,\n    restart,\n    onTick,\n  }\n}\n","export type EasingKey =\n  | 'linear'\n  | 'easeInQuad'\n  | 'easeOutQuad'\n  | 'easeInOutQuad'\n  | 'easeInCubic'\n  | 'easeOutCubic'\n  | 'easeInOutCubic'\n  | 'easeInQuart'\n  | 'easeOutQuart'\n  | 'easeInOutQuart'\n  | 'easeInQuint'\n  | 'easeOutQuint'\n  | 'easeInOutQuint'\n\nexport type EasingFunction = (t: number) => number\n\nexport function useEasings() {\n  const easings = {\n    linear: (t: number) => t,\n    easeInQuad: (t: number) => t * t,\n    easeOutQuad: (t: number) => t * (2 - t),\n    easeInOutQuad: (t: number) => (t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t),\n    easeInCubic: (t: number) => t * t * t,\n    easeOutCubic: (t: number) => --t * t * t + 1,\n    easeInOutCubic: (t: number) =>\n      t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1,\n    easeInQuart: (t: number) => t * t * t * t,\n    easeOutQuart: (t: number) => 1 - --t * t * t * t,\n    easeInOutQuart: (t: number) =>\n      t < 0.5 ? 8 * t * t * t * t : 1 - 8 * --t * t * t * t,\n    easeInQuint: (t: number) => t * t * t * t * t,\n    easeOutQuint: (t: number) => 1 + --t * t * t * t * t,\n    easeInOutQuint: (t: number) =>\n      t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t,\n  }\n\n  return easings\n}\n","import { useClipboard } from '@vueuse/core'\nimport { unref } from 'vue'\n\nimport type { Ref } from 'vue'\nimport type { Font } from 'fontkit'\n\nexport type useGlyphToSvgOptions = {\n  fontSize: Ref<number> | number\n  fontWeight: Ref<number> | number\n  fontFile: Ref<Font> | Font\n}\n\nexport function useGlyphToSvg({\n  fontSize,\n  fontWeight,\n  fontFile,\n}: useGlyphToSvgOptions) {\n  const { copy } = useClipboard()\n  const mappedFontFile = unref(fontFile)\n  const mappedFontSize = unref(fontSize)\n  const mappedFontWeight = unref(fontWeight)\n\n  const loadVariableFont = () => {\n    // @ts-ignore\n    const variableFont = mappedFontFile.getVariation({\n      wght: mappedFontWeight,\n    })\n    return variableFont\n  }\n\n  const convertToSvg = (glyph: any) => {\n    // Scale according to current font size\n    const scale = mappedFontSize / mappedFontFile.unitsPerEm\n    const path = glyph.path.scale(scale, scale).scale(-1, 1).rotate(Math.PI)\n\n    // Center inside square bounding box\n    const bbox = path.bbox\n    const minX = bbox.minX\n    const minY = bbox.minY\n    const height = bbox.height\n    const width = bbox.width\n    const dims = unref(fontSize)\n\n    const centeredY = (height - dims) / 2 + minY\n    const centeredX = (width - dims) / 2 + minX\n\n    const viewBox = `${centeredX} ${centeredY} ${dims} ${dims}`\n\n    let svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"${viewBox}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">`\n    svg += `<path d=\"${path.toSVG()}\" fill=\"currentColor\" />`\n    svg += '</svg>'\n\n    return svg\n  }\n\n  const renderSvg = async (codePoint: string) => {\n    const font = await loadVariableFont()\n    const glyph = font.glyphForCodePoint(codePoint)\n    const svg = convertToSvg(glyph)\n    return svg\n  }\n\n  const copySvg = async (codePoint: string) => {\n    const svg = await renderSvg(codePoint)\n    copy(svg)\n  }\n\n  return { copySvg, renderSvg }\n}\n","import { useEasings } from '../useEasings'\nimport { unrefElement } from '@vueuse/core'\nimport type { EasingFunction } from '../useEasings'\nimport type { MaybeComputedElementRef, MaybeElement } from '@vueuse/core'\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?: EasingFunction\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?: EasingFunction\n}\n\nconst easings = useEasings()\n\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\nexport function useScrollTo() {\n  function getScrollPosition(element: Element | Window): {\n    x: number\n    y: number\n  } {\n    if (element === window) {\n      return { x: window.pageXOffset, y: window.pageYOffset }\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(element: Element): { top: number; left: number } {\n    const rect = element.getBoundingClientRect()\n    const scrollEl = document.scrollingElement || document.documentElement\n\n    return {\n      top: rect.top + scrollEl.scrollTop,\n      left: rect.left + scrollEl.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 = easings.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 = easings.easeOutQuad,\n  }: scrollToTargetParams) {\n    let parentEl = unwrapParent(parent)\n    if (!parentEl) return\n    let targetEl = unwrapTarget(target, parentEl)\n    if (!targetEl) return\n\n    const mappedOffset = { x: 0, y: 0, ...offset }\n    const distance = getDistance(targetEl)\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    })\n  }\n\n  return {\n    getScrollPosition,\n    getDistance,\n    getScrollDuration,\n    scrollTo,\n    scrollToTarget,\n  }\n}\n","import { onMounted, onUnmounted } from 'vue'\n\nexport type UseViewportDimensionsOptions = {\n  width?: false | string\n  height?: false | string\n  initialWidth?: false | string\n  initialHeight?: false | string\n}\n\nexport function useViewportDimensions(options?: UseViewportDimensionsOptions) {\n  const mappedOptions = {\n    width: '--vw',\n    height: '--vh',\n    initialWidth: '--initial-vw',\n    initialHeight: '--initial-vh',\n    ...options,\n  }\n\n  const setViewportWidth = (initial?: boolean) => {\n    const vw = Number(window.innerWidth * 0.01).toFixed(2)\n\n    if (mappedOptions.width) {\n      document.documentElement.style.setProperty(mappedOptions.width, `${vw}px`)\n    }\n\n    if (initial && mappedOptions.initialWidth) {\n      document.documentElement.style.setProperty(\n        mappedOptions.initialWidth,\n        `${vw}px`,\n      )\n    }\n  }\n\n  const setViewportHeight = (initial?: boolean) => {\n    const vh = Number(window.innerHeight * 0.01).toFixed(2)\n\n    if (mappedOptions.height) {\n      document.documentElement.style.setProperty(\n        mappedOptions.height || '--vh',\n        `${vh}px`,\n      )\n    }\n\n    if (initial && mappedOptions.initialHeight) {\n      document.documentElement.style.setProperty(\n        mappedOptions.initialHeight || '--initial-vh',\n        `${vh}px`,\n      )\n    }\n  }\n\n  const setDimensions = () => {\n    setViewportWidth()\n    setViewportHeight()\n  }\n\n  onMounted(() => {\n    setViewportWidth(true)\n    setViewportHeight(true)\n\n    window.addEventListener('resize', setDimensions, { passive: true })\n  })\n\n  onUnmounted(() => {\n    window.addEventListener('resize', setDimensions, { passive: true })\n  })\n}\n"],"mappings":"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","names":["callback","easings","onMounted"]}
+{"version":3,"sources":["../../packages/composables/useCountdown/index.ts","../../packages/composables/useEasings/index.ts","../../packages/composables/useGlyphToSvg/index.ts","../../packages/composables/useScrollTo/index.ts","../../packages/composables/useViewportDimensions/index.ts"],"sourcesContent":["import { computed, onMounted, ref } from 'vue'\nimport { MagicTimer } from '@maas/magic-timer'\nimport { DateTime } from 'luxon'\n\n// type for DD-MM-YYYY\nexport type DateFormat = `${number}-${number}-${number}`\n\n// type for HH:MM:SS\nexport type TimeFormat = `${number}:${number}:${number}`\n\n// interface for the options\nexport interface CountdownOptions {\n  endDate: DateFormat\n  endTime?: TimeFormat\n  timezone?: string\n}\n\n// default options\nconst defaultOptions: CountdownOptions = {\n  endDate: '1970-01-01',\n  endTime: '00:00:00',\n}\n\nexport function useCountdown(options: CountdownOptions, callback?: () => void) {\n  // endDate needs to have this format: YYYY-MM-DD\n  if (!options.endDate.match(/^\\d{4}-\\d{2}-\\d{2}$/)) {\n    options.endDate = '1970-01-01'\n    console.error(\n      'useCountdownClock: The \"endDate\" option needs to be a string with the format YYYY-MM-DD',\n    )\n  }\n\n  // endTime needs to have this format: HH:MM:SS\n  if (options.endTime && !options.endTime.match(/^\\d{2}:\\d{2}:\\d{2}$/)) {\n    console.error(\n      'useCountdownClock: The \"endTime\" option needs to be a string with the format HH:MM:SS',\n    )\n  }\n\n  // invalid timezone\n  if (options.timezone && !DateTime.now().setZone(options.timezone).isValid) {\n    console.error(\n      `useCountdownClock: The \"timezone\" option \"${\n        options.timezone\n      }\" is not a valid timezone. Do 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  // Merge the options with the default options\n  options = { ...defaultOptions, ...options } as CountdownOptions\n\n  // Create a new timer instance\n  const timer = new MagicTimer()\n\n  // Create the countdown values\n  const years = ref(0)\n  const days = ref(0)\n  const hours = ref(0)\n  const minutes = ref(0)\n  const seconds = ref(0)\n\n  // Create reactive refs for endDate and endTime so we can update them later\n  const endDate = ref(options.endDate)\n  const endTime = ref(options.endTime)\n\n  // Parse the date string into an date object\n  const parseDate = (dateStr: DateFormat) => {\n    const [year, month, day] = dateStr.split('-').map(Number)\n    return { year, month, day }\n  }\n\n  // Parse the time string into an time object\n  const parseTime = (timeStr: TimeFormat) => {\n    const [hour, minute, second] = timeStr.split(':').map(Number)\n    return { hour, minute, second }\n  }\n\n  // Calculate the target end date and time\n  const endDateTime = computed(() => {\n    const { year, month, day } = parseDate(endDate.value!)\n    const { hour, minute, second } = parseTime(endTime.value!)\n\n    return DateTime.fromObject(\n      {\n        year,\n        month,\n        day,\n        hour,\n        minute,\n        second,\n      },\n      {\n        zone: options.timezone,\n      },\n    )\n  })\n\n  // Update the countdown values\n  const tick = () => {\n    const now = DateTime.now().setZone(options.timezone)\n    const end = endDateTime.value\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    if (end < now) {\n      timer.stop()\n      if (callback) callback()\n      return\n    }\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  // Format numbers with leading zero\n  const pad = (value: number): string => {\n    return ('0' + value).slice(-2)\n  }\n\n  const onTick = (callback: () => void) => timer.on('tick', callback)\n\n  // Listen to the tick event\n  timer.on('tick', tick)\n\n  const restart = () => {\n    timer.start()\n  }\n\n  // Start the timer on mount\n  onMounted(() => {\n    tick()\n    timer.start()\n  })\n\n  return {\n    years,\n    days,\n    hours,\n    minutes,\n    seconds,\n    endDate,\n    endTime,\n    pad,\n    restart,\n    onTick,\n  }\n}\n","export type EasingKey =\n  | 'linear'\n  | 'easeInQuad'\n  | 'easeOutQuad'\n  | 'easeInOutQuad'\n  | 'easeInCubic'\n  | 'easeOutCubic'\n  | 'easeInOutCubic'\n  | 'easeInQuart'\n  | 'easeOutQuart'\n  | 'easeInOutQuart'\n  | 'easeInQuint'\n  | 'easeOutQuint'\n  | 'easeInOutQuint'\n\nexport type EasingFunction = (t: number) => number\n\nexport function useEasings() {\n  const easings = {\n    linear: (t: number) => t,\n    easeInQuad: (t: number) => t * t,\n    easeOutQuad: (t: number) => t * (2 - t),\n    easeInOutQuad: (t: number) => (t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t),\n    easeInCubic: (t: number) => t * t * t,\n    easeOutCubic: (t: number) => --t * t * t + 1,\n    easeInOutCubic: (t: number) =>\n      t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1,\n    easeInQuart: (t: number) => t * t * t * t,\n    easeOutQuart: (t: number) => 1 - --t * t * t * t,\n    easeInOutQuart: (t: number) =>\n      t < 0.5 ? 8 * t * t * t * t : 1 - 8 * --t * t * t * t,\n    easeInQuint: (t: number) => t * t * t * t * t,\n    easeOutQuint: (t: number) => 1 + --t * t * t * t * t,\n    easeInOutQuint: (t: number) =>\n      t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t,\n  }\n\n  return easings\n}\n","import { useClipboard } from '@vueuse/core'\nimport { unref } from 'vue'\n\nimport type { Ref } from 'vue'\nimport type { Font } from 'fontkit'\n\nexport type useGlyphToSvgOptions = {\n  fontSize: Ref<number> | number\n  fontWeight: Ref<number> | number\n  fontFile: Ref<Font> | Font\n}\n\nexport function useGlyphToSvg({\n  fontSize,\n  fontWeight,\n  fontFile,\n}: useGlyphToSvgOptions) {\n  const { copy } = useClipboard()\n  const mappedFontFile = unref(fontFile)\n  const mappedFontSize = unref(fontSize)\n  const mappedFontWeight = unref(fontWeight)\n\n  const loadVariableFont = () => {\n    // @ts-ignore\n    const variableFont = mappedFontFile.getVariation({\n      wght: mappedFontWeight,\n    })\n    return variableFont\n  }\n\n  const convertToSvg = (glyph: any) => {\n    // Scale according to current font size\n    const scale = mappedFontSize / mappedFontFile.unitsPerEm\n    const path = glyph.path.scale(scale, scale).scale(-1, 1).rotate(Math.PI)\n\n    // Center inside square bounding box\n    const bbox = path.bbox\n    const minX = bbox.minX\n    const minY = bbox.minY\n    const height = bbox.height\n    const width = bbox.width\n    const dims = unref(fontSize)\n\n    const centeredY = (height - dims) / 2 + minY\n    const centeredX = (width - dims) / 2 + minX\n\n    const viewBox = `${centeredX} ${centeredY} ${dims} ${dims}`\n\n    let svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"${viewBox}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">`\n    svg += `<path d=\"${path.toSVG()}\" fill=\"currentColor\" />`\n    svg += '</svg>'\n\n    return svg\n  }\n\n  const renderSvg = async (codePoint: string) => {\n    const font = await loadVariableFont()\n    const glyph = font.glyphForCodePoint(codePoint)\n    const svg = convertToSvg(glyph)\n    return svg\n  }\n\n  const copySvg = async (codePoint: string) => {\n    const svg = await renderSvg(codePoint)\n    copy(svg)\n  }\n\n  return { copySvg, renderSvg }\n}\n","import { useEasings } from '../useEasings'\nimport { unrefElement } from '@vueuse/core'\nimport type { EasingFunction } from '../useEasings'\nimport type { MaybeComputedElementRef, MaybeElement } from '@vueuse/core'\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?: EasingFunction\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?: EasingFunction\n}\n\nconst easings = useEasings()\n\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\nexport function useScrollTo() {\n  function getScrollPosition(element: Element | Window): {\n    x: number\n    y: number\n  } {\n    if (element === window) {\n      return { x: window.pageXOffset, y: window.pageYOffset }\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(element: Element): { top: number; left: number } {\n    const rect = element.getBoundingClientRect()\n    const scrollEl = document.scrollingElement || document.documentElement\n\n    return {\n      top: rect.top + scrollEl.scrollTop,\n      left: rect.left + scrollEl.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 = easings.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 = easings.easeOutQuad,\n  }: scrollToTargetParams) {\n    let parentEl = unwrapParent(parent)\n    if (!parentEl) return\n    let targetEl = unwrapTarget(target, parentEl)\n    if (!targetEl) return\n\n    const mappedOffset = { x: 0, y: 0, ...offset }\n    const distance = getDistance(targetEl)\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    })\n  }\n\n  return {\n    getScrollPosition,\n    getDistance,\n    getScrollDuration,\n    scrollTo,\n    scrollToTarget,\n  }\n}\n","import { onMounted, onUnmounted } from 'vue'\n\nexport type UseViewportDimensionsOptions = {\n  width?: false | string\n  height?: false | string\n  initialWidth?: false | string\n  initialHeight?: false | string\n}\n\nexport function useViewportDimensions(options?: UseViewportDimensionsOptions) {\n  const mappedOptions = {\n    width: '--vw',\n    height: '--vh',\n    initialWidth: '--initial-vw',\n    initialHeight: '--initial-vh',\n    ...options,\n  }\n\n  const setViewportWidth = (initial?: boolean) => {\n    const vw = Number(window.innerWidth * 0.01).toFixed(2)\n\n    if (mappedOptions.width) {\n      document.documentElement.style.setProperty(mappedOptions.width, `${vw}px`)\n    }\n\n    if (initial && mappedOptions.initialWidth) {\n      document.documentElement.style.setProperty(\n        mappedOptions.initialWidth,\n        `${vw}px`,\n      )\n    }\n  }\n\n  const setViewportHeight = (initial?: boolean) => {\n    const vh = Number(window.innerHeight * 0.01).toFixed(2)\n\n    if (mappedOptions.height) {\n      document.documentElement.style.setProperty(\n        mappedOptions.height || '--vh',\n        `${vh}px`,\n      )\n    }\n\n    if (initial && mappedOptions.initialHeight) {\n      document.documentElement.style.setProperty(\n        mappedOptions.initialHeight || '--initial-vh',\n        `${vh}px`,\n      )\n    }\n  }\n\n  const setDimensions = () => {\n    setViewportWidth()\n    setViewportHeight()\n  }\n\n  onMounted(() => {\n    setViewportWidth(true)\n    setViewportHeight(true)\n\n    window.addEventListener('resize', setDimensions, { passive: true })\n  })\n\n  onUnmounted(() => {\n    window.removeEventListener('resize', setDimensions)\n  })\n}\n"],"mappings":"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","names":["callback","easings","onMounted"]}

package/dist/nuxt/module.json

@@ -1,5 +1,5 @@
 {
   "name": "@maas/vue-equipment",
   "configKey": "vueEquipment",
-  "version": "0.7.8"
+  "version": "0.7.9"
 }

package/dist/nuxt/module.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, addPlugin, addImportsDir, addImportsSources } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, installModule, addImportsSources } from '@nuxt/kit';
 
 const packages = {
 	composables: {
@@ -18,35 +18,35 @@ const functions = [
 	{
 		name: "MagicMarquee",
 		"package": "plugins",
-		lastUpdated: 1691658148000,
+		lastUpdated: 1695042962000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicMarquee/",
 		description: "marquee"
 	},
 	{
 		name: "MagicModal",
 		"package": "plugins",
-		lastUpdated: 1691152994000,
+		lastUpdated: 1695042962000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicModal/",
 		description: "modal"
 	},
 	{
 		name: "MagicPlayer",
 		"package": "plugins",
-		lastUpdated: 1690289302000,
+		lastUpdated: 1695042962000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicPlayer/",
 		description: "player"
 	},
 	{
 		name: "MagicScroll",
 		"package": "plugins",
-		lastUpdated: 1694011641000,
+		lastUpdated: 1695042962000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicScroll/",
 		description: "scroll"
 	},
 	{
 		name: "MagicToast",
 		"package": "plugins",
-		lastUpdated: 1694004931000,
+		lastUpdated: 1695042962000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicToast/",
 		description: "toast"
 	},
@@ -81,7 +81,7 @@ const functions = [
 	{
 		name: "useViewportDimensions",
 		"package": "composables",
-		lastUpdated: 1693245818000,
+		lastUpdated: 1695037143000,
 		docs: "https://maas.egineering/vue-equipment/composables/useViewportDimensions/",
 		description: "attach viewport dimensions as css variables to the document"
 	}
@@ -119,13 +119,7 @@ const module = defineNuxtModule({
       const nuxtPlugin = await resolver.resolvePath(
         `@maas/vue-equipment/plugins/${plugin}/nuxt`
       );
-      const pluginComposablesDir = await resolver.resolvePath(
-        `@maas/vue-equipment/plugins/${plugin}/src/composables`
-      );
-      addPlugin(nuxtPlugin);
-      addImportsDir(pluginComposablesDir, {
-        prepend: true
-      });
+      installModule(nuxtPlugin);
     }
     if (options.composables === true) {
       composables = metadata.functions.filter((fn) => fn.package === "composables").map((fn) => fn.name);

package/dist/plugins/MagicMarquee/index.d.ts

@@ -1,3 +1,4 @@
 import type { Plugin } from 'vue';
-declare const MagicMarquee: Plugin;
-export { MagicMarquee };
+import MagicMarquee from './src/components/MagicMarquee.vue.js';
+declare const MagicMarqueePlugin: Plugin;
+export { MagicMarqueePlugin, MagicMarquee };

package/dist/plugins/MagicMarquee/index.mjs

@@ -1,7 +1,7 @@
-import MagicMarqueeComponent from "./src/components/MagicMarquee.vue";
-const MagicMarquee = {
+import MagicMarquee from "./src/components/MagicMarquee.vue";
+const MagicMarqueePlugin = {
   install: (app) => {
-    app.component("MagicMarquee", MagicMarqueeComponent);
+    app.component("MagicMarquee", MagicMarquee);
   }
 };
-export { MagicMarquee };
+export { MagicMarqueePlugin, MagicMarquee };

package/dist/plugins/MagicMarquee/nuxt.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("nuxt/app").Plugin<Record<string, unknown>>;
-export default _default;

package/dist/plugins/MagicMarquee/nuxt.mjs

@@ -1,5 +1,20 @@
-import { defineNuxtPlugin } from "nuxt/app";
-import { MagicMarquee } from "./index.mjs";
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.use(MagicMarquee);
+import {
+  defineNuxtModule,
+  createResolver,
+  addComponentsDir,
+  addImportsDir
+} from "@nuxt/kit";
+export default defineNuxtModule({
+  meta: {
+    name: "@maas/vue-equipment/MagicMarquee"
+  },
+  setup() {
+    const resolver = createResolver(import.meta.url);
+    addComponentsDir({
+      path: resolver.resolve("src/components"),
+      global: true,
+      pathPrefix: false
+    });
+    addImportsDir(resolver.resolve("src/composables"));
+  }
 });

package/dist/plugins/MagicModal/index.d.ts

@@ -1,5 +1,6 @@
+import MagicModal from './src/components/MagicModal.vue.js';
 import { useModalApi } from './src/composables/useModalApi.js';
 import { useModalEmitter } from './src/composables/useModalEmitter.js';
 import type { Plugin } from 'vue';
-declare const MagicModal: Plugin;
-export { MagicModal, useModalEmitter, useModalApi };
+declare const MagicModalPlugin: Plugin;
+export { MagicModalPlugin, MagicModal, useModalEmitter, useModalApi };

package/dist/plugins/MagicModal/index.mjs

@@ -1,9 +1,9 @@
-import MagicModalComponent from "./src/components/MagicModal.vue";
+import MagicModal from "./src/components/MagicModal.vue";
 import { useModalApi } from "./src/composables/useModalApi.mjs";
 import { useModalEmitter } from "./src/composables/useModalEmitter.mjs";
-const MagicModal = {
+const MagicModalPlugin = {
   install: (app) => {
-    app.component("MagicModal", MagicModalComponent);
+    app.component("MagicModal", MagicModal);
   }
 };
-export { MagicModal, useModalEmitter, useModalApi };
+export { MagicModalPlugin, MagicModal, useModalEmitter, useModalApi };

package/dist/plugins/MagicModal/nuxt.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("nuxt/app").Plugin<Record<string, unknown>>;
-export default _default;

package/dist/plugins/MagicModal/nuxt.mjs

@@ -1,5 +1,29 @@
-import { defineNuxtPlugin } from "nuxt/app";
-import { MagicModal } from "./index.mjs";
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.use(MagicModal);
+import {
+  defineNuxtModule,
+  createResolver,
+  addComponentsDir,
+  addImports
+} from "@nuxt/kit";
+export default defineNuxtModule({
+  meta: {
+    name: "@maas/vue-equipment/MagicModal"
+  },
+  setup() {
+    const resolver = createResolver(import.meta.url);
+    addComponentsDir({
+      path: resolver.resolve("src/components"),
+      global: true,
+      pathPrefix: false
+    });
+    addImports({
+      from: "@maas/vue-equipment/plugins/MagicModal",
+      typeFrom: "@maas/vue-equipment/plugins/MagicModal",
+      name: "useModalApi"
+    });
+    addImports({
+      from: "@maas/vue-equipment/plugins/MagicModal",
+      typeFrom: "@maas/vue-equipment/plugins/MagicModal",
+      name: "useModalEmitter"
+    });
+  }
 });

package/dist/plugins/MagicPlayer/index.d.ts

@@ -1,7 +1,13 @@
 import type { Plugin } from 'vue';
+import MagicPlayer from './src/components/MagicPlayer.vue.js';
+import MagicPlayerControls from './src/components/MagicPlayerControls.vue.js';
+import MagicPlayerTimeline from './src/components/MagicPlayerTimeline.vue.js';
+import MagicPlayerMuxPopover from './src/components/MagicPlayerMuxPopover.vue.js';
 import { useMediaApi } from './src/composables/useMediaApi.js';
 import { usePlayerApi } from './src/composables/usePlayerApi.js';
+import { useProvidePlayer, useInjectPlayer } from './src/composables/usePlayer.js';
+import { useProvideControls, useInjectControls } from './src/composables/useControls.js';
 import { useRuntimeSourceProvider } from './src/composables/useRuntimeSourceProvider.js';
 export type * from './src/types';
-declare const MagicPlayer: Plugin;
-export { MagicPlayer, useMediaApi, usePlayerApi, useRuntimeSourceProvider };
+declare const MagicPlayerPlugin: Plugin;
+export { MagicPlayerPlugin, MagicPlayer, MagicPlayerControls, MagicPlayerTimeline, MagicPlayerMuxPopover, useMediaApi, usePlayerApi, useRuntimeSourceProvider, useProvidePlayer, useInjectPlayer, useProvideControls, useInjectControls, };

package/dist/plugins/MagicPlayer/index.mjs

@@ -1,15 +1,34 @@
-import MagicPlayerComponent from "./src/components/MagicPlayer.vue";
-import MagicPlayerControlsComponent from "./src/components/MagicPlayerControls.vue";
-import MagicPlayerTimelineComponent from "./src/components/MagicPlayerTimeline.vue";
-import MagicPlayerMuxPopoverComponent from "./src/components/MagicPlayerMuxPopover.vue";
+import MagicPlayer from "./src/components/MagicPlayer.vue";
+import MagicPlayerControls from "./src/components/MagicPlayerControls.vue";
+import MagicPlayerTimeline from "./src/components/MagicPlayerTimeline.vue";
+import MagicPlayerMuxPopover from "./src/components/MagicPlayerMuxPopover.vue";
 import { useMediaApi } from "./src/composables/useMediaApi.mjs";
 import { usePlayerApi } from "./src/composables/usePlayerApi.mjs";
+import { useProvidePlayer, useInjectPlayer } from "./src/composables/usePlayer.mjs";
+import {
+  useProvideControls,
+  useInjectControls
+} from "./src/composables/useControls.mjs";
 import { useRuntimeSourceProvider } from "./src/composables/useRuntimeSourceProvider.mjs";
-const MagicPlayer = {
+const MagicPlayerPlugin = {
   install: (app) => {
-    app.component("MagicPlayer", MagicPlayerComponent);
-    app.component("MagicPlayerControls", MagicPlayerControlsComponent);
-    app.component("MagicPlayerTimeline", MagicPlayerTimelineComponent), app.component("MagicPlayerMuxPopover", MagicPlayerMuxPopoverComponent);
+    app.component("MagicPlayer", MagicPlayer);
+    app.component("MagicPlayerControls", MagicPlayerControls);
+    app.component("MagicPlayerTimeline", MagicPlayerTimeline);
+    app.component("MagicPlayerMuxPopover", MagicPlayerMuxPopover);
   }
 };
-export { MagicPlayer, useMediaApi, usePlayerApi, useRuntimeSourceProvider };
+export {
+  MagicPlayerPlugin,
+  MagicPlayer,
+  MagicPlayerControls,
+  MagicPlayerTimeline,
+  MagicPlayerMuxPopover,
+  useMediaApi,
+  usePlayerApi,
+  useRuntimeSourceProvider,
+  useProvidePlayer,
+  useInjectPlayer,
+  useProvideControls,
+  useInjectControls
+};

package/dist/plugins/MagicPlayer/nuxt.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("nuxt/app").Plugin<Record<string, unknown>>;
-export default _default;

package/dist/plugins/MagicPlayer/nuxt.mjs

@@ -1,5 +1,36 @@
-import { defineNuxtPlugin } from "nuxt/app";
-import { MagicPlayer } from "./index.mjs";
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.use(MagicPlayer);
+import {
+  defineNuxtModule,
+  createResolver,
+  addComponentsDir,
+  addImports
+} from "@nuxt/kit";
+export default defineNuxtModule({
+  meta: {
+    name: "@maas/vue-equipment/MagicPlayer"
+  },
+  setup() {
+    const resolver = createResolver(import.meta.url);
+    addComponentsDir({
+      path: resolver.resolve("src/components"),
+      global: true,
+      pathPrefix: false,
+      ignore: ["icons/*"]
+    });
+    addImports({
+      from: "@maas/vue-equipment/plugins/MagicPlayer",
+      name: "useProvidePlayer"
+    });
+    addImports({
+      from: "@maas/vue-equipment/plugins/MagicPlayer",
+      name: "useInjectPlayer"
+    });
+    addImports({
+      from: "@maas/vue-equipment/plugins/MagicPlayer",
+      name: "useProvideControls"
+    });
+    addImports({
+      from: "@maas/vue-equipment/plugins/MagicPlayer",
+      name: "useInjectControls"
+    });
+  }
 });

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

@@ -137,7 +137,7 @@ defineExpose({
   --magic-player-controls-overlay-background-color: rgba(0, 0, 0, 0.3);
   --magic-player-controls-overlay-color: rgba(255, 255, 255, 1);
   --magic-player-controls-transition-duration: 300ms;
-  --magic-player-controls-transition-timing-function: ease-out:
+  --magic-player-controls-transition-timing-function: ease-out: ;
 }
 
 @media (max-width: 640px) {
@@ -192,12 +192,15 @@ defineExpose({
   align-items: flex-start;
   gap: var(--magic-player-controls-gap);
   transition-duration: var(--magic-player-controls-transition-duration);
-  transition-timing-function: var(--magic-player-controls-transition-timing-function);
+  transition-timing-function: var(
+    --magic-player-controls-transition-timing-function
+  );
   transition-property: opacity, transform;
 }
 
 .magic-player-controls__bar--inner {
   width: 100%;
+  box-sizing: border-box;
   height: var(--magic-player-controls-height);
   padding: 0 var(--magic-player-controls-padding);
   background-color: var(--magic-player-controls-background-color);

package/dist/plugins/MagicScroll/index.d.ts

@@ -1,7 +1,12 @@
+import MagicScrollProvider from './src/components/MagicScrollProvider.vue.js';
+import MagicScrollScene from './src/components/MagicScrollScene.vue.js';
+import MagicScrollTransform from './src/components/MagicScrollTransform.vue.js';
+import MagicScrollMotion from './src/components/MagicScrollMotion.vue.js';
+import MagicScrollCollision from './src/components/MagicScrollCollision.vue.js';
 import { useCollisionEmitter } from './src/composables/useCollisionEmitter.js';
 import { useScrollApi } from './src/composables/useScrollApi.js';
 import { useCollisionDetect } from './src/composables/useCollisionDetect.js';
 import type { Plugin } from 'vue';
 export type * from './src/types';
-declare const MagicScroll: Plugin;
-export { MagicScroll, useCollisionEmitter, useScrollApi, useCollisionDetect };
+declare const MagicScrollPlugin: Plugin;
+export { MagicScrollPlugin, MagicScrollProvider, MagicScrollScene, MagicScrollTransform, MagicScrollMotion, MagicScrollCollision, useCollisionEmitter, useScrollApi, useCollisionDetect, };

package/dist/plugins/MagicScroll/index.mjs

@@ -3,19 +3,26 @@ import MagicScrollScene from "./src/components/MagicScrollScene.vue";
 import MagicScrollTransform from "./src/components/MagicScrollTransform.vue";
 import MagicScrollMotion from "./src/components/MagicScrollMotion.vue";
 import MagicScrollCollision from "./src/components/MagicScrollCollision.vue";
-import { magicScrollStore } from "./src/store/index.mjs";
 import { useCollisionEmitter } from "./src/composables/useCollisionEmitter.mjs";
 import { useScrollApi } from "./src/composables/useScrollApi.mjs";
 import { useCollisionDetect } from "./src/composables/useCollisionDetect.mjs";
-import { StoreKey } from "./src/types/index.mjs";
-const MagicScroll = {
+const MagicScrollPlugin = {
   install: (app) => {
     app.component("MagicScrollProvider", MagicScrollProvider);
     app.component("MagicScrollScene", MagicScrollScene);
     app.component("MagicScrollTransform", MagicScrollTransform);
     app.component("MagicScrollMotion", MagicScrollMotion);
     app.component("MagicScrollCollision", MagicScrollCollision);
-    app.provide(StoreKey, magicScrollStore);
   }
 };
-export { MagicScroll, useCollisionEmitter, useScrollApi, useCollisionDetect };
+export {
+  MagicScrollPlugin,
+  MagicScrollProvider,
+  MagicScrollScene,
+  MagicScrollTransform,
+  MagicScrollMotion,
+  MagicScrollCollision,
+  useCollisionEmitter,
+  useScrollApi,
+  useCollisionDetect
+};

package/dist/plugins/MagicScroll/nuxt.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("nuxt/app").Plugin<Record<string, unknown>>;
-export default _default;

package/dist/plugins/MagicScroll/nuxt.mjs

@@ -1,5 +1,20 @@
-import { defineNuxtPlugin } from "nuxt/app";
-import { MagicScroll } from "./index.mjs";
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.use(MagicScroll);
+import {
+  defineNuxtModule,
+  createResolver,
+  addComponentsDir,
+  addImportsDir
+} from "@nuxt/kit";
+export default defineNuxtModule({
+  meta: {
+    name: "@maas/vue-equipment/MagicScroll"
+  },
+  setup() {
+    const resolver = createResolver(import.meta.url);
+    addComponentsDir({
+      path: resolver.resolve("src/components"),
+      global: true,
+      pathPrefix: false
+    });
+    addImportsDir(resolver.resolve("src/composables"));
+  }
 });

package/dist/plugins/MagicScroll/src/types/injectionKeys.d.ts

@@ -19,7 +19,4 @@ declare const ScrollPositionKey: InjectionKey<{
     measure(): void;
 } | undefined>;
 declare const ScrollProgressKey: InjectionKey<Ref<number>>;
-declare const StoreKey: InjectionKey<{
-    isNavigating: boolean;
-}>;
-export { ScrollParentKey, ScrollPositionKey, ScrollProgressKey, StoreKey };
+export { ScrollParentKey, ScrollPositionKey, ScrollProgressKey };

package/dist/plugins/MagicScroll/src/types/injectionKeys.mjs

@@ -1,5 +1,4 @@
 const ScrollParentKey = Symbol();
 const ScrollPositionKey = Symbol();
 const ScrollProgressKey = Symbol();
-const StoreKey = Symbol();
-export { ScrollParentKey, ScrollPositionKey, ScrollProgressKey, StoreKey };
+export { ScrollParentKey, ScrollPositionKey, ScrollProgressKey };

package/dist/plugins/MagicToast/index.d.ts

@@ -1,5 +1,6 @@
+import MagicToast from './src/components/MagicToast.vue.js';
 import { useToastApi } from './src/composables/useToastApi.js';
 import { useToastEmitter } from './src/composables/useToastEmitter.js';
 import type { Plugin } from 'vue';
-declare const MagicToast: Plugin;
-export { MagicToast, useToastApi, useToastEmitter };
+declare const MagicToastPlugin: Plugin;
+export { MagicToastPlugin, MagicToast, useToastApi, useToastEmitter };

package/dist/plugins/MagicToast/index.mjs

@@ -1,9 +1,9 @@
-import MagicToastComponent from "./src/components/MagicToast.vue";
+import MagicToast from "./src/components/MagicToast.vue";
 import { useToastApi } from "./src/composables/useToastApi.mjs";
 import { useToastEmitter } from "./src/composables/useToastEmitter.mjs";
-const MagicToast = {
+const MagicToastPlugin = {
   install: (app) => {
-    app.component("MagicToast", MagicToastComponent);
+    app.component("MagicToast", MagicToast);
   }
 };
-export { MagicToast, useToastApi, useToastEmitter };
+export { MagicToastPlugin, MagicToast, useToastApi, useToastEmitter };

package/dist/plugins/MagicToast/nuxt.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("nuxt/app").Plugin<Record<string, unknown>>;
-export default _default;

package/dist/plugins/MagicToast/nuxt.mjs

@@ -1,5 +1,27 @@
-import { defineNuxtPlugin } from "nuxt/app";
-import { MagicToast } from "./index.mjs";
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.use(MagicToast);
+import {
+  defineNuxtModule,
+  createResolver,
+  addComponent,
+  addImports
+} from "@nuxt/kit";
+export default defineNuxtModule({
+  meta: {
+    name: "@maas/vue-equipment/MagicToast"
+  },
+  setup() {
+    const resolver = createResolver(import.meta.url);
+    addComponent({
+      filePath: resolver.resolve("src/components/MagicToast.vue"),
+      name: "MagicToast",
+      global: true
+    });
+    addImports({
+      from: "@maas/vue-equipment/plugins/MagicToast",
+      name: "useToastApi"
+    });
+    addImports({
+      from: "@maas/vue-equipment/plugins/MagicToast",
+      name: "useToastEmitter"
+    });
+  }
 });

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

@@ -71,6 +71,7 @@ watchEffect(() => {
     var(--magic-toast-transform-y) * var(--mt-index, 0) * var(--mt-multiplier)
   );
   position: absolute;
+  list-style: none;
 }
 
 .magic-toast-component__inner {

package/dist/plugins/index.d.ts

@@ -1,5 +1,5 @@
-export * from './MagicMarquee.js';
-export * from './MagicModal.js';
-export * from './MagicPlayer.js';
-export * from './MagicScroll.js';
-export * from './MagicToast.js';
+export * from './MagicMarquee/index.js';
+export * from './MagicModal/index.js';
+export * from './MagicPlayer/index.js';
+export * from './MagicScroll/index.js';
+export * from './MagicToast/index.js';

package/dist/utils/index.js

@@ -57,9 +57,8 @@ function mapValue(value, inMin, inMax, outMin, outMax) {
 
 // src/functions/uuid.ts
 var import_crypto = __toESM(require("crypto"));
-var isBrowser = typeof window !== "undefined";
 function uuid() {
-  return isBrowser ? window.crypto.randomUUID() : import_crypto.default.randomUUID();
+  return typeof window !== "undefined" ? window.crypto.randomUUID() : import_crypto.default.randomUUID();
 }
 
 // src/functions/uniq.ts

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/isIOS.ts","../../packages/utils/src/functions/mapValue.ts","../../packages/utils/src/functions/uuid.ts","../../packages/utils/src/functions/uniq.ts"],"sourcesContent":["export * from './src/functions/clampValue'\nexport * from './src/functions/isIOS'\nexport * from './src/functions/mapValue'\nexport * from './src/functions/uuid'\nexport * from './src/functions/uniq'\n","export function clampValue(value: number, min: number, max: number) {\n  return value <= min ? min : value >= max ? max : value\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","import crypto from 'crypto'\nconst isBrowser = typeof window !== 'undefined'\n\nexport function uuid() {\n  return isBrowser ? window.crypto.randomUUID() : crypto.randomUUID()\n}\n","export function uniq<T extends any[]>(a: T) {\n  return Array.from(new Set(a))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,SAAS,WAAW,OAAe,KAAa,KAAa;AAClE,SAAO,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM;AACnD;;;ACFO,SAAS,QAAQ;AACtB,MAAI,OAAO,WAAW;AAAa,WAAO;AAC1C,SAAO,mBAAmB,KAAK,WAAW,SAAS;AACrD;;;ACHO,SAAS,SACd,OACA,OACA,OACA,QACA,QACA;AACA,UAAS,QAAQ,UAAU,SAAS,WAAY,QAAQ,SAAS;AACnE;;;ACRA,oBAAmB;AACnB,IAAM,YAAY,OAAO,WAAW;AAE7B,SAAS,OAAO;AACrB,SAAO,YAAY,OAAO,OAAO,WAAW,IAAI,cAAAA,QAAO,WAAW;AACpE;;;ACLO,SAAS,KAAsB,GAAM;AAC1C,SAAO,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC;AAC9B;","names":["crypto"]}
+{"version":3,"sources":["../../packages/utils/index.ts","../../packages/utils/src/functions/clampValue.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"],"sourcesContent":["export * from './src/functions/clampValue'\nexport * from './src/functions/isIOS'\nexport * from './src/functions/mapValue'\nexport * from './src/functions/uuid'\nexport * from './src/functions/uniq'\n","export function clampValue(value: number, min: number, max: number) {\n  return value <= min ? min : value >= max ? max : value\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","import crypto from 'crypto'\n\nexport function uuid() {\n  return typeof window !== 'undefined'\n    ? window.crypto.randomUUID()\n    : crypto.randomUUID()\n}\n","export function uniq<T extends any[]>(a: T) {\n  return Array.from(new Set(a))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,SAAS,WAAW,OAAe,KAAa,KAAa;AAClE,SAAO,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM;AACnD;;;ACFO,SAAS,QAAQ;AACtB,MAAI,OAAO,WAAW;AAAa,WAAO;AAC1C,SAAO,mBAAmB,KAAK,WAAW,SAAS;AACrD;;;ACHO,SAAS,SACd,OACA,OACA,OACA,QACA,QACA;AACA,UAAS,QAAQ,UAAU,SAAS,WAAY,QAAQ,SAAS;AACnE;;;ACRA,oBAAmB;AAEZ,SAAS,OAAO;AACrB,SAAO,OAAO,WAAW,cACrB,OAAO,OAAO,WAAW,IACzB,cAAAA,QAAO,WAAW;AACxB;;;ACNO,SAAS,KAAsB,GAAM;AAC1C,SAAO,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC;AAC9B;","names":["crypto"]}

package/dist/utils/index.mjs

@@ -17,9 +17,8 @@ function mapValue(value, inMin, inMax, outMin, outMax) {
 
 // src/functions/uuid.ts
 import crypto from "crypto";
-var isBrowser = typeof window !== "undefined";
 function uuid() {
-  return isBrowser ? window.crypto.randomUUID() : crypto.randomUUID();
+  return typeof window !== "undefined" ? window.crypto.randomUUID() : crypto.randomUUID();
 }
 
 // src/functions/uniq.ts

package/dist/utils/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../packages/utils/src/functions/clampValue.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"],"sourcesContent":["export function clampValue(value: number, min: number, max: number) {\n  return value <= min ? min : value >= max ? max : value\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","import crypto from 'crypto'\nconst isBrowser = typeof window !== 'undefined'\n\nexport function uuid() {\n  return isBrowser ? window.crypto.randomUUID() : crypto.randomUUID()\n}\n","export function uniq<T extends any[]>(a: T) {\n  return Array.from(new Set(a))\n}\n"],"mappings":";AAAO,SAAS,WAAW,OAAe,KAAa,KAAa;AAClE,SAAO,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM;AACnD;;;ACFO,SAAS,QAAQ;AACtB,MAAI,OAAO,WAAW;AAAa,WAAO;AAC1C,SAAO,mBAAmB,KAAK,WAAW,SAAS;AACrD;;;ACHO,SAAS,SACd,OACA,OACA,OACA,QACA,QACA;AACA,UAAS,QAAQ,UAAU,SAAS,WAAY,QAAQ,SAAS;AACnE;;;ACRA,OAAO,YAAY;AACnB,IAAM,YAAY,OAAO,WAAW;AAE7B,SAAS,OAAO;AACrB,SAAO,YAAY,OAAO,OAAO,WAAW,IAAI,OAAO,WAAW;AACpE;;;ACLO,SAAS,KAAsB,GAAM;AAC1C,SAAO,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC;AAC9B;","names":[]}
+{"version":3,"sources":["../../packages/utils/src/functions/clampValue.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"],"sourcesContent":["export function clampValue(value: number, min: number, max: number) {\n  return value <= min ? min : value >= max ? max : value\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","import crypto from 'crypto'\n\nexport function uuid() {\n  return typeof window !== 'undefined'\n    ? window.crypto.randomUUID()\n    : crypto.randomUUID()\n}\n","export function uniq<T extends any[]>(a: T) {\n  return Array.from(new Set(a))\n}\n"],"mappings":";AAAO,SAAS,WAAW,OAAe,KAAa,KAAa;AAClE,SAAO,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM;AACnD;;;ACFO,SAAS,QAAQ;AACtB,MAAI,OAAO,WAAW;AAAa,WAAO;AAC1C,SAAO,mBAAmB,KAAK,WAAW,SAAS;AACrD;;;ACHO,SAAS,SACd,OACA,OACA,OACA,QACA,QACA;AACA,UAAS,QAAQ,UAAU,SAAS,WAAY,QAAQ,SAAS;AACnE;;;ACRA,OAAO,YAAY;AAEZ,SAAS,OAAO;AACrB,SAAO,OAAO,WAAW,cACrB,OAAO,OAAO,WAAW,IACzB,OAAO,WAAW;AACxB;;;ACNO,SAAS,KAAsB,GAAM;AAC1C,SAAO,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC;AAC9B;","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.7.9",
+  "version": "0.8.0",
   "author": "Robin Scholz <https://github.com/robinscholz>, Christoph Jeworutzki <https://github.com/ChristophJeworutzki>",
   "devDependencies": {
     "@antfu/ni": "^0.21.5",

package/dist/plugins/MagicScroll/src/store/index.d.ts

@@ -1,4 +0,0 @@
-declare const magicScrollStore: {
-    isNavigating: boolean;
-};
-export { magicScrollStore };

package/dist/plugins/MagicScroll/src/store/index.mjs

@@ -1,5 +0,0 @@
-import { reactive } from "vue";
-const magicScrollStore = reactive({
-  isNavigating: false
-});
-export { magicScrollStore };