@studiometa/js-toolkit 2.5.0 → 2.6.1

package/services/raf.js

@@ -55,3 +55,4 @@ function useRaf() {
 export {
   useRaf as default
 };
+//# sourceMappingURL=raf.js.map

package/services/raf.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/js-toolkit/services/raf.js"],
+  "sourcesContent": ["/* eslint-disable no-use-before-define */\nimport { useService } from './service.js';\nimport { getRaf as getRequestAnimationFrame } from '../utils/nextFrame.js';\nimport { useScheduler } from '../utils/scheduler.js';\nimport { isFunction } from '../utils/is.js';\n\nconst scheduler = useScheduler(['update', 'render']);\n\n/**\n * @typedef {import('./index').ServiceInterface<RafServiceProps>} RafService\n * @typedef {Object} RafServiceProps\n * @property {DOMHighResTimeStamp} time\n */\n\n/**\n * Create raf service.\n * @returns {RafService} [description]\n */\nfunction createRafService() {\n  let isTicking = false;\n  const RAF = getRequestAnimationFrame();\n\n  /**\n   * Trigger callbacks.\n   * @param   {RafServiceProps} props\n   * @returns {void}\n   */\n  function trigger(props) {\n    callbacks.forEach(function forEachCallback(callback) {\n      scheduler.update(function rafUpdate() {\n        const render = callback(props);\n        if (isFunction(render)) {\n          scheduler.render(function rafRender() {\n            render(props);\n          });\n        }\n      });\n    });\n  }\n\n  /**\n   * Loop;\n   * @returns {void}\n   */\n  function loop() {\n    // eslint-disable-next-line no-use-before-define\n    props.time = performance.now();\n    trigger(props);\n\n    if (!isTicking) {\n      return;\n    }\n\n    RAF(loop);\n  }\n\n  const { add, remove, has, props, callbacks } = useService({\n    /**\n     * @type {RafServiceProps}\n     */\n    props: {\n      time: performance.now(),\n    },\n    init() {\n      isTicking = true;\n      RAF(loop);\n    },\n    kill() {\n      isTicking = false;\n    },\n  });\n\n  return {\n    add,\n    remove,\n    has,\n    props: () => props,\n  };\n}\n\nlet raf;\n\n/**\n * Use the RequestAnimationFrame (raf) service.\n *\n * @returns {RafService}\n */\nexport default function useRaf() {\n  if (!raf) {\n    raf = createRafService();\n  }\n\n  return raf;\n}\n"],
+  "mappings": "AACA,SAAS,kBAAkB;AAC3B,SAAS,UAAU,gCAAgC;AACnD,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAE3B,MAAM,YAAY,aAAa,CAAC,UAAU,QAAQ,CAAC;AAYnD,SAAS,mBAAmB;AAC1B,MAAI,YAAY;AAChB,QAAM,MAAM,yBAAyB;AAOrC,WAAS,QAAQA,QAAO;AACtB,cAAU,QAAQ,SAAS,gBAAgB,UAAU;AACnD,gBAAU,OAAO,SAAS,YAAY;AACpC,cAAM,SAAS,SAASA,MAAK;AAC7B,YAAI,WAAW,MAAM,GAAG;AACtB,oBAAU,OAAO,SAAS,YAAY;AACpC,mBAAOA,MAAK;AAAA,UACd,CAAC;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAMA,WAAS,OAAO;AAEd,UAAM,OAAO,YAAY,IAAI;AAC7B,YAAQ,KAAK;AAEb,QAAI,CAAC,WAAW;AACd;AAAA,IACF;AAEA,QAAI,IAAI;AAAA,EACV;AAEA,QAAM,EAAE,KAAK,QAAQ,KAAK,OAAO,UAAU,IAAI,WAAW;AAAA,IAIxD,OAAO;AAAA,MACL,MAAM,YAAY,IAAI;AAAA,IACxB;AAAA,IACA,OAAO;AACL,kBAAY;AACZ,UAAI,IAAI;AAAA,IACV;AAAA,IACA,OAAO;AACL,kBAAY;AAAA,IACd;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,MAAM;AAAA,EACf;AACF;AAEA,IAAI;AAOW,SAAR,SAA0B;AAC/B,MAAI,CAAC,KAAK;AACR,UAAM,iBAAiB;AAAA,EACzB;AAEA,SAAO;AACT;",
+  "names": ["props"]
+}

package/services/resize.cjs

@@ -100,3 +100,4 @@ function useResize() {
   return resize;
 }
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=resize.cjs.map

package/services/resize.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/js-toolkit/services/resize.js"],
+  "sourcesContent": ["/* eslint-disable no-use-before-define */\nimport { useService } from './service.js';\nimport debounce from '../utils/debounce.js';\n\n/**\n * @typedef {import('./index').ServiceInterface<ResizeServiceProps>} ResizeService\n * @typedef {Object} ResizeServiceProps\n * @property {number} width\n * @property {number} height\n * @property {number} ratio\n * @property {'square'|'landscape'|'portrait'} orientation\n * @property {string} [breakpoint]\n * @property {string[]} [breakpoints]\n */\n\nlet breakpointElement;\nlet breakpoints = [];\n\n/**\n * The element holding the breakpoints data.\n * @returns {HTMLElement}\n */\nfunction getBreakpointElement() {\n  if (!breakpointElement) {\n    breakpointElement = document.querySelector('[data-breakpoint]');\n  }\n  return breakpointElement;\n}\n\n/**\n * Get the current breakpoint.\n * @returns {string|null}\n */\nfunction getBreakpoint() {\n  return getBreakpointElement()\n    ? window\n        .getComputedStyle(getBreakpointElement(), '::before')\n        .getPropertyValue('content')\n        .replaceAll('\"', '')\n    : undefined;\n}\n\n/**\n * Get all breakpoints.\n * @returns {string[]}\n */\nfunction getBreakpoints() {\n  if (!getBreakpointElement() || breakpoints.length) {\n    return breakpoints;\n  }\n  breakpoints = window\n    .getComputedStyle(getBreakpointElement(), '::after')\n    .getPropertyValue('content')\n    .replaceAll('\"', '')\n    .split(',');\n\n  return breakpoints;\n}\n\n/**\n * Get resize service.\n * @returns {ResizeService}\n */\nfunction createResizeService() {\n  /**\n   * Update props.\n   * @returns {ResizeServiceProps}\n   */\n  function updateProps() {\n    props.width = window.innerWidth;\n    props.height = window.innerHeight;\n    props.ratio = window.innerWidth / window.innerHeight;\n    props.orientation = 'square';\n\n    if (props.ratio > 1) {\n      props.orientation = 'landscape';\n    }\n\n    if (props.ratio < 1) {\n      props.orientation = 'portrait';\n    }\n\n    return props;\n  }\n\n  const onResize = debounce(() => {\n    trigger(updateProps());\n  });\n\n  const { add, remove, has, trigger, props } = useService({\n    /**\n     * @type {ResizeServiceProps}\n     */\n    props: {\n      width: window.innerWidth,\n      height: window.innerHeight,\n      ratio: window.innerWidth / window.innerHeight,\n      orientation: 'square',\n      get breakpoint() {\n        return getBreakpoint();\n      },\n      get breakpoints() {\n        return getBreakpoints();\n      },\n    },\n    init() {\n      window.addEventListener('resize', onResize);\n    },\n    kill() {\n      window.removeEventListener('resize', onResize);\n    },\n  });\n\n  return {\n    add,\n    remove,\n    has,\n    props: () => props,\n  };\n}\n\nlet resize;\n\n/**\n * Use the resize service.\n *\n * @returns {ResizeService}\n */\nexport default function useResize() {\n  if (!resize) {\n    resize = createResizeService();\n  }\n\n  return resize;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA2B;AAC3B,sBAAqB;AAarB,IAAI;AACJ,IAAI,cAAc,CAAC;AAMnB,SAAS,uBAAuB;AAC9B,MAAI,CAAC,mBAAmB;AACtB,wBAAoB,SAAS,cAAc,mBAAmB;AAAA,EAChE;AACA,SAAO;AACT;AAMA,SAAS,gBAAgB;AACvB,SAAO,qBAAqB,IACxB,OACG,iBAAiB,qBAAqB,GAAG,UAAU,EACnD,iBAAiB,SAAS,EAC1B,WAAW,KAAK,EAAE,IACrB;AACN;AAMA,SAAS,iBAAiB;AACxB,MAAI,CAAC,qBAAqB,KAAK,YAAY,QAAQ;AACjD,WAAO;AAAA,EACT;AACA,gBAAc,OACX,iBAAiB,qBAAqB,GAAG,SAAS,EAClD,iBAAiB,SAAS,EAC1B,WAAW,KAAK,EAAE,EAClB,MAAM,GAAG;AAEZ,SAAO;AACT;AAMA,SAAS,sBAAsB;AAK7B,WAAS,cAAc;AACrB,UAAM,QAAQ,OAAO;AACrB,UAAM,SAAS,OAAO;AACtB,UAAM,QAAQ,OAAO,aAAa,OAAO;AACzC,UAAM,cAAc;AAEpB,QAAI,MAAM,QAAQ,GAAG;AACnB,YAAM,cAAc;AAAA,IACtB;AAEA,QAAI,MAAM,QAAQ,GAAG;AACnB,YAAM,cAAc;AAAA,IACtB;AAEA,WAAO;AAAA,EACT;AAEA,QAAM,eAAW,gBAAAA,SAAS,MAAM;AAC9B,YAAQ,YAAY,CAAC;AAAA,EACvB,CAAC;AAED,QAAM,EAAE,KAAK,QAAQ,KAAK,SAAS,MAAM,QAAI,2BAAW;AAAA,IAItD,OAAO;AAAA,MACL,OAAO,OAAO;AAAA,MACd,QAAQ,OAAO;AAAA,MACf,OAAO,OAAO,aAAa,OAAO;AAAA,MAClC,aAAa;AAAA,MACb,IAAI,aAAa;AACf,eAAO,cAAc;AAAA,MACvB;AAAA,MACA,IAAI,cAAc;AAChB,eAAO,eAAe;AAAA,MACxB;AAAA,IACF;AAAA,IACA,OAAO;AACL,aAAO,iBAAiB,UAAU,QAAQ;AAAA,IAC5C;AAAA,IACA,OAAO;AACL,aAAO,oBAAoB,UAAU,QAAQ;AAAA,IAC/C;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,MAAM;AAAA,EACf;AACF;AAEA,IAAI;AAOW,SAAR,YAA6B;AAClC,MAAI,CAAC,QAAQ;AACX,aAAS,oBAAoB;AAAA,EAC/B;AAEA,SAAO;AACT;",
+  "names": ["debounce"]
+}

package/services/resize.js

@@ -72,3 +72,4 @@ function useResize() {
 export {
   useResize as default
 };
+//# sourceMappingURL=resize.js.map

package/services/resize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/js-toolkit/services/resize.js"],
+  "sourcesContent": ["/* eslint-disable no-use-before-define */\nimport { useService } from './service.js';\nimport debounce from '../utils/debounce.js';\n\n/**\n * @typedef {import('./index').ServiceInterface<ResizeServiceProps>} ResizeService\n * @typedef {Object} ResizeServiceProps\n * @property {number} width\n * @property {number} height\n * @property {number} ratio\n * @property {'square'|'landscape'|'portrait'} orientation\n * @property {string} [breakpoint]\n * @property {string[]} [breakpoints]\n */\n\nlet breakpointElement;\nlet breakpoints = [];\n\n/**\n * The element holding the breakpoints data.\n * @returns {HTMLElement}\n */\nfunction getBreakpointElement() {\n  if (!breakpointElement) {\n    breakpointElement = document.querySelector('[data-breakpoint]');\n  }\n  return breakpointElement;\n}\n\n/**\n * Get the current breakpoint.\n * @returns {string|null}\n */\nfunction getBreakpoint() {\n  return getBreakpointElement()\n    ? window\n        .getComputedStyle(getBreakpointElement(), '::before')\n        .getPropertyValue('content')\n        .replaceAll('\"', '')\n    : undefined;\n}\n\n/**\n * Get all breakpoints.\n * @returns {string[]}\n */\nfunction getBreakpoints() {\n  if (!getBreakpointElement() || breakpoints.length) {\n    return breakpoints;\n  }\n  breakpoints = window\n    .getComputedStyle(getBreakpointElement(), '::after')\n    .getPropertyValue('content')\n    .replaceAll('\"', '')\n    .split(',');\n\n  return breakpoints;\n}\n\n/**\n * Get resize service.\n * @returns {ResizeService}\n */\nfunction createResizeService() {\n  /**\n   * Update props.\n   * @returns {ResizeServiceProps}\n   */\n  function updateProps() {\n    props.width = window.innerWidth;\n    props.height = window.innerHeight;\n    props.ratio = window.innerWidth / window.innerHeight;\n    props.orientation = 'square';\n\n    if (props.ratio > 1) {\n      props.orientation = 'landscape';\n    }\n\n    if (props.ratio < 1) {\n      props.orientation = 'portrait';\n    }\n\n    return props;\n  }\n\n  const onResize = debounce(() => {\n    trigger(updateProps());\n  });\n\n  const { add, remove, has, trigger, props } = useService({\n    /**\n     * @type {ResizeServiceProps}\n     */\n    props: {\n      width: window.innerWidth,\n      height: window.innerHeight,\n      ratio: window.innerWidth / window.innerHeight,\n      orientation: 'square',\n      get breakpoint() {\n        return getBreakpoint();\n      },\n      get breakpoints() {\n        return getBreakpoints();\n      },\n    },\n    init() {\n      window.addEventListener('resize', onResize);\n    },\n    kill() {\n      window.removeEventListener('resize', onResize);\n    },\n  });\n\n  return {\n    add,\n    remove,\n    has,\n    props: () => props,\n  };\n}\n\nlet resize;\n\n/**\n * Use the resize service.\n *\n * @returns {ResizeService}\n */\nexport default function useResize() {\n  if (!resize) {\n    resize = createResizeService();\n  }\n\n  return resize;\n}\n"],
+  "mappings": "AACA,SAAS,kBAAkB;AAC3B,OAAO,cAAc;AAarB,IAAI;AACJ,IAAI,cAAc,CAAC;AAMnB,SAAS,uBAAuB;AAC9B,MAAI,CAAC,mBAAmB;AACtB,wBAAoB,SAAS,cAAc,mBAAmB;AAAA,EAChE;AACA,SAAO;AACT;AAMA,SAAS,gBAAgB;AACvB,SAAO,qBAAqB,IACxB,OACG,iBAAiB,qBAAqB,GAAG,UAAU,EACnD,iBAAiB,SAAS,EAC1B,WAAW,KAAK,EAAE,IACrB;AACN;AAMA,SAAS,iBAAiB;AACxB,MAAI,CAAC,qBAAqB,KAAK,YAAY,QAAQ;AACjD,WAAO;AAAA,EACT;AACA,gBAAc,OACX,iBAAiB,qBAAqB,GAAG,SAAS,EAClD,iBAAiB,SAAS,EAC1B,WAAW,KAAK,EAAE,EAClB,MAAM,GAAG;AAEZ,SAAO;AACT;AAMA,SAAS,sBAAsB;AAK7B,WAAS,cAAc;AACrB,UAAM,QAAQ,OAAO;AACrB,UAAM,SAAS,OAAO;AACtB,UAAM,QAAQ,OAAO,aAAa,OAAO;AACzC,UAAM,cAAc;AAEpB,QAAI,MAAM,QAAQ,GAAG;AACnB,YAAM,cAAc;AAAA,IACtB;AAEA,QAAI,MAAM,QAAQ,GAAG;AACnB,YAAM,cAAc;AAAA,IACtB;AAEA,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,SAAS,MAAM;AAC9B,YAAQ,YAAY,CAAC;AAAA,EACvB,CAAC;AAED,QAAM,EAAE,KAAK,QAAQ,KAAK,SAAS,MAAM,IAAI,WAAW;AAAA,IAItD,OAAO;AAAA,MACL,OAAO,OAAO;AAAA,MACd,QAAQ,OAAO;AAAA,MACf,OAAO,OAAO,aAAa,OAAO;AAAA,MAClC,aAAa;AAAA,MACb,IAAI,aAAa;AACf,eAAO,cAAc;AAAA,MACvB;AAAA,MACA,IAAI,cAAc;AAChB,eAAO,eAAe;AAAA,MACxB;AAAA,IACF;AAAA,IACA,OAAO;AACL,aAAO,iBAAiB,UAAU,QAAQ;AAAA,IAC5C;AAAA,IACA,OAAO;AACL,aAAO,oBAAoB,UAAU,QAAQ;AAAA,IAC/C;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,MAAM;AAAA,EACf;AACF;AAEA,IAAI;AAOW,SAAR,YAA6B;AAClC,MAAI,CAAC,QAAQ;AACX,aAAS,oBAAoB;AAAA,EAC/B;AAEA,SAAO;AACT;",
+  "names": []
+}

package/services/scroll.cjs

@@ -112,3 +112,4 @@ function useScroll() {
   return scroll;
 }
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=scroll.cjs.map

package/services/scroll.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/js-toolkit/services/scroll.js"],
+  "sourcesContent": ["/* eslint-disable no-use-before-define */\nimport { useService } from './service.js';\nimport debounce from '../utils/debounce.js';\n\n/**\n * @typedef {import('./index').ServiceInterface<ScrollServiceProps>} ScrollService\n * @typedef {Object} ScrollServiceProps\n * @property {number} x\n * @property {number} y\n * @property {{ x: boolean, y: boolean }} changed\n * @property {{ x: number, y: number }} last\n * @property {{ x: number, y: number }} delta\n * @property {{ x: number, y: number }} progress\n * @property {{ x: number, y: number }} max\n * @property {{ x: 'LEFT'|'RIGHT'|'NONE', y: 'UP'|'DOWN'|'NONE' }} direction\n */\n\n/**\n * Create scroll service.\n * @returns {ScrollService}\n */\nfunction createScrollService() {\n  /**\n   * Update props.\n   * @returns {ScrollServiceProps}\n   */\n  function updateProps() {\n    const yLast = props.y;\n    const xLast = props.x;\n\n    // Check scroll Y\n    if (window.pageYOffset !== props.y) {\n      props.y = window.pageYOffset;\n    }\n\n    // Check scroll x\n    if (window.pageXOffset !== props.x) {\n      props.x = window.pageXOffset;\n    }\n\n    props.changed.x = props.x !== xLast;\n    props.changed.y = props.y !== yLast;\n    props.last.x = xLast;\n    props.last.y = yLast;\n    props.delta.x = props.x - xLast;\n    props.delta.y = props.y - yLast;\n    props.max.x = (document.scrollingElement || document.body).scrollWidth - window.innerWidth;\n    props.max.y = (document.scrollingElement || document.body).scrollHeight - window.innerHeight;\n    props.progress.x = props.max.x === 0 ? 1 : props.x / props.max.x;\n    props.progress.y = props.max.y === 0 ? 1 : props.y / props.max.y;\n    /* eslint-disable no-nested-ternary */\n    props.direction.x = props.x > xLast ? 'RIGHT' : props.x < xLast ? 'LEFT' : 'NONE';\n    props.direction.y = props.y > yLast ? 'DOWN' : props.y < yLast ? 'UP' : 'NONE';\n    /* eslint-enable no-nested-ternary */\n\n    return props;\n  }\n\n  const onScrollDebounced = debounce(() => {\n    trigger(updateProps());\n  }, 100);\n\n  /**\n   * Scroll handler.\n   * @returns {void}\n   */\n  function onScroll() {\n    trigger(updateProps());\n    onScrollDebounced();\n  }\n\n  const { add, remove, has, props, trigger } = useService({\n    /**\n     * @type {ScrollServiceProps}\n     */\n    props: {\n      x: window.pageXOffset,\n      y: window.pageYOffset,\n      changed: {\n        x: false,\n        y: false,\n      },\n      last: {\n        x: window.pageXOffset,\n        y: window.pageYOffset,\n      },\n      delta: {\n        x: 0,\n        y: 0,\n      },\n      max: {\n        x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,\n        y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight,\n      },\n      progress: {\n        x: 0,\n        y: 0,\n      },\n      direction: {\n        x: 'NONE',\n        y: 'NONE',\n      },\n    },\n    init() {\n      document.addEventListener('scroll', onScroll, { passive: true, capture: true });\n    },\n    kill() {\n      document.removeEventListener('scroll', onScroll);\n    },\n  });\n\n  return {\n    add,\n    remove,\n    has,\n    props: () => props,\n  };\n}\n\nlet scroll;\n\n/**\n * Use the scroll service.\n *\n * ```js\n * import { useScroll } from '@studiometa/js-toolkit/services';\n * const { add, remove, props } = useScroll();\n * add(key, (props) => {});\n * remove(key);\n * props();\n * ```\n *\n * @returns {ScrollService}\n */\nexport default function useScroll() {\n  if (!scroll) {\n    scroll = createScrollService();\n  }\n\n  return scroll;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA2B;AAC3B,sBAAqB;AAmBrB,SAAS,sBAAsB;AAK7B,WAAS,cAAc;AACrB,UAAM,QAAQ,MAAM;AACpB,UAAM,QAAQ,MAAM;AAGpB,QAAI,OAAO,gBAAgB,MAAM,GAAG;AAClC,YAAM,IAAI,OAAO;AAAA,IACnB;AAGA,QAAI,OAAO,gBAAgB,MAAM,GAAG;AAClC,YAAM,IAAI,OAAO;AAAA,IACnB;AAEA,UAAM,QAAQ,IAAI,MAAM,MAAM;AAC9B,UAAM,QAAQ,IAAI,MAAM,MAAM;AAC9B,UAAM,KAAK,IAAI;AACf,UAAM,KAAK,IAAI;AACf,UAAM,MAAM,IAAI,MAAM,IAAI;AAC1B,UAAM,MAAM,IAAI,MAAM,IAAI;AAC1B,UAAM,IAAI,KAAK,SAAS,oBAAoB,SAAS,MAAM,cAAc,OAAO;AAChF,UAAM,IAAI,KAAK,SAAS,oBAAoB,SAAS,MAAM,eAAe,OAAO;AACjF,UAAM,SAAS,IAAI,MAAM,IAAI,MAAM,IAAI,IAAI,MAAM,IAAI,MAAM,IAAI;AAC/D,UAAM,SAAS,IAAI,MAAM,IAAI,MAAM,IAAI,IAAI,MAAM,IAAI,MAAM,IAAI;AAE/D,UAAM,UAAU,IAAI,MAAM,IAAI,QAAQ,UAAU,MAAM,IAAI,QAAQ,SAAS;AAC3E,UAAM,UAAU,IAAI,MAAM,IAAI,QAAQ,SAAS,MAAM,IAAI,QAAQ,OAAO;AAGxE,WAAO;AAAA,EACT;AAEA,QAAM,wBAAoB,gBAAAA,SAAS,MAAM;AACvC,YAAQ,YAAY,CAAC;AAAA,EACvB,GAAG,GAAG;AAMN,WAAS,WAAW;AAClB,YAAQ,YAAY,CAAC;AACrB,sBAAkB;AAAA,EACpB;AAEA,QAAM,EAAE,KAAK,QAAQ,KAAK,OAAO,QAAQ,QAAI,2BAAW;AAAA,IAItD,OAAO;AAAA,MACL,GAAG,OAAO;AAAA,MACV,GAAG,OAAO;AAAA,MACV,SAAS;AAAA,QACP,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,MAAM;AAAA,QACJ,GAAG,OAAO;AAAA,QACV,GAAG,OAAO;AAAA,MACZ;AAAA,MACA,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,KAAK;AAAA,QACH,IAAI,SAAS,oBAAoB,SAAS,MAAM,cAAc,OAAO;AAAA,QACrE,IAAI,SAAS,oBAAoB,SAAS,MAAM,eAAe,OAAO;AAAA,MACxE;AAAA,MACA,UAAU;AAAA,QACR,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,WAAW;AAAA,QACT,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,OAAO;AACL,eAAS,iBAAiB,UAAU,UAAU,EAAE,SAAS,MAAM,SAAS,KAAK,CAAC;AAAA,IAChF;AAAA,IACA,OAAO;AACL,eAAS,oBAAoB,UAAU,QAAQ;AAAA,IACjD;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,MAAM;AAAA,EACf;AACF;AAEA,IAAI;AAeW,SAAR,YAA6B;AAClC,MAAI,CAAC,QAAQ;AACX,aAAS,oBAAoB;AAAA,EAC/B;AAEA,SAAO;AACT;",
+  "names": ["debounce"]
+}

package/services/scroll.js

@@ -84,3 +84,4 @@ function useScroll() {
 export {
   useScroll as default
 };
+//# sourceMappingURL=scroll.js.map

package/services/scroll.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/js-toolkit/services/scroll.js"],
+  "sourcesContent": ["/* eslint-disable no-use-before-define */\nimport { useService } from './service.js';\nimport debounce from '../utils/debounce.js';\n\n/**\n * @typedef {import('./index').ServiceInterface<ScrollServiceProps>} ScrollService\n * @typedef {Object} ScrollServiceProps\n * @property {number} x\n * @property {number} y\n * @property {{ x: boolean, y: boolean }} changed\n * @property {{ x: number, y: number }} last\n * @property {{ x: number, y: number }} delta\n * @property {{ x: number, y: number }} progress\n * @property {{ x: number, y: number }} max\n * @property {{ x: 'LEFT'|'RIGHT'|'NONE', y: 'UP'|'DOWN'|'NONE' }} direction\n */\n\n/**\n * Create scroll service.\n * @returns {ScrollService}\n */\nfunction createScrollService() {\n  /**\n   * Update props.\n   * @returns {ScrollServiceProps}\n   */\n  function updateProps() {\n    const yLast = props.y;\n    const xLast = props.x;\n\n    // Check scroll Y\n    if (window.pageYOffset !== props.y) {\n      props.y = window.pageYOffset;\n    }\n\n    // Check scroll x\n    if (window.pageXOffset !== props.x) {\n      props.x = window.pageXOffset;\n    }\n\n    props.changed.x = props.x !== xLast;\n    props.changed.y = props.y !== yLast;\n    props.last.x = xLast;\n    props.last.y = yLast;\n    props.delta.x = props.x - xLast;\n    props.delta.y = props.y - yLast;\n    props.max.x = (document.scrollingElement || document.body).scrollWidth - window.innerWidth;\n    props.max.y = (document.scrollingElement || document.body).scrollHeight - window.innerHeight;\n    props.progress.x = props.max.x === 0 ? 1 : props.x / props.max.x;\n    props.progress.y = props.max.y === 0 ? 1 : props.y / props.max.y;\n    /* eslint-disable no-nested-ternary */\n    props.direction.x = props.x > xLast ? 'RIGHT' : props.x < xLast ? 'LEFT' : 'NONE';\n    props.direction.y = props.y > yLast ? 'DOWN' : props.y < yLast ? 'UP' : 'NONE';\n    /* eslint-enable no-nested-ternary */\n\n    return props;\n  }\n\n  const onScrollDebounced = debounce(() => {\n    trigger(updateProps());\n  }, 100);\n\n  /**\n   * Scroll handler.\n   * @returns {void}\n   */\n  function onScroll() {\n    trigger(updateProps());\n    onScrollDebounced();\n  }\n\n  const { add, remove, has, props, trigger } = useService({\n    /**\n     * @type {ScrollServiceProps}\n     */\n    props: {\n      x: window.pageXOffset,\n      y: window.pageYOffset,\n      changed: {\n        x: false,\n        y: false,\n      },\n      last: {\n        x: window.pageXOffset,\n        y: window.pageYOffset,\n      },\n      delta: {\n        x: 0,\n        y: 0,\n      },\n      max: {\n        x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,\n        y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight,\n      },\n      progress: {\n        x: 0,\n        y: 0,\n      },\n      direction: {\n        x: 'NONE',\n        y: 'NONE',\n      },\n    },\n    init() {\n      document.addEventListener('scroll', onScroll, { passive: true, capture: true });\n    },\n    kill() {\n      document.removeEventListener('scroll', onScroll);\n    },\n  });\n\n  return {\n    add,\n    remove,\n    has,\n    props: () => props,\n  };\n}\n\nlet scroll;\n\n/**\n * Use the scroll service.\n *\n * ```js\n * import { useScroll } from '@studiometa/js-toolkit/services';\n * const { add, remove, props } = useScroll();\n * add(key, (props) => {});\n * remove(key);\n * props();\n * ```\n *\n * @returns {ScrollService}\n */\nexport default function useScroll() {\n  if (!scroll) {\n    scroll = createScrollService();\n  }\n\n  return scroll;\n}\n"],
+  "mappings": "AACA,SAAS,kBAAkB;AAC3B,OAAO,cAAc;AAmBrB,SAAS,sBAAsB;AAK7B,WAAS,cAAc;AACrB,UAAM,QAAQ,MAAM;AACpB,UAAM,QAAQ,MAAM;AAGpB,QAAI,OAAO,gBAAgB,MAAM,GAAG;AAClC,YAAM,IAAI,OAAO;AAAA,IACnB;AAGA,QAAI,OAAO,gBAAgB,MAAM,GAAG;AAClC,YAAM,IAAI,OAAO;AAAA,IACnB;AAEA,UAAM,QAAQ,IAAI,MAAM,MAAM;AAC9B,UAAM,QAAQ,IAAI,MAAM,MAAM;AAC9B,UAAM,KAAK,IAAI;AACf,UAAM,KAAK,IAAI;AACf,UAAM,MAAM,IAAI,MAAM,IAAI;AAC1B,UAAM,MAAM,IAAI,MAAM,IAAI;AAC1B,UAAM,IAAI,KAAK,SAAS,oBAAoB,SAAS,MAAM,cAAc,OAAO;AAChF,UAAM,IAAI,KAAK,SAAS,oBAAoB,SAAS,MAAM,eAAe,OAAO;AACjF,UAAM,SAAS,IAAI,MAAM,IAAI,MAAM,IAAI,IAAI,MAAM,IAAI,MAAM,IAAI;AAC/D,UAAM,SAAS,IAAI,MAAM,IAAI,MAAM,IAAI,IAAI,MAAM,IAAI,MAAM,IAAI;AAE/D,UAAM,UAAU,IAAI,MAAM,IAAI,QAAQ,UAAU,MAAM,IAAI,QAAQ,SAAS;AAC3E,UAAM,UAAU,IAAI,MAAM,IAAI,QAAQ,SAAS,MAAM,IAAI,QAAQ,OAAO;AAGxE,WAAO;AAAA,EACT;AAEA,QAAM,oBAAoB,SAAS,MAAM;AACvC,YAAQ,YAAY,CAAC;AAAA,EACvB,GAAG,GAAG;AAMN,WAAS,WAAW;AAClB,YAAQ,YAAY,CAAC;AACrB,sBAAkB;AAAA,EACpB;AAEA,QAAM,EAAE,KAAK,QAAQ,KAAK,OAAO,QAAQ,IAAI,WAAW;AAAA,IAItD,OAAO;AAAA,MACL,GAAG,OAAO;AAAA,MACV,GAAG,OAAO;AAAA,MACV,SAAS;AAAA,QACP,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,MAAM;AAAA,QACJ,GAAG,OAAO;AAAA,QACV,GAAG,OAAO;AAAA,MACZ;AAAA,MACA,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,KAAK;AAAA,QACH,IAAI,SAAS,oBAAoB,SAAS,MAAM,cAAc,OAAO;AAAA,QACrE,IAAI,SAAS,oBAAoB,SAAS,MAAM,eAAe,OAAO;AAAA,MACxE;AAAA,MACA,UAAU;AAAA,QACR,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,WAAW;AAAA,QACT,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,OAAO;AACL,eAAS,iBAAiB,UAAU,UAAU,EAAE,SAAS,MAAM,SAAS,KAAK,CAAC;AAAA,IAChF;AAAA,IACA,OAAO;AACL,eAAS,oBAAoB,UAAU,QAAQ;AAAA,IACjD;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,MAAM;AAAA,EACf;AACF;AAEA,IAAI;AAeW,SAAR,YAA6B;AAClC,MAAI,CAAC,QAAQ;AACX,aAAS,oBAAoB;AAAA,EAC/B;AAEA,SAAO;AACT;",
+  "names": []
+}

package/services/service.cjs

@@ -66,3 +66,4 @@ function useService(options) {
   };
 }
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=service.cjs.map

package/services/service.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/js-toolkit/services/service.js"],
+  "sourcesContent": ["// eslint-disable-next-line jsdoc/require-returns\n/**\n * Use a service.\n * @template {Record<string, any>} T\n * @param   {{ init: () => void, kill: () => void, props: T }} options\n */\nexport function useService(options) {\n  /**\n   * @type {Map<string, (props:T) => any>}\n   */\n  const callbacks = new Map();\n  let isInit = false;\n\n  const { init, kill, props } = options;\n\n  /**\n   * Does the service has the given key?\n   * @param   {string}  key\n   * @returns {boolean}\n   */\n  function has(key) {\n    return callbacks.has(key);\n  }\n\n  /**\n   * Get a service callback by its key.\n   * @param   {string} key\n   * @returns {(props:T) => any}\n   */\n  function get(key) {\n    return callbacks.get(key);\n  }\n\n  /**\n   * Add a callback to the service.\n   * @param {string}   key\n   * @param {(props:T) => any} callback\n   */\n  function add(key, callback) {\n    if (has(key)) {\n      console.warn(`The key \\`${key}\\` has already been added.`);\n      return;\n    }\n\n    // Initialize the service when we add the first callback\n    if (callbacks.size === 0 && !isInit) {\n      init();\n      isInit = true;\n    }\n\n    callbacks.set(key, callback);\n  }\n\n  /**\n   * Remove a callback from the service by its key.\n   * @param   {string} key\n   * @returns {void}\n   */\n  function remove(key) {\n    callbacks.delete(key);\n\n    // Kill the service when we remove the last callback\n    if (callbacks.size === 0 && isInit) {\n      kill();\n      isInit = false;\n    }\n  }\n\n  /**\n   * Trigger all service callbacks with service props.\n   * @param {T} p\n   * @returns {void}\n   */\n  function trigger(p) {\n    callbacks.forEach(function forEachCallback(callback) {\n      callback(p);\n    });\n  }\n\n  return {\n    callbacks,\n    props,\n    add,\n    remove,\n    has,\n    get,\n    trigger,\n  };\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,SAAS,WAAW,SAAS;AAIlC,QAAM,YAAY,oBAAI,IAAI;AAC1B,MAAI,SAAS;AAEb,QAAM,EAAE,MAAM,MAAM,MAAM,IAAI;AAO9B,WAAS,IAAI,KAAK;AAChB,WAAO,UAAU,IAAI,GAAG;AAAA,EAC1B;AAOA,WAAS,IAAI,KAAK;AAChB,WAAO,UAAU,IAAI,GAAG;AAAA,EAC1B;AAOA,WAAS,IAAI,KAAK,UAAU;AAC1B,QAAI,IAAI,GAAG,GAAG;AACZ,cAAQ,KAAK,aAAa,+BAA+B;AACzD;AAAA,IACF;AAGA,QAAI,UAAU,SAAS,KAAK,CAAC,QAAQ;AACnC,WAAK;AACL,eAAS;AAAA,IACX;AAEA,cAAU,IAAI,KAAK,QAAQ;AAAA,EAC7B;AAOA,WAAS,OAAO,KAAK;AACnB,cAAU,OAAO,GAAG;AAGpB,QAAI,UAAU,SAAS,KAAK,QAAQ;AAClC,WAAK;AACL,eAAS;AAAA,IACX;AAAA,EACF;AAOA,WAAS,QAAQ,GAAG;AAClB,cAAU,QAAQ,SAAS,gBAAgB,UAAU;AACnD,eAAS,CAAC;AAAA,IACZ,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/services/service.js

@@ -44,3 +44,4 @@ function useService(options) {
 export {
   useService
 };
+//# sourceMappingURL=service.js.map

package/services/service.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/js-toolkit/services/service.js"],
+  "sourcesContent": ["// eslint-disable-next-line jsdoc/require-returns\n/**\n * Use a service.\n * @template {Record<string, any>} T\n * @param   {{ init: () => void, kill: () => void, props: T }} options\n */\nexport function useService(options) {\n  /**\n   * @type {Map<string, (props:T) => any>}\n   */\n  const callbacks = new Map();\n  let isInit = false;\n\n  const { init, kill, props } = options;\n\n  /**\n   * Does the service has the given key?\n   * @param   {string}  key\n   * @returns {boolean}\n   */\n  function has(key) {\n    return callbacks.has(key);\n  }\n\n  /**\n   * Get a service callback by its key.\n   * @param   {string} key\n   * @returns {(props:T) => any}\n   */\n  function get(key) {\n    return callbacks.get(key);\n  }\n\n  /**\n   * Add a callback to the service.\n   * @param {string}   key\n   * @param {(props:T) => any} callback\n   */\n  function add(key, callback) {\n    if (has(key)) {\n      console.warn(`The key \\`${key}\\` has already been added.`);\n      return;\n    }\n\n    // Initialize the service when we add the first callback\n    if (callbacks.size === 0 && !isInit) {\n      init();\n      isInit = true;\n    }\n\n    callbacks.set(key, callback);\n  }\n\n  /**\n   * Remove a callback from the service by its key.\n   * @param   {string} key\n   * @returns {void}\n   */\n  function remove(key) {\n    callbacks.delete(key);\n\n    // Kill the service when we remove the last callback\n    if (callbacks.size === 0 && isInit) {\n      kill();\n      isInit = false;\n    }\n  }\n\n  /**\n   * Trigger all service callbacks with service props.\n   * @param {T} p\n   * @returns {void}\n   */\n  function trigger(p) {\n    callbacks.forEach(function forEachCallback(callback) {\n      callback(p);\n    });\n  }\n\n  return {\n    callbacks,\n    props,\n    add,\n    remove,\n    has,\n    get,\n    trigger,\n  };\n}\n"],
+  "mappings": "AAMO,SAAS,WAAW,SAAS;AAIlC,QAAM,YAAY,oBAAI,IAAI;AAC1B,MAAI,SAAS;AAEb,QAAM,EAAE,MAAM,MAAM,MAAM,IAAI;AAO9B,WAAS,IAAI,KAAK;AAChB,WAAO,UAAU,IAAI,GAAG;AAAA,EAC1B;AAOA,WAAS,IAAI,KAAK;AAChB,WAAO,UAAU,IAAI,GAAG;AAAA,EAC1B;AAOA,WAAS,IAAI,KAAK,UAAU;AAC1B,QAAI,IAAI,GAAG,GAAG;AACZ,cAAQ,KAAK,aAAa,+BAA+B;AACzD;AAAA,IACF;AAGA,QAAI,UAAU,SAAS,KAAK,CAAC,QAAQ;AACnC,WAAK;AACL,eAAS;AAAA,IACX;AAEA,cAAU,IAAI,KAAK,QAAQ;AAAA,EAC7B;AAOA,WAAS,OAAO,KAAK;AACnB,cAAU,OAAO,GAAG;AAGpB,QAAI,UAAU,SAAS,KAAK,QAAQ;AAClC,WAAK;AACL,eAAS;AAAA,IACX;AAAA,EACF;AAOA,WAAS,QAAQ,GAAG;AAClB,cAAU,QAAQ,SAAS,gBAAgB,UAAU;AACnD,eAAS,CAAC;AAAA,IACZ,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/utils/collide/boundingRectToCircle.cjs

@@ -32,3 +32,4 @@ function boundingRectToCircle({ x, y, width, height }, force = false) {
   };
 }
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=boundingRectToCircle.cjs.map

package/utils/collide/boundingRectToCircle.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/utils/collide/boundingRectToCircle.js"],
+  "sourcesContent": ["/**\n * @typedef {Object} Circle\n * @property {number} x Circle's x position\n * @property {number} y Circle's y position\n * @property {number} radius Circle's radius\n */\n\n/**\n * Convert clientRect to a formatted circle object\n *\n * @param {Partial<DOMRect>} domRect DOMRect of a square DOMElement\n * @param {boolean} force Force usage of non-square DOMElements\n * @returns {Circle} Circle object that can be used in collides functions\n */\nexport default function boundingRectToCircle({ x, y, width, height }, force = false) {\n  if (width !== height && !force)\n    throw new Error('Initial DOMElement is not a square. Please use the force mode.');\n  return {\n    x: x + width / 2,\n    y: y + height / 2,\n    radius: (width + height) / 4,\n  };\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAce,SAAR,qBAAsC,EAAE,GAAG,GAAG,OAAO,OAAO,GAAG,QAAQ,OAAO;AACnF,MAAI,UAAU,UAAU,CAAC;AACvB,UAAM,IAAI,MAAM,gEAAgE;AAClF,SAAO;AAAA,IACL,GAAG,IAAI,QAAQ;AAAA,IACf,GAAG,IAAI,SAAS;AAAA,IAChB,SAAS,QAAQ,UAAU;AAAA,EAC7B;AACF;",
+  "names": []
+}

package/utils/collide/boundingRectToCircle.js

@@ -10,3 +10,4 @@ function boundingRectToCircle({ x, y, width, height }, force = false) {
 export {
   boundingRectToCircle as default
 };
+//# sourceMappingURL=boundingRectToCircle.js.map

package/utils/collide/boundingRectToCircle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/utils/collide/boundingRectToCircle.js"],
+  "sourcesContent": ["/**\n * @typedef {Object} Circle\n * @property {number} x Circle's x position\n * @property {number} y Circle's y position\n * @property {number} radius Circle's radius\n */\n\n/**\n * Convert clientRect to a formatted circle object\n *\n * @param {Partial<DOMRect>} domRect DOMRect of a square DOMElement\n * @param {boolean} force Force usage of non-square DOMElements\n * @returns {Circle} Circle object that can be used in collides functions\n */\nexport default function boundingRectToCircle({ x, y, width, height }, force = false) {\n  if (width !== height && !force)\n    throw new Error('Initial DOMElement is not a square. Please use the force mode.');\n  return {\n    x: x + width / 2,\n    y: y + height / 2,\n    radius: (width + height) / 4,\n  };\n}\n"],
+  "mappings": "AAce,SAAR,qBAAsC,EAAE,GAAG,GAAG,OAAO,OAAO,GAAG,QAAQ,OAAO;AACnF,MAAI,UAAU,UAAU,CAAC;AACvB,UAAM,IAAI,MAAM,gEAAgE;AAClF,SAAO;AAAA,IACL,GAAG,IAAI,QAAQ;AAAA,IACf,GAAG,IAAI,SAAS;AAAA,IAChB,SAAS,QAAQ,UAAU;AAAA,EAC7B;AACF;",
+  "names": []
+}

package/utils/collide/collideCircleCircle.cjs

@@ -32,3 +32,4 @@ function collideCircleCircle(circle1, circle2) {
   return false;
 }
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=collideCircleCircle.cjs.map

package/utils/collide/collideCircleCircle.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/utils/collide/collideCircleCircle.js"],
+  "sourcesContent": ["/**\n * @typedef {Object} Circle\n * @property {number} x Circle's x position\n * @property {number} y Circle's y position\n * @property {number} radius Circle's radius\n */\n\n/**\n * Test if a circle collides with another.\n * Inspired by http://www.jeffreythompson.org/collision-detection/circle-circle.php\n *\n * @param {Circle} circle1 Circle 1\n * @param {Circle} circle2 Circle 2\n * @returns {boolean} Are the sides of one circle touching the other ?\n */\nexport default function collideCircleCircle(circle1, circle2) {\n  // get distance between the circle's centers\n  // use the Pythagorean Theorem to compute the distance\n  const distX = circle1.x - circle2.x;\n  const distY = circle1.y - circle2.y;\n  const distance = Math.sqrt(distX * distX + distY * distY);\n\n  // if the distance is less than the sum of the circle's\n  // radii, the circles are touching!\n  if (distance <= circle1.radius + circle2.radius) {\n    return true;\n  }\n  return false;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAee,SAAR,oBAAqC,SAAS,SAAS;AAG5D,QAAM,QAAQ,QAAQ,IAAI,QAAQ;AAClC,QAAM,QAAQ,QAAQ,IAAI,QAAQ;AAClC,QAAM,WAAW,KAAK,KAAK,QAAQ,QAAQ,QAAQ,KAAK;AAIxD,MAAI,YAAY,QAAQ,SAAS,QAAQ,QAAQ;AAC/C,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
+  "names": []
+}

package/utils/collide/collideCircleCircle.js

@@ -10,3 +10,4 @@ function collideCircleCircle(circle1, circle2) {
 export {
   collideCircleCircle as default
 };
+//# sourceMappingURL=collideCircleCircle.js.map

package/utils/collide/collideCircleCircle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/utils/collide/collideCircleCircle.js"],
+  "sourcesContent": ["/**\n * @typedef {Object} Circle\n * @property {number} x Circle's x position\n * @property {number} y Circle's y position\n * @property {number} radius Circle's radius\n */\n\n/**\n * Test if a circle collides with another.\n * Inspired by http://www.jeffreythompson.org/collision-detection/circle-circle.php\n *\n * @param {Circle} circle1 Circle 1\n * @param {Circle} circle2 Circle 2\n * @returns {boolean} Are the sides of one circle touching the other ?\n */\nexport default function collideCircleCircle(circle1, circle2) {\n  // get distance between the circle's centers\n  // use the Pythagorean Theorem to compute the distance\n  const distX = circle1.x - circle2.x;\n  const distY = circle1.y - circle2.y;\n  const distance = Math.sqrt(distX * distX + distY * distY);\n\n  // if the distance is less than the sum of the circle's\n  // radii, the circles are touching!\n  if (distance <= circle1.radius + circle2.radius) {\n    return true;\n  }\n  return false;\n}\n"],
+  "mappings": "AAee,SAAR,oBAAqC,SAAS,SAAS;AAG5D,QAAM,QAAQ,QAAQ,IAAI,QAAQ;AAClC,QAAM,QAAQ,QAAQ,IAAI,QAAQ;AAClC,QAAM,WAAW,KAAK,KAAK,QAAQ,QAAQ,QAAQ,KAAK;AAIxD,MAAI,YAAY,QAAQ,SAAS,QAAQ,QAAQ;AAC/C,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
+  "names": []
+}

package/utils/collide/collideCircleRect.cjs

@@ -44,3 +44,4 @@ function collideCircleRect(circle, rect) {
   return false;
 }
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=collideCircleRect.cjs.map

package/utils/collide/collideCircleRect.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/utils/collide/collideCircleRect.js"],
+  "sourcesContent": ["/**\n * @typedef {Object} Rect\n * @property {number} x Rectangle's x position\n * @property {number} y Rectangle's y position\n * @property {number} width Rectangle's width\n * @property {number} height Rectangle's height\n */\n\n/**\n * @typedef {Object} Circle\n * @property {number} x Circle's x position\n * @property {number} y Circle's y position\n * @property {number} radius Circle's radius\n */\n\n/**\n * Test if a circle collides with a rectangle.\n * Inspired by http://www.jeffreythompson.org/collision-detection/circle-rect.php\n *\n * @param {Circle} circle Circle\n * @param {Rect} rect Rectangle\n * @returns {boolean} Are the sides of the circle touching the rectangle ?\n */\nexport default function collideCircleRect(circle, rect) {\n  // temporary variables to set edges for testing\n  let testX = circle.x;\n  let testY = circle.y;\n\n  // which edge is closest?\n  if (circle.x < rect.x) {\n    testX = rect.x; // test left edge\n  } else if (circle.x > rect.x + rect.width) {\n    testX = rect.x + rect.width; // right edge\n  }\n\n  if (circle.y < rect.y) {\n    testY = rect.y; // top edge\n  } else if (circle.y > rect.y + rect.height) {\n    testY = rect.y + rect.height; // bottom edge\n  }\n\n  // get distance from closest edges\n  const distX = circle.x - testX;\n  const distY = circle.y - testY;\n  const distance = Math.sqrt(distX * distX + distY * distY);\n\n  // if the distance is less than the radius, collision!\n  if (distance <= circle.radius) {\n    return true;\n  }\n  return false;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBe,SAAR,kBAAmC,QAAQ,MAAM;AAEtD,MAAI,QAAQ,OAAO;AACnB,MAAI,QAAQ,OAAO;AAGnB,MAAI,OAAO,IAAI,KAAK,GAAG;AACrB,YAAQ,KAAK;AAAA,EACf,WAAW,OAAO,IAAI,KAAK,IAAI,KAAK,OAAO;AACzC,YAAQ,KAAK,IAAI,KAAK;AAAA,EACxB;AAEA,MAAI,OAAO,IAAI,KAAK,GAAG;AACrB,YAAQ,KAAK;AAAA,EACf,WAAW,OAAO,IAAI,KAAK,IAAI,KAAK,QAAQ;AAC1C,YAAQ,KAAK,IAAI,KAAK;AAAA,EACxB;AAGA,QAAM,QAAQ,OAAO,IAAI;AACzB,QAAM,QAAQ,OAAO,IAAI;AACzB,QAAM,WAAW,KAAK,KAAK,QAAQ,QAAQ,QAAQ,KAAK;AAGxD,MAAI,YAAY,OAAO,QAAQ;AAC7B,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
+  "names": []
+}

package/utils/collide/collideCircleRect.js

@@ -22,3 +22,4 @@ function collideCircleRect(circle, rect) {
 export {
   collideCircleRect as default
 };
+//# sourceMappingURL=collideCircleRect.js.map

package/utils/collide/collideCircleRect.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/utils/collide/collideCircleRect.js"],
+  "sourcesContent": ["/**\n * @typedef {Object} Rect\n * @property {number} x Rectangle's x position\n * @property {number} y Rectangle's y position\n * @property {number} width Rectangle's width\n * @property {number} height Rectangle's height\n */\n\n/**\n * @typedef {Object} Circle\n * @property {number} x Circle's x position\n * @property {number} y Circle's y position\n * @property {number} radius Circle's radius\n */\n\n/**\n * Test if a circle collides with a rectangle.\n * Inspired by http://www.jeffreythompson.org/collision-detection/circle-rect.php\n *\n * @param {Circle} circle Circle\n * @param {Rect} rect Rectangle\n * @returns {boolean} Are the sides of the circle touching the rectangle ?\n */\nexport default function collideCircleRect(circle, rect) {\n  // temporary variables to set edges for testing\n  let testX = circle.x;\n  let testY = circle.y;\n\n  // which edge is closest?\n  if (circle.x < rect.x) {\n    testX = rect.x; // test left edge\n  } else if (circle.x > rect.x + rect.width) {\n    testX = rect.x + rect.width; // right edge\n  }\n\n  if (circle.y < rect.y) {\n    testY = rect.y; // top edge\n  } else if (circle.y > rect.y + rect.height) {\n    testY = rect.y + rect.height; // bottom edge\n  }\n\n  // get distance from closest edges\n  const distX = circle.x - testX;\n  const distY = circle.y - testY;\n  const distance = Math.sqrt(distX * distX + distY * distY);\n\n  // if the distance is less than the radius, collision!\n  if (distance <= circle.radius) {\n    return true;\n  }\n  return false;\n}\n"],
+  "mappings": "AAuBe,SAAR,kBAAmC,QAAQ,MAAM;AAEtD,MAAI,QAAQ,OAAO;AACnB,MAAI,QAAQ,OAAO;AAGnB,MAAI,OAAO,IAAI,KAAK,GAAG;AACrB,YAAQ,KAAK;AAAA,EACf,WAAW,OAAO,IAAI,KAAK,IAAI,KAAK,OAAO;AACzC,YAAQ,KAAK,IAAI,KAAK;AAAA,EACxB;AAEA,MAAI,OAAO,IAAI,KAAK,GAAG;AACrB,YAAQ,KAAK;AAAA,EACf,WAAW,OAAO,IAAI,KAAK,IAAI,KAAK,QAAQ;AAC1C,YAAQ,KAAK,IAAI,KAAK;AAAA,EACxB;AAGA,QAAM,QAAQ,OAAO,IAAI;AACzB,QAAM,QAAQ,OAAO,IAAI;AACzB,QAAM,WAAW,KAAK,KAAK,QAAQ,QAAQ,QAAQ,KAAK;AAGxD,MAAI,YAAY,OAAO,QAAQ;AAC7B,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
+  "names": []
+}

package/utils/collide/collidePointCircle.cjs

@@ -29,3 +29,4 @@ function collidePointCircle(point, circle) {
   return distance <= circle.radius;
 }
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=collidePointCircle.cjs.map

package/utils/collide/collidePointCircle.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/utils/collide/collidePointCircle.js"],
+  "sourcesContent": ["/**\n * @typedef {Object} Point\n * @property {number} x Point's x position\n * @property {number} y Point's y position\n */\n\n/**\n * @typedef {Object} Circle\n * @property {number} x Circle's x position\n * @property {number} y Circle's y position\n * @property {number} radius Circle's radius\n */\n\n/**\n * Test if a point is inside a circle.\n * Inspired by http://www.jeffreythompson.org/collision-detection/point-circle.php\n *\n * @param {Point} point Point\n * @param {Circle} circle Circle\n * @returns {boolean} Is the point inside the circle's bounds ?\n */\nexport default function collidePointCircle(point, circle) {\n  // get distance between the point and circle's center\n  // using the Pythagorean Theorem\n  const distX = point.x - circle.x;\n  const distY = point.y - circle.y;\n  const distance = Math.sqrt(distX * distX + distY * distY);\n\n  // if the distance is less than the circle's\n  // radius the point is inside!\n  return distance <= circle.radius;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBe,SAAR,mBAAoC,OAAO,QAAQ;AAGxD,QAAM,QAAQ,MAAM,IAAI,OAAO;AAC/B,QAAM,QAAQ,MAAM,IAAI,OAAO;AAC/B,QAAM,WAAW,KAAK,KAAK,QAAQ,QAAQ,QAAQ,KAAK;AAIxD,SAAO,YAAY,OAAO;AAC5B;",
+  "names": []
+}

package/utils/collide/collidePointCircle.js

@@ -7,3 +7,4 @@ function collidePointCircle(point, circle) {
 export {
   collidePointCircle as default
 };
+//# sourceMappingURL=collidePointCircle.js.map

package/utils/collide/collidePointCircle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/utils/collide/collidePointCircle.js"],
+  "sourcesContent": ["/**\n * @typedef {Object} Point\n * @property {number} x Point's x position\n * @property {number} y Point's y position\n */\n\n/**\n * @typedef {Object} Circle\n * @property {number} x Circle's x position\n * @property {number} y Circle's y position\n * @property {number} radius Circle's radius\n */\n\n/**\n * Test if a point is inside a circle.\n * Inspired by http://www.jeffreythompson.org/collision-detection/point-circle.php\n *\n * @param {Point} point Point\n * @param {Circle} circle Circle\n * @returns {boolean} Is the point inside the circle's bounds ?\n */\nexport default function collidePointCircle(point, circle) {\n  // get distance between the point and circle's center\n  // using the Pythagorean Theorem\n  const distX = point.x - circle.x;\n  const distY = point.y - circle.y;\n  const distance = Math.sqrt(distX * distX + distY * distY);\n\n  // if the distance is less than the circle's\n  // radius the point is inside!\n  return distance <= circle.radius;\n}\n"],
+  "mappings": "AAqBe,SAAR,mBAAoC,OAAO,QAAQ;AAGxD,QAAM,QAAQ,MAAM,IAAI,OAAO;AAC/B,QAAM,QAAQ,MAAM,IAAI,OAAO;AAC/B,QAAM,WAAW,KAAK,KAAK,QAAQ,QAAQ,QAAQ,KAAK;AAIxD,SAAO,YAAY,OAAO;AAC5B;",
+  "names": []
+}

package/utils/collide/collidePointRect.cjs

@@ -26,3 +26,4 @@ function collidePointRect(point, rect) {
   return point.x >= rect.x && point.x <= rect.x + rect.width && point.y >= rect.y && point.y <= rect.y + rect.height;
 }
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=collidePointRect.cjs.map

package/utils/collide/collidePointRect.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/utils/collide/collidePointRect.js"],
+  "sourcesContent": ["/**\n * @typedef {Object} Point\n * @property {number} x Point's x position\n * @property {number} y Point's y position\n */\n\n/**\n * @typedef {Object} Rect\n * @property {number} x Rectangle's x position\n * @property {number} y Rectangle's y position\n * @property {number} width Rectangle's width\n * @property {number} height Rectangle's height\n */\n\n/**\n * Test if a point collides with a rectangle.\n * Inspired by http://www.jeffreythompson.org/collision-detection/point-rect.php\n *\n * @param {Point} point Point\n * @param {Rect} rect Rectangle\n * @returns {boolean} Is the point inside the rectangle's bounds ?\n */\nexport default function collidePointRect(point, rect) {\n  return (\n    point.x >= rect.x && // right of the left edge AND\n    point.x <= rect.x + rect.width && // left of the right edge AND\n    point.y >= rect.y && // below the top AND\n    point.y <= rect.y + rect.height // above the bottom\n  );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBe,SAAR,iBAAkC,OAAO,MAAM;AACpD,SACE,MAAM,KAAK,KAAK,KAChB,MAAM,KAAK,KAAK,IAAI,KAAK,SACzB,MAAM,KAAK,KAAK,KAChB,MAAM,KAAK,KAAK,IAAI,KAAK;AAE7B;",
+  "names": []
+}

package/utils/collide/collidePointRect.js

@@ -4,3 +4,4 @@ function collidePointRect(point, rect) {
 export {
   collidePointRect as default
 };
+//# sourceMappingURL=collidePointRect.js.map

package/utils/collide/collidePointRect.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/utils/collide/collidePointRect.js"],
+  "sourcesContent": ["/**\n * @typedef {Object} Point\n * @property {number} x Point's x position\n * @property {number} y Point's y position\n */\n\n/**\n * @typedef {Object} Rect\n * @property {number} x Rectangle's x position\n * @property {number} y Rectangle's y position\n * @property {number} width Rectangle's width\n * @property {number} height Rectangle's height\n */\n\n/**\n * Test if a point collides with a rectangle.\n * Inspired by http://www.jeffreythompson.org/collision-detection/point-rect.php\n *\n * @param {Point} point Point\n * @param {Rect} rect Rectangle\n * @returns {boolean} Is the point inside the rectangle's bounds ?\n */\nexport default function collidePointRect(point, rect) {\n  return (\n    point.x >= rect.x && // right of the left edge AND\n    point.x <= rect.x + rect.width && // left of the right edge AND\n    point.y >= rect.y && // below the top AND\n    point.y <= rect.y + rect.height // above the bottom\n  );\n}\n"],
+  "mappings": "AAsBe,SAAR,iBAAkC,OAAO,MAAM;AACpD,SACE,MAAM,KAAK,KAAK,KAChB,MAAM,KAAK,KAAK,IAAI,KAAK,SACzB,MAAM,KAAK,KAAK,KAChB,MAAM,KAAK,KAAK,IAAI,KAAK;AAE7B;",
+  "names": []
+}

package/utils/collide/collideRectRect.cjs

@@ -26,3 +26,4 @@ function collideRectRect(rect1, rect2) {
   return rect1.x + rect1.width >= rect2.x && rect1.x <= rect2.x + rect2.width && rect1.y + rect1.height >= rect2.y && rect1.y <= rect2.y + rect2.height;
 }
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=collideRectRect.cjs.map

package/utils/collide/collideRectRect.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/utils/collide/collideRectRect.js"],
+  "sourcesContent": ["/**\n * @typedef {Object} Rect\n * @property {number} x Rectangle's x position\n * @property {number} y Rectangle's y position\n * @property {number} width Rectangle's width\n * @property {number} height Rectangle's height\n */\n\n/**\n * Test if a rectangle collides with another rectangle.\n * Inspired by http://www.jeffreythompson.org/collision-detection/rect-rect.php\n *\n * @param {Rect} rect1 Rectangle 1\n * @param {Rect} rect2 Rectangle 2\n * @returns {boolean} Are the sides of one rectangle touching the other ?\n */\nexport default function collideRectRect(rect1, rect2) {\n  return (\n    rect1.x + rect1.width >= rect2.x && // rect1 right edge past rect2 left AND\n    rect1.x <= rect2.x + rect2.width && // rect1 left edge past rect2 right AND\n    rect1.y + rect1.height >= rect2.y && // rect1 top edge past rect2 bottom AND\n    rect1.y <= rect2.y + rect2.height // rect1 bottom edge past rect2 top\n  );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBe,SAAR,gBAAiC,OAAO,OAAO;AACpD,SACE,MAAM,IAAI,MAAM,SAAS,MAAM,KAC/B,MAAM,KAAK,MAAM,IAAI,MAAM,SAC3B,MAAM,IAAI,MAAM,UAAU,MAAM,KAChC,MAAM,KAAK,MAAM,IAAI,MAAM;AAE/B;",
+  "names": []
+}

package/utils/collide/collideRectRect.js

@@ -4,3 +4,4 @@ function collideRectRect(rect1, rect2) {
 export {
   collideRectRect as default
 };
+//# sourceMappingURL=collideRectRect.js.map

package/utils/collide/collideRectRect.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/utils/collide/collideRectRect.js"],
+  "sourcesContent": ["/**\n * @typedef {Object} Rect\n * @property {number} x Rectangle's x position\n * @property {number} y Rectangle's y position\n * @property {number} width Rectangle's width\n * @property {number} height Rectangle's height\n */\n\n/**\n * Test if a rectangle collides with another rectangle.\n * Inspired by http://www.jeffreythompson.org/collision-detection/rect-rect.php\n *\n * @param {Rect} rect1 Rectangle 1\n * @param {Rect} rect2 Rectangle 2\n * @returns {boolean} Are the sides of one rectangle touching the other ?\n */\nexport default function collideRectRect(rect1, rect2) {\n  return (\n    rect1.x + rect1.width >= rect2.x && // rect1 right edge past rect2 left AND\n    rect1.x <= rect2.x + rect2.width && // rect1 left edge past rect2 right AND\n    rect1.y + rect1.height >= rect2.y && // rect1 top edge past rect2 bottom AND\n    rect1.y <= rect2.y + rect2.height // rect1 bottom edge past rect2 top\n  );\n}\n"],
+  "mappings": "AAgBe,SAAR,gBAAiC,OAAO,OAAO;AACpD,SACE,MAAM,IAAI,MAAM,SAAS,MAAM,KAC/B,MAAM,KAAK,MAAM,IAAI,MAAM,SAC3B,MAAM,IAAI,MAAM,UAAU,MAAM,KAChC,MAAM,KAAK,MAAM,IAAI,MAAM;AAE/B;",
+  "names": []
+}

package/utils/collide/index.cjs

@@ -40,3 +40,4 @@ var import_collidePointCircle = __toESM(require("./collidePointCircle.cjs"), 1);
 var import_collidePointRect = __toESM(require("./collidePointRect.cjs"), 1);
 var import_collideRectRect = __toESM(require("./collideRectRect.cjs"), 1);
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=index.cjs.map

package/utils/collide/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/utils/collide/index.js"],
+  "sourcesContent": ["/**\n * Inspired by http://www.jeffreythompson.org/collision-detection/\n */\nexport { default as boundingRectToCircle } from './boundingRectToCircle.js';\nexport { default as collideCircleCircle } from './collideCircleCircle.js';\nexport { default as collideCircleRect } from './collideCircleRect.js';\nexport { default as collidePointCircle } from './collidePointCircle.js';\nexport { default as collidePointRect } from './collidePointRect.js';\nexport { default as collideRectRect } from './collideRectRect.js';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kCAAgD;AAChD,iCAA+C;AAC/C,+BAA6C;AAC7C,gCAA8C;AAC9C,8BAA4C;AAC5C,6BAA2C;",
+  "names": []
+}

package/utils/collide/index.js

@@ -12,3 +12,4 @@ export {
   default6 as collidePointRect,
   default7 as collideRectRect
 };
+//# sourceMappingURL=index.js.map

package/utils/collide/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/utils/collide/index.js"],
+  "sourcesContent": ["/**\n * Inspired by http://www.jeffreythompson.org/collision-detection/\n */\nexport { default as boundingRectToCircle } from './boundingRectToCircle.js';\nexport { default as collideCircleCircle } from './collideCircleCircle.js';\nexport { default as collideCircleRect } from './collideCircleRect.js';\nexport { default as collidePointCircle } from './collidePointCircle.js';\nexport { default as collidePointRect } from './collidePointRect.js';\nexport { default as collideRectRect } from './collideRectRect.js';\n"],
+  "mappings": "AAGA,SAAoB,WAAXA,gBAAuC;AAChD,SAAoB,WAAXA,gBAAsC;AAC/C,SAAoB,WAAXA,gBAAoC;AAC7C,SAAoB,WAAXA,gBAAqC;AAC9C,SAAoB,WAAXA,gBAAmC;AAC5C,SAAoB,WAAXA,gBAAkC;",
+  "names": ["default"]
+}

package/utils/css/animate.cjs

@@ -33,6 +33,7 @@ var import_is = require("../is.cjs");
 var import_transform = __toESM(require("./transform.cjs"), 1);
 var import_scheduler = require("../scheduler.cjs");
 var import_tween = require("../tween.cjs");
+var import_utils = require("./utils.cjs");
 var id = 0;
 var running = /* @__PURE__ */ new WeakMap();
 var CSSUnitConverter = {
@@ -52,13 +53,16 @@ function getAnimationStepValue(val, getSizeRef) {
   return CSSUnitConverter[val[1]](val[0], getSizeRef);
 }
 var generateTranslateRenderStrategy = (sizeRef) => (element, fromValue, toValue, progress) => (0, import_math.lerp)(
-  getAnimationStepValue(fromValue != null ? fromValue : 0, () => element[sizeRef]),
-  getAnimationStepValue(toValue != null ? toValue : 0, () => element[sizeRef]),
+  getAnimationStepValue(
+    fromValue ?? 0,
+    () => element[sizeRef]
+  ),
+  getAnimationStepValue(toValue ?? 0, () => element[sizeRef]),
   progress
 );
 var widthBasedTranslateRenderStrategy = generateTranslateRenderStrategy("offsetWidth");
 var heightBasedTranslateRenderStrategy = generateTranslateRenderStrategy("offsetHeight");
-var generateLerpRenderStrategy = (defaultValue) => (element, fromValue, toValue, progress) => (0, import_math.lerp)(fromValue != null ? fromValue : defaultValue, toValue != null ? toValue : defaultValue, progress);
+var generateLerpRenderStrategy = (defaultValue) => (element, fromValue, toValue, progress) => (0, import_math.lerp)(fromValue ?? defaultValue, toValue ?? defaultValue, progress);
 var scaleRenderStrategy = generateLerpRenderStrategy(1);
 var degreesRenderStrategy = generateLerpRenderStrategy(0);
 var transformRenderStrategies = {
@@ -80,10 +84,9 @@ var transformRenderStrategies = {
 function render(element, from, to, progress) {
   const stepProgress = to.easing((0, import_math.map)(progress, from.offset, to.offset, 0, 1));
   import_scheduler.domScheduler.read(function renderRead() {
-    var _a, _b;
     let opacity = false;
     if ((0, import_is.isDefined)(from.opacity) || (0, import_is.isDefined)(to.opacity)) {
-      opacity = (0, import_math.map)(stepProgress, 0, 1, (_a = from.opacity) != null ? _a : 1, (_b = to.opacity) != null ? _b : 1);
+      opacity = (0, import_math.map)(stepProgress, 0, 1, from.opacity ?? 1, to.opacity ?? 1);
     } else if (element.style.opacity) {
       opacity = "";
     }
@@ -109,17 +112,14 @@ function render(element, from, to, progress) {
     });
   });
 }
-function animate(element, keyframes, options = {}) {
+function singleAnimate(element, keyframes, options = {}) {
   const keyframesCount = keyframes.length - 1;
   const normalizedKeyframes = keyframes.map(
-    (keyframe, index) => {
-      var _a;
-      return {
-        ...keyframe,
-        offset: (_a = keyframe.offset) != null ? _a : index / keyframesCount,
-        easing: (0, import_tween.normalizeEase)(keyframe.easing)
-      };
-    }
+    (keyframe, index) => ({
+      ...keyframe,
+      offset: keyframe.offset ?? index / keyframesCount,
+      easing: (0, import_tween.normalizeEase)(keyframe.easing)
+    })
   );
   if (!running.has(element)) {
     running.set(element, /* @__PURE__ */ new Map());
@@ -150,4 +150,28 @@ function animate(element, keyframes, options = {}) {
   });
   return controls;
 }
+function animate(elementOrElements, keyframes, options = {}) {
+  const controls = (0, import_utils.eachElements)(
+    elementOrElements,
+    (element) => singleAnimate(element, keyframes, options)
+  );
+  const delegate = (key) => {
+    return (...args) => {
+      if (key === "progress" && args.length === 0) {
+        return controls[0][key]();
+      }
+      controls.forEach((control) => {
+        control[key](...args);
+      });
+    };
+  };
+  return {
+    start: delegate("start"),
+    pause: delegate("pause"),
+    finish: delegate("finish"),
+    play: delegate("play"),
+    progress: delegate("progress")
+  };
+}
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=animate.cjs.map

package/utils/css/animate.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/utils/css/animate.js"],
+  "sourcesContent": ["import { lerp, map } from '../math/index.js';\nimport { isDefined, isFunction, isNumber } from '../is.js';\nimport transform, { TRANSFORM_PROPS } from './transform.js';\nimport { domScheduler as scheduler } from '../scheduler.js';\nimport { tween, normalizeEase } from '../tween.js';\n// eslint-disable-next-line import/extensions\nimport { eachElements } from './utils.js';\n\nlet id = 0;\nconst running = new WeakMap();\n\nconst CSSUnitConverter = {\n  '%': (value, getSizeRef) => (value * getSizeRef()) / 100,\n  vh: (value) => (value * window.innerHeight) / 100,\n  vw: (value) => (value * window.innerWidth) / 100,\n  vmin: (value) => (value * Math.min(window.innerWidth, window.innerHeight)) / 100,\n  vmax: (value) => (value * Math.max(window.innerWidth, window.innerHeight)) / 100,\n};\n\n/**\n * Get the value from a step property.\n * @param   {number|[number, string]} val\n * @param   {() => number} getSizeRef\n * @returns {number}\n */\nfunction getAnimationStepValue(val, getSizeRef) {\n  if (isNumber(val)) {\n    return val;\n  }\n\n  if (!val[1] || !CSSUnitConverter[val[1]]) {\n    return val[0];\n  }\n\n  return CSSUnitConverter[val[1]](val[0], getSizeRef);\n}\n\nconst generateTranslateRenderStrategy = (sizeRef) => (element, fromValue, toValue, progress) =>\n  lerp(\n    getAnimationStepValue(\n      fromValue ?? 0,\n      /* istanbul ignore next */\n      () => element[sizeRef],\n    ),\n    getAnimationStepValue(toValue ?? 0, () => element[sizeRef]),\n    progress,\n  );\nconst widthBasedTranslateRenderStrategy = generateTranslateRenderStrategy('offsetWidth');\nconst heightBasedTranslateRenderStrategy = generateTranslateRenderStrategy('offsetHeight');\n\nconst generateLerpRenderStrategy = (defaultValue) => (element, fromValue, toValue, progress) =>\n  lerp(fromValue ?? defaultValue, toValue ?? defaultValue, progress);\nconst scaleRenderStrategy = generateLerpRenderStrategy(1);\nconst degreesRenderStrategy = generateLerpRenderStrategy(0);\n\nconst transformRenderStrategies = {\n  x: widthBasedTranslateRenderStrategy,\n  y: heightBasedTranslateRenderStrategy,\n  z: widthBasedTranslateRenderStrategy,\n  scale: scaleRenderStrategy,\n  scaleX: scaleRenderStrategy,\n  scaleY: scaleRenderStrategy,\n  scaleZ: scaleRenderStrategy,\n  skew: degreesRenderStrategy,\n  skewX: degreesRenderStrategy,\n  skewY: degreesRenderStrategy,\n  rotate: degreesRenderStrategy,\n  rotateX: degreesRenderStrategy,\n  rotateY: degreesRenderStrategy,\n  rotateZ: degreesRenderStrategy,\n};\n\n/**\n * Render an element style based on 2 keyframes and a progress value.\n *\n * @param   {HTMLElement} element\n * @param   {NormalizedKeyframe} from\n * @param   {NormalizedKeyframe} to\n * @param   {number} progress\n * @returns {void}\n */\nfunction render(element, from, to, progress) {\n  const stepProgress = to.easing(map(progress, from.offset, to.offset, 0, 1));\n\n  scheduler.read(function renderRead() {\n    /** @type {false|number|string} */\n    let opacity = false;\n    if (isDefined(from.opacity) || isDefined(to.opacity)) {\n      opacity = map(stepProgress, 0, 1, from.opacity ?? 1, to.opacity ?? 1);\n    } else if (element.style.opacity) {\n      opacity = '';\n    }\n\n    /** @type {false|string} */\n    let transformOrigin = false;\n    if (isDefined(to.transformOrigin)) {\n      transformOrigin = to.transformOrigin;\n    } else if (element.style.transformOrigin) {\n      transformOrigin = '';\n    }\n\n    const props = Object.fromEntries(\n      TRANSFORM_PROPS.filter((name) => isDefined(from[name]) || isDefined(to[name])).map((name) => {\n        return [name, transformRenderStrategies[name](element, from[name], to[name], stepProgress)];\n      }),\n    );\n    scheduler.write(function renderWrite() {\n      if (opacity !== false) {\n        // @ts-ignore\n        element.style.opacity = opacity;\n      }\n      if (transformOrigin !== false) {\n        element.style.transformOrigin = transformOrigin;\n      }\n      transform(element, props);\n    });\n  });\n}\n\n/**\n * @typedef {import('./transform.js').TransformProps} TransformProps\n * @typedef {TransformProps & {\n *   opacity?: number;\n *   transformOrigin?: string;\n *   easing?: import('../math/createEases.js').EasingFunction|import('../tween.js').BezierCurve;\n *   offset?: number;\n * }} Keyframe\n * @typedef {Keyframe & {\n *   easing: import('../math/createEases.js').EasingFunction;\n *   offset: number;\n * }} NormalizedKeyframe\n * @typedef {{\n *   start: () => void;\n *   pause: () => void;\n *   play: () => void;\n *   finish: () => void;\n *   progress: (value?: number) => number\n * }} Animate\n */\n\n/**\n * Animate an element.\n * @param   {HTMLElement} element\n * @param   {Keyframe[]} keyframes\n * @param   {import('../tween.js').TweenOptions} [options]\n * @returns {Animate}\n */\nfunction singleAnimate(element, keyframes, options = {}) {\n  const keyframesCount = keyframes.length - 1;\n  const normalizedKeyframes = keyframes.map(\n    (keyframe, index) =>\n      /** @type {NormalizedKeyframe} */ ({\n        ...keyframe,\n        offset: keyframe.offset ?? index / keyframesCount,\n        easing: normalizeEase(keyframe.easing),\n      }),\n  );\n\n  if (!running.has(element)) {\n    running.set(element, new Map());\n  }\n\n  const key = `animate-${id}`;\n  id += 1;\n\n  /**\n   * Set the progress value.\n   *\n   * @param {number} progress The progress value.\n   */\n  function callback(progress) {\n    let toIndex = 0;\n    while (\n      normalizedKeyframes[toIndex] &&\n      normalizedKeyframes[toIndex].offset <= progress &&\n      normalizedKeyframes[toIndex].offset !== 1\n    ) {\n      toIndex += 1;\n    }\n\n    render(element, normalizedKeyframes[toIndex - 1], normalizedKeyframes[toIndex], progress);\n  }\n\n  const controls = tween(callback, {\n    ...options,\n    onStart() {\n      if (isFunction(options.onStart)) {\n        options.onStart();\n      }\n      // Stop running instances\n      const runningKeys = running.get(element);\n      runningKeys.forEach((runningPause, runningKey) => {\n        runningPause();\n        runningKeys.delete(runningKey);\n      });\n      runningKeys.set(key, controls.pause);\n      running.set(element, runningKeys);\n    },\n  });\n\n  return controls;\n}\n\n/**\n * Animate one or more elements.\n * @param   {HTMLElement|HTMLElement[]|NodeListOf<HTMLElement>} elementOrElements\n * @param   {Keyframe[]} keyframes\n * @param   {import('../tween.js').TweenOptions} [options]\n * @returns {Animate}\n */\nexport function animate(elementOrElements, keyframes, options = {}) {\n  const controls = eachElements(elementOrElements, (element) =>\n    singleAnimate(element, keyframes, options),\n  );\n\n  const delegate = (key) => {\n    // eslint-disable-next-line consistent-return\n    return (...args) => {\n      if (key === 'progress' && args.length === 0) {\n        return controls[0][key]();\n      }\n\n      controls.forEach((control) => {\n        control[key](...args);\n      });\n    };\n  };\n\n  return {\n    start: delegate('start'),\n    pause: delegate('pause'),\n    finish: delegate('finish'),\n    play: delegate('play'),\n    progress: delegate('progress'),\n  };\n}\n"],
+  "mappings": "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",
+  "names": ["scheduler", "transform"]
+}

package/utils/css/animate.d.ts

@@ -1,31 +1,11 @@
 /**
- * @typedef {import('./transform.js').TransformProps} TransformProps
- * @typedef {TransformProps & {
- *   opacity?: number;
- *   transformOrigin?: string;
- *   easing?: import('../math/createEases.js').EasingFunction|import('../tween.js').BezierCurve;
- *   offset?: number;
- * }} Keyframe
- * @typedef {Keyframe & {
- *   easing: import('../math/createEases.js').EasingFunction;
- *   offset: number;
- * }} NormalizedKeyframe
- * @typedef {{
- *   start: () => void;
- *   pause: () => void;
- *   play: () => void;
- *   finish: () => void;
- *   progress: (value: number?) => number
- * }} Animate
- */
-/**
- * Animate an element.
- * @param   {HTMLElement} element
+ * Animate one or more elements.
+ * @param   {HTMLElement|HTMLElement[]|NodeListOf<HTMLElement>} elementOrElements
  * @param   {Keyframe[]} keyframes
  * @param   {import('../tween.js').TweenOptions} [options]
  * @returns {Animate}
  */
-export function animate(element: HTMLElement, keyframes: Keyframe[], options?: import('../tween.js').TweenOptions): Animate;
+export function animate(elementOrElements: HTMLElement | HTMLElement[] | NodeListOf<HTMLElement>, keyframes: Keyframe[], options?: import('../tween.js').TweenOptions): Animate;
 export type TransformProps = import('./transform.js').TransformProps;
 export type Keyframe = TransformProps & {
     opacity?: number;
@@ -42,5 +22,5 @@ export type Animate = {
     pause: () => void;
     play: () => void;
     finish: () => void;
-    progress: (value: number | null) => number;
+    progress: (value?: number) => number;
 };