@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

package/lib/composables/teleport.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/composables/teleport.ts"],"names":["computed","warn","IN_BROWSER","useTeleport","target","teleportTarget","_target","value","undefined","targetElement","document","body","querySelector","cache","has","el","createElement","className","appendChild","set","get","WeakMap"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,IAAnB,QAA+B,KAA/B;SACSC,U,6BAET;;AAGA,OAAO,SAASC,WAAT,CAAsBC,MAAtB,EAA+D;AACpE,QAAMC,cAAc,GAAGL,QAAQ,CAAC,MAAM;AACpC,UAAMM,OAAO,GAAGF,MAAM,CAACG,KAAvB;AAEA,QAAID,OAAO,KAAK,IAAZ,IAAoB,CAACJ,UAAzB,EAAqC,OAAOM,SAAP;AAErC,UAAMC,aAAa,GACjBH,OAAO,KAAK,KAAZ,GAAoBI,QAAQ,CAACC,IAA7B,GACE,OAAOL,OAAP,KAAmB,QAAnB,GAA8BI,QAAQ,CAACE,aAAT,CAAuBN,OAAvB,CAA9B,GACAA,OAHJ;;AAKA,QAAIG,aAAa,IAAI,IAArB,EAA2B;AACzBR,MAAAA,IAAI,CAAE,2BAA0BK,OAAQ,EAApC,CAAJ;AACA,aAAOE,SAAP;AACD;;AAED,QAAI,CAACL,WAAW,CAACU,KAAZ,CAAkBC,GAAlB,CAAsBL,aAAtB,CAAL,EAA2C;AACzC,YAAMM,EAAE,GAAGL,QAAQ,CAACM,aAAT,CAAuB,KAAvB,CAAX;AACAD,MAAAA,EAAE,CAACE,SAAH,GAAe,qBAAf;AACAR,MAAAA,aAAa,CAACS,WAAd,CAA0BH,EAA1B;AACAZ,MAAAA,WAAW,CAACU,KAAZ,CAAkBM,GAAlB,CAAsBV,aAAtB,EAAqCM,EAArC;AACD;;AAED,WAAOZ,WAAW,CAACU,KAAZ,CAAkBO,GAAlB,CAAsBX,aAAtB,CAAP;AACD,GAvB8B,CAA/B;AAyBA,SAAO;AAAEJ,IAAAA;AAAF,GAAP;AACD;AACDF,WAAW,CAACU,KAAZ,GAAoB,IAAIQ,OAAJ,EAApB","sourcesContent":["// Utilities\nimport { computed, warn } from 'vue'\nimport { IN_BROWSER } from '@/util'\n\n// Types\nimport type { Ref } from 'vue'\n\nexport function useTeleport (target: Ref<boolean | string | Element>) {\n  const teleportTarget = computed(() => {\n    const _target = target.value\n\n    if (_target === true || !IN_BROWSER) return undefined\n\n    const targetElement =\n      _target === false ? document.body\n      : typeof _target === 'string' ? document.querySelector(_target)\n      : _target\n\n    if (targetElement == null) {\n      warn(`Unable to locate target ${_target}`)\n      return undefined\n    }\n\n    if (!useTeleport.cache.has(targetElement)) {\n      const el = document.createElement('div')\n      el.className = 'v-overlay-container'\n      targetElement.appendChild(el)\n      useTeleport.cache.set(targetElement, el)\n    }\n\n    return useTeleport.cache.get(targetElement)\n  })\n\n  return { teleportTarget }\n}\nuseTeleport.cache = new WeakMap<Element, Element>()\n"],"file":"teleport.mjs"}

package/lib/composables/theme.mjs

@@ -1,8 +1,12 @@
 // Utilities
-import { colorToInt, colorToRGB, createRange, darken, getLuma, intToHex, lighten } from "../util/index.mjs";
-import { computed, inject, provide, ref, watch } from 'vue'; // Types
+import { computed, inject, provide, ref, watch, watchEffect } from 'vue';
+import { colorToInt, colorToRGB, createRange, darken, getCurrentInstance, getLuma, IN_BROWSER, intToHex, lighten, mergeDeep, propsFactory } from "../util/index.mjs";
+import { APCAcontrast } from "../util/color/APCA.mjs"; // Types
 
-export const VuetifyThemeSymbol = Symbol.for('vuetify:theme');
+export const ThemeSymbol = Symbol.for('vuetify:theme');
+export const makeThemeProps = propsFactory({
+  theme: String
+}, 'theme');
 const defaultThemeOptions = {
   defaultTheme: 'light',
   variations: {
@@ -16,6 +20,8 @@ const defaultThemeOptions = {
       colors: {
         background: '#FFFFFF',
         surface: '#FFFFFF',
+        'surface-variant': '#424242',
+        'on-surface-variant': '#EEEEEE',
         primary: '#6200EE',
         'primary-darken-1': '#3700B3',
         secondary: '#03DAC6',
@@ -26,17 +32,30 @@ const defaultThemeOptions = {
         warning: '#FB8C00'
       },
       variables: {
-        'border-color': '0, 0, 0',
+        'border-color': '#000000',
         'border-opacity': 0.12,
+        'high-emphasis-opacity': 0.87,
+        'medium-emphasis-opacity': 0.60,
         'disabled-opacity': 0.38,
-        'icon-opacity': 0.54
+        'idle-opacity': 0.04,
+        'hover-opacity': 0.04,
+        'focus-opacity': 0.12,
+        'selected-opacity': 0.08,
+        'activated-opacity': 0.12,
+        'pressed-opacity': 0.12,
+        'dragged-opacity': 0.08,
+        'kbd-background-color': '#212529',
+        'kbd-color': '#FFFFFF',
+        'code-background-color': '#C2C2C2'
       }
     },
     dark: {
       dark: true,
       colors: {
         background: '#121212',
-        surface: '#121212',
+        surface: '#212121',
+        'surface-variant': '#BDBDBD',
+        'on-surface-variant': '#424242',
         primary: '#BB86FC',
         'primary-darken-1': '#3700B3',
         secondary: '#03DAC5',
@@ -47,53 +66,88 @@ const defaultThemeOptions = {
         warning: '#FB8C00'
       },
       variables: {
-        'border-color': '255, 255, 255',
+        'border-color': '#FFFFFF',
         'border-opacity': 0.12,
+        'high-emphasis-opacity': 0.87,
+        'medium-emphasis-opacity': 0.60,
         'disabled-opacity': 0.38,
-        'icon-opacity': 0.70
+        'idle-opacity': 0.10,
+        'hover-opacity': 0.04,
+        'focus-opacity': 0.12,
+        'selected-opacity': 0.08,
+        'activated-opacity': 0.12,
+        'pressed-opacity': 0.16,
+        'dragged-opacity': 0.08,
+        'kbd-background-color': '#212529',
+        'kbd-color': '#FFFFFF',
+        'code-background-color': '#B7B7B7'
       }
     }
   }
 };
 
-const parseThemeOptions = (options = defaultThemeOptions) => {
+const parseThemeOptions = function () {
+  var _options$themes;
+
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultThemeOptions;
   if (!options) return { ...defaultThemeOptions,
     isDisabled: true
   };
-  return { ...defaultThemeOptions,
-    ...options,
-    variations: (options == null ? void 0 : options.variations) == null || (options == null ? void 0 : options.variations) === false ? defaultThemeOptions.variations : options.variations
-  };
+  const themes = Object.entries((_options$themes = options.themes) != null ? _options$themes : {}).reduce((obj, _ref) => {
+    var _defaultThemeOptions$, _defaultThemeOptions$2;
+
+    let [key, theme] = _ref;
+    const defaultTheme = theme.dark ? (_defaultThemeOptions$ = defaultThemeOptions.themes) == null ? void 0 : _defaultThemeOptions$.dark : (_defaultThemeOptions$2 = defaultThemeOptions.themes) == null ? void 0 : _defaultThemeOptions$2.light;
+    obj[key] = mergeDeep(defaultTheme, theme);
+    return obj;
+  }, {});
+  return mergeDeep(defaultThemeOptions, { ...options,
+    themes
+  });
 }; // Composables
 
 
-export function createTheme(options) {
+export function createTheme(app, options) {
+  const head = app._context.provides.usehead;
   const parsedOptions = parseThemeOptions(options);
   const styleEl = ref();
   const current = ref(parsedOptions.defaultTheme);
   const themes = ref(parsedOptions.themes);
   const variations = ref(parsedOptions.variations);
   const computedThemes = computed(() => {
-    return Object.keys(themes.value).reduce((obj, key) => {
+    return Object.entries(themes.value).reduce((obj, _ref2) => {
       var _parsedOptions$variat;
 
-      const theme = { ...themes.value[key],
-        colors: { ...themes.value[key].colors,
+      let [name, original] = _ref2;
+      const theme = { ...original,
+        colors: { ...original.colors,
           ...((_parsedOptions$variat = parsedOptions.variations.colors) != null ? _parsedOptions$variat : []).reduce((obj, color) => {
             return { ...obj,
-              ...genColorVariations(color, themes.value[key].colors[color])
+              ...genColorVariations(color, original.colors[color])
             };
           }, {})
         }
       };
 
       for (const color of Object.keys(theme.colors)) {
-        if (/on-[a-z]/.test(color) || theme.colors["on-".concat(color)]) continue;
-        const onColor = "on-".concat(color);
-        theme.colors[onColor] = intToHex(getLuma(theme.colors[color]) > 0.18 ? 0x0 : 0xffffff);
+        if (/on-[a-z]/.test(color) || theme.colors[`on-${color}`]) continue;
+        const onColor = `on-${color}`;
+        const colorVal = colorToInt(theme.colors[color]);
+        const blackContrast = Math.abs(APCAcontrast(0, colorVal));
+        const whiteContrast = Math.abs(APCAcontrast(0xffffff, colorVal)); // TODO: warn about poor color selections
+        // const contrastAsText = Math.abs(APCAcontrast(colorVal, colorToInt(theme.colors.background)))
+        // const minContrast = Math.max(blackContrast, whiteContrast)
+        // if (minContrast < 60) {
+        //   consoleInfo(`${key} theme color ${color} has poor contrast (${minContrast.toFixed()}%)`)
+        // } else if (contrastAsText < 60 && !['background', 'surface'].includes(color)) {
+        //   consoleInfo(`${key} theme color ${color} has poor contrast as text (${contrastAsText.toFixed()}%)`)
+        // }
+        // Prefer white text if both have an acceptable contrast ratio
+
+        theme.colors[onColor] = whiteContrast > Math.min(blackContrast, 50) ? '#fff' : '#000';
       }
 
-      obj[key] = theme;
+      obj[name] = theme;
       return obj;
     }, {});
   });
@@ -105,129 +159,126 @@ export function createTheme(options) {
       const fn = variation === 'lighten' ? lighten : darken;
 
       for (const amount of createRange(variations.value[variation], 1)) {
-        obj["".concat(name, "-").concat(variation, "-").concat(amount)] = intToHex(fn(colorToInt(color), amount));
+        obj[`${name}-${variation}-${amount}`] = intToHex(fn(colorToInt(color), amount));
       }
     }
 
     return obj;
   }
 
+  const styles = computed(() => {
+    const lines = [];
+
+    for (const themeName of Object.keys(computedThemes.value)) {
+      const variables = computedThemes.value[themeName].variables;
+      lines.push(...createCssClass(`.v-theme--${themeName}`, [...genCssVariables(themeName), ...Object.keys(variables).map(key => {
+        const value = variables[key];
+        const color = typeof value === 'string' && value.startsWith('#') ? colorToRGB(value) : undefined;
+        const rgb = color ? `${color.r}, ${color.g}, ${color.b}` : undefined;
+        return `--v-${key}: ${rgb != null ? rgb : value}`;
+      })]));
+    }
+
+    const colors = new Set(Object.values(computedThemes.value).flatMap(theme => Object.keys(theme.colors)));
+
+    for (const key of colors) {
+      if (/on-[a-z]/.test(key)) {
+        lines.push(...createCssClass(`.${key}`, [`color: rgb(var(--v-theme-${key})) !important`]));
+      } else {
+        lines.push(...createCssClass(`.bg-${key}`, [`--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`, `background: rgb(var(--v-theme-${key})) !important`, `color: rgb(var(--v-theme-on-${key})) !important`]), ...createCssClass(`.text-${key}`, [`color: rgb(var(--v-theme-${key})) !important`]), ...createCssClass(`.border-${key}`, [`--v-border-color: var(--v-theme-${key})`]));
+      }
+    }
+
+    return lines.map((str, i) => i === 0 ? str : `    ${str}`).join('');
+  });
+
   function genCssVariables(name) {
     const theme = computedThemes.value[name];
-    if (!theme) throw new Error("Could not find theme ".concat(name));
+    if (!theme) throw new Error(`Could not find theme ${name}`);
     const lightOverlay = theme.dark ? 2 : 1;
     const darkOverlay = theme.dark ? 1 : 2;
     const variables = [];
 
     for (const [key, value] of Object.entries(theme.colors)) {
       const rgb = colorToRGB(value);
-      variables.push("--v-theme-".concat(key, ": ").concat(rgb.r, ",").concat(rgb.g, ",").concat(rgb.b));
+      variables.push(`--v-theme-${key}: ${rgb.r},${rgb.g},${rgb.b}`);
 
       if (!key.startsWith('on-')) {
-        variables.push("--v-theme-".concat(key, "-overlay-multiplier: ").concat(getLuma(value) > 0.18 ? lightOverlay : darkOverlay));
+        variables.push(`--v-theme-${key}-overlay-multiplier: ${getLuma(value) > 0.18 ? lightOverlay : darkOverlay}`);
       }
     }
 
     return variables;
   }
 
-  function genStyleElement() {
-    if (typeof document === 'undefined' || styleEl.value) return;
-    const el = document.createElement('style');
-    el.type = 'text/css';
-    el.id = 'vuetify-theme-stylesheet';
-    styleEl.value = el;
-    document.head.appendChild(styleEl.value);
-  }
-
   function createCssClass(selector, content) {
-    return ["".concat(selector, " {\n"), ...content.map(line => "  ".concat(line, ";\n")), '}\n'];
+    return [`${selector} {\n`, ...content.map(line => `  ${line};\n`), '}\n'];
   }
 
-  function updateStyles() {
-    if (parsedOptions.isDisabled) return;
-    genStyleElement();
-    const lines = [];
+  if (head) {
+    head.addHeadObjs(computed(() => ({
+      style: [{
+        children: styles.value,
+        type: 'text/css',
+        id: 'vuetify-theme-stylesheet'
+      }]
+    })));
 
-    for (const themeName of Object.keys(computedThemes.value)) {
-      const variables = computedThemes.value[themeName].variables;
-      lines.push(...createCssClass(".v-theme--".concat(themeName), [...genCssVariables(themeName), ...Object.keys(variables).map(key => {
-        return "--v-".concat(key, ": ").concat(variables[key]);
-      })]));
-    } // Assumption is that all theme objects have the same keys, so it doesn't matter which one
-    // we use since the values are all css variables.
-
-
-    const firstTheme = Object.keys(computedThemes.value)[0];
+    if (IN_BROWSER) {
+      watchEffect(() => head.updateDOM());
+    }
+  } else {
+    watch(themes, updateStyles, {
+      deep: true,
+      immediate: true
+    });
 
-    for (const key of Object.keys(computedThemes.value[firstTheme].colors)) {
-      if (/on-[a-z]/.test(key)) {
-        lines.push(...createCssClass(".".concat(key), ["color: rgb(var(--v-theme-".concat(key, "))")]));
-      } else {
-        lines.push(...createCssClass(".bg-".concat(key), ["--v-theme-overlay-multiplier: var(--v-theme-".concat(key, "-overlay-multiplier)"), "background: rgb(var(--v-theme-".concat(key, "))"), "color: rgb(var(--v-theme-on-".concat(key, "))")]), ...createCssClass(".text-".concat(key), ["color: rgb(var(--v-theme-".concat(key, "))")]), ...createCssClass(".border-".concat(key), ["--v-border-color: var(--v-theme-".concat(key, ")")]));
-      }
+    function updateStyles() {
+      if (parsedOptions.isDisabled) return;
+      genStyleElement();
+      if (styleEl.value) styleEl.value.innerHTML = styles.value;
     }
 
-    if (styleEl.value) styleEl.value.innerHTML = lines.map((str, i) => i === 0 ? str : "    ".concat(str)).join('');
+    function genStyleElement() {
+      if (typeof document === 'undefined' || styleEl.value) return;
+      const el = document.createElement('style');
+      el.type = 'text/css';
+      el.id = 'vuetify-theme-stylesheet';
+      styleEl.value = el;
+      document.head.appendChild(styleEl.value);
+    }
   }
 
-  watch(themes, updateStyles, {
-    deep: true,
-    immediate: true
-  });
   return {
     isDisabled: parsedOptions.isDisabled,
     themes: computedThemes,
     setTheme: (key, theme) => themes.value[key] = theme,
     getTheme: key => computedThemes.value[key],
     current,
-    themeClasses: computed(() => parsedOptions.isDisabled ? '' : "v-theme--".concat(current.value)),
-    hasColor: color => !!computedThemes.value[current.value].colors[color]
+    themeClasses: computed(() => parsedOptions.isDisabled ? undefined : `v-theme--${current.value}`),
+    styles
   };
 }
-/**
- * Used to either set up and provide a new theme instance, or to pass
- * along the closest available already provided instance.
- *
- * A new theme instance will be created if either `theme` prop is provided,
- * or if `newContext` prop is true
- */
-
-export function provideTheme(props = {}, context) {
-  const theme = inject(VuetifyThemeSymbol, null);
+export function provideTheme(props) {
+  getCurrentInstance('provideTheme');
+  const theme = inject(ThemeSymbol, null);
   if (!theme) throw new Error('Could not find Vuetify theme injection');
-  const internal = ref(null);
-  const current = computed({
-    get: () => {
-      var _ref, _internal$value;
-
-      return (_ref = (_internal$value = internal.value) != null ? _internal$value : props.theme) != null ? _ref : theme == null ? void 0 : theme.current.value;
-    },
-
-    set(value) {
-      if (theme && !props.theme && !props.newContext) {
-        theme.current.value = value;
-      } else {
-        internal.value = value;
-        context.emit('update:theme', value);
-      }
-    }
+  const current = computed(() => {
+    var _props$theme;
 
+    return (_props$theme = props.theme) != null ? _props$theme : theme == null ? void 0 : theme.current.value;
   });
-  const themeClasses = computed(() => theme.isDisabled ? '' : "v-theme--".concat(current.value));
+  const themeClasses = computed(() => theme.isDisabled ? undefined : `v-theme--${current.value}`);
   const newTheme = { ...theme,
     current,
     themeClasses
   };
-  provide(VuetifyThemeSymbol, newTheme);
+  provide(ThemeSymbol, newTheme);
   return newTheme;
 }
-/**
- * Injects and returns closest available provided theme instance.
- */
-
 export function useTheme() {
-  const theme = inject(VuetifyThemeSymbol);
+  getCurrentInstance('useTheme');
+  const theme = inject(ThemeSymbol, null);
   if (!theme) throw new Error('Could not find Vuetify theme injection');
   return theme;
 }

package/lib/composables/theme.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/theme.ts"],"names":["colorToInt","colorToRGB","createRange","darken","getLuma","intToHex","lighten","computed","inject","provide","ref","watch","VuetifyThemeSymbol","Symbol","for","defaultThemeOptions","defaultTheme","variations","colors","themes","light","dark","background","surface","primary","secondary","error","info","success","warning","variables","parseThemeOptions","options","isDisabled","createTheme","parsedOptions","styleEl","current","computedThemes","Object","keys","value","reduce","obj","key","theme","color","genColorVariations","test","onColor","name","variation","fn","amount","genCssVariables","Error","lightOverlay","darkOverlay","entries","rgb","push","r","g","b","startsWith","genStyleElement","document","el","createElement","type","id","head","appendChild","createCssClass","selector","content","map","line","updateStyles","lines","themeName","firstTheme","innerHTML","str","i","join","deep","immediate","setTheme","getTheme","themeClasses","hasColor","provideTheme","props","context","internal","get","set","newContext","emit","newTheme","useTheme"],"mappings":"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","sourcesContent":["// Utilities\nimport { colorToInt, colorToRGB, createRange, darken, getLuma, intToHex, lighten } from '@/util'\nimport { computed, inject, provide, ref, watch } from 'vue'\n\n// Types\nimport type { InjectionKey, Ref, SetupContext } from 'vue'\n\ninterface BaseColors {\n  background: string\n  surface: string\n  primary: string\n  secondary: string\n  success: string\n  warning: string\n  error: string\n  info: string\n}\n\ninterface OnColors {\n  'on-background': string\n  'on-surface': string\n  'on-primary': string\n  'on-secondary': string\n  'on-success': string\n  'on-warning': string\n  'on-error': string\n  'on-info': string\n}\n\ninterface Colors extends BaseColors, OnColors {\n  [key: string]: string\n}\n\ninterface InternalThemeDefinition {\n  dark: boolean\n  colors: Colors\n  variables: Record<string, string | number>\n}\n\ninterface ThemeDefinitionColors extends BaseColors, Partial<OnColors> {\n  [key: string]: string | undefined\n}\n\nexport interface ThemeDefinition {\n  dark: boolean\n  colors: ThemeDefinitionColors\n  variables: Record<string, string | number>\n}\n\ninterface VariationsOptions {\n  colors: string[]\n  lighten: number\n  darken: number\n}\n\ninterface InternalThemeOptions {\n  isDisabled: boolean\n  defaultTheme: string\n  variations: VariationsOptions\n  themes: Record<string, ThemeDefinition>\n}\n\nexport type ThemeOptions = false | {\n  defaultTheme?: string\n  variations?: false | VariationsOptions\n  themes?: Record<string, ThemeDefinition>\n}\n\nexport interface ThemeInstance {\n  isDisabled: boolean\n  themes: Ref<Record<string, InternalThemeDefinition>>\n  current: Ref<string>\n  themeClasses: Ref<string>\n  setTheme: (key: string, theme: ThemeDefinition) => void\n  getTheme: (key: string) => InternalThemeDefinition\n  hasColor: (color: string) => boolean\n}\n\nexport const VuetifyThemeSymbol: InjectionKey<ThemeInstance> = Symbol.for('vuetify:theme')\n\nconst defaultThemeOptions: ThemeOptions = {\n  defaultTheme: 'light',\n  variations: { colors: [], lighten: 0, darken: 0 },\n  themes: {\n    light: {\n      dark: false,\n      colors: {\n        background: '#FFFFFF',\n        surface: '#FFFFFF',\n        primary: '#6200EE',\n        'primary-darken-1': '#3700B3',\n        secondary: '#03DAC6',\n        'secondary-darken-1': '#018786',\n        error: '#B00020',\n        info: '#2196F3',\n        success: '#4CAF50',\n        warning: '#FB8C00',\n      },\n      variables: {\n        'border-color': '0, 0, 0',\n        'border-opacity': 0.12,\n        'disabled-opacity': 0.38,\n        'icon-opacity': 0.54,\n      },\n    },\n    dark: {\n      dark: true,\n      colors: {\n        background: '#121212',\n        surface: '#121212',\n        primary: '#BB86FC',\n        'primary-darken-1': '#3700B3',\n        secondary: '#03DAC5',\n        'secondary-darken-1': '#03DAC5',\n        error: '#CF6679',\n        info: '#2196F3',\n        success: '#4CAF50',\n        warning: '#FB8C00',\n      },\n      variables: {\n        'border-color': '255, 255, 255',\n        'border-opacity': 0.12,\n        'disabled-opacity': 0.38,\n        'icon-opacity': 0.70,\n      },\n    },\n  },\n}\n\nconst parseThemeOptions = (options: ThemeOptions = defaultThemeOptions): InternalThemeOptions => {\n  if (!options) return { ...defaultThemeOptions, isDisabled: true } as InternalThemeOptions\n\n  return {\n    ...defaultThemeOptions,\n    ...options,\n    variations: options?.variations == null || options?.variations === false ? defaultThemeOptions.variations : options.variations,\n  } as InternalThemeOptions\n}\n\n// Composables\nexport function createTheme (options?: ThemeOptions): ThemeInstance {\n  const parsedOptions = parseThemeOptions(options)\n  const styleEl = ref<HTMLStyleElement>()\n  const current = ref(parsedOptions.defaultTheme)\n  const themes = ref(parsedOptions.themes)\n  const variations = ref(parsedOptions.variations)\n\n  const computedThemes = computed(() => {\n    return Object.keys(themes.value).reduce((obj, key) => {\n      const theme: ThemeDefinition = {\n        ...themes.value[key],\n        colors: {\n          ...themes.value[key].colors,\n          ...(parsedOptions.variations.colors ?? []).reduce((obj, color) => {\n            return { ...obj, ...genColorVariations(color, themes.value[key].colors[color]!) }\n          }, {}),\n        },\n      }\n\n      for (const color of Object.keys(theme.colors)) {\n        if (/on-[a-z]/.test(color) || theme.colors[`on-${color}`]) continue\n\n        const onColor = `on-${color}` as keyof OnColors\n        theme.colors[onColor] = intToHex(getLuma(theme.colors[color]!) > 0.18 ? 0x0 : 0xffffff)\n      }\n\n      obj[key] = theme as InternalThemeDefinition\n\n      return obj\n    }, {} as Record<string, InternalThemeDefinition>)\n  })\n\n  function genColorVariations (name: string, color: string) {\n    const obj: Record<string, string> = {}\n    for (const variation of (['lighten', 'darken'] as const)) {\n      const fn = variation === 'lighten' ? lighten : darken\n      for (const amount of createRange(variations.value[variation], 1)) {\n        obj[`${name}-${variation}-${amount}`] = intToHex(fn(colorToInt(color), amount))\n      }\n    }\n\n    return obj\n  }\n\n  function genCssVariables (name: string) {\n    const theme = computedThemes.value[name]\n\n    if (!theme) throw new Error(`Could not find theme ${name}`)\n\n    const lightOverlay = theme.dark ? 2 : 1\n    const darkOverlay = theme.dark ? 1 : 2\n\n    const variables: string[] = []\n    for (const [key, value] of Object.entries(theme.colors)) {\n      const rgb = colorToRGB(value!)\n      variables.push(`--v-theme-${key}: ${rgb.r},${rgb.g},${rgb.b}`)\n      if (!key.startsWith('on-')) {\n        variables.push(`--v-theme-${key}-overlay-multiplier: ${getLuma(value) > 0.18 ? lightOverlay : darkOverlay}`)\n      }\n    }\n\n    return variables\n  }\n\n  function genStyleElement () {\n    if (typeof document === 'undefined' || styleEl.value) return\n\n    const el = document.createElement('style')\n    el.type = 'text/css'\n    el.id = 'vuetify-theme-stylesheet'\n\n    styleEl.value = el\n    document.head.appendChild(styleEl.value)\n  }\n\n  function createCssClass (selector: string, content: string[]) {\n    return [\n      `${selector} {\\n`,\n      ...content.map(line => `  ${line};\\n`),\n      '}\\n',\n    ]\n  }\n\n  function updateStyles () {\n    if (parsedOptions.isDisabled) return\n\n    genStyleElement()\n\n    const lines = []\n\n    for (const themeName of Object.keys(computedThemes.value)) {\n      const variables = computedThemes.value[themeName].variables\n\n      lines.push(...createCssClass(`.v-theme--${themeName}`, [\n        ...genCssVariables(themeName),\n        ...Object.keys(variables).map(key => {\n          return `--v-${key}: ${variables[key]}`\n        }),\n      ]))\n    }\n\n    // Assumption is that all theme objects have the same keys, so it doesn't matter which one\n    // we use since the values are all css variables.\n    const firstTheme = Object.keys(computedThemes.value)[0]\n    for (const key of Object.keys(computedThemes.value[firstTheme].colors)) {\n      if (/on-[a-z]/.test(key)) {\n        lines.push(...createCssClass(`.${key}`, [`color: rgb(var(--v-theme-${key}))`]))\n      } else {\n        lines.push(\n          ...createCssClass(`.bg-${key}`, [\n            `--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`,\n            `background: rgb(var(--v-theme-${key}))`,\n            `color: rgb(var(--v-theme-on-${key}))`,\n          ]),\n          ...createCssClass(`.text-${key}`, [`color: rgb(var(--v-theme-${key}))`]),\n          ...createCssClass(`.border-${key}`, [`--v-border-color: var(--v-theme-${key})`]),\n        )\n      }\n    }\n\n    if (styleEl.value) styleEl.value.innerHTML = lines.map((str, i) => i === 0 ? str : `    ${str}`).join('')\n  }\n\n  watch(themes, updateStyles, { deep: true, immediate: true })\n\n  return {\n    isDisabled: parsedOptions.isDisabled,\n    themes: computedThemes,\n    setTheme: (key: string, theme: ThemeDefinition) => themes.value[key] = theme,\n    getTheme: (key: string) => computedThemes.value[key],\n    current,\n    themeClasses: computed(() => parsedOptions.isDisabled ? '' : `v-theme--${current.value}`),\n    hasColor: (color: string) => !!computedThemes.value[current.value].colors[color],\n  }\n}\n\n/**\n * Used to either set up and provide a new theme instance, or to pass\n * along the closest available already provided instance.\n *\n * A new theme instance will be created if either `theme` prop is provided,\n * or if `newContext` prop is true\n */\nexport function provideTheme (props: { theme?: string, newContext?: boolean } = {}, context: SetupContext) {\n  const theme = inject(VuetifyThemeSymbol, null)\n\n  if (!theme) throw new Error('Could not find Vuetify theme injection')\n\n  const internal = ref<string | null>(null)\n  const current = computed<string>({\n    get: () => {\n      return internal.value ?? props.theme ?? theme?.current.value\n    },\n    set (value: string) {\n      if (theme && !props.theme && !props.newContext) {\n        theme.current.value = value\n      } else {\n        internal.value = value\n        context.emit('update:theme', value)\n      }\n    },\n  })\n\n  const themeClasses = computed(() => theme.isDisabled ? '' : `v-theme--${current.value}`)\n  const newTheme: ThemeInstance = {\n    ...theme,\n    current,\n    themeClasses,\n  }\n\n  provide(VuetifyThemeSymbol, newTheme)\n\n  return newTheme\n}\n\n/**\n * Injects and returns closest available provided theme instance.\n */\nexport function useTheme () {\n  const theme = inject(VuetifyThemeSymbol)\n\n  if (!theme) throw new Error('Could not find Vuetify theme injection')\n\n  return theme\n}\n"],"file":"theme.mjs"}
+{"version":3,"sources":["../../src/composables/theme.ts"],"names":["computed","inject","provide","ref","watch","watchEffect","colorToInt","colorToRGB","createRange","darken","getCurrentInstance","getLuma","IN_BROWSER","intToHex","lighten","mergeDeep","propsFactory","APCAcontrast","ThemeSymbol","Symbol","for","makeThemeProps","theme","String","defaultThemeOptions","defaultTheme","variations","colors","themes","light","dark","background","surface","primary","secondary","error","info","success","warning","variables","parseThemeOptions","options","isDisabled","Object","entries","reduce","obj","key","createTheme","app","head","_context","provides","usehead","parsedOptions","styleEl","current","computedThemes","value","name","original","color","genColorVariations","keys","test","onColor","colorVal","blackContrast","Math","abs","whiteContrast","min","variation","fn","amount","styles","lines","themeName","push","createCssClass","genCssVariables","map","startsWith","undefined","rgb","r","g","b","Set","values","flatMap","str","i","join","Error","lightOverlay","darkOverlay","selector","content","line","addHeadObjs","style","children","type","id","updateDOM","updateStyles","deep","immediate","genStyleElement","innerHTML","document","el","createElement","appendChild","setTheme","getTheme","themeClasses","provideTheme","props","newTheme","useTheme"],"mappings":"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","sourcesContent":["// Utilities\nimport { computed, inject, provide, ref, watch, watchEffect } from 'vue'\nimport {\n  colorToInt,\n  colorToRGB,\n  createRange,\n  darken,\n  getCurrentInstance,\n  getLuma,\n  IN_BROWSER,\n  intToHex,\n  lighten,\n  mergeDeep,\n  propsFactory,\n} from '@/util'\nimport { APCAcontrast } from '@/util/color/APCA'\n\n// Types\nimport type { App, InjectionKey, Ref } from 'vue'\nimport type { HeadClient } from '@vueuse/head'\n\ntype DeepPartial<T> = T extends object ? { [P in keyof T]?: DeepPartial<T[P]> } : T\n\ninterface BaseColors {\n  background: string\n  surface: string\n  primary: string\n  secondary: string\n  success: string\n  warning: string\n  error: string\n  info: string\n}\n\ninterface OnColors {\n  'on-background': string\n  'on-surface': string\n  'on-primary': string\n  'on-secondary': string\n  'on-success': string\n  'on-warning': string\n  'on-error': string\n  'on-info': string\n}\n\nexport interface Colors extends BaseColors, OnColors {\n  [key: string]: string\n}\n\ninterface InternalThemeDefinition {\n  dark: boolean\n  colors: Colors\n  variables: Record<string, string | number>\n}\n\ninterface VariationsOptions {\n  colors: string[]\n  lighten: number\n  darken: number\n}\n\ninterface InternalThemeOptions {\n  isDisabled: boolean\n  defaultTheme: string\n  variations: VariationsOptions\n  themes: Record<string, InternalThemeDefinition>\n}\n\nexport type ThemeDefinition = DeepPartial<InternalThemeDefinition>\n\nexport type ThemeOptions = false | {\n  defaultTheme?: string\n  variations?: false | VariationsOptions\n  themes?: Record<string, ThemeDefinition>\n}\n\nexport interface ThemeInstance {\n  isDisabled: boolean\n  themes: Ref<Record<string, InternalThemeDefinition>>\n  current: Ref<string>\n  themeClasses: Ref<string | undefined>\n  setTheme: (key: string, theme: InternalThemeDefinition) => void\n  getTheme: (key: string) => InternalThemeDefinition\n  styles: Ref<string>\n}\n\nexport const ThemeSymbol: InjectionKey<ThemeInstance> = Symbol.for('vuetify:theme')\n\nexport const makeThemeProps = propsFactory({\n  theme: String,\n}, 'theme')\n\nconst defaultThemeOptions: ThemeOptions = {\n  defaultTheme: 'light',\n  variations: { colors: [], lighten: 0, darken: 0 },\n  themes: {\n    light: {\n      dark: false,\n      colors: {\n        background: '#FFFFFF',\n        surface: '#FFFFFF',\n        'surface-variant': '#424242',\n        'on-surface-variant': '#EEEEEE',\n        primary: '#6200EE',\n        'primary-darken-1': '#3700B3',\n        secondary: '#03DAC6',\n        'secondary-darken-1': '#018786',\n        error: '#B00020',\n        info: '#2196F3',\n        success: '#4CAF50',\n        warning: '#FB8C00',\n      },\n      variables: {\n        'border-color': '#000000',\n        'border-opacity': 0.12,\n        'high-emphasis-opacity': 0.87,\n        'medium-emphasis-opacity': 0.60,\n        'disabled-opacity': 0.38,\n        'idle-opacity': 0.04,\n        'hover-opacity': 0.04,\n        'focus-opacity': 0.12,\n        'selected-opacity': 0.08,\n        'activated-opacity': 0.12,\n        'pressed-opacity': 0.12,\n        'dragged-opacity': 0.08,\n        'kbd-background-color': '#212529',\n        'kbd-color': '#FFFFFF',\n        'code-background-color': '#C2C2C2',\n      },\n    },\n    dark: {\n      dark: true,\n      colors: {\n        background: '#121212',\n        surface: '#212121',\n        'surface-variant': '#BDBDBD',\n        'on-surface-variant': '#424242',\n        primary: '#BB86FC',\n        'primary-darken-1': '#3700B3',\n        secondary: '#03DAC5',\n        'secondary-darken-1': '#03DAC5',\n        error: '#CF6679',\n        info: '#2196F3',\n        success: '#4CAF50',\n        warning: '#FB8C00',\n      },\n      variables: {\n        'border-color': '#FFFFFF',\n        'border-opacity': 0.12,\n        'high-emphasis-opacity': 0.87,\n        'medium-emphasis-opacity': 0.60,\n        'disabled-opacity': 0.38,\n        'idle-opacity': 0.10,\n        'hover-opacity': 0.04,\n        'focus-opacity': 0.12,\n        'selected-opacity': 0.08,\n        'activated-opacity': 0.12,\n        'pressed-opacity': 0.16,\n        'dragged-opacity': 0.08,\n        'kbd-background-color': '#212529',\n        'kbd-color': '#FFFFFF',\n        'code-background-color': '#B7B7B7',\n      },\n    },\n  },\n}\n\nconst parseThemeOptions = (options: ThemeOptions = defaultThemeOptions): InternalThemeOptions => {\n  if (!options) return { ...defaultThemeOptions, isDisabled: true } as InternalThemeOptions\n\n  const themes = Object.entries(options.themes ?? {}).reduce((obj, [key, theme]) => {\n    const defaultTheme = theme.dark ? defaultThemeOptions.themes?.dark : defaultThemeOptions.themes?.light\n    obj[key] = mergeDeep(defaultTheme, theme)\n    return obj\n  }, {} as Record<string, ThemeDefinition>)\n\n  return mergeDeep(\n    defaultThemeOptions,\n    { ...options, themes },\n  ) as InternalThemeOptions\n}\n\n// Composables\nexport function createTheme (app: App, options?: ThemeOptions): ThemeInstance {\n  const head = app._context.provides.usehead as HeadClient | undefined\n  const parsedOptions = parseThemeOptions(options)\n  const styleEl = ref<HTMLStyleElement>()\n  const current = ref(parsedOptions.defaultTheme)\n  const themes = ref(parsedOptions.themes)\n  const variations = ref(parsedOptions.variations)\n\n  const computedThemes = computed(() => {\n    return Object.entries(themes.value).reduce((obj, [name, original]) => {\n      const theme: InternalThemeDefinition = {\n        ...original,\n        colors: {\n          ...original.colors,\n          ...(parsedOptions.variations.colors ?? []).reduce((obj, color) => {\n            return { ...obj, ...genColorVariations(color, original.colors[color]!) }\n          }, {}),\n        },\n      }\n\n      for (const color of Object.keys(theme.colors)) {\n        if (/on-[a-z]/.test(color) || theme.colors[`on-${color}`]) continue\n\n        const onColor = `on-${color}` as keyof OnColors\n        const colorVal = colorToInt(theme.colors[color]!)\n\n        const blackContrast = Math.abs(APCAcontrast(0, colorVal))\n        const whiteContrast = Math.abs(APCAcontrast(0xffffff, colorVal))\n\n        // TODO: warn about poor color selections\n        // const contrastAsText = Math.abs(APCAcontrast(colorVal, colorToInt(theme.colors.background)))\n        // const minContrast = Math.max(blackContrast, whiteContrast)\n        // if (minContrast < 60) {\n        //   consoleInfo(`${key} theme color ${color} has poor contrast (${minContrast.toFixed()}%)`)\n        // } else if (contrastAsText < 60 && !['background', 'surface'].includes(color)) {\n        //   consoleInfo(`${key} theme color ${color} has poor contrast as text (${contrastAsText.toFixed()}%)`)\n        // }\n\n        // Prefer white text if both have an acceptable contrast ratio\n        theme.colors[onColor] = whiteContrast > Math.min(blackContrast, 50) ? '#fff' : '#000'\n      }\n\n      obj[name] = theme\n\n      return obj\n    }, {} as Record<string, InternalThemeDefinition>)\n  })\n\n  function genColorVariations (name: string, color: string) {\n    const obj: Record<string, string> = {}\n    for (const variation of (['lighten', 'darken'] as const)) {\n      const fn = variation === 'lighten' ? lighten : darken\n      for (const amount of createRange(variations.value[variation], 1)) {\n        obj[`${name}-${variation}-${amount}`] = intToHex(fn(colorToInt(color), amount))\n      }\n    }\n\n    return obj\n  }\n\n  const styles = computed(() => {\n    const lines = []\n\n    for (const themeName of Object.keys(computedThemes.value)) {\n      const variables = computedThemes.value[themeName].variables\n\n      lines.push(...createCssClass(`.v-theme--${themeName}`, [\n        ...genCssVariables(themeName),\n        ...Object.keys(variables).map(key => {\n          const value = variables[key]\n          const color = typeof value === 'string' && value.startsWith('#') ? colorToRGB(value) : undefined\n          const rgb = color ? `${color.r}, ${color.g}, ${color.b}` : undefined\n\n          return `--v-${key}: ${rgb ?? value}`\n        }),\n      ]))\n    }\n\n    const colors = new Set(Object.values(computedThemes.value).flatMap(theme => Object.keys(theme.colors)))\n    for (const key of colors) {\n      if (/on-[a-z]/.test(key)) {\n        lines.push(...createCssClass(`.${key}`, [`color: rgb(var(--v-theme-${key})) !important`]))\n      } else {\n        lines.push(\n          ...createCssClass(`.bg-${key}`, [\n            `--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`,\n            `background: rgb(var(--v-theme-${key})) !important`,\n            `color: rgb(var(--v-theme-on-${key})) !important`,\n          ]),\n          ...createCssClass(`.text-${key}`, [`color: rgb(var(--v-theme-${key})) !important`]),\n          ...createCssClass(`.border-${key}`, [`--v-border-color: var(--v-theme-${key})`]),\n        )\n      }\n    }\n\n    return lines.map((str, i) => i === 0 ? str : `    ${str}`).join('')\n  })\n\n  function genCssVariables (name: string) {\n    const theme = computedThemes.value[name]\n\n    if (!theme) throw new Error(`Could not find theme ${name}`)\n\n    const lightOverlay = theme.dark ? 2 : 1\n    const darkOverlay = theme.dark ? 1 : 2\n\n    const variables: string[] = []\n    for (const [key, value] of Object.entries(theme.colors)) {\n      const rgb = colorToRGB(value!)\n      variables.push(`--v-theme-${key}: ${rgb.r},${rgb.g},${rgb.b}`)\n      if (!key.startsWith('on-')) {\n        variables.push(`--v-theme-${key}-overlay-multiplier: ${getLuma(value) > 0.18 ? lightOverlay : darkOverlay}`)\n      }\n    }\n\n    return variables\n  }\n\n  function createCssClass (selector: string, content: string[]) {\n    return [\n      `${selector} {\\n`,\n      ...content.map(line => `  ${line};\\n`),\n      '}\\n',\n    ]\n  }\n\n  if (head) {\n    head.addHeadObjs(computed(() => ({\n      style: [{\n        children: styles.value,\n        type: 'text/css',\n        id: 'vuetify-theme-stylesheet',\n      }],\n    })))\n\n    if (IN_BROWSER) {\n      watchEffect(() => head.updateDOM())\n    }\n  } else {\n    watch(themes, updateStyles, { deep: true, immediate: true })\n\n    function updateStyles () {\n      if (parsedOptions.isDisabled) return\n\n      genStyleElement()\n\n      if (styleEl.value) styleEl.value.innerHTML = styles.value\n    }\n\n    function genStyleElement () {\n      if (typeof document === 'undefined' || styleEl.value) return\n\n      const el = document.createElement('style')\n      el.type = 'text/css'\n      el.id = 'vuetify-theme-stylesheet'\n\n      styleEl.value = el\n      document.head.appendChild(styleEl.value)\n    }\n  }\n\n  return {\n    isDisabled: parsedOptions.isDisabled,\n    themes: computedThemes,\n    setTheme: (key: string, theme: InternalThemeDefinition) => themes.value[key] = theme,\n    getTheme: (key: string) => computedThemes.value[key],\n    current,\n    themeClasses: computed(() => parsedOptions.isDisabled ? undefined : `v-theme--${current.value}`),\n    styles,\n  }\n}\n\nexport function provideTheme (props: { theme?: string }) {\n  getCurrentInstance('provideTheme')\n\n  const theme = inject(ThemeSymbol, null)\n\n  if (!theme) throw new Error('Could not find Vuetify theme injection')\n\n  const current = computed<string>(() => {\n    return props.theme ?? theme?.current.value\n  })\n\n  const themeClasses = computed(() => theme.isDisabled ? undefined : `v-theme--${current.value}`)\n\n  const newTheme: ThemeInstance = {\n    ...theme,\n    current,\n    themeClasses,\n  }\n\n  provide(ThemeSymbol, newTheme)\n\n  return newTheme\n}\n\nexport function useTheme () {\n  getCurrentInstance('useTheme')\n\n  const theme = inject(ThemeSymbol, null)\n\n  if (!theme) throw new Error('Could not find Vuetify theme injection')\n\n  return theme\n}\n"],"file":"theme.mjs"}

package/lib/composables/touch.mjs

@@ -0,0 +1,129 @@
+import { CircularBuffer } from "../util/index.mjs";
+const HORIZON = 100; // ms
+
+const HISTORY = 20; // number of samples to keep
+
+/** @see https://android.googlesource.com/platform/frameworks/native/+/master/libs/input/VelocityTracker.cpp */
+function kineticEnergyToVelocity(work) {
+  const sqrt2 = 1.41421356237;
+  return (work < 0 ? -1.0 : 1.0) * Math.sqrt(Math.abs(work)) * sqrt2;
+}
+/**
+ * Returns pointer velocity in px/s
+ */
+
+
+export function calculateImpulseVelocity(samples) {
+  // The input should be in reversed time order (most recent sample at index i=0)
+  if (samples.length < 2) {
+    // if 0 or 1 points, velocity is zero
+    return 0;
+  } // if (samples[1].t > samples[0].t) {
+  //   // Algorithm will still work, but not perfectly
+  //   consoleWarn('Samples provided to calculateImpulseVelocity in the wrong order')
+  // }
+
+
+  if (samples.length === 2) {
+    // if 2 points, basic linear calculation
+    if (samples[1].t === samples[0].t) {
+      // consoleWarn(`Events have identical time stamps t=${samples[0].t}, setting velocity = 0`)
+      return 0;
+    }
+
+    return (samples[1].d - samples[0].d) / (samples[1].t - samples[0].t);
+  } // Guaranteed to have at least 3 points here
+  // start with the oldest sample and go forward in time
+
+
+  let work = 0;
+
+  for (let i = samples.length - 1; i > 0; i--) {
+    if (samples[i].t === samples[i - 1].t) {
+      // consoleWarn(`Events have identical time stamps t=${samples[i].t}, skipping sample`)
+      continue;
+    }
+
+    const vprev = kineticEnergyToVelocity(work); // v[i-1]
+
+    const vcurr = (samples[i].d - samples[i - 1].d) / (samples[i].t - samples[i - 1].t); // v[i]
+
+    work += (vcurr - vprev) * Math.abs(vcurr);
+
+    if (i === samples.length - 1) {
+      work *= 0.5;
+    }
+  }
+
+  return kineticEnergyToVelocity(work) * 1000;
+}
+export function useVelocity() {
+  const touches = {};
+
+  function addMovement(e) {
+    Array.from(e.changedTouches).forEach(touch => {
+      var _touches$touch$identi;
+
+      const samples = (_touches$touch$identi = touches[touch.identifier]) != null ? _touches$touch$identi : touches[touch.identifier] = new CircularBuffer(HISTORY);
+      samples.push([e.timeStamp, touch]);
+    });
+  }
+
+  function endTouch(e) {
+    Array.from(e.changedTouches).forEach(touch => {
+      delete touches[touch.identifier];
+    });
+  }
+
+  function getVelocity(id) {
+    var _touches$id;
+
+    const samples = (_touches$id = touches[id]) == null ? void 0 : _touches$id.values().reverse();
+
+    if (!samples) {
+      throw new Error(`No samples for touch id ${id}`);
+    }
+
+    const newest = samples[0];
+    const x = [];
+    const y = [];
+
+    for (const val of samples) {
+      if (newest[0] - val[0] > HORIZON) break;
+      x.push({
+        t: val[0],
+        d: val[1].clientX
+      });
+      y.push({
+        t: val[0],
+        d: val[1].clientY
+      });
+    }
+
+    return {
+      x: calculateImpulseVelocity(x),
+      y: calculateImpulseVelocity(y),
+
+      get direction() {
+        const {
+          x,
+          y
+        } = this;
+        const [absX, absY] = [Math.abs(x), Math.abs(y)];
+        return absX > absY && x >= 0 ? 'right' : absX > absY && x <= 0 ? 'left' : absY > absX && y >= 0 ? 'down' : absY > absX && y <= 0 ? 'up' : oops();
+      }
+
+    };
+  }
+
+  return {
+    addMovement,
+    endTouch,
+    getVelocity
+  };
+}
+
+function oops() {
+  throw new Error();
+}
+//# sourceMappingURL=touch.mjs.map

package/lib/composables/touch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/composables/touch.ts"],"names":["CircularBuffer","HORIZON","HISTORY","kineticEnergyToVelocity","work","sqrt2","Math","sqrt","abs","calculateImpulseVelocity","samples","length","t","d","i","vprev","vcurr","useVelocity","touches","addMovement","e","Array","from","changedTouches","forEach","touch","identifier","push","timeStamp","endTouch","getVelocity","id","values","reverse","Error","newest","x","y","val","clientX","clientY","direction","absX","absY","oops"],"mappings":"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","sourcesContent":["import { CircularBuffer } from '@/util'\n\nconst HORIZON = 100 // ms\nconst HISTORY = 20 // number of samples to keep\n\nexport interface Sample {\n  t: number\n  d: number\n}\n\n/** @see https://android.googlesource.com/platform/frameworks/native/+/master/libs/input/VelocityTracker.cpp */\nfunction kineticEnergyToVelocity (work: number) {\n  const sqrt2 = 1.41421356237\n  return (work < 0 ? -1.0 : 1.0) * Math.sqrt(Math.abs(work)) * sqrt2\n}\n\n/**\n * Returns pointer velocity in px/s\n */\nexport function calculateImpulseVelocity (samples: Sample[]) {\n  // The input should be in reversed time order (most recent sample at index i=0)\n  if (samples.length < 2) {\n    // if 0 or 1 points, velocity is zero\n    return 0\n  }\n  // if (samples[1].t > samples[0].t) {\n  //   // Algorithm will still work, but not perfectly\n  //   consoleWarn('Samples provided to calculateImpulseVelocity in the wrong order')\n  // }\n  if (samples.length === 2) {\n    // if 2 points, basic linear calculation\n    if (samples[1].t === samples[0].t) {\n      // consoleWarn(`Events have identical time stamps t=${samples[0].t}, setting velocity = 0`)\n      return 0\n    }\n    return (samples[1].d - samples[0].d) / (samples[1].t - samples[0].t)\n  }\n  // Guaranteed to have at least 3 points here\n  // start with the oldest sample and go forward in time\n  let work = 0\n  for (let i = samples.length - 1; i > 0; i--) {\n    if (samples[i].t === samples[i - 1].t) {\n      // consoleWarn(`Events have identical time stamps t=${samples[i].t}, skipping sample`)\n      continue\n    }\n    const vprev = kineticEnergyToVelocity(work) // v[i-1]\n    const vcurr = (samples[i].d - samples[i - 1].d) / (samples[i].t - samples[i - 1].t) // v[i]\n    work += (vcurr - vprev) * Math.abs(vcurr)\n    if (i === samples.length - 1) {\n      work *= 0.5\n    }\n  }\n  return kineticEnergyToVelocity(work) * 1000\n}\n\nexport function useVelocity () {\n  const touches: Record<number, CircularBuffer<[number, Touch]> | undefined> = {}\n\n  function addMovement (e: TouchEvent) {\n    Array.from(e.changedTouches).forEach(touch => {\n      const samples = touches[touch.identifier] ?? (touches[touch.identifier] = new CircularBuffer(HISTORY))\n      samples.push([e.timeStamp, touch])\n    })\n  }\n\n  function endTouch (e: TouchEvent) {\n    Array.from(e.changedTouches).forEach(touch => {\n      delete touches[touch.identifier]\n    })\n  }\n\n  function getVelocity (id: number) {\n    const samples = touches[id]?.values().reverse()\n\n    if (!samples) {\n      throw new Error(`No samples for touch id ${id}`)\n    }\n\n    const newest = samples[0]\n    const x: Sample[] = []\n    const y: Sample[] = []\n    for (const val of samples) {\n      if (newest[0] - val[0] > HORIZON) break\n\n      x.push({ t: val[0], d: val[1].clientX })\n      y.push({ t: val[0], d: val[1].clientY })\n    }\n\n    return {\n      x: calculateImpulseVelocity(x),\n      y: calculateImpulseVelocity(y),\n      get direction () {\n        const { x, y } = this\n        const [absX, absY] = [Math.abs(x), Math.abs(y)]\n\n        return absX > absY && x >= 0 ? 'right'\n          : absX > absY && x <= 0 ? 'left'\n          : absY > absX && y >= 0 ? 'down'\n          : absY > absX && y <= 0 ? 'up'\n          : oops()\n      },\n    }\n  }\n\n  return { addMovement, endTouch, getVelocity }\n}\n\nfunction oops (): never {\n  throw new Error()\n}\n"],"file":"touch.mjs"}