@studiometa/js-toolkit 3.0.0-beta.1 → 3.0.0-beta.3

package/utils/css/transition.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/js-toolkit/utils/css/transition.ts"],
-  "sourcesContent": ["import { nextFrame } from '../nextFrame.js';\nimport * as classes from './classes.js';\nimport * as styles from './styles.js';\nimport { isArray, isString } from '../is.js';\nimport { hasWindow } from '../has.js';\n// eslint-disable-next-line import/extensions\nimport { eachElements } from './utils.js';\n\n/** WeakMap to hold the transition instances. */\nconst cache = new WeakMap();\n\nexport type ClassesOrStyles = string | string[] | Partial<CSSStyleDeclaration>;\n\nexport type TransitionStyles = {\n  from?: ClassesOrStyles;\n  active?: ClassesOrStyles;\n  to?: ClassesOrStyles;\n};\n\n/**\n * Transition class.\n */\nclass Transition {\n  /**\n   * Is a transition currently running?\n   */\n  isTransitioning = false;\n\n  /**\n   * A callback to execute when the transition ends.\n   */\n  transitionEndHandler: EventListenerOrEventListenerObject | null = null;\n\n  /**\n   * Instantiate and save the instance to the cache.\n   */\n  constructor(element: HTMLElement) {\n    cache.set(element, this);\n  }\n\n  /**\n   * Get the transition class attached to the given element.\n   *\n   * @param  {HTMLElement} element The HTML element concerned by the transition.\n   * @returns {Transition}          The transition instance tied to the given element.\n   */\n  static getInstance(element: HTMLElement): Transition {\n    let instance = cache.get(element);\n\n    if (!instance) {\n      instance = new this(element);\n    }\n\n    return instance;\n  }\n}\n\n/**\n * Update either the classes or the styles of an element with the given method.\n */\nexport function setClassesOrStyles(\n  element: HTMLElement,\n  classesOrStyles: ClassesOrStyles,\n  method: 'add' | 'remove' = 'add',\n) {\n  if (isString(classesOrStyles) || isArray(classesOrStyles)) {\n    classes[method](element, classesOrStyles);\n  } else {\n    styles[method](element, classesOrStyles);\n  }\n}\n\n/**\n * Test if the given element has a transition duration.\n */\nfunction testTransition(element: HTMLElement) {\n  if (!hasWindow()) {\n    return false;\n  }\n\n  const { transitionDuration } = window.getComputedStyle(element);\n  return !!transitionDuration && transitionDuration !== '0s';\n}\n\n/**\n * Apply the from state.\n */\nasync function start(element: HTMLElement, classesOrStyles: TransitionStyles) {\n  const trs = Transition.getInstance(element);\n  trs.isTransitioning = true;\n  setClassesOrStyles(element, classesOrStyles.from);\n  await nextFrame();\n  setClassesOrStyles(element, classesOrStyles.active);\n}\n\n/**\n * Apply the active state.\n */\nasync function next(element: HTMLElement, classesOrStyles: TransitionStyles): Promise<void> {\n  const hasTransition = testTransition(element);\n\n  /* eslint-disable-next-line */\n  return new Promise(async (resolve) => {\n    if (hasTransition) {\n      const trs = Transition.getInstance(element);\n      trs.transitionEndHandler = () => resolve();\n      element.addEventListener('transitionend', trs.transitionEndHandler, false);\n    }\n    setClassesOrStyles(element, classesOrStyles.from, 'remove');\n    setClassesOrStyles(element, classesOrStyles.to);\n    await nextFrame();\n    if (!hasTransition) {\n      resolve();\n    }\n  });\n}\n\n/**\n * Apply the final state.\n */\nfunction end(\n  element: HTMLElement,\n  classesOrStyles: TransitionStyles,\n  mode: 'keep' | 'remove' = 'remove',\n) {\n  const trs = Transition.getInstance(element);\n  element.removeEventListener('transitionend', trs.transitionEndHandler, false);\n  if (mode === 'remove') {\n    setClassesOrStyles(element, classesOrStyles.to, 'remove');\n  }\n  setClassesOrStyles(element, classesOrStyles.active, 'remove');\n  trs.isTransitioning = false;\n  trs.transitionEndHandler = null;\n}\n\n/**\n * Manage CSS transition with class.\n *\n * This is inspired by the Vue `<transition>` component\n * and the `@barba/css` package, many thanks to them!\n *\n * @param  {HTMLElement}             element The target element.\n * @param  {string|TransitionStyles} name    The name of the transition or an object with the hooks classesOrStyles.\n * @param  {string}                  endMode Whether to remove or keep the `to` classes/styles\n * @returns {Promise<void>}                   A promise resolving at the end of the transition.\n */\nasync function singleTransition(\n  element: HTMLElement,\n  name: string | TransitionStyles,\n  endMode: 'keep' | 'remove' = 'remove',\n): Promise<void> {\n  /** @type {TransitionStyles} */\n  const classesOrStyles = isString(name)\n    ? {\n        from: `${name}-from`,\n        active: `${name}-active`,\n        to: `${name}-to`,\n      }\n    : {\n        from: '',\n        active: '',\n        to: '',\n        ...name,\n      };\n\n  const trs = Transition.getInstance(element);\n  // End any previous transition running on the element.\n  if (trs.isTransitioning) {\n    end(element, classesOrStyles);\n  }\n\n  await start(element, classesOrStyles);\n  await next(element, classesOrStyles);\n  end(element, classesOrStyles, endMode);\n  return Promise.resolve();\n}\n\n/**\n * Manage CSS transition with class.\n *\n * @param  {HTMLElement|HTMLElement[]|NodeListOf<HTMLElement>} elementOrElements The target element or elements.\n * @param  {string|TransitionStyles}                           name              The name of the transition or an object with the hooks classesOrStyles.\n * @param  {string}                                            endMode           Whether to remove or keep the `to` classes/styles\n * @returns {Promise<void>}                                                      A promise resolving at the end of the transition.\n */\nexport default async function transition(\n  elementOrElements: HTMLElement | HTMLElement[] | NodeListOf<HTMLElement>,\n  name: string | TransitionStyles,\n  endMode: 'keep' | 'remove' = 'remove',\n) {\n  await Promise.all(\n    eachElements(elementOrElements, (element) => singleTransition(element, name, endMode)),\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { nextFrame } from '../nextFrame.js';\nimport * as classes from './classes.js';\nimport * as styles from './styles.js';\nimport { isArray, isString } from '../is.js';\nimport { hasWindow } from '../has.js';\n// eslint-disable-next-line import/extensions\nimport { eachElements } from './utils.js';\n\n/** WeakMap to hold the transition instances. */\nconst cache = new WeakMap();\n\nexport type ClassesOrStyles = string | string[] | Partial<CSSStyleDeclaration>;\n\nexport type TransitionStyles = {\n  from?: ClassesOrStyles;\n  active?: ClassesOrStyles;\n  to?: ClassesOrStyles;\n};\n\n/**\n * Transition class.\n */\nclass Transition {\n  /**\n   * Is a transition currently running?\n   */\n  isTransitioning = false;\n\n  /**\n   * A callback to execute when the transition ends.\n   */\n  transitionEndHandler: EventListenerOrEventListenerObject | null = null;\n\n  /**\n   * Instantiate and save the instance to the cache.\n   */\n  constructor(element: HTMLElement) {\n    cache.set(element, this);\n  }\n\n  /**\n   * Get the transition class attached to the given element.\n   *\n   * @param  {HTMLElement} element The HTML element concerned by the transition.\n   * @returns {Transition}          The transition instance tied to the given element.\n   */\n  static getInstance(element: HTMLElement): Transition {\n    let instance = cache.get(element);\n\n    if (!instance) {\n      instance = new this(element);\n    }\n\n    return instance;\n  }\n}\n\n/**\n * Update either the classes or the styles of an element with the given method.\n */\nexport function setClassesOrStyles(\n  element: HTMLElement,\n  classesOrStyles: ClassesOrStyles,\n  method: 'add' | 'remove' = 'add',\n) {\n  if (isString(classesOrStyles) || isArray(classesOrStyles)) {\n    classes[method](element, classesOrStyles);\n  } else {\n    styles[method](element, classesOrStyles);\n  }\n}\n\n/**\n * Test if the given element has a transition duration.\n */\nfunction testTransition(element: HTMLElement) {\n  if (!hasWindow()) {\n    return false;\n  }\n\n  const { transitionDuration } = window.getComputedStyle(element);\n  return !!transitionDuration && transitionDuration !== '0s';\n}\n\n/**\n * Apply the from state.\n */\nasync function start(element: HTMLElement, classesOrStyles: TransitionStyles) {\n  const trs = Transition.getInstance(element);\n  trs.isTransitioning = true;\n  setClassesOrStyles(element, classesOrStyles.from);\n  await nextFrame();\n  setClassesOrStyles(element, classesOrStyles.active);\n}\n\n/**\n * Apply the active state.\n */\nasync function next(element: HTMLElement, classesOrStyles: TransitionStyles): Promise<void> {\n  const hasTransition = testTransition(element);\n\n  /* eslint-disable-next-line */\n  return new Promise(async (resolve) => {\n    if (hasTransition) {\n      const trs = Transition.getInstance(element);\n      trs.transitionEndHandler = () => resolve();\n      element.addEventListener('transitionend', trs.transitionEndHandler, false);\n    }\n    setClassesOrStyles(element, classesOrStyles.from, 'remove');\n    setClassesOrStyles(element, classesOrStyles.to);\n    await nextFrame();\n    if (!hasTransition) {\n      resolve();\n    }\n  });\n}\n\n/**\n * Apply the final state.\n */\nfunction end(\n  element: HTMLElement,\n  classesOrStyles: TransitionStyles,\n  mode: 'keep' | 'remove' = 'remove',\n) {\n  const trs = Transition.getInstance(element);\n  element.removeEventListener('transitionend', trs.transitionEndHandler, false);\n  if (mode === 'remove') {\n    setClassesOrStyles(element, classesOrStyles.to, 'remove');\n  }\n  setClassesOrStyles(element, classesOrStyles.active, 'remove');\n  trs.isTransitioning = false;\n  trs.transitionEndHandler = null;\n}\n\n/**\n * Manage CSS transition with class.\n *\n * This is inspired by the Vue `<transition>` component\n * and the `@barba/css` package, many thanks to them!\n *\n * @param  {HTMLElement}             element The target element.\n * @param  {string|TransitionStyles} name    The name of the transition or an object with the hooks classesOrStyles.\n * @param  {string}                  endMode Whether to remove or keep the `to` classes/styles\n * @returns {Promise<void>}                   A promise resolving at the end of the transition.\n */\nasync function singleTransition(\n  element: HTMLElement,\n  name: string | TransitionStyles,\n  endMode: 'keep' | 'remove' = 'remove',\n): Promise<void> {\n  /** @type {TransitionStyles} */\n  const classesOrStyles = isString(name)\n    ? {\n        from: `${name}-from`,\n        active: `${name}-active`,\n        to: `${name}-to`,\n      }\n    : {\n        from: '',\n        active: '',\n        to: '',\n        ...name,\n      };\n\n  const trs = Transition.getInstance(element);\n  // End any previous transition running on the element.\n  if (trs.isTransitioning) {\n    end(element, classesOrStyles);\n  }\n\n  await start(element, classesOrStyles);\n  await next(element, classesOrStyles);\n  end(element, classesOrStyles, endMode);\n  return Promise.resolve();\n}\n\n/**\n * Manage CSS transition with class.\n *\n * @param  {HTMLElement|HTMLElement[]|NodeListOf<HTMLElement>} elementOrElements The target element or elements.\n * @param  {string|TransitionStyles}                           name              The name of the transition or an object with the hooks classesOrStyles.\n * @param  {string}                                            endMode           Whether to remove or keep the `to` classes/styles\n * @returns {Promise<void>}                                                      A promise resolving at the end of the transition.\n */\nexport async function transition(\n  elementOrElements: HTMLElement | HTMLElement[] | NodeListOf<HTMLElement>,\n  name: string | TransitionStyles,\n  endMode: 'keep' | 'remove' = 'remove',\n) {\n  await Promise.all(\n    eachElements(elementOrElements, (element) => singleTransition(element, name, endMode)),\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/utils/debounce.d.ts

@@ -7,4 +7,4 @@
  * @param   {number} [delay=300] The delay in ms to wait before calling the function.
  * @returns {(...args:unknown[]) => void} The debounced function.
  */
-export default function debounce(fn: (...args: unknown[]) => void, delay?: number): (...args: unknown[]) => void;
+export declare function debounce(fn: (...args: unknown[]) => void, delay?: number): (...args: unknown[]) => void;

package/utils/debounce.js

@@ -8,6 +8,6 @@ function debounce(fn, delay = 300) {
   };
 }
 export {
-  debounce as default
+  debounce
 };
 //# sourceMappingURL=debounce.js.map

package/utils/debounce.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../packages/js-toolkit/utils/debounce.ts"],
-  "sourcesContent": ["/**\n * Returns a function, that, as long as it continues to be invoked,\n * will not be triggered. The function will be called after it stops\n * being called for N milliseconds.\n *\n * @param   {(...args:unknown[]) => void} fn The function to call.\n * @param   {number} [delay=300] The delay in ms to wait before calling the function.\n * @returns {(...args:unknown[]) => void} The debounced function.\n */\nexport default function debounce(\n  fn: (...args: unknown[]) => void,\n  delay = 300,\n): (...args: unknown[]) => void {\n  let timeout;\n  return function debounced(...args) {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => {\n      fn(...args);\n    }, delay);\n  };\n}\n"],
-  "mappings": "AASe,SAAR,SACL,IACA,QAAQ,KACsB;AAC9B,MAAI;AACJ,SAAO,SAAS,aAAa,MAAM;AACjC,iBAAa,OAAO;AACpB,cAAU,WAAW,MAAM;AACzB,SAAG,GAAG,IAAI;AAAA,IACZ,GAAG,KAAK;AAAA,EACV;AACF;",
+  "sourcesContent": ["/**\n * Returns a function, that, as long as it continues to be invoked,\n * will not be triggered. The function will be called after it stops\n * being called for N milliseconds.\n *\n * @param   {(...args:unknown[]) => void} fn The function to call.\n * @param   {number} [delay=300] The delay in ms to wait before calling the function.\n * @returns {(...args:unknown[]) => void} The debounced function.\n */\nexport function debounce(\n  fn: (...args: unknown[]) => void,\n  delay = 300,\n): (...args: unknown[]) => void {\n  let timeout;\n  return function debounced(...args) {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => {\n      fn(...args);\n    }, delay);\n  };\n}\n"],
+  "mappings": "AASO,SAAS,SACd,IACA,QAAQ,KACsB;AAC9B,MAAI;AACJ,SAAO,SAAS,aAAa,MAAM;AACjC,iBAAa,OAAO;AACpB,cAAU,WAAW,MAAM;AACzB,SAAG,GAAG,IAAI;AAAA,IACZ,GAAG,KAAK;AAAA,EACV;AACF;",
   "names": []
 }

package/utils/dom/createElement.d.ts

@@ -0,0 +1,10 @@
+interface AnyHTMLElementTagNameMap extends HTMLElementTagNameMap {
+    [key: string]: HTMLElement;
+}
+type CreateElementChildren = string | Node | Array<string | Node>;
+/**
+ * Functional DOM Element creation.
+ */
+export declare function createElement<T extends keyof AnyHTMLElementTagNameMap = 'div'>(tag?: T, children?: CreateElementChildren): AnyHTMLElementTagNameMap[T];
+export declare function createElement<T extends keyof AnyHTMLElementTagNameMap = 'div'>(tag?: T, attributes?: Record<string, string>, children?: CreateElementChildren): AnyHTMLElementTagNameMap[T];
+export {};

package/utils/dom/createElement.js

@@ -0,0 +1,21 @@
+import { isArray, isString } from "../is.js";
+import { dashCase } from "../string/changeCase.js";
+function createElement(tag, attributes = {}, children = null) {
+  const el = document.createElement(tag ?? "div");
+  if (children === null && (isArray(attributes) || isString(attributes) || attributes instanceof Node)) {
+    children = attributes;
+    attributes = {};
+  }
+  for (const [name, value] of Object.entries(attributes)) {
+    el.setAttribute(dashCase(name), value);
+  }
+  if (children) {
+    children = isArray(children) ? children : [children];
+    el.append(...children);
+  }
+  return el;
+}
+export {
+  createElement
+};
+//# sourceMappingURL=createElement.js.map

package/utils/dom/createElement.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/utils/dom/createElement.ts"],
+  "sourcesContent": ["import { isArray, isString } from '../is.js';\nimport { dashCase } from '../string/changeCase.js';\n\ninterface AnyHTMLElementTagNameMap extends HTMLElementTagNameMap {\n  [key: string]: HTMLElement;\n}\n\ntype CreateElementChildren = string | Node | Array<string | Node>;\n\n/**\n * Functional DOM Element creation.\n */\nexport function createElement<T extends keyof AnyHTMLElementTagNameMap = 'div'>(\n  tag?: T,\n  children?: CreateElementChildren,\n): AnyHTMLElementTagNameMap[T];\nexport function createElement<T extends keyof AnyHTMLElementTagNameMap = 'div'>(\n  tag?: T,\n  attributes?: Record<string, string>,\n  children?: CreateElementChildren,\n): AnyHTMLElementTagNameMap[T];\nexport function createElement<T extends keyof AnyHTMLElementTagNameMap = 'div'>(\n  tag?: T,\n  attributes: CreateElementChildren | Record<string, string> = {},\n  children: CreateElementChildren = null,\n): AnyHTMLElementTagNameMap[T] {\n  const el = document.createElement((tag as string) ?? 'div');\n\n  if (\n    children === null &&\n    (isArray(attributes) || isString(attributes) || attributes instanceof Node)\n  ) {\n    children = attributes;\n    attributes = {};\n  }\n\n  for (const [name, value] of Object.entries(attributes as Record<string, string>)) {\n    el.setAttribute(dashCase(name), value);\n  }\n\n  if (children) {\n    children = isArray(children) ? children : [children];\n    el.append(...children);\n  }\n\n  return el;\n}\n"],
+  "mappings": "AAAA,SAAS,SAAS,gBAAgB;AAClC,SAAS,gBAAgB;AAoBlB,SAAS,cACd,KACA,aAA6D,CAAC,GAC9D,WAAkC,MACL;AAC7B,QAAM,KAAK,SAAS,cAAe,OAAkB,KAAK;AAE1D,MACE,aAAa,SACZ,QAAQ,UAAU,KAAK,SAAS,UAAU,KAAK,sBAAsB,OACtE;AACA,eAAW;AACX,iBAAa,CAAC;AAAA,EAChB;AAEA,aAAW,CAAC,MAAM,KAAK,KAAK,OAAO,QAAQ,UAAoC,GAAG;AAChF,OAAG,aAAa,SAAS,IAAI,GAAG,KAAK;AAAA,EACvC;AAEA,MAAI,UAAU;AACZ,eAAW,QAAQ,QAAQ,IAAI,WAAW,CAAC,QAAQ;AACnD,OAAG,OAAO,GAAG,QAAQ;AAAA,EACvB;AAEA,SAAO;AACT;",
+  "names": []
+}

package/utils/dom/index.d.ts

@@ -1 +1,2 @@
 export * from './ancestors.js';
+export * from './createElement.js';

package/utils/dom/index.js

@@ -1,2 +1,3 @@
 export * from "./ancestors.js";
+export * from "./createElement.js";
 //# sourceMappingURL=index.js.map

package/utils/dom/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/js-toolkit/utils/dom/index.ts"],
-  "sourcesContent": ["export * from './ancestors.js';\n"],
-  "mappings": "AAAA,cAAc;",
+  "sourcesContent": ["export * from './ancestors.js';\nexport * from './createElement.js';\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
   "names": []
 }

package/utils/getComponentResolver.d.ts

@@ -4,4 +4,4 @@
  * @param {Function} fn
  * @returns {Function}
  */
-export default function getComponentResolver(fn: any): (resolve: any, cb?: () => unknown) => void;
+export declare function getComponentResolver(fn: any): (resolve: any, cb?: () => unknown) => void;

package/utils/getComponentResolver.js

@@ -11,6 +11,6 @@ function getComponentResolver(fn) {
   };
 }
 export {
-  getComponentResolver as default
+  getComponentResolver
 };
 //# sourceMappingURL=getComponentResolver.js.map

package/utils/getComponentResolver.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../packages/js-toolkit/utils/getComponentResolver.ts"],
-  "sourcesContent": ["import { isFunction } from './is.js';\n\n/**\n * Default component resolver\n *\n * @param {Function} fn\n * @returns {Function}\n */\nexport default function getComponentResolver(fn) {\n  return (resolve, cb?: () => unknown) => {\n    fn().then((module) => {\n      const ResolvedClass = module.default ?? module;\n      resolve(ResolvedClass);\n\n      if (isFunction(cb)) {\n        cb();\n      }\n    });\n  };\n}\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAQZ,SAAR,qBAAsC,IAAI;AAC/C,SAAO,CAAC,SAAS,OAAuB;AACtC,OAAG,EAAE,KAAK,CAAC,WAAW;AACpB,YAAM,gBAAgB,OAAO,WAAW;AACxC,cAAQ,aAAa;AAErB,UAAI,WAAW,EAAE,GAAG;AAClB,WAAG;AAAA,MACL;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "sourcesContent": ["import { isFunction } from './is.js';\n\n/**\n * Default component resolver\n *\n * @param {Function} fn\n * @returns {Function}\n */\nexport function getComponentResolver(fn) {\n  return (resolve, cb?: () => unknown) => {\n    fn().then((module) => {\n      const ResolvedClass = module.default ?? module;\n      resolve(ResolvedClass);\n\n      if (isFunction(cb)) {\n        cb();\n      }\n    });\n  };\n}\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAQpB,SAAS,qBAAqB,IAAI;AACvC,SAAO,CAAC,SAAS,OAAuB;AACtC,OAAG,EAAE,KAAK,CAAC,WAAW;AACpB,YAAM,gBAAgB,OAAO,WAAW;AACxC,cAAQ,aAAa;AAErB,UAAI,WAAW,EAAE,GAAG;AAClB,WAAG;AAAA,MACL;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
   "names": []
 }

package/utils/index.d.ts

@@ -1,13 +1,13 @@
-export { default as debounce } from './debounce.js';
+export { debounce } from './debounce.js';
 export * from './trapFocus.js';
-export { default as keyCodes } from './keyCodes.js';
-export { default as memoize } from './memoize.js';
+export { keyCodes } from './keyCodes.js';
+export { memoize } from './memoize.js';
 export { nextFrame } from './nextFrame.js';
 export { nextTick } from './nextTick.js';
 export { nextMicrotask } from './nextMicrotask.js';
-export { default as throttle } from './throttle.js';
+export { throttle } from './throttle.js';
 export { scrollTo } from './scrollTo.js';
-export { default as getComponentResolver } from './getComponentResolver.js';
+export { getComponentResolver } from './getComponentResolver.js';
 export * from './is.js';
 export * from './has.js';
 export * from './css/index.js';
@@ -25,3 +25,4 @@ export * from './wait.js';
 export * from './random.js';
 export * from './memo.js';
 export * from './loadElement.js';
+export * from './cache.js';

package/utils/index.js

@@ -1,13 +1,13 @@
-import { default as default2 } from "./debounce.js";
+import { debounce } from "./debounce.js";
 export * from "./trapFocus.js";
-import { default as default3 } from "./keyCodes.js";
-import { default as default4 } from "./memoize.js";
+import { keyCodes } from "./keyCodes.js";
+import { memoize } from "./memoize.js";
 import { nextFrame } from "./nextFrame.js";
 import { nextTick } from "./nextTick.js";
 import { nextMicrotask } from "./nextMicrotask.js";
-import { default as default5 } from "./throttle.js";
+import { throttle } from "./throttle.js";
 import { scrollTo } from "./scrollTo.js";
-import { default as default6 } from "./getComponentResolver.js";
+import { getComponentResolver } from "./getComponentResolver.js";
 export * from "./is.js";
 export * from "./has.js";
 export * from "./css/index.js";
@@ -29,21 +29,22 @@ export * from "./wait.js";
 export * from "./random.js";
 export * from "./memo.js";
 export * from "./loadElement.js";
+export * from "./cache.js";
 export {
   Queue,
   SmartQueue,
-  default2 as debounce,
-  default6 as getComponentResolver,
+  debounce,
+  getComponentResolver,
   push as historyPush,
   replace as historyReplace,
-  default3 as keyCodes,
-  default4 as memoize,
+  keyCodes,
+  memoize,
   nextFrame,
   nextMicrotask,
   nextTick,
   objectToURLSearchParams,
   scrollTo,
-  default5 as throttle,
+  throttle,
   tween
 };
 //# sourceMappingURL=index.js.map

package/utils/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../packages/js-toolkit/utils/index.ts"],
-  "sourcesContent": ["export { default as debounce } from './debounce.js';\nexport * from './trapFocus.js';\nexport { default as keyCodes } from './keyCodes.js';\nexport { default as memoize } from './memoize.js';\nexport { nextFrame } from './nextFrame.js';\nexport { nextTick } from './nextTick.js';\nexport { nextMicrotask } from './nextMicrotask.js';\nexport { default as throttle } from './throttle.js';\nexport { scrollTo } from './scrollTo.js';\nexport { default as getComponentResolver } from './getComponentResolver.js';\nexport * from './is.js';\nexport * from './has.js';\nexport * from './css/index.js';\nexport {\n  objectToURLSearchParams,\n  push as historyPush,\n  replace as historyReplace,\n} from './history.js';\nexport * from './collide/index.js';\nexport * from './math/index.js';\nexport * from './string/index.js';\nexport * from './scheduler.js';\nexport * from './noop.js';\nexport { tween } from './tween.js';\nexport { Queue } from './Queue.js';\nexport { SmartQueue } from './SmartQueue.js';\nexport * from './dom/index.js';\nexport * from './wait.js';\nexport * from './random.js';\nexport * from './memo.js';\nexport * from './loadElement.js';\n"],
-  "mappings": "AAAA,SAAoB,WAAXA,gBAA2B;AACpC,cAAc;AACd,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAA0B;AACnC,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAAoB,WAAXA,gBAA2B;AACpC,SAAS,gBAAgB;AACzB,SAAoB,WAAXA,gBAAuC;AAChD,cAAc;AACd,cAAc;AACd,cAAc;AACd;AAAA,EACE;AAAA,EACQ;AAAA,EACG;AAAA,OACN;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAC3B,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
-  "names": ["default"]
+  "sourcesContent": ["export { debounce } from './debounce.js';\nexport * from './trapFocus.js';\nexport { keyCodes } from './keyCodes.js';\nexport { memoize } from './memoize.js';\nexport { nextFrame } from './nextFrame.js';\nexport { nextTick } from './nextTick.js';\nexport { nextMicrotask } from './nextMicrotask.js';\nexport { throttle } from './throttle.js';\nexport { scrollTo } from './scrollTo.js';\nexport { getComponentResolver } from './getComponentResolver.js';\nexport * from './is.js';\nexport * from './has.js';\nexport * from './css/index.js';\nexport {\n  objectToURLSearchParams,\n  push as historyPush,\n  replace as historyReplace,\n} from './history.js';\nexport * from './collide/index.js';\nexport * from './math/index.js';\nexport * from './string/index.js';\nexport * from './scheduler.js';\nexport * from './noop.js';\nexport { tween } from './tween.js';\nexport { Queue } from './Queue.js';\nexport { SmartQueue } from './SmartQueue.js';\nexport * from './dom/index.js';\nexport * from './wait.js';\nexport * from './random.js';\nexport * from './memo.js';\nexport * from './loadElement.js';\nexport * from './cache.js';\n"],
+  "mappings": "AAAA,SAAS,gBAAgB;AACzB,cAAc;AACd,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,4BAA4B;AACrC,cAAc;AACd,cAAc;AACd,cAAc;AACd;AAAA,EACE;AAAA,EACQ;AAAA,EACG;AAAA,OACN;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAC3B,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
 }

package/utils/keyCodes.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+export declare const keyCodes: {
     readonly ENTER: 13;
     readonly SPACE: 32;
     readonly TAB: 9;
@@ -8,4 +8,3 @@ declare const _default: {
     readonly RIGHT: 39;
     readonly DOWN: 40;
 };
-export default _default;

package/utils/keyCodes.js

@@ -1,4 +1,4 @@
-var keyCodes_default = {
+const keyCodes = {
   ENTER: 13,
   SPACE: 32,
   TAB: 9,
@@ -9,6 +9,6 @@ var keyCodes_default = {
   DOWN: 40
 };
 export {
-  keyCodes_default as default
+  keyCodes
 };
 //# sourceMappingURL=keyCodes.js.map

package/utils/keyCodes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../packages/js-toolkit/utils/keyCodes.ts"],
-  "sourcesContent": ["export default {\n  ENTER: 13,\n  SPACE: 32,\n  TAB: 9,\n  ESC: 27,\n  LEFT: 37,\n  UP: 38,\n  RIGHT: 39,\n  DOWN: 40,\n} as const;\n"],
-  "mappings": "AAAA,IAAO,mBAAQ;AAAA,EACb,OAAO;AAAA,EACP,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AACR;",
+  "sourcesContent": ["export const keyCodes = {\n  ENTER: 13,\n  SPACE: 32,\n  TAB: 9,\n  ESC: 27,\n  LEFT: 37,\n  UP: 38,\n  RIGHT: 39,\n  DOWN: 40,\n} as const;\n"],
+  "mappings": "AAAO,MAAM,WAAW;AAAA,EACtB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AACR;",
   "names": []
 }

package/utils/math/clamp.d.ts

@@ -6,4 +6,4 @@
  * @param {number} max
  * @returns {number}
  */
-export default function clamp(value: number, min: number, max: number): number;
+export declare function clamp(value: number, min: number, max: number): number;

package/utils/math/clamp.js

@@ -2,6 +2,6 @@ function clamp(value, min, max) {
   return min < max ? value < min ? min : value > max ? max : value : value < max ? max : value > min ? min : value;
 }
 export {
-  clamp as default
+  clamp
 };
 //# sourceMappingURL=clamp.js.map

package/utils/math/clamp.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/js-toolkit/utils/math/clamp.ts"],
-  "sourcesContent": ["/**\n * Clamp a value in a given range.\n *\n * @param {number} value\n * @param {number} min\n * @param {number} max\n * @returns {number}\n */\nexport default function clamp(value: number, min: number, max: number) {\n  /* eslint-disable no-nested-ternary */\n  return min < max\n    ? value < min\n      ? min\n      : value > max\n      ? max\n      : value\n    : value < max\n    ? max\n    : value > min\n    ? min\n    : value;\n  /* eslint-enable no-nested-ternary */\n}\n"],
-  "mappings": "AAQe,SAAR,MAAuB,OAAe,KAAa,KAAa;AAErE,SAAO,MAAM,MACT,QAAQ,MACN,MACA,QAAQ,MACR,MACA,QACF,QAAQ,MACR,MACA,QAAQ,MACR,MACA;AAEN;",
+  "sourcesContent": ["/**\n * Clamp a value in a given range.\n *\n * @param {number} value\n * @param {number} min\n * @param {number} max\n * @returns {number}\n */\nexport function clamp(value: number, min: number, max: number) {\n  /* eslint-disable no-nested-ternary */\n  return min < max\n    ? value < min\n      ? min\n      : value > max\n        ? max\n        : value\n    : value < max\n      ? max\n      : value > min\n        ? min\n        : value;\n  /* eslint-enable no-nested-ternary */\n}\n"],
+  "mappings": "AAQO,SAAS,MAAM,OAAe,KAAa,KAAa;AAE7D,SAAO,MAAM,MACT,QAAQ,MACN,MACA,QAAQ,MACN,MACA,QACJ,QAAQ,MACN,MACA,QAAQ,MACN,MACA;AAEV;",
   "names": []
 }

package/utils/math/clamp01.d.ts

@@ -4,4 +4,4 @@
  * @param {number} value
  * @returns {number}
  */
-export default function clamp01(value: number): number;
+export declare function clamp01(value: number): number;

package/utils/math/clamp01.js

@@ -1,8 +1,8 @@
-import clamp from "./clamp.js";
+import { clamp } from "./clamp.js";
 function clamp01(value) {
   return clamp(value, 0, 1);
 }
 export {
-  clamp01 as default
+  clamp01
 };
 //# sourceMappingURL=clamp01.js.map

package/utils/math/clamp01.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/js-toolkit/utils/math/clamp01.ts"],
-  "sourcesContent": ["import clamp from './clamp.js';\n\n/**\n * Clamp a value in the 0\u20131 range.\n *\n * @param {number} value\n * @returns {number}\n */\nexport default function clamp01(value: number) {\n  return clamp(value, 0, 1);\n}\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAQH,SAAR,QAAyB,OAAe;AAC7C,SAAO,MAAM,OAAO,GAAG,CAAC;AAC1B;",
+  "sourcesContent": ["import { clamp } from './clamp.js';\n\n/**\n * Clamp a value in the 0\u20131 range.\n *\n * @param {number} value\n * @returns {number}\n */\nexport function clamp01(value: number) {\n  return clamp(value, 0, 1);\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AAQf,SAAS,QAAQ,OAAe;AACrC,SAAO,MAAM,OAAO,GAAG,CAAC;AAC1B;",
   "names": []
 }

package/utils/math/createEases.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/js-toolkit/utils/math/createEases.ts"],
-  "sourcesContent": ["export type EasingFunction = (progress: number) => number;\n\n/**\n * Create an out easing function.\n *\n * @param   {EasingFunction} easeIn The ease in function.\n * @returns {EasingFunction}        The out function.\n */\nexport function createEaseOut(easeIn: EasingFunction): EasingFunction {\n  return (progress) => 1 - easeIn(1 - progress);\n}\n\n/**\n * Create an in-out easing function.\n *\n * @param  {EasingFunction} easeIn The ease in function.\n * @returns {EasingFunction}        The in-out function.\n */\nexport function createEaseInOut(easeIn: EasingFunction): EasingFunction {\n  /* eslint-disable no-nested-ternary */\n  // eslint-disable-next-line no-confusing-arrow\n  return (progress) =>\n    progress === 0\n      ? 0\n      : progress === 1\n      ? 1\n      : progress < 0.5\n      ? easeIn(progress * 2) / 2\n      : 1 - easeIn((1 - progress) * 2) / 2;\n}\n"],
-  "mappings": "AAQO,SAAS,cAAc,QAAwC;AACpE,SAAO,CAAC,aAAa,IAAI,OAAO,IAAI,QAAQ;AAC9C;AAQO,SAAS,gBAAgB,QAAwC;AAGtE,SAAO,CAAC,aACN,aAAa,IACT,IACA,aAAa,IACb,IACA,WAAW,MACX,OAAO,WAAW,CAAC,IAAI,IACvB,IAAI,QAAQ,IAAI,YAAY,CAAC,IAAI;AACzC;",
+  "sourcesContent": ["export type EasingFunction = (progress: number) => number;\n\n/**\n * Create an out easing function.\n *\n * @param   {EasingFunction} easeIn The ease in function.\n * @returns {EasingFunction}        The out function.\n */\nexport function createEaseOut(easeIn: EasingFunction): EasingFunction {\n  return (progress) => 1 - easeIn(1 - progress);\n}\n\n/**\n * Create an in-out easing function.\n *\n * @param  {EasingFunction} easeIn The ease in function.\n * @returns {EasingFunction}        The in-out function.\n */\nexport function createEaseInOut(easeIn: EasingFunction): EasingFunction {\n  /* eslint-disable no-nested-ternary */\n  // eslint-disable-next-line no-confusing-arrow\n  return (progress) =>\n    progress === 0\n      ? 0\n      : progress === 1\n        ? 1\n        : progress < 0.5\n          ? easeIn(progress * 2) / 2\n          : 1 - easeIn((1 - progress) * 2) / 2;\n}\n"],
+  "mappings": "AAQO,SAAS,cAAc,QAAwC;AACpE,SAAO,CAAC,aAAa,IAAI,OAAO,IAAI,QAAQ;AAC9C;AAQO,SAAS,gBAAgB,QAAwC;AAGtE,SAAO,CAAC,aACN,aAAa,IACT,IACA,aAAa,IACX,IACA,WAAW,MACT,OAAO,WAAW,CAAC,IAAI,IACvB,IAAI,QAAQ,IAAI,YAAY,CAAC,IAAI;AAC7C;",
   "names": []
 }

package/utils/math/damp.d.ts

@@ -7,4 +7,4 @@
  * @param   {number} [precision=0.01] The precision used to calculate the latest value.
  * @returns {number} The next value.
  */
-export default function damp(targetValue: number, currentValue: number, factor?: number, precision?: number): number;
+export declare function damp(targetValue: number, currentValue: number, factor?: number, precision?: number): number;

package/utils/math/damp.js

@@ -2,6 +2,6 @@ function damp(targetValue, currentValue, factor = 0.5, precision = 0.01) {
   return Math.abs(targetValue - currentValue) < precision ? targetValue : currentValue + (targetValue - currentValue) * factor;
 }
 export {
-  damp as default
+  damp
 };
 //# sourceMappingURL=damp.js.map

package/utils/math/damp.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/js-toolkit/utils/math/damp.ts"],
-  "sourcesContent": ["/**\n * Get the next damped value for a given factor.\n *\n * @param   {number} targetValue The final value.\n * @param   {number} currentValue The current value.\n * @param   {number} [factor=0.5] The factor used to reach the target value.\n * @param   {number} [precision=0.01] The precision used to calculate the latest value.\n * @returns {number} The next value.\n */\nexport default function damp(\n  targetValue: number,\n  currentValue: number,\n  factor = 0.5,\n  precision = 0.01,\n) {\n  return Math.abs(targetValue - currentValue) < precision\n    ? targetValue\n    : currentValue + (targetValue - currentValue) * factor;\n}\n"],
-  "mappings": "AASe,SAAR,KACL,aACA,cACA,SAAS,KACT,YAAY,MACZ;AACA,SAAO,KAAK,IAAI,cAAc,YAAY,IAAI,YAC1C,cACA,gBAAgB,cAAc,gBAAgB;AACpD;",
+  "sourcesContent": ["/**\n * Get the next damped value for a given factor.\n *\n * @param   {number} targetValue The final value.\n * @param   {number} currentValue The current value.\n * @param   {number} [factor=0.5] The factor used to reach the target value.\n * @param   {number} [precision=0.01] The precision used to calculate the latest value.\n * @returns {number} The next value.\n */\nexport function damp(\n  targetValue: number,\n  currentValue: number,\n  factor = 0.5,\n  precision = 0.01,\n) {\n  return Math.abs(targetValue - currentValue) < precision\n    ? targetValue\n    : currentValue + (targetValue - currentValue) * factor;\n}\n"],
+  "mappings": "AASO,SAAS,KACd,aACA,cACA,SAAS,KACT,YAAY,MACZ;AACA,SAAO,KAAK,IAAI,cAAc,YAAY,IAAI,YAC1C,cACA,gBAAgB,cAAc,gBAAgB;AACpD;",
   "names": []
 }

package/utils/math/index.d.ts

@@ -2,11 +2,11 @@ export * as ease from './ease.js';
 export * from './createEases.js';
 export * from './ease.js';
 export { createRange } from './createRange.js';
-export { default as clamp } from './clamp.js';
-export { default as clamp01 } from './clamp01.js';
-export { default as damp } from './damp.js';
-export { default as inertiaFinalValue } from './inertiaFinalValue.js';
-export { default as lerp } from './lerp.js';
-export { default as map } from './map.js';
-export { default as round } from './round.js';
+export { clamp } from './clamp.js';
+export { clamp01 } from './clamp01.js';
+export { damp } from './damp.js';
+export { inertiaFinalValue } from './inertiaFinalValue.js';
+export { lerp } from './lerp.js';
+export { map } from './map.js';
+export { round } from './round.js';
 export { mean } from './mean.js';

package/utils/math/index.js

@@ -2,24 +2,24 @@ import * as ease from "./ease.js";
 export * from "./createEases.js";
 export * from "./ease.js";
 import { createRange } from "./createRange.js";
-import { default as default2 } from "./clamp.js";
-import { default as default3 } from "./clamp01.js";
-import { default as default4 } from "./damp.js";
-import { default as default5 } from "./inertiaFinalValue.js";
-import { default as default6 } from "./lerp.js";
-import { default as default7 } from "./map.js";
-import { default as default8 } from "./round.js";
+import { clamp } from "./clamp.js";
+import { clamp01 } from "./clamp01.js";
+import { damp } from "./damp.js";
+import { inertiaFinalValue } from "./inertiaFinalValue.js";
+import { lerp } from "./lerp.js";
+import { map } from "./map.js";
+import { round } from "./round.js";
 import { mean } from "./mean.js";
 export {
-  default2 as clamp,
-  default3 as clamp01,
+  clamp,
+  clamp01,
   createRange,
-  default4 as damp,
+  damp,
   ease,
-  default5 as inertiaFinalValue,
-  default6 as lerp,
-  default7 as map,
+  inertiaFinalValue,
+  lerp,
+  map,
   mean,
-  default8 as round
+  round
 };
 //# sourceMappingURL=index.js.map

package/utils/math/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/js-toolkit/utils/math/index.ts"],
-  "sourcesContent": ["export * as ease from './ease.js';\nexport * from './createEases.js';\nexport * from './ease.js';\nexport { createRange } from './createRange.js';\nexport { default as clamp } from './clamp.js';\nexport { default as clamp01 } from './clamp01.js';\nexport { default as damp } from './damp.js';\nexport { default as inertiaFinalValue } from './inertiaFinalValue.js';\nexport { default as lerp } from './lerp.js';\nexport { default as map } from './map.js';\nexport { default as round } from './round.js';\nexport { mean } from './mean.js';\n"],
-  "mappings": "AAAA,YAAY,UAAU;AACtB,cAAc;AACd,cAAc;AACd,SAAS,mBAAmB;AAC5B,SAAoB,WAAXA,gBAAwB;AACjC,SAAoB,WAAXA,gBAA0B;AACnC,SAAoB,WAAXA,gBAAuB;AAChC,SAAoB,WAAXA,gBAAoC;AAC7C,SAAoB,WAAXA,gBAAuB;AAChC,SAAoB,WAAXA,gBAAsB;AAC/B,SAAoB,WAAXA,gBAAwB;AACjC,SAAS,YAAY;",
-  "names": ["default"]
+  "sourcesContent": ["export * as ease from './ease.js';\nexport * from './createEases.js';\nexport * from './ease.js';\nexport { createRange } from './createRange.js';\nexport { clamp } from './clamp.js';\nexport { clamp01 } from './clamp01.js';\nexport { damp } from './damp.js';\nexport { inertiaFinalValue } from './inertiaFinalValue.js';\nexport { lerp } from './lerp.js';\nexport { map } from './map.js';\nexport { round } from './round.js';\nexport { mean } from './mean.js';\n"],
+  "mappings": "AAAA,YAAY,UAAU;AACtB,cAAc;AACd,cAAc;AACd,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAClC,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,aAAa;AACtB,SAAS,YAAY;",
+  "names": []
 }

package/utils/math/inertiaFinalValue.d.ts

@@ -6,4 +6,4 @@
  * @param   {number} [dampFactor=0.85] The speed to reach the target value.
  * @returns {number} The next value.
  */
-export default function inertiaFinalValue(initialValue: number, initialDelta: number, dampFactor?: number): number;
+export declare function inertiaFinalValue(initialValue: number, initialDelta: number, dampFactor?: number): number;

package/utils/math/inertiaFinalValue.js

@@ -1,4 +1,4 @@
-import clamp from "./clamp.js";
+import { clamp } from "./clamp.js";
 function inertiaFinalValue(initialValue, initialDelta, dampFactor = 0.85) {
   dampFactor = clamp(dampFactor, 1e-5, 0.99999);
   let delta = initialDelta;
@@ -10,6 +10,6 @@ function inertiaFinalValue(initialValue, initialDelta, dampFactor = 0.85) {
   return finalValue;
 }
 export {
-  inertiaFinalValue as default
+  inertiaFinalValue
 };
 //# sourceMappingURL=inertiaFinalValue.js.map

package/utils/math/inertiaFinalValue.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/js-toolkit/utils/math/inertiaFinalValue.ts"],
-  "sourcesContent": ["import clamp from './clamp.js';\n\n/**\n * Get the final damped value for a given factor.\n *\n * @param   {number} initialValue The final value.\n * @param   {number} initialDelta The current value.\n * @param   {number} [dampFactor=0.85] The speed to reach the target value.\n * @returns {number} The next value.\n */\nexport default function inertiaFinalValue(\n  initialValue: number,\n  initialDelta: number,\n  dampFactor = 0.85,\n) {\n  // eslint-disable-next-line no-param-reassign\n  dampFactor = clamp(dampFactor, 0.00001, 0.99999);\n  let delta = initialDelta;\n  let finalValue = initialValue;\n\n  while (Math.abs(delta) > 0.1) {\n    finalValue += delta;\n    delta *= dampFactor;\n  }\n\n  return finalValue;\n}\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAUH,SAAR,kBACL,cACA,cACA,aAAa,MACb;AAEA,eAAa,MAAM,YAAY,MAAS,OAAO;AAC/C,MAAI,QAAQ;AACZ,MAAI,aAAa;AAEjB,SAAO,KAAK,IAAI,KAAK,IAAI,KAAK;AAC5B,kBAAc;AACd,aAAS;AAAA,EACX;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { clamp } from './clamp.js';\n\n/**\n * Get the final damped value for a given factor.\n *\n * @param   {number} initialValue The final value.\n * @param   {number} initialDelta The current value.\n * @param   {number} [dampFactor=0.85] The speed to reach the target value.\n * @returns {number} The next value.\n */\nexport function inertiaFinalValue(initialValue: number, initialDelta: number, dampFactor = 0.85) {\n  // eslint-disable-next-line no-param-reassign\n  dampFactor = clamp(dampFactor, 0.00001, 0.99999);\n  let delta = initialDelta;\n  let finalValue = initialValue;\n\n  while (Math.abs(delta) > 0.1) {\n    finalValue += delta;\n    delta *= dampFactor;\n  }\n\n  return finalValue;\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AAUf,SAAS,kBAAkB,cAAsB,cAAsB,aAAa,MAAM;AAE/F,eAAa,MAAM,YAAY,MAAS,OAAO;AAC/C,MAAI,QAAQ;AACZ,MAAI,aAAa;AAEjB,SAAO,KAAK,IAAI,KAAK,IAAI,KAAK;AAC5B,kBAAc;AACd,aAAS;AAAA,EACX;AAEA,SAAO;AACT;",
   "names": []
 }

package/utils/math/lerp.d.ts

@@ -6,4 +6,4 @@
  * @param  {number} ratio The ratio to get.
  * @returns {number}       The value between min and max corresponding to ratio.
  */
-export default function lerp(min: number, max: number, ratio: number): number;
+export declare function lerp(min: number, max: number, ratio: number): number;

package/utils/math/lerp.js

@@ -2,6 +2,6 @@ function lerp(min, max, ratio) {
   return (1 - ratio) * min + ratio * max;
 }
 export {
-  lerp as default
+  lerp
 };
 //# sourceMappingURL=lerp.js.map

package/utils/math/lerp.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/js-toolkit/utils/math/lerp.ts"],
-  "sourcesContent": ["/**\n * Interpolate the ratio between a given interval.\n *\n * @param  {number} min   The interval minimum value.\n * @param  {number} max   The inverval maximum value.\n * @param  {number} ratio The ratio to get.\n * @returns {number}       The value between min and max corresponding to ratio.\n */\nexport default function lerp(min: number, max: number, ratio: number) {\n  return (1 - ratio) * min + ratio * max;\n}\n"],
-  "mappings": "AAQe,SAAR,KAAsB,KAAa,KAAa,OAAe;AACpE,UAAQ,IAAI,SAAS,MAAM,QAAQ;AACrC;",
+  "sourcesContent": ["/**\n * Interpolate the ratio between a given interval.\n *\n * @param  {number} min   The interval minimum value.\n * @param  {number} max   The inverval maximum value.\n * @param  {number} ratio The ratio to get.\n * @returns {number}       The value between min and max corresponding to ratio.\n */\nexport function lerp(min: number, max: number, ratio: number) {\n  return (1 - ratio) * min + ratio * max;\n}\n"],
+  "mappings": "AAQO,SAAS,KAAK,KAAa,KAAa,OAAe;AAC5D,UAAQ,IAAI,SAAS,MAAM,QAAQ;AACrC;",
   "names": []
 }

package/utils/math/map.d.ts

@@ -8,4 +8,4 @@
  * @param  {number} outputMax The output's maximum value.
  * @returns {number}           The input value mapped to the output range.
  */
-export default function map(value: number, inputMin: number, inputMax: number, outputMin: number, outputMax: number): number;
+export declare function map(value: number, inputMin: number, inputMax: number, outputMin: number, outputMax: number): number;

package/utils/math/map.js

@@ -2,6 +2,6 @@ function map(value, inputMin, inputMax, outputMin, outputMax) {
   return (value - inputMin) * (outputMax - outputMin) / (inputMax - inputMin) + outputMin;
 }
 export {
-  map as default
+  map
 };
 //# sourceMappingURL=map.js.map

package/utils/math/map.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/js-toolkit/utils/math/map.ts"],
-  "sourcesContent": ["/**\n * Maps the value from one range of [inputMin..inputMax] to another range of [outputMin..outputMax].\n *\n * @param  {number} value     The value to map.\n * @param  {number} inputMin  The input's minimum value.\n * @param  {number} inputMax  The input's maximum value.\n * @param  {number} outputMin The output's minimum value.\n * @param  {number} outputMax The output's maximum value.\n * @returns {number}           The input value mapped to the output range.\n */\nexport default function map(\n  value: number,\n  inputMin: number,\n  inputMax: number,\n  outputMin: number,\n  outputMax: number,\n) {\n  return ((value - inputMin) * (outputMax - outputMin)) / (inputMax - inputMin) + outputMin;\n}\n"],
-  "mappings": "AAUe,SAAR,IACL,OACA,UACA,UACA,WACA,WACA;AACA,UAAS,QAAQ,aAAa,YAAY,cAAe,WAAW,YAAY;AAClF;",
+  "sourcesContent": ["/**\n * Maps the value from one range of [inputMin..inputMax] to another range of [outputMin..outputMax].\n *\n * @param  {number} value     The value to map.\n * @param  {number} inputMin  The input's minimum value.\n * @param  {number} inputMax  The input's maximum value.\n * @param  {number} outputMin The output's minimum value.\n * @param  {number} outputMax The output's maximum value.\n * @returns {number}           The input value mapped to the output range.\n */\nexport function map(\n  value: number,\n  inputMin: number,\n  inputMax: number,\n  outputMin: number,\n  outputMax: number,\n) {\n  return ((value - inputMin) * (outputMax - outputMin)) / (inputMax - inputMin) + outputMin;\n}\n"],
+  "mappings": "AAUO,SAAS,IACd,OACA,UACA,UACA,WACA,WACA;AACA,UAAS,QAAQ,aAAa,YAAY,cAAe,WAAW,YAAY;AAClF;",
   "names": []
 }

package/utils/math/round.d.ts

@@ -5,4 +5,4 @@
  * @param   {number} [decimals=0] The number of decimals to keep.
  * @returns {number} A rounded number to the given decimals length.
  */
-export default function round(value: number, decimals?: number): number;
+export declare function round(value: number, decimals?: number): number;

package/utils/math/round.js

@@ -2,6 +2,6 @@ function round(value, decimals = 0) {
   return Number(value.toFixed(decimals));
 }
 export {
-  round as default
+  round
 };
 //# sourceMappingURL=round.js.map