@studiometa/js-toolkit 2.6.5 → 2.8.0

package/services/resize.d.ts

@@ -1,15 +1,14 @@
-/**
- * Use the resize service.
- *
- * @returns {ResizeService}
- */
-export default function useResize(): import("./index").ServiceInterface<ResizeServiceProps>;
-export type ResizeService = import('./index').ServiceInterface<ResizeServiceProps>;
-export type ResizeServiceProps = {
+import type { ServiceInterface } from './index.js';
+export type ResizeService = ServiceInterface<ResizeServiceProps>;
+export interface ResizeServiceProps {
     width: number;
     height: number;
     ratio: number;
     orientation: 'square' | 'landscape' | 'portrait';
     breakpoint?: string;
     breakpoints?: string[];
-};
+}
+/**
+ * Use the resize service.
+ */
+export default function useResize(): ResizeService;

package/services/resize.js.map

@@ -1,7 +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;",
+  "sources": ["../../packages/js-toolkit/services/resize.ts"],
+  "sourcesContent": ["/* eslint-disable no-use-before-define, @typescript-eslint/no-use-before-define */\nimport { useService } from './service.js';\nimport debounce from '../utils/debounce.js';\nimport type { ServiceInterface } from './index.js';\n\nexport type ResizeService = ServiceInterface<ResizeServiceProps>;\n\nexport interface ResizeServiceProps {\n  width: number;\n  height: number;\n  ratio: number;\n  orientation: 'square' | 'landscape' | 'portrait';\n  breakpoint?: string;\n  breakpoints?: string[];\n}\n\nlet breakpointElement;\nlet breakpoints = [];\n\n/**\n * The element holding the breakpoints data.\n */\nfunction getBreakpointElement(): HTMLElement {\n  if (!breakpointElement) {\n    breakpointElement = document.querySelector('[data-breakpoint]');\n  }\n  return breakpointElement;\n}\n\n/**\n * Get the current breakpoint.\n */\nfunction getBreakpoint(): string | null {\n  return getBreakpointElement()\n    ? window\n        .getComputedStyle(getBreakpointElement(), '::before')\n        .getPropertyValue('content')\n        .replaceAll('\"', '')\n    : undefined;\n}\n\n/**\n * Get all breakpoints.\n */\nfunction getBreakpoints(): string[] {\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 */\nfunction createResizeService(): ResizeService {\n  /**\n   * Update props.\n   */\n  function updateProps(): ResizeServiceProps {\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    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    } as ResizeServiceProps,\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 */\nexport default function useResize(): ResizeService {\n  if (!resize) {\n    resize = createResizeService();\n  }\n\n  return resize;\n}\n"],
+  "mappings": "AACA,SAAS,kBAAkB;AAC3B,OAAO,cAAc;AAcrB,IAAI;AACJ,IAAI,cAAc,CAAC;AAKnB,SAAS,uBAAoC;AAC3C,MAAI,CAAC,mBAAmB;AACtB,wBAAoB,SAAS,cAAc,mBAAmB;AAAA,EAChE;AACA,SAAO;AACT;AAKA,SAAS,gBAA+B;AACtC,SAAO,qBAAqB,IACxB,OACG,iBAAiB,qBAAqB,GAAG,UAAU,EACnD,iBAAiB,SAAS,EAC1B,WAAW,KAAK,EAAE,IACrB;AACN;AAKA,SAAS,iBAA2B;AAClC,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;AAKA,SAAS,sBAAqC;AAI5C,WAAS,cAAkC;AACzC,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,IACtD,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;AAKW,SAAR,YAA4C;AACjD,MAAI,CAAC,QAAQ;AACX,aAAS,oBAAoB;AAAA,EAC/B;AAEA,SAAO;AACT;",
   "names": []
 }

package/services/scroll.cjs

@@ -22,7 +22,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/js-toolkit/services/scroll.js
+// packages/js-toolkit/services/scroll.ts
 var scroll_exports = {};
 __export(scroll_exports, {
   default: () => useScroll

package/services/scroll.cjs.map

@@ -1,7 +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;",
+  "sources": ["../../packages/js-toolkit/services/scroll.ts"],
+  "sourcesContent": ["/* eslint-disable no-use-before-define, @typescript-eslint/no-use-before-define */\nimport { useService } from './service.js';\nimport debounce from '../utils/debounce.js';\nimport type { ServiceInterface } from './index.js';\n\nexport type ScrollService = ServiceInterface<ScrollServiceProps>;\n\nexport interface ScrollServiceProps {\n  x: number;\n  y: number;\n  changed: { x: boolean; y: boolean };\n  last: { x: number; y: number };\n  delta: { x: number; y: number };\n  progress: { x: number; y: number };\n  max: { x: number; y: number };\n  direction: { x: 'LEFT' | 'RIGHT' | 'NONE'; y: 'UP' | 'DOWN' | 'NONE' };\n}\n\n/**\n * Create scroll service.\n */\nfunction createScrollService(): ScrollService {\n  /**\n   * Update props.\n   */\n  function updateProps(): ScrollServiceProps {\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   */\n  function onScroll() {\n    trigger(updateProps());\n    onScrollDebounced();\n  }\n\n  const { add, remove, has, props, trigger } = useService({\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    } as ScrollServiceProps,\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 */\nexport default function useScroll(): ScrollService {\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,sBAAqC;AAI5C,WAAS,cAAkC;AACzC,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;AAKN,WAAS,WAAW;AAClB,YAAQ,YAAY,CAAC;AACrB,sBAAkB;AAAA,EACpB;AAEA,QAAM,EAAE,KAAK,QAAQ,KAAK,OAAO,QAAQ,QAAI,2BAAW;AAAA,IACtD,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;AAaW,SAAR,YAA4C;AACjD,MAAI,CAAC,QAAQ;AACX,aAAS,oBAAoB;AAAA,EAC/B;AAEA,SAAO;AACT;",
   "names": ["debounce"]
 }

package/services/scroll.d.ts

@@ -1,19 +1,6 @@
-/**
- * Use the scroll service.
- *
- * ```js
- * import { useScroll } from '@studiometa/js-toolkit/services';
- * const { add, remove, props } = useScroll();
- * add(key, (props) => {});
- * remove(key);
- * props();
- * ```
- *
- * @returns {ScrollService}
- */
-export default function useScroll(): import("./index").ServiceInterface<ScrollServiceProps>;
-export type ScrollService = import('./index').ServiceInterface<ScrollServiceProps>;
-export type ScrollServiceProps = {
+import type { ServiceInterface } from './index.js';
+export type ScrollService = ServiceInterface<ScrollServiceProps>;
+export interface ScrollServiceProps {
     x: number;
     y: number;
     changed: {
@@ -40,4 +27,16 @@ export type ScrollServiceProps = {
         x: 'LEFT' | 'RIGHT' | 'NONE';
         y: 'UP' | 'DOWN' | 'NONE';
     };
-};
+}
+/**
+ * Use the scroll service.
+ *
+ * ```js
+ * import { useScroll } from '@studiometa/js-toolkit/services';
+ * const { add, remove, props } = useScroll();
+ * add(key, (props) => {});
+ * remove(key);
+ * props();
+ * ```
+ */
+export default function useScroll(): ScrollService;

package/services/scroll.js.map

@@ -1,7 +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;",
+  "sources": ["../../packages/js-toolkit/services/scroll.ts"],
+  "sourcesContent": ["/* eslint-disable no-use-before-define, @typescript-eslint/no-use-before-define */\nimport { useService } from './service.js';\nimport debounce from '../utils/debounce.js';\nimport type { ServiceInterface } from './index.js';\n\nexport type ScrollService = ServiceInterface<ScrollServiceProps>;\n\nexport interface ScrollServiceProps {\n  x: number;\n  y: number;\n  changed: { x: boolean; y: boolean };\n  last: { x: number; y: number };\n  delta: { x: number; y: number };\n  progress: { x: number; y: number };\n  max: { x: number; y: number };\n  direction: { x: 'LEFT' | 'RIGHT' | 'NONE'; y: 'UP' | 'DOWN' | 'NONE' };\n}\n\n/**\n * Create scroll service.\n */\nfunction createScrollService(): ScrollService {\n  /**\n   * Update props.\n   */\n  function updateProps(): ScrollServiceProps {\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   */\n  function onScroll() {\n    trigger(updateProps());\n    onScrollDebounced();\n  }\n\n  const { add, remove, has, props, trigger } = useService({\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    } as ScrollServiceProps,\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 */\nexport default function useScroll(): ScrollService {\n  if (!scroll) {\n    scroll = createScrollService();\n  }\n\n  return scroll;\n}\n"],
+  "mappings": "AACA,SAAS,kBAAkB;AAC3B,OAAO,cAAc;AAmBrB,SAAS,sBAAqC;AAI5C,WAAS,cAAkC;AACzC,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;AAKN,WAAS,WAAW;AAClB,YAAQ,YAAY,CAAC;AACrB,sBAAkB;AAAA,EACpB;AAEA,QAAM,EAAE,KAAK,QAAQ,KAAK,OAAO,QAAQ,IAAI,WAAW;AAAA,IACtD,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;AAaW,SAAR,YAA4C;AACjD,MAAI,CAAC,QAAQ;AACX,aAAS,oBAAoB;AAAA,EAC/B;AAEA,SAAO;AACT;",
   "names": []
 }

package/services/service.cjs

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/js-toolkit/services/service.js
+// packages/js-toolkit/services/service.ts
 var service_exports = {};
 __export(service_exports, {
   useService: () => useService
@@ -51,7 +51,7 @@ function useService(options) {
     }
   }
   function trigger(p) {
-    callbacks.forEach(function forEachCallback(callback) {
+    callbacks.forEach((callback) => {
       callback(p);
     });
   }

package/services/service.cjs.map

@@ -1,7 +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;",
+  "sources": ["../../packages/js-toolkit/services/service.ts"],
+  "sourcesContent": ["// eslint-disable-next-line jsdoc/require-returns\nimport type { ServiceInterface } from './index.js';\n\nexport interface ServiceOptions<T> {\n  init: () => void;\n  kill: () => void;\n  props: T;\n}\n\nexport interface UseServiceInterface<T> extends Omit<ServiceInterface<T>, 'props'> {\n  callbacks: Map<string, (props: T) => unknown>;\n  props: T;\n  get: (key: string) => (props: T) => unknown;\n  trigger: (props: T) => unknown;\n}\n\n/**\n * Use a service.\n */\nexport function useService<T>(options: ServiceOptions<T>): UseServiceInterface<T> {\n  const callbacks: Map<string, (props: T) => unknown> = new Map();\n  let isInit = false;\n\n  const { init, kill, props } = options;\n\n  /**\n   * Does the service has the given key?\n   */\n  function has(key: string): boolean {\n    return callbacks.has(key);\n  }\n\n  /**\n   * Get a service callback by its key.\n   */\n  function get(key: string): (props: T) => unknown {\n    return callbacks.get(key);\n  }\n\n  /**\n   * Add a callback to the service.\n   */\n  function add(key: string, callback: (props: T) => unknown) {\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   */\n  function remove(key: string) {\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   */\n  function trigger(p: T) {\n    callbacks.forEach((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;AAmBO,SAAS,WAAc,SAAoD;AAChF,QAAM,YAAgD,oBAAI,IAAI;AAC9D,MAAI,SAAS;AAEb,QAAM,EAAE,MAAM,MAAM,MAAM,IAAI;AAK9B,WAAS,IAAI,KAAsB;AACjC,WAAO,UAAU,IAAI,GAAG;AAAA,EAC1B;AAKA,WAAS,IAAI,KAAoC;AAC/C,WAAO,UAAU,IAAI,GAAG;AAAA,EAC1B;AAKA,WAAS,IAAI,KAAa,UAAiC;AACzD,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;AAKA,WAAS,OAAO,KAAa;AAC3B,cAAU,OAAO,GAAG;AAGpB,QAAI,UAAU,SAAS,KAAK,QAAQ;AAClC,WAAK;AACL,eAAS;AAAA,IACX;AAAA,EACF;AAKA,WAAS,QAAQ,GAAM;AACrB,cAAU,QAAQ,CAAC,aAAa;AAC9B,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.d.ts

@@ -1,18 +1,16 @@
-/**
- * Use a service.
- * @template {Record<string, any>} T
- * @param   {{ init: () => void, kill: () => void, props: T }} options
- */
-export function useService<T extends Record<string, any>>(options: {
+import type { ServiceInterface } from './index.js';
+export interface ServiceOptions<T> {
     init: () => void;
     kill: () => void;
     props: T;
-}): {
-    callbacks: Map<string, (props: T) => any>;
+}
+export interface UseServiceInterface<T> extends Omit<ServiceInterface<T>, 'props'> {
+    callbacks: Map<string, (props: T) => unknown>;
     props: T;
-    add: (key: string, callback: (props: T) => any) => void;
-    remove: (key: string) => void;
-    has: (key: string) => boolean;
-    get: (key: string) => (props: T) => any;
-    trigger: (p: T) => void;
-};
+    get: (key: string) => (props: T) => unknown;
+    trigger: (props: T) => unknown;
+}
+/**
+ * Use a service.
+ */
+export declare function useService<T>(options: ServiceOptions<T>): UseServiceInterface<T>;

package/services/service.js

@@ -27,7 +27,7 @@ function useService(options) {
     }
   }
   function trigger(p) {
-    callbacks.forEach(function forEachCallback(callback) {
+    callbacks.forEach((callback) => {
       callback(p);
     });
   }

package/services/service.js.map

@@ -1,7 +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;",
+  "sources": ["../../packages/js-toolkit/services/service.ts"],
+  "sourcesContent": ["// eslint-disable-next-line jsdoc/require-returns\nimport type { ServiceInterface } from './index.js';\n\nexport interface ServiceOptions<T> {\n  init: () => void;\n  kill: () => void;\n  props: T;\n}\n\nexport interface UseServiceInterface<T> extends Omit<ServiceInterface<T>, 'props'> {\n  callbacks: Map<string, (props: T) => unknown>;\n  props: T;\n  get: (key: string) => (props: T) => unknown;\n  trigger: (props: T) => unknown;\n}\n\n/**\n * Use a service.\n */\nexport function useService<T>(options: ServiceOptions<T>): UseServiceInterface<T> {\n  const callbacks: Map<string, (props: T) => unknown> = new Map();\n  let isInit = false;\n\n  const { init, kill, props } = options;\n\n  /**\n   * Does the service has the given key?\n   */\n  function has(key: string): boolean {\n    return callbacks.has(key);\n  }\n\n  /**\n   * Get a service callback by its key.\n   */\n  function get(key: string): (props: T) => unknown {\n    return callbacks.get(key);\n  }\n\n  /**\n   * Add a callback to the service.\n   */\n  function add(key: string, callback: (props: T) => unknown) {\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   */\n  function remove(key: string) {\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   */\n  function trigger(p: T) {\n    callbacks.forEach((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": "AAmBO,SAAS,WAAc,SAAoD;AAChF,QAAM,YAAgD,oBAAI,IAAI;AAC9D,MAAI,SAAS;AAEb,QAAM,EAAE,MAAM,MAAM,MAAM,IAAI;AAK9B,WAAS,IAAI,KAAsB;AACjC,WAAO,UAAU,IAAI,GAAG;AAAA,EAC1B;AAKA,WAAS,IAAI,KAAoC;AAC/C,WAAO,UAAU,IAAI,GAAG;AAAA,EAC1B;AAKA,WAAS,IAAI,KAAa,UAAiC;AACzD,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;AAKA,WAAS,OAAO,KAAa;AAC3B,cAAU,OAAO,GAAG;AAGpB,QAAI,UAAU,SAAS,KAAK,QAAQ;AAClC,WAAK;AACL,eAAS;AAAA,IACX;AAAA,EACF;AAKA,WAAS,QAAQ,GAAM;AACrB,cAAU,QAAQ,CAAC,aAAa;AAC9B,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/Queue.cjs

@@ -0,0 +1,60 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/js-toolkit/utils/Queue.ts
+var Queue_exports = {};
+__export(Queue_exports, {
+  Queue: () => Queue
+});
+module.exports = __toCommonJS(Queue_exports);
+var Queue = class {
+  tasks = [];
+  concurrency = 10;
+  waiter;
+  isScheduled = false;
+  constructor(concurrency, waiter = (cb) => cb()) {
+    this.concurrency = concurrency;
+    this.waiter = waiter;
+  }
+  add(task) {
+    this.tasks.push(task);
+    this.scheduleFlush();
+  }
+  scheduleFlush() {
+    if (this.isScheduled) {
+      return;
+    }
+    this.isScheduled = true;
+    this.waiter(() => this.flush());
+  }
+  flush() {
+    this.run(this.tasks.splice(0, this.concurrency));
+    this.isScheduled = false;
+    if (this.tasks.length > 0) {
+      this.scheduleFlush();
+    }
+  }
+  run(tasks) {
+    let task;
+    while (task = tasks.shift()) {
+      task();
+    }
+  }
+};
+if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=Queue.cjs.map

package/utils/Queue.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/js-toolkit/utils/Queue.ts"],
+  "sourcesContent": ["/**\n * Manage tasks in a queue.\n */\nexport class Queue {\n  /**\n   * List of tasks.\n   */\n  tasks: Array<(...args: unknown[]) => unknown> = [];\n\n  /**\n   * Number of tasks running in a single batch.\n   */\n  concurrency = 10;\n\n  /**\n   * A function to schedule the next batch.\n   */\n  waiter: (cb: (...args: unknown[]) => unknown) => unknown;\n\n  /**\n   * Is schedule running?\n   */\n  isScheduled = false;\n\n  /**\n   * Constructor.\n   *\n   * @param {number} concurrency Number of tasks running in a single batch.\n   * @param {(cb: (...args:unknown[]) => unknown) => unknown} waiter Scheduler for the next batch execution.\n   */\n  constructor(\n    concurrency: number,\n    waiter: (cb: (...args: unknown[]) => unknown) => unknown = (cb) => cb(),\n  ) {\n    this.concurrency = concurrency;\n    this.waiter = waiter;\n  }\n\n  /**\n   * Add a task to the queue.\n   */\n  add(task: (...args: unknown[]) => unknown) {\n    this.tasks.push(task);\n    this.scheduleFlush();\n  }\n\n  /**\n   * Schedule next flush.\n   */\n  scheduleFlush() {\n    if (this.isScheduled) {\n      return;\n    }\n\n    this.isScheduled = true;\n    this.waiter(() => this.flush());\n  }\n\n  /**\n   * Flush current batch.\n   */\n  flush() {\n    this.run(this.tasks.splice(0, this.concurrency));\n    this.isScheduled = false;\n\n    if (this.tasks.length > 0) {\n      this.scheduleFlush();\n    }\n  }\n\n  /**\n   * Run the queue.\n   */\n  run(tasks: Array<(...args: unknown[]) => unknown>) {\n    let task;\n    // eslint-disable-next-line no-cond-assign\n    while ((task = tasks.shift())) {\n      task();\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,IAAM,QAAN,MAAY;AAAA,EAIjB,QAAgD,CAAC;AAAA,EAKjD,cAAc;AAAA,EAKd;AAAA,EAKA,cAAc;AAAA,EAQd,YACE,aACA,SAA2D,CAAC,OAAO,GAAG,GACtE;AACA,SAAK,cAAc;AACnB,SAAK,SAAS;AAAA,EAChB;AAAA,EAKA,IAAI,MAAuC;AACzC,SAAK,MAAM,KAAK,IAAI;AACpB,SAAK,cAAc;AAAA,EACrB;AAAA,EAKA,gBAAgB;AACd,QAAI,KAAK,aAAa;AACpB;AAAA,IACF;AAEA,SAAK,cAAc;AACnB,SAAK,OAAO,MAAM,KAAK,MAAM,CAAC;AAAA,EAChC;AAAA,EAKA,QAAQ;AACN,SAAK,IAAI,KAAK,MAAM,OAAO,GAAG,KAAK,WAAW,CAAC;AAC/C,SAAK,cAAc;AAEnB,QAAI,KAAK,MAAM,SAAS,GAAG;AACzB,WAAK,cAAc;AAAA,IACrB;AAAA,EACF;AAAA,EAKA,IAAI,OAA+C;AACjD,QAAI;AAEJ,WAAQ,OAAO,MAAM,MAAM,GAAI;AAC7B,WAAK;AAAA,IACP;AAAA,EACF;AACF;",
+  "names": []
+}

package/utils/Queue.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Manage tasks in a queue.
+ */
+export declare class Queue {
+    /**
+     * List of tasks.
+     */
+    tasks: Array<(...args: unknown[]) => unknown>;
+    /**
+     * Number of tasks running in a single batch.
+     */
+    concurrency: number;
+    /**
+     * A function to schedule the next batch.
+     */
+    waiter: (cb: (...args: unknown[]) => unknown) => unknown;
+    /**
+     * Is schedule running?
+     */
+    isScheduled: boolean;
+    /**
+     * Constructor.
+     *
+     * @param {number} concurrency Number of tasks running in a single batch.
+     * @param {(cb: (...args:unknown[]) => unknown) => unknown} waiter Scheduler for the next batch execution.
+     */
+    constructor(concurrency: number, waiter?: (cb: (...args: unknown[]) => unknown) => unknown);
+    /**
+     * Add a task to the queue.
+     */
+    add(task: (...args: unknown[]) => unknown): void;
+    /**
+     * Schedule next flush.
+     */
+    scheduleFlush(): void;
+    /**
+     * Flush current batch.
+     */
+    flush(): void;
+    /**
+     * Run the queue.
+     */
+    run(tasks: Array<(...args: unknown[]) => unknown>): void;
+}

package/utils/Queue.js

@@ -0,0 +1,38 @@
+class Queue {
+  tasks = [];
+  concurrency = 10;
+  waiter;
+  isScheduled = false;
+  constructor(concurrency, waiter = (cb) => cb()) {
+    this.concurrency = concurrency;
+    this.waiter = waiter;
+  }
+  add(task) {
+    this.tasks.push(task);
+    this.scheduleFlush();
+  }
+  scheduleFlush() {
+    if (this.isScheduled) {
+      return;
+    }
+    this.isScheduled = true;
+    this.waiter(() => this.flush());
+  }
+  flush() {
+    this.run(this.tasks.splice(0, this.concurrency));
+    this.isScheduled = false;
+    if (this.tasks.length > 0) {
+      this.scheduleFlush();
+    }
+  }
+  run(tasks) {
+    let task;
+    while (task = tasks.shift()) {
+      task();
+    }
+  }
+}
+export {
+  Queue
+};
+//# sourceMappingURL=Queue.js.map

package/utils/Queue.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/js-toolkit/utils/Queue.ts"],
+  "sourcesContent": ["/**\n * Manage tasks in a queue.\n */\nexport class Queue {\n  /**\n   * List of tasks.\n   */\n  tasks: Array<(...args: unknown[]) => unknown> = [];\n\n  /**\n   * Number of tasks running in a single batch.\n   */\n  concurrency = 10;\n\n  /**\n   * A function to schedule the next batch.\n   */\n  waiter: (cb: (...args: unknown[]) => unknown) => unknown;\n\n  /**\n   * Is schedule running?\n   */\n  isScheduled = false;\n\n  /**\n   * Constructor.\n   *\n   * @param {number} concurrency Number of tasks running in a single batch.\n   * @param {(cb: (...args:unknown[]) => unknown) => unknown} waiter Scheduler for the next batch execution.\n   */\n  constructor(\n    concurrency: number,\n    waiter: (cb: (...args: unknown[]) => unknown) => unknown = (cb) => cb(),\n  ) {\n    this.concurrency = concurrency;\n    this.waiter = waiter;\n  }\n\n  /**\n   * Add a task to the queue.\n   */\n  add(task: (...args: unknown[]) => unknown) {\n    this.tasks.push(task);\n    this.scheduleFlush();\n  }\n\n  /**\n   * Schedule next flush.\n   */\n  scheduleFlush() {\n    if (this.isScheduled) {\n      return;\n    }\n\n    this.isScheduled = true;\n    this.waiter(() => this.flush());\n  }\n\n  /**\n   * Flush current batch.\n   */\n  flush() {\n    this.run(this.tasks.splice(0, this.concurrency));\n    this.isScheduled = false;\n\n    if (this.tasks.length > 0) {\n      this.scheduleFlush();\n    }\n  }\n\n  /**\n   * Run the queue.\n   */\n  run(tasks: Array<(...args: unknown[]) => unknown>) {\n    let task;\n    // eslint-disable-next-line no-cond-assign\n    while ((task = tasks.shift())) {\n      task();\n    }\n  }\n}\n"],
+  "mappings": "AAGO,MAAM,MAAM;AAAA,EAIjB,QAAgD,CAAC;AAAA,EAKjD,cAAc;AAAA,EAKd;AAAA,EAKA,cAAc;AAAA,EAQd,YACE,aACA,SAA2D,CAAC,OAAO,GAAG,GACtE;AACA,SAAK,cAAc;AACnB,SAAK,SAAS;AAAA,EAChB;AAAA,EAKA,IAAI,MAAuC;AACzC,SAAK,MAAM,KAAK,IAAI;AACpB,SAAK,cAAc;AAAA,EACrB;AAAA,EAKA,gBAAgB;AACd,QAAI,KAAK,aAAa;AACpB;AAAA,IACF;AAEA,SAAK,cAAc;AACnB,SAAK,OAAO,MAAM,KAAK,MAAM,CAAC;AAAA,EAChC;AAAA,EAKA,QAAQ;AACN,SAAK,IAAI,KAAK,MAAM,OAAO,GAAG,KAAK,WAAW,CAAC;AAC/C,SAAK,cAAc;AAEnB,QAAI,KAAK,MAAM,SAAS,GAAG;AACzB,WAAK,cAAc;AAAA,IACrB;AAAA,EACF;AAAA,EAKA,IAAI,OAA+C;AACjD,QAAI;AAEJ,WAAQ,OAAO,MAAM,MAAM,GAAI;AAC7B,WAAK;AAAA,IACP;AAAA,EACF;AACF;",
+  "names": []
+}

package/utils/collide/boundingRectToCircle.cjs

@@ -16,15 +16,16 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/js-toolkit/utils/collide/boundingRectToCircle.js
+// packages/js-toolkit/utils/collide/boundingRectToCircle.ts
 var boundingRectToCircle_exports = {};
 __export(boundingRectToCircle_exports, {
   default: () => boundingRectToCircle
 });
 module.exports = __toCommonJS(boundingRectToCircle_exports);
 function boundingRectToCircle({ x, y, width, height }, force = false) {
-  if (width !== height && !force)
+  if (width !== height && !force) {
     throw new Error("Initial DOMElement is not a square. Please use the force mode.");
+  }
   return {
     x: x + width / 2,
     y: y + height / 2,

package/utils/collide/boundingRectToCircle.cjs.map

@@ -1,7 +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;",
+  "sources": ["../../../packages/js-toolkit/utils/collide/boundingRectToCircle.ts"],
+  "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  }\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,OAAO;AAC9B,UAAM,IAAI,MAAM,gEAAgE;AAAA,EAClF;AACA,SAAO;AAAA,IACL,GAAG,IAAI,QAAQ;AAAA,IACf,GAAG,IAAI,SAAS;AAAA,IAChB,SAAS,QAAQ,UAAU;AAAA,EAC7B;AACF;",
   "names": []
 }

package/utils/collide/boundingRectToCircle.d.ts

@@ -11,18 +11,13 @@
  * @param {boolean} force Force usage of non-square DOMElements
  * @returns {Circle} Circle object that can be used in collides functions
  */
-export default function boundingRectToCircle({ x, y, width, height }: Partial<DOMRect>, force?: boolean): Circle;
-export type Circle = {
-    /**
-     * Circle's x position
-     */
-    x: number;
-    /**
-     * Circle's y position
-     */
-    y: number;
-    /**
-     * Circle's radius
-     */
+export default function boundingRectToCircle({ x, y, width, height }: {
+    x: any;
+    y: any;
+    width: any;
+    height: any;
+}, force?: boolean): {
+    x: any;
+    y: any;
     radius: number;
 };

package/utils/collide/boundingRectToCircle.js

@@ -1,6 +1,7 @@
 function boundingRectToCircle({ x, y, width, height }, force = false) {
-  if (width !== height && !force)
+  if (width !== height && !force) {
     throw new Error("Initial DOMElement is not a square. Please use the force mode.");
+  }
   return {
     x: x + width / 2,
     y: y + height / 2,

package/utils/collide/boundingRectToCircle.js.map

@@ -1,7 +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;",
+  "sources": ["../../../packages/js-toolkit/utils/collide/boundingRectToCircle.ts"],
+  "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  }\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,OAAO;AAC9B,UAAM,IAAI,MAAM,gEAAgE;AAAA,EAClF;AACA,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

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/js-toolkit/utils/collide/collideCircleCircle.js
+// packages/js-toolkit/utils/collide/collideCircleCircle.ts
 var collideCircleCircle_exports = {};
 __export(collideCircleCircle_exports, {
   default: () => collideCircleCircle

package/utils/collide/collideCircleCircle.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/js-toolkit/utils/collide/collideCircleCircle.js"],
+  "sources": ["../../../packages/js-toolkit/utils/collide/collideCircleCircle.ts"],
   "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.d.ts

@@ -12,18 +12,4 @@
  * @param {Circle} circle2 Circle 2
  * @returns {boolean} Are the sides of one circle touching the other ?
  */
-export default function collideCircleCircle(circle1: Circle, circle2: Circle): boolean;
-export type Circle = {
-    /**
-     * Circle's x position
-     */
-    x: number;
-    /**
-     * Circle's y position
-     */
-    y: number;
-    /**
-     * Circle's radius
-     */
-    radius: number;
-};
+export default function collideCircleCircle(circle1: any, circle2: any): boolean;

package/utils/collide/collideCircleCircle.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/js-toolkit/utils/collide/collideCircleCircle.js"],
+  "sources": ["../../../packages/js-toolkit/utils/collide/collideCircleCircle.ts"],
   "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

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/js-toolkit/utils/collide/collideCircleRect.js
+// packages/js-toolkit/utils/collide/collideCircleRect.ts
 var collideCircleRect_exports = {};
 __export(collideCircleRect_exports, {
   default: () => collideCircleRect