@maas/vue-equipment 0.1.2 → 0.1.3

package/dist/composables/index.d.mts

@@ -0,0 +1,87 @@
+import { Ref } from 'vue';
+import { Font } from 'fontkit';
+import { MaybeElement, MaybeComputedElementRef } from '@vueuse/core';
+
+type EasingKey = 'linear' | 'easeInQuad' | 'easeOutQuad' | 'easeInOutQuad' | 'easeInCubic' | 'easeOutCubic' | 'easeInOutCubic' | 'easeInQuart' | 'easeOutQuart' | 'easeInOutQuart' | 'easeInQuint' | 'easeOutQuint' | 'easeInOutQuint';
+type EasingFunction = (t: number) => number;
+declare function useEasings(): {
+    linear: (t: number) => number;
+    easeInQuad: (t: number) => number;
+    easeOutQuad: (t: number) => number;
+    easeInOutQuad: (t: number) => number;
+    easeInCubic: (t: number) => number;
+    easeOutCubic: (t: number) => number;
+    easeInOutCubic: (t: number) => number;
+    easeInQuart: (t: number) => number;
+    easeOutQuart: (t: number) => number;
+    easeInOutQuart: (t: number) => number;
+    easeInQuint: (t: number) => number;
+    easeOutQuint: (t: number) => number;
+    easeInOutQuint: (t: number) => number;
+};
+
+type useGlyphToSvgOptions = {
+    fontSize: Ref<number> | number;
+    fontWeight: Ref<number> | number;
+    fontFile: Ref<Font> | Font;
+};
+declare function useGlyphToSvg({ fontSize, fontWeight, fontFile, }: useGlyphToSvgOptions): {
+    copySvg: (codePoint: string) => Promise<void>;
+    renderSvg: (codePoint: string) => Promise<string>;
+};
+
+type ScrollToTarget = string | Element | MaybeElement | MaybeComputedElementRef;
+type ScrollToParent = ScrollToTarget | Window;
+type ScrollToParams = {
+    parent?: Element | Window;
+    left: number;
+    top: number;
+    duration?: {
+        x?: number;
+        y?: number;
+    };
+    easing?: EasingFunction;
+    callback?: () => void;
+};
+type getScrollDurationParams = {
+    parent: Element | Window;
+    left: number;
+    top: number;
+    speed: number;
+};
+type scrollToTargetParams = {
+    target: ScrollToTarget;
+    parent?: ScrollToParent;
+    offset?: {
+        x?: number;
+        y?: number;
+    };
+    speed?: number;
+    easing?: EasingFunction;
+};
+declare function useScrollTo(): {
+    getScrollPosition: (element: Element | Window) => {
+        x: number;
+        y: number;
+    };
+    getDistance: (element: Element) => {
+        top: number;
+        left: number;
+    };
+    getScrollDuration: ({ parent, left, top, speed, }: getScrollDurationParams) => {
+        x: number;
+        y: number;
+    };
+    scrollTo: ({ parent, top, left, duration, easing, callback, }: ScrollToParams) => void;
+    scrollToTarget: ({ target, parent, offset, speed, easing, }: scrollToTargetParams) => void;
+};
+
+type UseViewportDimensionsOptions = {
+    width?: false | string;
+    height?: false | string;
+    initialWidth?: false | string;
+    initialHeight?: false | string;
+};
+declare function useViewportDimensions(options?: UseViewportDimensionsOptions): void;
+
+export { EasingFunction, EasingKey, ScrollToParams, ScrollToParent, ScrollToTarget, UseViewportDimensionsOptions, getScrollDurationParams, scrollToTargetParams, useEasings, useGlyphToSvg, useGlyphToSvgOptions, useScrollTo, useViewportDimensions };

package/dist/composables/index.d.ts

@@ -0,0 +1,87 @@
+import { Ref } from 'vue';
+import { Font } from 'fontkit';
+import { MaybeElement, MaybeComputedElementRef } from '@vueuse/core';
+
+type EasingKey = 'linear' | 'easeInQuad' | 'easeOutQuad' | 'easeInOutQuad' | 'easeInCubic' | 'easeOutCubic' | 'easeInOutCubic' | 'easeInQuart' | 'easeOutQuart' | 'easeInOutQuart' | 'easeInQuint' | 'easeOutQuint' | 'easeInOutQuint';
+type EasingFunction = (t: number) => number;
+declare function useEasings(): {
+    linear: (t: number) => number;
+    easeInQuad: (t: number) => number;
+    easeOutQuad: (t: number) => number;
+    easeInOutQuad: (t: number) => number;
+    easeInCubic: (t: number) => number;
+    easeOutCubic: (t: number) => number;
+    easeInOutCubic: (t: number) => number;
+    easeInQuart: (t: number) => number;
+    easeOutQuart: (t: number) => number;
+    easeInOutQuart: (t: number) => number;
+    easeInQuint: (t: number) => number;
+    easeOutQuint: (t: number) => number;
+    easeInOutQuint: (t: number) => number;
+};
+
+type useGlyphToSvgOptions = {
+    fontSize: Ref<number> | number;
+    fontWeight: Ref<number> | number;
+    fontFile: Ref<Font> | Font;
+};
+declare function useGlyphToSvg({ fontSize, fontWeight, fontFile, }: useGlyphToSvgOptions): {
+    copySvg: (codePoint: string) => Promise<void>;
+    renderSvg: (codePoint: string) => Promise<string>;
+};
+
+type ScrollToTarget = string | Element | MaybeElement | MaybeComputedElementRef;
+type ScrollToParent = ScrollToTarget | Window;
+type ScrollToParams = {
+    parent?: Element | Window;
+    left: number;
+    top: number;
+    duration?: {
+        x?: number;
+        y?: number;
+    };
+    easing?: EasingFunction;
+    callback?: () => void;
+};
+type getScrollDurationParams = {
+    parent: Element | Window;
+    left: number;
+    top: number;
+    speed: number;
+};
+type scrollToTargetParams = {
+    target: ScrollToTarget;
+    parent?: ScrollToParent;
+    offset?: {
+        x?: number;
+        y?: number;
+    };
+    speed?: number;
+    easing?: EasingFunction;
+};
+declare function useScrollTo(): {
+    getScrollPosition: (element: Element | Window) => {
+        x: number;
+        y: number;
+    };
+    getDistance: (element: Element) => {
+        top: number;
+        left: number;
+    };
+    getScrollDuration: ({ parent, left, top, speed, }: getScrollDurationParams) => {
+        x: number;
+        y: number;
+    };
+    scrollTo: ({ parent, top, left, duration, easing, callback, }: ScrollToParams) => void;
+    scrollToTarget: ({ target, parent, offset, speed, easing, }: scrollToTargetParams) => void;
+};
+
+type UseViewportDimensionsOptions = {
+    width?: false | string;
+    height?: false | string;
+    initialWidth?: false | string;
+    initialHeight?: false | string;
+};
+declare function useViewportDimensions(options?: UseViewportDimensionsOptions): void;
+
+export { EasingFunction, EasingKey, ScrollToParams, ScrollToParent, ScrollToTarget, UseViewportDimensionsOptions, getScrollDurationParams, scrollToTargetParams, useEasings, useGlyphToSvg, useGlyphToSvgOptions, useScrollTo, useViewportDimensions };

package/dist/composables/index.js

@@ -0,0 +1,2 @@
+"use strict";var S=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var W=Object.prototype.hasOwnProperty;var X=(t,e)=>{for(var s in e)S(t,s,{get:e[s],enumerable:!0})},$=(t,e,s,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let u of M(e))!W.call(t,u)&&u!==s&&S(t,u,{get:()=>e[u],enumerable:!(p=D(e,u))||p.enumerable});return t};var R=t=>$(S({},"__esModule",{value:!0}),t);var G={};X(G,{useEasings:()=>F,useGlyphToSvg:()=>Y,useScrollTo:()=>H,useViewportDimensions:()=>B});module.exports=R(G);function F(){return{linear:e=>e,easeInQuad:e=>e*e,easeOutQuad:e=>e*(2-e),easeInOutQuad:e=>e<.5?2*e*e:-1+(4-2*e)*e,easeInCubic:e=>e*e*e,easeOutCubic:e=>--e*e*e+1,easeInOutCubic:e=>e<.5?4*e*e*e:(e-1)*(2*e-2)*(2*e-2)+1,easeInQuart:e=>e*e*e*e,easeOutQuart:e=>1- --e*e*e*e,easeInOutQuart:e=>e<.5?8*e*e*e*e:1-8*--e*e*e*e,easeInQuint:e=>e*e*e*e*e,easeOutQuint:e=>1+--e*e*e*e*e,easeInOutQuint:e=>e<.5?16*e*e*e*e*e:1+16*--e*e*e*e*e}}var P=require("@vueuse/core"),w=require("vue");function Y({fontSize:t,fontWeight:e,fontFile:s}){let{copy:p}=(0,P.useClipboard)(),u=(0,w.unref)(s),n=(0,w.unref)(t),o=(0,w.unref)(e),c=()=>u.getVariation({wght:o}),f=r=>{let i=n/u.unitsPerEm,a=r.path.scale(i,i).scale(-1,1).rotate(Math.PI),l=a.bbox,g=l.minX,y=l.minY,E=l.height,v=l.width,b=(0,w.unref)(t),h=(E-b)/2+y,O=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="${`${(v-b)/2+g} ${h} ${b} ${b}`}" xmlns:xlink="http://www.w3.org/1999/xlink">`;return O+=`<path d="${a.toSVG()}" fill="currentColor" />`,O+="</svg>",O},d=async r=>{let a=(await c()).glyphForCodePoint(r);return f(a)};return{copySvg:async r=>{let i=await d(r);p(i)},renderSvg:d}}var Q=require("@vueuse/core"),I=F();function C(t,e){return t<e?t:e}function V(t){return t===window?t:typeof t=="string"?document.querySelector(t)||document.documentElement:(0,Q.unrefElement)(t)||document.documentElement}function q(t,e){return typeof t=="string"?(e===window?document:e).querySelector(t):(0,Q.unrefElement)(t)}function H(){function t(n){return n===window?{x:window.pageXOffset,y:window.pageYOffset}:n instanceof Element?{x:n.scrollLeft,y:n.scrollTop}:{x:0,y:0}}function e(n){let o=n.getBoundingClientRect(),c=document.scrollingElement||document.documentElement;return{top:o.top+c.scrollTop,left:o.left+c.scrollLeft}}function s({parent:n=document.documentElement||document.body,left:o=0,top:c=0,speed:f=500}){let d=t(n),m=d.x-o,r=d.y-c,i=Math.abs(m/f*100),a=Math.abs(r/f*100);return{x:i,y:a}}function p({parent:n=document.documentElement||document.body,top:o,left:c,duration:f={},easing:d=I.easeOutQuad,callback:m}){let r=Date.now(),{x:i,y:a}=t(n);if(i===o&&a===c){m&&m();return}let l={x:500,y:500,...f},g=()=>{let y=Date.now(),E=C(1,(y-r)/l.x),v=C(1,(y-r)/l.y),b=d(E),h=d(v),T=Math.min(b,h);n.scroll({left:T*(c-i)+i,top:T*(o-a)+a}),b<1||h<1?requestAnimationFrame(g):m&&m()};requestAnimationFrame(g)}function u({target:n,parent:o=document.documentElement||document.body,offset:c={},speed:f=500,easing:d=I.easeOutQuad}){let m=V(o);if(!m)return;let r=q(n,m);if(!r)return;let i={x:0,y:0,...c},a=e(r),l=a.left-i.x,g=a.top-i.y,y=s({parent:m,left:l,top:g,speed:f});p({parent:m,left:l,top:g,duration:y,easing:d})}return{getScrollPosition:t,getDistance:e,getScrollDuration:s,scrollTo:p,scrollToTarget:u}}var x=require("vue");function B(t){let e={width:"--vw",height:"--vh",initialWidth:"--initial-vw",initialHeight:"--initial-vh",...t},s=n=>{let o=Number(window.innerWidth*.01).toFixed(2);e.width&&document.documentElement.style.setProperty(e.width,`${o}px`),n&&e.initialWidth&&document.documentElement.style.setProperty(e.initialWidth,`${o}px`)},p=n=>{let o=Number(window.innerHeight*.01).toFixed(2);e.height&&document.documentElement.style.setProperty(e.height||"--vh",`${o}px`),n&&e.initialHeight&&document.documentElement.style.setProperty(e.initialHeight||"--initial-vh",`${o}px`)},u=()=>{s(),p()};(0,x.onMounted)(()=>{s(!0),p(!0),window.addEventListener("resize",u,{passive:!0})}),(0,x.onUnmounted)(()=>{window.addEventListener("resize",u,{passive:!0})})}0&&(module.exports={useEasings,useGlyphToSvg,useScrollTo,useViewportDimensions});
+//# sourceMappingURL=index.js.map

package/dist/composables/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../packages/composables/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 './useEasings'\nexport * from './useGlyphToSvg'\nexport * from './useScrollTo'\nexport * from './useViewportDimensions'\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":["composables_exports","__export","useEasings","useGlyphToSvg","useScrollTo","useViewportDimensions","__toCommonJS","useEasings","t","import_core","import_vue","useGlyphToSvg","fontSize","fontWeight","fontFile","copy","mappedFontFile","mappedFontSize","mappedFontWeight","loadVariableFont","convertToSvg","glyph","scale","path","bbox","minX","minY","height","width","dims","centeredY","svg","renderSvg","codePoint","import_core","easings","useEasings","min","a","b","unwrapParent","parent","unwrapTarget","target","parentEl","useScrollTo","getScrollPosition","element","getDistance","rect","scrollEl","getScrollDuration","left","top","speed","currentPos","distanceX","distanceY","durationX","durationY","scrollTo","duration","easing","callback","startTime","fromX","fromY","mappedDuration","scroll","currentTime","timeX","timeY","easedTimeX","easedTimeY","minTime","scrollToTarget","offset","targetEl","mappedOffset","distance","leftDistance","topDistance","scrollDuration","import_vue","useViewportDimensions","options","mappedOptions","setViewportWidth","initial","vw","setViewportHeight","vh","setDimensions"]}

package/dist/composables/index.mjs

@@ -0,0 +1,2 @@
+function O(){return{linear:e=>e,easeInQuad:e=>e*e,easeOutQuad:e=>e*(2-e),easeInOutQuad:e=>e<.5?2*e*e:-1+(4-2*e)*e,easeInCubic:e=>e*e*e,easeOutCubic:e=>--e*e*e+1,easeInOutCubic:e=>e<.5?4*e*e*e:(e-1)*(2*e-2)*(2*e-2)+1,easeInQuart:e=>e*e*e*e,easeOutQuart:e=>1- --e*e*e*e,easeInOutQuart:e=>e<.5?8*e*e*e*e:1-8*--e*e*e*e,easeInQuint:e=>e*e*e*e*e,easeOutQuint:e=>1+--e*e*e*e*e,easeInOutQuint:e=>e<.5?16*e*e*e*e*e:1+16*--e*e*e*e*e}}import{useClipboard as P}from"@vueuse/core";import{unref as h}from"vue";function Y({fontSize:t,fontWeight:e,fontFile:l}){let{copy:d}=P(),f=h(l),n=h(t),o=h(e),a=()=>f.getVariation({wght:o}),p=r=>{let i=n/f.unitsPerEm,s=r.path.scale(i,i).scale(-1,1).rotate(Math.PI),m=s.bbox,g=m.minX,y=m.minY,x=m.height,E=m.width,b=h(t),w=(x-b)/2+y,T=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="${`${(E-b)/2+g} ${w} ${b} ${b}`}" xmlns:xlink="http://www.w3.org/1999/xlink">`;return T+=`<path d="${s.toSVG()}" fill="currentColor" />`,T+="</svg>",T},c=async r=>{let s=(await a()).glyphForCodePoint(r);return p(s)};return{copySvg:async r=>{let i=await c(r);d(i)},renderSvg:c}}import{unrefElement as Q}from"@vueuse/core";var S=O();function F(t,e){return t<e?t:e}function I(t){return t===window?t:typeof t=="string"?document.querySelector(t)||document.documentElement:Q(t)||document.documentElement}function C(t,e){return typeof t=="string"?(e===window?document:e).querySelector(t):Q(t)}function B(){function t(n){return n===window?{x:window.pageXOffset,y:window.pageYOffset}:n instanceof Element?{x:n.scrollLeft,y:n.scrollTop}:{x:0,y:0}}function e(n){let o=n.getBoundingClientRect(),a=document.scrollingElement||document.documentElement;return{top:o.top+a.scrollTop,left:o.left+a.scrollLeft}}function l({parent:n=document.documentElement||document.body,left:o=0,top:a=0,speed:p=500}){let c=t(n),u=c.x-o,r=c.y-a,i=Math.abs(u/p*100),s=Math.abs(r/p*100);return{x:i,y:s}}function d({parent:n=document.documentElement||document.body,top:o,left:a,duration:p={},easing:c=S.easeOutQuad,callback:u}){let r=Date.now(),{x:i,y:s}=t(n);if(i===o&&s===a){u&&u();return}let m={x:500,y:500,...p},g=()=>{let y=Date.now(),x=F(1,(y-r)/m.x),E=F(1,(y-r)/m.y),b=c(x),w=c(E),v=Math.min(b,w);n.scroll({left:v*(a-i)+i,top:v*(o-s)+s}),b<1||w<1?requestAnimationFrame(g):u&&u()};requestAnimationFrame(g)}function f({target:n,parent:o=document.documentElement||document.body,offset:a={},speed:p=500,easing:c=S.easeOutQuad}){let u=I(o);if(!u)return;let r=C(n,u);if(!r)return;let i={x:0,y:0,...a},s=e(r),m=s.left-i.x,g=s.top-i.y,y=l({parent:u,left:m,top:g,speed:p});d({parent:u,left:m,top:g,duration:y,easing:c})}return{getScrollPosition:t,getDistance:e,getScrollDuration:l,scrollTo:d,scrollToTarget:f}}import{onMounted as D,onUnmounted as M}from"vue";function z(t){let e={width:"--vw",height:"--vh",initialWidth:"--initial-vw",initialHeight:"--initial-vh",...t},l=n=>{let o=Number(window.innerWidth*.01).toFixed(2);e.width&&document.documentElement.style.setProperty(e.width,`${o}px`),n&&e.initialWidth&&document.documentElement.style.setProperty(e.initialWidth,`${o}px`)},d=n=>{let o=Number(window.innerHeight*.01).toFixed(2);e.height&&document.documentElement.style.setProperty(e.height||"--vh",`${o}px`),n&&e.initialHeight&&document.documentElement.style.setProperty(e.initialHeight||"--initial-vh",`${o}px`)},f=()=>{l(),d()};D(()=>{l(!0),d(!0),window.addEventListener("resize",f,{passive:!0})}),M(()=>{window.addEventListener("resize",f,{passive:!0})})}export{O as useEasings,Y as useGlyphToSvg,B as useScrollTo,z as useViewportDimensions};
+//# sourceMappingURL=index.mjs.map

package/dist/composables/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../packages/composables/useEasings/index.ts","../../packages/composables/useGlyphToSvg/index.ts","../../packages/composables/useScrollTo/index.ts","../../packages/composables/useViewportDimensions/index.ts"],"sourcesContent":["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":"AAiBO,SAASA,GAAa,CAoB3B,MAnBgB,CACd,OAASC,GAAcA,EACvB,WAAaA,GAAcA,EAAIA,EAC/B,YAAcA,GAAcA,GAAK,EAAIA,GACrC,cAAgBA,GAAeA,EAAI,GAAM,EAAIA,EAAIA,EAAI,IAAM,EAAI,EAAIA,GAAKA,EACxE,YAAcA,GAAcA,EAAIA,EAAIA,EACpC,aAAeA,GAAc,EAAEA,EAAIA,EAAIA,EAAI,EAC3C,eAAiBA,GACfA,EAAI,GAAM,EAAIA,EAAIA,EAAIA,GAAKA,EAAI,IAAM,EAAIA,EAAI,IAAM,EAAIA,EAAI,GAAK,EAClE,YAAcA,GAAcA,EAAIA,EAAIA,EAAIA,EACxC,aAAeA,GAAc,GAAI,EAAEA,EAAIA,EAAIA,EAAIA,EAC/C,eAAiBA,GACfA,EAAI,GAAM,EAAIA,EAAIA,EAAIA,EAAIA,EAAI,EAAI,EAAI,EAAEA,EAAIA,EAAIA,EAAIA,EACtD,YAAcA,GAAcA,EAAIA,EAAIA,EAAIA,EAAIA,EAC5C,aAAeA,GAAc,EAAI,EAAEA,EAAIA,EAAIA,EAAIA,EAAIA,EACnD,eAAiBA,GACfA,EAAI,GAAM,GAAKA,EAAIA,EAAIA,EAAIA,EAAIA,EAAI,EAAI,GAAK,EAAEA,EAAIA,EAAIA,EAAIA,EAAIA,CAClE,CAGF,CCtCA,OAAS,gBAAAC,MAAoB,eAC7B,OAAS,SAAAC,MAAa,MAWf,SAASC,EAAc,CAC5B,SAAAC,EACA,WAAAC,EACA,SAAAC,CACF,EAAyB,CACvB,GAAM,CAAE,KAAAC,CAAK,EAAIN,EAAa,EACxBO,EAAiBN,EAAMI,CAAQ,EAC/BG,EAAiBP,EAAME,CAAQ,EAC/BM,EAAmBR,EAAMG,CAAU,EAEnCM,EAAmB,IAEFH,EAAe,aAAa,CAC/C,KAAME,CACR,CAAC,EAIGE,EAAgBC,GAAe,CAEnC,IAAMC,EAAQL,EAAiBD,EAAe,WACxCO,EAAOF,EAAM,KAAK,MAAMC,EAAOA,CAAK,EAAE,MAAM,GAAI,CAAC,EAAE,OAAO,KAAK,EAAE,EAGjEE,EAAOD,EAAK,KACZE,EAAOD,EAAK,KACZE,EAAOF,EAAK,KACZG,EAASH,EAAK,OACdI,EAAQJ,EAAK,MACbK,EAAOnB,EAAME,CAAQ,EAErBkB,GAAaH,EAASE,GAAQ,EAAIH,EAKpCK,EAAM,oDAFM,IAFGH,EAAQC,GAAQ,EAAIJ,CAEX,IAAIK,CAAS,IAAID,CAAI,IAAIA,CAAI,EAEY,gDACrE,OAAAE,GAAO,YAAYR,EAAK,MAAM,CAAC,2BAC/BQ,GAAO,SAEAA,CACT,EAEMC,EAAY,MAAOC,GAAsB,CAE7C,IAAMZ,GADO,MAAMF,EAAiB,GACjB,kBAAkBc,CAAS,EAE9C,OADYb,EAAaC,CAAK,CAEhC,EAOA,MAAO,CAAE,QALO,MAAOY,GAAsB,CAC3C,IAAMF,EAAM,MAAMC,EAAUC,CAAS,EACrClB,EAAKgB,CAAG,CACV,EAEkB,UAAAC,CAAU,CAC9B,CCnEA,OAAS,gBAAAE,MAAoB,eAuC7B,IAAMC,EAAUC,EAAW,EAE3B,SAASC,EAAIC,EAAWC,EAAW,CACjC,OAAOD,EAAIC,EAAID,EAAIC,CACrB,CAEA,SAASC,EAAaC,EAAwB,CAC5C,OAAIA,IAAW,OACNA,EACE,OAAOA,GAAW,SACpB,SAAS,cAAcA,CAAM,GAAK,SAAS,gBAGhDP,EAAaO,CAA+C,GAC5D,SAAS,eAGf,CAEA,SAASC,EAAaC,EAAwBC,EAA4B,CACxE,OAAI,OAAOD,GAAW,UACAC,IAAa,OAAS,SAAYA,GACnC,cAAcD,CAAM,EAEhCT,EAAaS,CAA+C,CAEvE,CAEO,SAASE,GAAc,CAC5B,SAASC,EAAkBC,EAGzB,CACA,OAAIA,IAAY,OACP,CAAE,EAAG,OAAO,YAAa,EAAG,OAAO,WAAY,EAC7CA,aAAmB,QACrB,CAAE,EAAGA,EAAQ,WAAY,EAAGA,EAAQ,SAAU,EAE9C,CAAE,EAAG,EAAG,EAAG,CAAE,CAExB,CAEA,SAASC,EAAYD,EAAiD,CACpE,IAAME,EAAOF,EAAQ,sBAAsB,EACrCG,EAAW,SAAS,kBAAoB,SAAS,gBAEvD,MAAO,CACL,IAAKD,EAAK,IAAMC,EAAS,UACzB,KAAMD,EAAK,KAAOC,EAAS,UAC7B,CACF,CAEA,SAASC,EAAkB,CACzB,OAAAV,EAAS,SAAS,iBAAmB,SAAS,KAC9C,KAAAW,EAAO,EACP,IAAAC,EAAM,EACN,MAAAC,EAAQ,GACV,EAA4B,CAC1B,IAAMC,EAAaT,EAAkBL,CAAM,EACrCe,EAAYD,EAAW,EAAIH,EAC3BK,EAAYF,EAAW,EAAIF,EAC3BK,EAAY,KAAK,IAAKF,EAAYF,EAAS,GAAG,EAC9CK,EAAY,KAAK,IAAKF,EAAYH,EAAS,GAAG,EAEpD,MAAO,CAAE,EAAGI,EAAW,EAAGC,CAAU,CACtC,CAEA,SAASC,EAAS,CAChB,OAAAnB,EAAS,SAAS,iBAAmB,SAAS,KAC9C,IAAAY,EACA,KAAAD,EACA,SAAAS,EAAW,CAAC,EACZ,OAAAC,EAAS3B,EAAQ,YACjB,SAAA4B,CACF,EAAmB,CACjB,IAAMC,EAAY,KAAK,IAAI,EACrB,CAAE,EAAGC,EAAO,EAAGC,CAAM,EAAIpB,EAAkBL,CAAM,EAEvD,GAAIwB,IAAUZ,GAAOa,IAAUd,EAAM,CAC/BW,GAAUA,EAAS,EACvB,MACF,CAEA,IAAMI,EAAiB,CAAE,EAAG,IAAK,EAAG,IAAK,GAAGN,CAAS,EAE/CO,EAAS,IAAM,CACnB,IAAMC,EAAc,KAAK,IAAI,EAEvBC,EAAQjC,EAAI,GAAIgC,EAAcL,GAAaG,EAAe,CAAC,EAC3DI,EAAQlC,EAAI,GAAIgC,EAAcL,GAAaG,EAAe,CAAC,EAC3DK,EAAaV,EAAOQ,CAAK,EACzBG,EAAaX,EAAOS,CAAK,EAGzBG,EAAU,KAAK,IAAIF,EAAYC,CAAU,EAE/ChC,EAAO,OAAO,CACZ,KAAMiC,GAAWtB,EAAOa,GAASA,EACjC,IAAKS,GAAWrB,EAAMa,GAASA,CACjC,CAAC,EAEGM,EAAa,GAAKC,EAAa,EACjC,sBAAsBL,CAAM,EACnBL,GACTA,EAAS,CAEb,EAEA,sBAAsBK,CAAM,CAC9B,CAEA,SAASO,EAAe,CACtB,OAAAhC,EACA,OAAAF,EAAS,SAAS,iBAAmB,SAAS,KAC9C,OAAAmC,EAAS,CAAC,EACV,MAAAtB,EAAQ,IACR,OAAAQ,EAAS3B,EAAQ,WACnB,EAAyB,CACvB,IAAIS,EAAWJ,EAAaC,CAAM,EAClC,GAAI,CAACG,EAAU,OACf,IAAIiC,EAAWnC,EAAaC,EAAQC,CAAQ,EAC5C,GAAI,CAACiC,EAAU,OAEf,IAAMC,EAAe,CAAE,EAAG,EAAG,EAAG,EAAG,GAAGF,CAAO,EACvCG,EAAW/B,EAAY6B,CAAQ,EAC/BG,EAAeD,EAAS,KAAOD,EAAa,EAC5CG,EAAcF,EAAS,IAAMD,EAAa,EAE1CI,EAAiB/B,EAAkB,CACvC,OAAQP,EACR,KAAMoC,EACN,IAAKC,EACL,MAAO3B,CACT,CAAC,EAEDM,EAAS,CACP,OAAQhB,EACR,KAAMoC,EACN,IAAKC,EACL,SAAUC,EACV,OAAQpB,CACV,CAAC,CACH,CAEA,MAAO,CACL,kBAAAhB,EACA,YAAAE,EACA,kBAAAG,EACA,SAAAS,EACA,eAAAe,CACF,CACF,CC/LA,OAAS,aAAAQ,EAAW,eAAAC,MAAmB,MAShC,SAASC,EAAsBC,EAAwC,CAC5E,IAAMC,EAAgB,CACpB,MAAO,OACP,OAAQ,OACR,aAAc,eACd,cAAe,eACf,GAAGD,CACL,EAEME,EAAoBC,GAAsB,CAC9C,IAAMC,EAAK,OAAO,OAAO,WAAa,GAAI,EAAE,QAAQ,CAAC,EAEjDH,EAAc,OAChB,SAAS,gBAAgB,MAAM,YAAYA,EAAc,MAAO,GAAGG,CAAE,IAAI,EAGvED,GAAWF,EAAc,cAC3B,SAAS,gBAAgB,MAAM,YAC7BA,EAAc,aACd,GAAGG,CAAE,IACP,CAEJ,EAEMC,EAAqBF,GAAsB,CAC/C,IAAMG,EAAK,OAAO,OAAO,YAAc,GAAI,EAAE,QAAQ,CAAC,EAElDL,EAAc,QAChB,SAAS,gBAAgB,MAAM,YAC7BA,EAAc,QAAU,OACxB,GAAGK,CAAE,IACP,EAGEH,GAAWF,EAAc,eAC3B,SAAS,gBAAgB,MAAM,YAC7BA,EAAc,eAAiB,eAC/B,GAAGK,CAAE,IACP,CAEJ,EAEMC,EAAgB,IAAM,CAC1BL,EAAiB,EACjBG,EAAkB,CACpB,EAEAR,EAAU,IAAM,CACdK,EAAiB,EAAI,EACrBG,EAAkB,EAAI,EAEtB,OAAO,iBAAiB,SAAUE,EAAe,CAAE,QAAS,EAAK,CAAC,CACpE,CAAC,EAEDT,EAAY,IAAM,CAChB,OAAO,iBAAiB,SAAUS,EAAe,CAAE,QAAS,EAAK,CAAC,CACpE,CAAC,CACH","names":["useEasings","t","useClipboard","unref","useGlyphToSvg","fontSize","fontWeight","fontFile","copy","mappedFontFile","mappedFontSize","mappedFontWeight","loadVariableFont","convertToSvg","glyph","scale","path","bbox","minX","minY","height","width","dims","centeredY","svg","renderSvg","codePoint","unrefElement","easings","useEasings","min","a","b","unwrapParent","parent","unwrapTarget","target","parentEl","useScrollTo","getScrollPosition","element","getDistance","rect","scrollEl","getScrollDuration","left","top","speed","currentPos","distanceX","distanceY","durationX","durationY","scrollTo","duration","easing","callback","startTime","fromX","fromY","mappedDuration","scroll","currentTime","timeX","timeY","easedTimeX","easedTimeY","minTime","scrollToTarget","offset","targetEl","mappedOffset","distance","leftDistance","topDistance","scrollDuration","onMounted","onUnmounted","useViewportDimensions","options","mappedOptions","setViewportWidth","initial","vw","setViewportHeight","vh","setDimensions"]}

package/dist/nuxt/module.cjs

@@ -0,0 +1,5 @@
+module.exports = function(...args) {
+  return import('./module.mjs').then(m => m.default.call(this, ...args))
+}
+const _meta = module.exports.meta = require('./module.json')
+module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/nuxt/module.d.ts

@@ -0,0 +1,11 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface ModuleOptions {
+    autoImportPlugins?: boolean;
+    autoImportComposables?: boolean;
+    plugins?: string[];
+    composables?: string[];
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+
+export { ModuleOptions, _default as default };

package/dist/nuxt/module.json

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

package/dist/nuxt/module.mjs

@@ -0,0 +1,123 @@
+import { defineNuxtModule, createResolver, addPlugin, addImportsDir, addImportsSources } from '@nuxt/kit';
+
+const packages = {
+	composables: {
+		name: "composables",
+		display: "Vue Equipment Composables",
+		description: "A magic collection of Vue composables",
+		dir: "packages/composables"
+	},
+	plugins: {
+		name: "plugins",
+		display: "Vue Equipment Plugins",
+		description: "A magic collection of Vue plugins",
+		dir: "packages/plugins"
+	}
+};
+const functions = [
+	{
+		name: "MagicModal",
+		"package": "plugins",
+		lastUpdated: 1689600576000,
+		docs: "https://maas.egineering/vue-equipment/plugins/MagicModal/",
+		description: "modal"
+	},
+	{
+		name: "MagicPlayer",
+		"package": "plugins",
+		lastUpdated: 1690289302000,
+		docs: "https://maas.egineering/vue-equipment/plugins/MagicPlayer/",
+		description: "player"
+	},
+	{
+		name: "MagicScroll",
+		"package": "plugins",
+		lastUpdated: 1689669455000,
+		docs: "https://maas.egineering/vue-equipment/plugins/MagicScroll/",
+		description: "scroll"
+	},
+	{
+		name: "useEasings",
+		"package": "composables",
+		lastUpdated: 1682351430000,
+		docs: "https://maas.egineering/vue-equipment/composables/useEasings/",
+		description: "easings as functions"
+	},
+	{
+		name: "useGlyphToSvg",
+		"package": "composables",
+		lastUpdated: 1690192429000,
+		docs: "https://maas.egineering/vue-equipment/composables/useGlyphToSvg/",
+		description: "render [fontkit](https://github.com/foliojs/fontkit) glyphs as SVG"
+	},
+	{
+		name: "useScrollTo",
+		"package": "composables",
+		lastUpdated: 1682404778000,
+		docs: "https://maas.egineering/vue-equipment/composables/useScrollTo/",
+		description: "scroll to element with a set speed"
+	},
+	{
+		name: "useViewportDimensions",
+		"package": "composables",
+		lastUpdated: 1690194481000,
+		docs: "https://maas.egineering/vue-equipment/composables/useViewportDimensions/",
+		description: "attach viewport dimensions as css variables to the document"
+	}
+];
+const metadata = {
+	packages: packages,
+	functions: functions
+};
+
+const module = defineNuxtModule({
+  meta: {
+    name: "@maas/vue-equipment",
+    configKey: "vueEquipment"
+  },
+  defaults: {
+    autoImportPlugins: false,
+    autoImportComposables: false,
+    plugins: [],
+    composables: []
+  },
+  async setup(options, nuxt) {
+    let plugins;
+    let composables;
+    const resolver = createResolver(import.meta.url);
+    nuxt.options.build.transpile.push("@maas/vue-equipment");
+    nuxt.options.alias = nuxt.options.alias || {};
+    const packages = ["plugins", "composables"];
+    packages.forEach((pkg) => {
+      nuxt.options.alias[`@maas/vue-equipment/${pkg}`] = nuxt.options.alias[`@maas/vue-equipment/${pkg}`] || resolver.resolve(`../${pkg}`);
+    });
+    if (options.autoImportPlugins) {
+      plugins = metadata.functions.filter((fn) => fn.package === "plugins").map((fn) => fn.name);
+    } else {
+      plugins = options.plugins || [];
+    }
+    for (const plugin of plugins) {
+      const nuxtPlugin = await resolver.resolvePath(
+        `@maas/vue-equipment/plugins/${plugin}/nuxt`
+      );
+      const composablesDir = await resolver.resolvePath(
+        `@maas/vue-equipment/plugins/${plugin}/src/composables`
+      );
+      addPlugin(nuxtPlugin);
+      addImportsDir(composablesDir, {
+        prepend: true
+      });
+    }
+    if (options.autoImportComposables) {
+      composables = metadata.functions.filter((fn) => fn.package === "composables").map((fn) => fn.name);
+    } else {
+      composables = options.composables || [];
+    }
+    addImportsSources({
+      from: "@maas/vue-equipment/composables",
+      imports: composables
+    });
+  }
+});
+
+export { module as default };

package/dist/nuxt/types.d.ts

@@ -0,0 +1,15 @@
+
+import { ModuleOptions } from './module'
+
+declare module '@nuxt/schema' {
+  interface NuxtConfig { ['vueEquipment']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['vueEquipment']?: ModuleOptions }
+}
+
+declare module 'nuxt/schema' {
+  interface NuxtConfig { ['vueEquipment']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['vueEquipment']?: ModuleOptions }
+}
+
+
+export { ModuleOptions, default } from './module'

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

@@ -0,0 +1,4 @@
+import { useModalApi } from './src/composables/useModalApi.js';
+import type { Plugin } from 'vue';
+declare const MagicModal: Plugin;
+export { MagicModal, useModalApi };

package/dist/plugins/MagicModal/index.mjs

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

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

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

package/dist/plugins/MagicModal/nuxt.mjs

@@ -0,0 +1,5 @@
+import { defineNuxtPlugin } from "nuxt/app";
+import { MagicModal } from "./index.mjs";
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.use(MagicModal);
+});