@maas/vue-equipment 0.19.0 → 0.20.0

package/dist/composables/index.d.mts

@@ -1,8 +1,8 @@
 import * as vue from 'vue';
-import { Ref } from 'vue';
+import { MaybeRef, Ref } from 'vue';
 import { DateTime } from 'luxon';
-import { MaybeRef, MaybeElement, MaybeComputedElementRef } from '@vueuse/core';
 import { Font } from 'fontkit';
+import { MaybeElement, MaybeComputedElementRef } from '@vueuse/core';
 
 type DateTimeArray = [number, number, number, number?, number?, number?];
 interface CountdownOptions {

package/dist/composables/index.d.ts

@@ -1,8 +1,8 @@
 import * as vue from 'vue';
-import { Ref } from 'vue';
+import { MaybeRef, Ref } from 'vue';
 import { DateTime } from 'luxon';
-import { MaybeRef, MaybeElement, MaybeComputedElementRef } from '@vueuse/core';
 import { Font } from 'fontkit';
+import { MaybeElement, MaybeComputedElementRef } from '@vueuse/core';
 
 type DateTimeArray = [number, number, number, number?, number?, number?];
 interface CountdownOptions {

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/useMetaViewport/index.ts","../../packages/composables/useScrollTo/index.ts","../../packages/composables/useViewportDimensions/index.ts"],"sourcesContent":["export * from './useCountdown'\nexport * from './useEasings'\nexport * from './useGlyphToSvg'\nexport * from './useMetaViewport'\nexport * from './useScrollTo'\nexport * from './useViewportDimensions'\n","import { computed, onMounted, ref, unref, watch } from 'vue'\nimport { MagicTimer } from '@maas/magic-timer'\nimport { DateTime } from 'luxon'\nimport { type MaybeRef } from '@vueuse/core'\n\n// Type for [YYYY, MM, DD, HH, MM, SS]\nexport type DateTimeArray = [number, number, number, number?, number?, number?]\n\n// Interface for the options\nexport interface CountdownOptions {\n  endDateTime: MaybeRef<DateTimeArray>\n  timezone?: MaybeRef<string>\n  zeroIndexedMonths?: boolean\n}\n\n// Define the default options\nconst defaultOptions: CountdownOptions = {\n  endDateTime: [1970, 1, 1, 0, 0, 0],\n  zeroIndexedMonths: false,\n}\n\nexport function useCountdown(options: CountdownOptions, callback?: () => void) {\n  // Merge the options with the default options\n  options = { ...defaultOptions, ...options } as CountdownOptions\n\n  // Check if the endDateTime is valid\n  if (unref(options.endDateTime).length < 3) {\n    console.error(\n      'useCountdownClock: The \"endDateTime\" option needs to be an array with the format [YYYY, MM, DD, HH?, MM?, SS?]',\n    )\n  }\n\n  // Check if the timezone is valid\n  const timezone = unref(options.timezone)\n  if (timezone) {\n    if (!DateTime.now().setZone(timezone).isValid) {\n      console.error(\n        `useCountdownClock: The \"timezone\" option \"${timezone}\" 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\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  // Parse the end dateTime array into an date and time object\n  // if the hour, minute and second are not set, set them to 0\n  // if the month is not zero indexed, add 1 to the month (defined in the options)\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  // Get the computed endDateTime value from the options\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 the timer reached the endDateTime stop the timer, reset the values and call 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      if (callback) callback()\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 to pad the values with a leading zero\n  function pad(value: number): string {\n    return ('0' + value).slice(-2)\n  }\n\n  // Listen to the tick event\n  function onTick(callback: () => void) {\n    timer.on('tick', callback)\n  }\n\n  // Listen to the tick event\n  timer.on('tick', tick)\n\n  // Reset the countdown values\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  // Restart the timer\n  function restart() {\n    timer.reset()\n    timer.start()\n  }\n\n  // Start the timer on mount\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    // check timer is running to prevent restart on initial load\n    if (timer.state === 'running') return\n    restart()\n  })\n\n  // Return the values and functions\n  return {\n    years,\n    days,\n    hours,\n    minutes,\n    seconds,\n    endDateTime,\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 { ref } 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 = ref<string | undefined>(undefined)\n\n  function setMetaViewport() {\n    const metaElement = document.querySelector(\n      'meta[name=\"viewport\"]'\n    ) as HTMLMetaElement\n\n    metaViewport.value = metaElement.content\n    metaElement.setAttribute('content', content)\n  }\n\n  function resetMetaViewport() {\n    const metaElement = document.querySelector(\n      'meta[name=\"viewport\"]'\n    ) as HTMLMetaElement\n\n    if (metaViewport.value) {\n      metaElement.setAttribute('content', metaViewport.value)\n    }\n  }\n\n  return {\n    setMetaViewport,\n    resetMetaViewport,\n  }\n}\n","import { 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\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 = 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    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","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_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/useMetaViewport/index.ts","../../packages/composables/useScrollTo/index.ts","../../packages/composables/useViewportDimensions/index.ts"],"sourcesContent":["export * from './useCountdown'\nexport * from './useEasings'\nexport * from './useGlyphToSvg'\nexport * from './useMetaViewport'\nexport * from './useScrollTo'\nexport * from './useViewportDimensions'\n","import { computed, onMounted, ref, unref, watch, type MaybeRef } from 'vue'\nimport { MagicTimer } from '@maas/magic-timer'\nimport { DateTime } from 'luxon'\n\n// Type for [YYYY, MM, DD, HH, MM, SS]\nexport type DateTimeArray = [number, number, number, number?, number?, number?]\n\n// Interface for the options\nexport interface CountdownOptions {\n  endDateTime: MaybeRef<DateTimeArray>\n  timezone?: MaybeRef<string>\n  zeroIndexedMonths?: boolean\n}\n\n// Define the default options\nconst defaultOptions: CountdownOptions = {\n  endDateTime: [1970, 1, 1, 0, 0, 0],\n  zeroIndexedMonths: false,\n}\n\nexport function useCountdown(options: CountdownOptions, callback?: () => void) {\n  // Merge the options with the default options\n  options = { ...defaultOptions, ...options } as CountdownOptions\n\n  // Check if the endDateTime is valid\n  if (unref(options.endDateTime).length < 3) {\n    console.error(\n      'useCountdownClock: The \"endDateTime\" option needs to be an array with the format [YYYY, MM, DD, HH?, MM?, SS?]'\n    )\n  }\n\n  // Check if the timezone is valid\n  const timezone = unref(options.timezone)\n  if (timezone) {\n    if (!DateTime.now().setZone(timezone).isValid) {\n      console.error(\n        `useCountdownClock: The \"timezone\" option \"${timezone}\" 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\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  // Parse the end dateTime array into an date and time object\n  // if the hour, minute and second are not set, set them to 0\n  // if the month is not zero indexed, add 1 to the month (defined in the options)\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  // Get the computed endDateTime value from the options\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 the timer reached the endDateTime stop the timer, reset the values and call 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      if (callback) callback()\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 to pad the values with a leading zero\n  function pad(value: number): string {\n    return ('0' + value).slice(-2)\n  }\n\n  // Listen to the tick event\n  function onTick(callback: () => void) {\n    timer.on('tick', callback)\n  }\n\n  // Listen to the tick event\n  timer.on('tick', tick)\n\n  // Reset the countdown values\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  // Restart the timer\n  function restart() {\n    timer.reset()\n    timer.start()\n  }\n\n  // Start the timer on mount\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    // check timer is running to prevent restart on initial load\n    if (timer.state === 'running') return\n    restart()\n  })\n\n  // Return the values and functions\n  return {\n    years,\n    days,\n    hours,\n    minutes,\n    seconds,\n    endDateTime,\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 { ref } 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 = ref<string | undefined>(undefined)\n\n  function setMetaViewport() {\n    const metaElement = document.querySelector(\n      'meta[name=\"viewport\"]'\n    ) as HTMLMetaElement\n\n    metaViewport.value = metaElement.content\n    metaElement.setAttribute('content', content)\n  }\n\n  function resetMetaViewport() {\n    const metaElement = document.querySelector(\n      'meta[name=\"viewport\"]'\n    ) as HTMLMetaElement\n\n    if (metaViewport.value) {\n      metaElement.setAttribute('content', metaViewport.value)\n    }\n  }\n\n  return {\n    setMetaViewport,\n    resetMetaViewport,\n  }\n}\n","import { 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\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 = 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    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","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_vue","import_core","import_vue"]}

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/useMetaViewport/index.ts","../../packages/composables/useScrollTo/index.ts","../../packages/composables/useViewportDimensions/index.ts"],"sourcesContent":["import { computed, onMounted, ref, unref, watch } from 'vue'\nimport { MagicTimer } from '@maas/magic-timer'\nimport { DateTime } from 'luxon'\nimport { type MaybeRef } from '@vueuse/core'\n\n// Type for [YYYY, MM, DD, HH, MM, SS]\nexport type DateTimeArray = [number, number, number, number?, number?, number?]\n\n// Interface for the options\nexport interface CountdownOptions {\n  endDateTime: MaybeRef<DateTimeArray>\n  timezone?: MaybeRef<string>\n  zeroIndexedMonths?: boolean\n}\n\n// Define the default options\nconst defaultOptions: CountdownOptions = {\n  endDateTime: [1970, 1, 1, 0, 0, 0],\n  zeroIndexedMonths: false,\n}\n\nexport function useCountdown(options: CountdownOptions, callback?: () => void) {\n  // Merge the options with the default options\n  options = { ...defaultOptions, ...options } as CountdownOptions\n\n  // Check if the endDateTime is valid\n  if (unref(options.endDateTime).length < 3) {\n    console.error(\n      'useCountdownClock: The \"endDateTime\" option needs to be an array with the format [YYYY, MM, DD, HH?, MM?, SS?]',\n    )\n  }\n\n  // Check if the timezone is valid\n  const timezone = unref(options.timezone)\n  if (timezone) {\n    if (!DateTime.now().setZone(timezone).isValid) {\n      console.error(\n        `useCountdownClock: The \"timezone\" option \"${timezone}\" 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\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  // Parse the end dateTime array into an date and time object\n  // if the hour, minute and second are not set, set them to 0\n  // if the month is not zero indexed, add 1 to the month (defined in the options)\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  // Get the computed endDateTime value from the options\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 the timer reached the endDateTime stop the timer, reset the values and call 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      if (callback) callback()\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 to pad the values with a leading zero\n  function pad(value: number): string {\n    return ('0' + value).slice(-2)\n  }\n\n  // Listen to the tick event\n  function onTick(callback: () => void) {\n    timer.on('tick', callback)\n  }\n\n  // Listen to the tick event\n  timer.on('tick', tick)\n\n  // Reset the countdown values\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  // Restart the timer\n  function restart() {\n    timer.reset()\n    timer.start()\n  }\n\n  // Start the timer on mount\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    // check timer is running to prevent restart on initial load\n    if (timer.state === 'running') return\n    restart()\n  })\n\n  // Return the values and functions\n  return {\n    years,\n    days,\n    hours,\n    minutes,\n    seconds,\n    endDateTime,\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 { ref } 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 = ref<string | undefined>(undefined)\n\n  function setMetaViewport() {\n    const metaElement = document.querySelector(\n      'meta[name=\"viewport\"]'\n    ) as HTMLMetaElement\n\n    metaViewport.value = metaElement.content\n    metaElement.setAttribute('content', content)\n  }\n\n  function resetMetaViewport() {\n    const metaElement = document.querySelector(\n      'meta[name=\"viewport\"]'\n    ) as HTMLMetaElement\n\n    if (metaViewport.value) {\n      metaElement.setAttribute('content', metaViewport.value)\n    }\n  }\n\n  return {\n    setMetaViewport,\n    resetMetaViewport,\n  }\n}\n","import { 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\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 = 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    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","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","unref","ref","onMounted"]}
+{"version":3,"sources":["../../packages/composables/useCountdown/index.ts","../../packages/composables/useEasings/index.ts","../../packages/composables/useGlyphToSvg/index.ts","../../packages/composables/useMetaViewport/index.ts","../../packages/composables/useScrollTo/index.ts","../../packages/composables/useViewportDimensions/index.ts"],"sourcesContent":["import { computed, onMounted, ref, unref, watch, type MaybeRef } from 'vue'\nimport { MagicTimer } from '@maas/magic-timer'\nimport { DateTime } from 'luxon'\n\n// Type for [YYYY, MM, DD, HH, MM, SS]\nexport type DateTimeArray = [number, number, number, number?, number?, number?]\n\n// Interface for the options\nexport interface CountdownOptions {\n  endDateTime: MaybeRef<DateTimeArray>\n  timezone?: MaybeRef<string>\n  zeroIndexedMonths?: boolean\n}\n\n// Define the default options\nconst defaultOptions: CountdownOptions = {\n  endDateTime: [1970, 1, 1, 0, 0, 0],\n  zeroIndexedMonths: false,\n}\n\nexport function useCountdown(options: CountdownOptions, callback?: () => void) {\n  // Merge the options with the default options\n  options = { ...defaultOptions, ...options } as CountdownOptions\n\n  // Check if the endDateTime is valid\n  if (unref(options.endDateTime).length < 3) {\n    console.error(\n      'useCountdownClock: The \"endDateTime\" option needs to be an array with the format [YYYY, MM, DD, HH?, MM?, SS?]'\n    )\n  }\n\n  // Check if the timezone is valid\n  const timezone = unref(options.timezone)\n  if (timezone) {\n    if (!DateTime.now().setZone(timezone).isValid) {\n      console.error(\n        `useCountdownClock: The \"timezone\" option \"${timezone}\" 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\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  // Parse the end dateTime array into an date and time object\n  // if the hour, minute and second are not set, set them to 0\n  // if the month is not zero indexed, add 1 to the month (defined in the options)\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  // Get the computed endDateTime value from the options\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 the timer reached the endDateTime stop the timer, reset the values and call 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      if (callback) callback()\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 to pad the values with a leading zero\n  function pad(value: number): string {\n    return ('0' + value).slice(-2)\n  }\n\n  // Listen to the tick event\n  function onTick(callback: () => void) {\n    timer.on('tick', callback)\n  }\n\n  // Listen to the tick event\n  timer.on('tick', tick)\n\n  // Reset the countdown values\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  // Restart the timer\n  function restart() {\n    timer.reset()\n    timer.start()\n  }\n\n  // Start the timer on mount\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    // check timer is running to prevent restart on initial load\n    if (timer.state === 'running') return\n    restart()\n  })\n\n  // Return the values and functions\n  return {\n    years,\n    days,\n    hours,\n    minutes,\n    seconds,\n    endDateTime,\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 { ref } 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 = ref<string | undefined>(undefined)\n\n  function setMetaViewport() {\n    const metaElement = document.querySelector(\n      'meta[name=\"viewport\"]'\n    ) as HTMLMetaElement\n\n    metaViewport.value = metaElement.content\n    metaElement.setAttribute('content', content)\n  }\n\n  function resetMetaViewport() {\n    const metaElement = document.querySelector(\n      'meta[name=\"viewport\"]'\n    ) as HTMLMetaElement\n\n    if (metaViewport.value) {\n      metaElement.setAttribute('content', metaViewport.value)\n    }\n  }\n\n  return {\n    setMetaViewport,\n    resetMetaViewport,\n  }\n}\n","import { 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\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 = 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    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","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","unref","ref","onMounted"]}

package/dist/nuxt/module.json

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

package/dist/nuxt/module.mjs

@@ -2,16 +2,16 @@ import { defineNuxtModule, createResolver, extendViteConfig, installModule, addI
 
 const functions$1 = [
 	{
-		name: "MagicConsent",
+		name: "MagicCookie",
 		"package": "plugins",
-		lastUpdated: 1705422905000,
-		docs: "https://maas.egineering/vue-equipment/plugins/MagicConsent/",
-		description: "consent"
+		lastUpdated: 1707312246000,
+		docs: "https://maas.egineering/vue-equipment/plugins/MagicCookie/",
+		description: "cookie"
 	},
 	{
 		name: "MagicDrawer",
 		"package": "plugins",
-		lastUpdated: 1705422905000,
+		lastUpdated: 1707310473000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicDrawer/",
 		description: "drawer"
 	},
@@ -25,7 +25,7 @@ const functions$1 = [
 	{
 		name: "MagicModal",
 		"package": "plugins",
-		lastUpdated: 1705422905000,
+		lastUpdated: 1707310473000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicModal/",
 		description: "modal"
 	},
@@ -39,28 +39,28 @@ const functions$1 = [
 	{
 		name: "MagicPlayer",
 		"package": "plugins",
-		lastUpdated: 1699017517000,
+		lastUpdated: 1707310473000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicPlayer/",
 		description: "player"
 	},
 	{
 		name: "MagicScroll",
 		"package": "plugins",
-		lastUpdated: 1697181673000,
+		lastUpdated: 1707310473000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicScroll/",
 		description: "scroll"
 	},
 	{
 		name: "MagicToast",
 		"package": "plugins",
-		lastUpdated: 1705422905000,
+		lastUpdated: 1707310473000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicToast/",
 		description: "toast"
 	},
 	{
 		name: "useCountdown",
 		"package": "composables",
-		lastUpdated: 1696898480000,
+		lastUpdated: 1707225465000,
 		docs: "https://maas.egineering/vue-equipment/composables/useCountdown/",
 		description: "a composable function that returns the remaining time until a given Date and Time"
 	},

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

@@ -0,0 +1,8 @@
+import type { Plugin } from 'vue';
+import MagicCookie from './src/components/MagicCookie.vue.js';
+import { useCookieApi } from './src/composables/useCookieApi.js';
+import { useCookieEmitter } from './src/composables/useCookieEmitter.js';
+import type { CookieEvents } from './src/types/index.js';
+declare const MagicCookiePlugin: Plugin;
+export { MagicCookiePlugin, MagicCookie, useCookieApi, useCookieEmitter };
+export type { CookieEvents };

package/dist/plugins/MagicCookie/index.mjs

@@ -0,0 +1,9 @@
+import MagicCookie from "./src/components/MagicCookie.vue";
+import { useCookieApi } from "./src/composables/useCookieApi.mjs";
+import { useCookieEmitter } from "./src/composables/useCookieEmitter.mjs";
+const MagicCookiePlugin = {
+  install: (app) => {
+    app.component("MagicCookie", MagicCookie);
+  }
+};
+export { MagicCookiePlugin, MagicCookie, useCookieApi, useCookieEmitter };

package/dist/plugins/{MagicConsent → MagicCookie}/nuxt.mjs

@@ -7,7 +7,7 @@ import {
 } from "@nuxt/kit";
 export default defineNuxtModule({
   meta: {
-    name: "@maas/vue-equipment/nuxt/MagicConsent"
+    name: "@maas/vue-equipment/nuxt/MagicCookie"
   },
   setup(_options, nuxt) {
     const resolver = createResolver(import.meta.url);
@@ -19,17 +19,17 @@ export default defineNuxtModule({
       config.optimizeDeps.include.push("universal-cookie");
     });
     addComponent({
-      filePath: resolver.resolve("src/components/MagicConsent.vue"),
-      name: "MagicConsent",
+      filePath: resolver.resolve("src/components/MagicCookie.vue"),
+      name: "MagicCookie",
       global: true
     });
     addImports({
-      from: "@maas/vue-equipment/plugins/MagicConsent",
-      name: "useConsentApi"
+      from: "@maas/vue-equipment/plugins/MagicCookie",
+      name: "useCookieApi"
     });
     addImports({
-      from: "@maas/vue-equipment/plugins/MagicConsent",
-      name: "useConsentEmitter"
+      from: "@maas/vue-equipment/plugins/MagicCookie",
+      name: "useCookietEmitter"
     });
   }
 });

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

@@ -0,0 +1,118 @@
+<template>
+  <client-only>
+    <div class="magic-cookie">
+      <div class="magic-cookie__container">
+        <div class="magic-cookie__body">
+          <slot />
+          <div v-show="preferencesVisible" class="magic-cookie__preferences">
+            <ul class="magic-cookie__cookies">
+              <li
+                v-for="cookie in cookies"
+                :key="cookie.key"
+                class="magic-cookie__cookie"
+              >
+                <div class="magic-cookie-checkbox">
+                  <input
+                    :id="cookie.key"
+                    type="checkbox"
+                    :checked="
+                      cookie.optional === false
+                        ? true
+                        : selectedCookies[cookie.key]
+                    "
+                    @change="toggleSelection(cookie.key)"
+                    :disabled="cookie.optional === false"
+                  />
+                </div>
+                <div>
+                  <slot :name="cookie.key" :cookie="cookie">
+                    <div class="magic-cookie__cookie__content">
+                      <div class="magic-cookie__cookie__title">
+                        <span v-text="cookie.title" />
+                      </div>
+                      <div
+                        v-if="cookie.text"
+                        class="magic-cookie__cookie__text"
+                        v-html="cookie.text"
+                      />
+                    </div>
+                  </slot>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+        <div class="magic-cookie__footer">
+          <slot name="actions">
+            <div class="magic-cookie__actions">
+              <template v-if="preferencesVisible">
+                <button
+                  class="magic-cookie-button -secondary"
+                  @click="preferencesVisible = !preferencesVisible"
+                >
+                  Close
+                </button>
+                <button
+                  class="magic-cookie-button -secondary"
+                  @click="acceptSelected"
+                >
+                  Accept selected
+                </button>
+              </template>
+              <template v-else>
+                <button
+                  class="magic-cookie-button -secondary"
+                  @click="preferencesVisible = true"
+                >
+                  Preferences
+                </button>
+                <button class="magic-cookie-button -secondary" @click="reject">
+                  Reject
+                </button>
+              </template>
+              <button class="magic-cookie-button -primary" @click="accept">
+                Accept
+              </button>
+            </div>
+          </slot>
+        </div>
+      </div>
+    </div>
+  </client-only>
+</template>
+
+<script lang="ts" setup>
+import { defineCookieApi } from '../composables/private/defineCookieApi'
+import { useCookieApi } from '../composables/useCookieApi'
+import type { CookieRecord } from '../types'
+
+// Define the props and their default values
+type Props = {
+  cookies: CookieRecord[]
+  maxAge?: number
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  maxAge: 60 * 60 * 24 * 30,
+})
+
+// Initialize the Cookie API
+defineCookieApi({
+  cookies: props.cookies,
+  maxAge: props.maxAge,
+})
+
+// Use the Cookie API
+const {
+  preferencesVisible,
+  selectedCookies,
+  accept,
+  acceptSelected,
+  reject,
+  toggleSelection,
+} = useCookieApi()
+</script>
+
+<style>
+:root{--magic-cookie-max-width:480px;--magic-cookie-max-height:calc(100vh - 2rem);--magic-cookie-background-color:rgba(75,75,75,.5);--magic-cookie-backdrop-filter:blur(32px);--magic-cookie-color:#fff;--magic-cookie-border-radius:0;--magic-cookie-box-shadow:none;--magic-cookie-preferences-mask:linear-gradient(0deg,hsla(0,0%,100%,0),#fff 1.5rem);--magic-cookie-checkbox-size:0.875rem;--magic-cookie-checkbox-border-width:1px;--magic-cookie-checkbox-border-color:currentColor;--magic-cookie-checkbox-border-radius:0;--magic-cookie-button-width:auto;--magic-cookie-button-height:2.5rem;--magic-cookie-button-spacing:1rem;--magic-cookie-button-border-width:1px;--magic-cookie-button-border-radius:0.25rem;--magic-cookie-button-backdrop-filter:none;--magic-cookie-button-primary-color:#000;--magic-cookie-button-primary-background-color:#fff;--magic-cookie-button-primary-border-color:transparent;--magic-cookie-button-secondary-color:#fff;--magic-cookie-button-secondary-background-color:transparent;--magic-cookie-button-secondary-border-color:transparent}.magic-cookie{backdrop-filter:var(--magic-cookie-backdrop-filter);-webkit-backdrop-filter:var(--magic-cookie-backdrop-filter);background-color:var(--magic-cookie-background-color);border-radius:var(--magic-cookie-border-radius);box-shadow:var(--magic-cookie-box-shadow);color:var(--magic-cookie-color);max-width:var(--magic-cookie-max-width);overflow:hidden}.magic-cookie,.magic-cookie__container{display:flex;flex-direction:column;width:100%}.magic-cookie__container{max-height:var(--magic-cookie-max-height)}.magic-cookie__body{display:flex;flex-direction:column;gap:1rem;height:100%;mask:var(--magic-cookie-preferences-mask);-webkit-mask:var(--magic-cookie-preferences-mask);overflow-y:scroll;padding:1rem;width:100%;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.magic-cookie__body::-webkit-scrollbar{display:none}.magic-cookie__footer{padding:1rem;width:100%}.magic-cookie__preferences{flex-direction:column;height:100%}.magic-cookie__actions,.magic-cookie__preferences{display:flex;gap:1rem;width:100%}ul.magic-cookie__cookies{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}li.magic-cookie__cookie{align-items:flex-start;display:flex;gap:1rem;margin:0;padding:0}.magic-cookie__cookie__content{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}.magic-cookie__cookie__title{display:inline-flex}.magic-cookie__cookie__text{white-space:pre-line}.magic-cookie-checkbox{align-items:center;display:flex;gap:.625rem}.magic-cookie-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:var(--magic-cookie-checkbox-border-width) var(--magic-cookie-checkbox-border-color) solid;border-radius:var(--magic-cookie-checkbox-border-radius);cursor:pointer;flex-shrink:0;height:var(--magic-cookie-checkbox-size);position:relative;vertical-align:middle;width:var(--magic-cookie-checkbox-size)}.magic-cookie-checkbox input[type=checkbox]:checked:after{background-color:var(--magic-cookie-checkbox-border-color);border-radius:var(--magic-cookie-checkbox-border-radius);content:"";display:block;height:calc(var(--magic-cookie-checkbox-size)/2);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--magic-cookie-checkbox-size)/2)}.magic-cookie-checkbox:disabled{cursor:not-allowed}.magic-cookie-button{align-items:center;backdrop-filter:var(--magic-cookie-button-backdrop-filter);-webkit-backdrop-filter:var(--magic-cookie-button-backdrop-filter);border:var(--magic-cookie-button-border-width) solid;border-radius:var(--magic-cookie-button-border-radius);display:inline-flex;gap:var(--magic-cookie-button-spacing);height:var(--magic-cookie-button-height);justify-content:center;padding:0 var(--magic-cookie-button-spacing);width:var(--magic-cookie-button-width)}.magic-cookie-button.-primary{background-color:var(--magic-cookie-button-primary-background-color);border-color:var(--magic-cookie-button-primary-border-color);color:var(--magic-cookie-button-primary-color)}.magic-cookie-button.-secondary{background-color:var(--magic-cookie-button-secondary-background-color);border-color:var(--magic-cookie-button-secondary-border-color);color:var(--magic-cookie-button-secondary-color)}
+</style>

package/dist/plugins/{MagicConsent/src/components/MagicConsent.vue.d.ts → MagicCookie/src/components/MagicCookie.vue.d.ts}

@@ -1,16 +1,16 @@
-import type { ConsentCookieRecord } from '../types';
+import type { CookieRecord } from '../types';
 type Props = {
-    cookies: ConsentCookieRecord[];
+    cookies: CookieRecord[];
     maxAge?: number;
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     maxAge: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     maxAge: number;
 }>>>, {
     maxAge: number;
 }, {}>, Partial<Record<string, (_: {
-    cookie: ConsentCookieRecord;
+    cookie: CookieRecord;
 }) => any>> & {
     default?(_: {}): any;
     actions?(_: {}): any;

package/dist/plugins/{MagicConsent/src/composables/private/defineConsentApi.d.ts → MagicCookie/src/composables/private/defineCookieApi.d.ts}

@@ -1,4 +1,4 @@
-import type { ConsentApiDefinition } from '../../types.js';
+import type { CookieApiDefinition } from '../../types.js';
 export declare const globalApiState: import("vue").Ref<{
     cookies: {
         [x: string]: any;
@@ -9,4 +9,4 @@ export declare const globalApiState: import("vue").Ref<{
     }[];
     maxAge: number | undefined;
 }>;
-export declare function defineConsentApi({ cookies, maxAge }: ConsentApiDefinition): void;
+export declare function defineCookieApi({ cookies, maxAge }: CookieApiDefinition): void;

package/dist/plugins/{MagicConsent/src/composables/private/defineConsentApi.mjs → MagicCookie/src/composables/private/defineCookieApi.mjs}

@@ -1,20 +1,22 @@
 import { ref } from "vue";
 import { slugify } from "@maas/vue-equipment/utils";
 export const globalApiState = ref({
-  cookies: {},
+  cookies: [],
   maxAge: void 0
 });
-export function defineConsentApi({ cookies, maxAge }) {
+export function defineCookieApi({ cookies, maxAge }) {
   if (!Array.isArray(cookies)) {
     console.warn('Invalid configuration. "cookies" must be an array.');
   }
-  globalApiState.value.cookies = cookies?.map((cookie) => ({
-    ...cookie,
-    key: slugify(cookie.key, {
-      separator: "_",
-      lowercase: true,
-      strict: true
-    })
-  }));
+  globalApiState.value.cookies = cookies?.map((cookie) => {
+    return {
+      ...cookie,
+      key: slugify(cookie.key, {
+        separator: "_",
+        lowercase: true,
+        strict: true
+      })
+    };
+  });
   globalApiState.value.maxAge = maxAge;
 }

package/dist/plugins/MagicCookie/src/composables/useCookieApi.d.ts

@@ -0,0 +1,15 @@
+import type { CookieConsent } from '../types.js';
+export declare function useCookieApi(): {
+    preferencesVisible: import("vue").Ref<boolean>;
+    selectedCookies: import("vue").Ref<{
+        [key: string]: boolean;
+    }>;
+    cookieConsent: import("vue").WritableComputedRef<CookieConsent>;
+    toggleSelection: (key: string) => void;
+    accept: () => void;
+    acceptSelected: () => void;
+    reject: () => void;
+    onAccept: (handler: (args: CookieConsent) => void) => void;
+    onAcceptSelected: (handler: (args: CookieConsent) => void) => void;
+    onReject: (handler: (args: CookieConsent) => void) => void;
+};