@studiometa/js-toolkit 3.0.0-alpha.8 → 3.0.0-beta.0

package/services/pointer.d.ts

@@ -1,32 +0,0 @@
-import type { ServiceInterface } from './index.js';
-export type PointerService = ServiceInterface<PointerServiceProps>;
-export interface PointerServiceProps {
-    event: MouseEvent | TouchEvent;
-    isDown: boolean;
-    x: number;
-    y: number;
-    changed: {
-        x: boolean;
-        y: boolean;
-    };
-    last: {
-        x: number;
-        y: number;
-    };
-    delta: {
-        x: number;
-        y: number;
-    };
-    progress: {
-        x: number;
-        y: number;
-    };
-    max: {
-        x: number;
-        y: number;
-    };
-}
-/**
- * Use the pointer service.
- */
-export default function usePointer(target?: HTMLElement): PointerService;

package/services/pointer.js

@@ -1,123 +0,0 @@
-import { useService } from "./service.js";
-import { isDefined } from "../utils/index.js";
-function isTouchEvent(event) {
-  return typeof TouchEvent !== "undefined" && event instanceof TouchEvent;
-}
-const events = ["mousemove", "touchmove", "mousedown", "touchstart", "mouseup", "touchend"];
-function createPointerService(target) {
-  function getTargetSize() {
-    return isDefined(target) ? target.getBoundingClientRect() : {
-      width: window.innerWidth,
-      height: window.innerHeight,
-      x: 0,
-      y: 0
-    };
-  }
-  function updateProps(event) {
-    props.event = event;
-    const yLast = props.y;
-    const xLast = props.x;
-    const targetSize2 = getTargetSize();
-    let y = isTouchEvent(event) ? event.touches[0]?.clientY : event.clientY;
-    y -= targetSize2.y;
-    if (y !== props.y) {
-      props.y = y;
-    }
-    let x = isTouchEvent(event) ? event.touches[0]?.clientX : event.clientX;
-    x -= targetSize2.x;
-    if (x !== props.x) {
-      props.x = x;
-    }
-    props.changed.x = props.x !== xLast;
-    props.changed.y = props.y !== yLast;
-    props.last.x = xLast;
-    props.last.y = yLast;
-    props.delta.x = props.x - xLast;
-    props.delta.y = props.y - yLast;
-    props.max.x = targetSize2.width;
-    props.max.y = targetSize2.height;
-    props.progress.x = props.x / props.max.x;
-    props.progress.y = props.y / props.max.y;
-    return props;
-  }
-  function handleEvent(event) {
-    switch (event.type) {
-      case "mouseenter":
-      case "mousemove":
-      case "touchmove":
-        trigger(updateProps(event));
-        break;
-      case "mousedown":
-      case "touchstart":
-        props.isDown = true;
-        trigger(props);
-        break;
-      case "mouseup":
-      case "touchend":
-        props.isDown = false;
-        trigger(props);
-        break;
-    }
-  }
-  const targetSize = getTargetSize();
-  const { add, remove, has, trigger, props } = useService({
-    props: {
-      event: null,
-      isDown: false,
-      x: targetSize.x / 2,
-      y: targetSize.y / 2,
-      changed: {
-        x: false,
-        y: false
-      },
-      last: {
-        x: targetSize.x / 2,
-        y: targetSize.y / 2
-      },
-      delta: {
-        x: 0,
-        y: 0
-      },
-      progress: {
-        x: 0.5,
-        y: 0.5
-      },
-      max: {
-        x: targetSize.width,
-        y: targetSize.height
-      }
-    },
-    init() {
-      document.documentElement.addEventListener("mouseenter", handleEvent, {
-        once: true,
-        capture: true
-      });
-      const options = { passive: true, capture: true };
-      for (const event of events) {
-        document.addEventListener(event, handleEvent, options);
-      }
-    },
-    kill() {
-      for (const event of events) {
-        document.removeEventListener(event, handleEvent);
-      }
-    }
-  });
-  return {
-    add,
-    remove,
-    has,
-    props: () => props
-  };
-}
-const instances = /* @__PURE__ */ new Map();
-function usePointer(target) {
-  if (!instances.has(target ?? window)) {
-    instances.set(target ?? window, createPointerService(target));
-  }
-  return instances.get(target ?? window);
-}
-export {
-  usePointer as default
-};
-//# sourceMappingURL=pointer.js.map

package/services/pointer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../packages/js-toolkit/services/pointer.ts"],
-  "sourcesContent": ["/* eslint-disable no-use-before-define, @typescript-eslint/no-use-before-define */\nimport { useService } from './service.js';\nimport type { ServiceInterface } from './index.js';\nimport { isDefined } from '../utils/index.js';\n\nexport type PointerService = ServiceInterface<PointerServiceProps>;\n\nexport interface PointerServiceProps {\n  event: MouseEvent | TouchEvent;\n  isDown: boolean;\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}\n\n/**\n * Test if an event is an instance of TouchEvent.\n */\nfunction isTouchEvent(event: TouchEvent | MouseEvent): boolean {\n  return typeof TouchEvent !== 'undefined' && event instanceof TouchEvent;\n}\n\nconst events = ['mousemove', 'touchmove', 'mousedown', 'touchstart', 'mouseup', 'touchend'];\n\n/**\n * Get pointer service.\n */\nfunction createPointerService(target: HTMLElement | undefined): PointerService {\n  function getTargetSize() {\n    return isDefined(target)\n      ? target.getBoundingClientRect()\n      : {\n          width: window.innerWidth,\n          height: window.innerHeight,\n          x: 0,\n          y: 0,\n        };\n  }\n\n  /**\n   * Update the pointer positions.\n   */\n  function updateProps(event: MouseEvent | TouchEvent): PointerServiceProps {\n    props.event = event;\n    const yLast = props.y;\n    const xLast = props.x;\n\n    const targetSize = getTargetSize();\n\n    // Check pointer Y\n    // We either get data from a touch event `event.touches[0].clientY` or from\n    // a mouse event `event.clientY`.\n    let y = isTouchEvent(event)\n      ? (event as TouchEvent).touches[0]?.clientY\n      : (event as MouseEvent).clientY;\n    y -= targetSize.y;\n    if (y !== props.y) {\n      props.y = y;\n    }\n\n    // Check pointer X\n    // We either get data from a touch event `event.touches[0].clientX` or from\n    // a mouse event `event.clientX`.\n    let x = isTouchEvent(event)\n      ? (event as TouchEvent).touches[0]?.clientX\n      : (event as MouseEvent).clientX;\n    x -= targetSize.x;\n    if (x !== props.x) {\n      props.x = x;\n    }\n\n    props.changed.x = props.x !== xLast;\n    props.changed.y = props.y !== yLast;\n\n    props.last.x = xLast;\n    props.last.y = yLast;\n\n    props.delta.x = props.x - xLast;\n    props.delta.y = props.y - yLast;\n\n    props.max.x = targetSize.width;\n    props.max.y = targetSize.height;\n\n    props.progress.x = props.x / props.max.x;\n    props.progress.y = props.y / props.max.y;\n\n    return props;\n  }\n\n  /**\n   * Handle events.\n   *\n   * @todo handle scroll as well\n   */\n  function handleEvent(event: MouseEvent | TouchEvent) {\n    // eslint-disable-next-line default-case\n    switch (event.type) {\n      case 'mouseenter':\n      case 'mousemove':\n      case 'touchmove':\n        trigger(updateProps(event));\n        break;\n      case 'mousedown':\n      case 'touchstart':\n        props.isDown = true;\n        trigger(props);\n        break;\n      case 'mouseup':\n      case 'touchend':\n        props.isDown = false;\n        trigger(props);\n        break;\n    }\n  }\n\n  const targetSize = getTargetSize();\n  const { add, remove, has, trigger, props } = useService({\n    props: {\n      event: null,\n      isDown: false,\n      x: targetSize.x / 2,\n      y: targetSize.y / 2,\n      changed: {\n        x: false,\n        y: false,\n      },\n      last: {\n        x: targetSize.x / 2,\n        y: targetSize.y / 2,\n      },\n      delta: {\n        x: 0,\n        y: 0,\n      },\n      progress: {\n        x: 0.5,\n        y: 0.5,\n      },\n      max: {\n        x: targetSize.width,\n        y: targetSize.height,\n      },\n    } as PointerServiceProps,\n    init() {\n      document.documentElement.addEventListener('mouseenter', handleEvent, {\n        once: true,\n        capture: true,\n      });\n\n      const options = { passive: true, capture: true };\n      for (const event of events) {\n        document.addEventListener(event, handleEvent, options);\n      }\n    },\n    kill() {\n      for (const event of events) {\n        document.removeEventListener(event, handleEvent);\n      }\n    },\n  });\n\n  return {\n    add,\n    remove,\n    has,\n    props: () => props,\n  };\n}\n\nconst instances = new Map<HTMLElement | Window, PointerService>();\n\n/**\n * Use the pointer service.\n */\nexport default function usePointer(target?: HTMLElement): PointerService {\n  if (!instances.has(target ?? window)) {\n    instances.set(target ?? window, createPointerService(target));\n  }\n  return instances.get(target ?? window) as PointerService;\n}\n"],
-  "mappings": "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",
-  "names": ["targetSize"]
-}

package/services/raf.d.ts

@@ -1,9 +0,0 @@
-import type { ServiceInterface } from './index.js';
-export type RafService = ServiceInterface<RafServiceProps>;
-export interface RafServiceProps {
-    time: DOMHighResTimeStamp;
-}
-/**
- * Use the RequestAnimationFrame (raf) service.
- */
-export default function useRaf(): RafService;

package/services/raf.js

@@ -1,56 +0,0 @@
-import { useService } from "./service.js";
-import { useScheduler } from "../utils/scheduler.js";
-import { isFunction } from "../utils/is.js";
-const scheduler = useScheduler(["update", "render"]);
-function createRafService() {
-  let isTicking = false;
-  function trigger(props2) {
-    for (const callback of callbacks.values()) {
-      scheduler.update(() => {
-        const render = callback(props2);
-        if (isFunction(render)) {
-          scheduler.render(() => {
-            render(props2);
-          });
-        }
-      });
-    }
-  }
-  function loop() {
-    props.time = performance.now();
-    trigger(props);
-    if (!isTicking) {
-      return;
-    }
-    requestAnimationFrame(loop);
-  }
-  const { add, remove, has, props, callbacks } = useService({
-    props: {
-      time: performance.now()
-    },
-    init() {
-      isTicking = true;
-      requestAnimationFrame(loop);
-    },
-    kill() {
-      isTicking = false;
-    }
-  });
-  return {
-    add,
-    remove,
-    has,
-    props: () => props
-  };
-}
-let raf;
-function useRaf() {
-  if (!raf) {
-    raf = createRafService();
-  }
-  return raf;
-}
-export {
-  useRaf as default
-};
-//# sourceMappingURL=raf.js.map

package/services/raf.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../packages/js-toolkit/services/raf.ts"],
-  "sourcesContent": ["/* eslint-disable no-use-before-define, @typescript-eslint/no-use-before-define */\nimport { useService } from './service.js';\nimport { useScheduler } from '../utils/scheduler.js';\nimport { isFunction } from '../utils/is.js';\nimport type { ServiceInterface } from './index.js';\n\nconst scheduler = useScheduler(['update', 'render']);\n\nexport type RafService = ServiceInterface<RafServiceProps>;\n\nexport interface RafServiceProps {\n  time: DOMHighResTimeStamp;\n}\n\n/**\n * Create raf service.\n */\nfunction createRafService(): RafService {\n  let isTicking = false;\n\n  /**\n   * Trigger callbacks.\n   */\n  function trigger(props: RafServiceProps) {\n    for (const callback of callbacks.values()) {\n      scheduler.update(() => {\n        const render = callback(props) as (() => unknown) | void;\n        if (isFunction(render)) {\n          scheduler.render(() => {\n            // @ts-ignore\n            render(props);\n          });\n        }\n      });\n    }\n  }\n\n  /**\n   * Loop.\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    requestAnimationFrame(loop);\n  }\n\n  const { add, remove, has, props, callbacks } = useService({\n    props: {\n      time: performance.now(),\n    } as RafServiceProps,\n    init() {\n      isTicking = true;\n      requestAnimationFrame(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 */\nexport default function useRaf(): RafService {\n  if (!raf) {\n    raf = createRafService();\n  }\n\n  return raf;\n}\n"],
-  "mappings": "AACA,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAG3B,MAAM,YAAY,aAAa,CAAC,UAAU,QAAQ,CAAC;AAWnD,SAAS,mBAA+B;AACtC,MAAI,YAAY;AAKhB,WAAS,QAAQA,QAAwB;AACvC,eAAW,YAAY,UAAU,OAAO,GAAG;AACzC,gBAAU,OAAO,MAAM;AACrB,cAAM,SAAS,SAASA,MAAK;AAC7B,YAAI,WAAW,MAAM,GAAG;AACtB,oBAAU,OAAO,MAAM;AAErB,mBAAOA,MAAK;AAAA,UACd,CAAC;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAKA,WAAS,OAAO;AAEd,UAAM,OAAO,YAAY,IAAI;AAC7B,YAAQ,KAAK;AAEb,QAAI,CAAC,WAAW;AACd;AAAA,IACF;AAEA,0BAAsB,IAAI;AAAA,EAC5B;AAEA,QAAM,EAAE,KAAK,QAAQ,KAAK,OAAO,UAAU,IAAI,WAAW;AAAA,IACxD,OAAO;AAAA,MACL,MAAM,YAAY,IAAI;AAAA,IACxB;AAAA,IACA,OAAO;AACL,kBAAY;AACZ,4BAAsB,IAAI;AAAA,IAC5B;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;AAKW,SAAR,SAAsC;AAC3C,MAAI,CAAC,KAAK;AACR,UAAM,iBAAiB;AAAA,EACzB;AAEA,SAAO;AACT;",
-  "names": ["props"]
-}

package/services/resize.d.ts

@@ -1,15 +0,0 @@
-import type { Features } from '../Base/features.js';
-import type { ResizeServiceInterface } from './index.js';
-export interface ResizeServiceProps<U extends Features['breakpoints'] = Features['breakpoints']> {
-    width: number;
-    height: number;
-    ratio: number;
-    orientation: 'square' | 'landscape' | 'portrait';
-    breakpoint: string;
-    breakpoints: string[];
-    activeBreakpoints: Record<keyof U, boolean>;
-}
-/**
- * Use the resize service.
- */
-export default function useResize<T extends Features['breakpoints'] = Features['breakpoints']>(breakpoints?: T): ResizeServiceInterface<T>;

package/services/resize.js

@@ -1,67 +0,0 @@
-import { useService } from "./service.js";
-import { features } from "../Base/features.js";
-import debounce from "../utils/debounce.js";
-function createResizeService(breakpoints) {
-  function updateProps() {
-    props.width = window.innerWidth;
-    props.height = window.innerHeight;
-    props.ratio = window.innerWidth / window.innerHeight;
-    props.orientation = "square";
-    if (props.ratio > 1) {
-      props.orientation = "landscape";
-    }
-    if (props.ratio < 1) {
-      props.orientation = "portrait";
-    }
-    return props;
-  }
-  const onResize = debounce(() => {
-    trigger(updateProps());
-  });
-  const { add, remove, has, trigger, props } = useService({
-    props: {
-      width: window.innerWidth,
-      height: window.innerHeight,
-      ratio: window.innerWidth / window.innerHeight,
-      orientation: "square",
-      get breakpoint() {
-        return Object.keys(this.activeBreakpoints).toReversed().find((name) => this.activeBreakpoints[name]);
-      },
-      get breakpoints() {
-        return Object.keys(this.activeBreakpoints);
-      },
-      get activeBreakpoints() {
-        return Object.fromEntries(
-          Object.entries(breakpoints ?? features.get("breakpoints")).map(([name, breakpoint]) => [
-            name,
-            window.matchMedia(`(min-width: ${breakpoint})`).matches
-          ])
-        );
-      }
-    },
-    init() {
-      window.addEventListener("resize", onResize);
-    },
-    kill() {
-      window.removeEventListener("resize", onResize);
-    }
-  });
-  return {
-    add,
-    remove,
-    has,
-    props: () => props
-  };
-}
-const instances = /* @__PURE__ */ new Map();
-function useResize(breakpoints) {
-  const key = JSON.stringify(breakpoints);
-  if (!instances.has(key)) {
-    instances.set(key, createResizeService(breakpoints));
-  }
-  return instances.get(key);
-}
-export {
-  useResize as default
-};
-//# sourceMappingURL=resize.js.map

package/services/resize.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "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 { features } from '../Base/features.js';\nimport type { Features } from '../Base/features.js';\nimport debounce from '../utils/debounce.js';\nimport type { ResizeServiceInterface } from './index.js';\n\nexport interface ResizeServiceProps<U extends Features['breakpoints'] = Features['breakpoints']> {\n  width: number;\n  height: number;\n  ratio: number;\n  orientation: 'square' | 'landscape' | 'portrait';\n  breakpoint: string;\n  breakpoints: string[];\n  activeBreakpoints: Record<keyof U, boolean>;\n}\n\n/**\n * Get resize service.\n */\nfunction createResizeService<T extends Features['breakpoints'] = Features['breakpoints']>(\n  breakpoints?: T,\n): ResizeServiceInterface<T> {\n  /**\n   * Update props.\n   */\n  function updateProps(): ResizeServiceProps<T> {\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 Object.keys(this.activeBreakpoints)\n          .toReversed()\n          .find((name) => this.activeBreakpoints[name]);\n      },\n      get breakpoints() {\n        return Object.keys(this.activeBreakpoints);\n      },\n      get activeBreakpoints() {\n        return Object.fromEntries(\n          Object.entries(breakpoints ?? features.get('breakpoints')).map(([name, breakpoint]) => [\n            name,\n            window.matchMedia(`(min-width: ${breakpoint})`).matches,\n          ]),\n        ) as Record<keyof T, boolean>;\n      },\n    } as ResizeServiceProps<T>,\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\nconst instances: Map<string, ResizeServiceInterface | undefined> = new Map();\n\n/**\n * Use the resize service.\n */\nexport default function useResize<T extends Features['breakpoints'] = Features['breakpoints']>(\n  breakpoints?: T,\n): ResizeServiceInterface<T> {\n  const key = JSON.stringify(breakpoints);\n\n  if (!instances.has(key)) {\n    instances.set(key, createResizeService(breakpoints));\n  }\n\n  return (instances as Map<string, ResizeServiceInterface<T>>).get(key);\n}\n"],
-  "mappings": "AACA,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAEzB,OAAO,cAAc;AAgBrB,SAAS,oBACP,aAC2B;AAI3B,WAAS,cAAqC;AAC5C,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,OAAO,KAAK,KAAK,iBAAiB,EACtC,WAAW,EACX,KAAK,CAAC,SAAS,KAAK,kBAAkB,IAAI,CAAC;AAAA,MAChD;AAAA,MACA,IAAI,cAAc;AAChB,eAAO,OAAO,KAAK,KAAK,iBAAiB;AAAA,MAC3C;AAAA,MACA,IAAI,oBAAoB;AACtB,eAAO,OAAO;AAAA,UACZ,OAAO,QAAQ,eAAe,SAAS,IAAI,aAAa,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,YACrF;AAAA,YACA,OAAO,WAAW,eAAe,UAAU,GAAG,EAAE;AAAA,UAClD,CAAC;AAAA,QACH;AAAA,MACF;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,MAAM,YAA6D,oBAAI,IAAI;AAK5D,SAAR,UACL,aAC2B;AAC3B,QAAM,MAAM,KAAK,UAAU,WAAW;AAEtC,MAAI,CAAC,UAAU,IAAI,GAAG,GAAG;AACvB,cAAU,IAAI,KAAK,oBAAoB,WAAW,CAAC;AAAA,EACrD;AAEA,SAAQ,UAAqD,IAAI,GAAG;AACtE;",
-  "names": []
-}

package/services/scroll.js

@@ -1,105 +0,0 @@
-import { useService } from "./service.js";
-import debounce from "../utils/debounce.js";
-function createScrollService() {
-  function updateProps() {
-    const yLast = props.y;
-    const xLast = props.x;
-    if (window.scrollY !== props.y) {
-      props.y = window.scrollY;
-    }
-    if (window.scrollX !== props.x) {
-      props.x = window.scrollX;
-    }
-    props.changed.x = props.changedX = props.x !== xLast;
-    props.changed.y = props.changedY = props.y !== yLast;
-    props.last.x = props.lastX = xLast;
-    props.last.y = props.lastY = yLast;
-    props.delta.x = props.deltaX = props.x - xLast;
-    props.delta.y = props.deltaY = props.y - yLast;
-    props.max.x = props.maxX = (document.scrollingElement || document.body).scrollWidth - window.innerWidth;
-    props.max.y = props.maxY = (document.scrollingElement || document.body).scrollHeight - window.innerHeight;
-    props.progress.x = props.progressX = props.max.x === 0 ? 1 : props.x / props.max.x;
-    props.progress.y = props.progressY = props.max.y === 0 ? 1 : props.y / props.max.y;
-    props.isUp = props.y < yLast;
-    props.isRight = props.x > xLast;
-    props.isDown = props.y > yLast;
-    props.isLeft = props.x < xLast;
-    props.direction.x = props.isRight ? "RIGHT" : props.isLeft ? "LEFT" : "NONE";
-    props.direction.y = props.isDown ? "DOWN" : props.isUp ? "UP" : "NONE";
-    return props;
-  }
-  const onScrollDebounced = debounce(() => {
-    trigger(updateProps());
-  }, 100);
-  function onScroll() {
-    trigger(updateProps());
-    onScrollDebounced();
-  }
-  const { add, remove, has, props, trigger } = useService({
-    props: {
-      x: window.scrollX,
-      y: window.scrollY,
-      changed: {
-        x: false,
-        y: false
-      },
-      changedX: false,
-      changedY: false,
-      last: {
-        x: window.scrollX,
-        y: window.scrollY
-      },
-      lastX: window.scrollX,
-      lastY: window.scrollY,
-      delta: {
-        x: 0,
-        y: 0
-      },
-      deltaX: 0,
-      deltaY: 0,
-      max: {
-        x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,
-        y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight
-      },
-      maxX: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,
-      maxY: (document.scrollingElement || document.body).scrollHeight - window.innerHeight,
-      progress: {
-        x: 0,
-        y: 0
-      },
-      progressX: 0,
-      progressY: 0,
-      direction: {
-        x: "NONE",
-        y: "NONE"
-      },
-      isUp: false,
-      isRight: false,
-      isDown: false,
-      isLeft: false
-    },
-    init() {
-      document.addEventListener("scroll", onScroll, { passive: true, capture: true });
-    },
-    kill() {
-      document.removeEventListener("scroll", onScroll);
-    }
-  });
-  return {
-    add,
-    remove,
-    has,
-    props: () => props
-  };
-}
-let scroll;
-function useScroll() {
-  if (!scroll) {
-    scroll = createScrollService();
-  }
-  return scroll;
-}
-export {
-  useScroll as default
-};
-//# sourceMappingURL=scroll.js.map

package/services/scroll.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "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  changedX: boolean;\n  changedY: boolean;\n  last: { x: number; y: number };\n  lastX: number;\n  lastY: number;\n  delta: { x: number; y: number };\n  deltaX: number;\n  deltaY: number;\n  progress: { x: number; y: number };\n  progressX: number;\n  progressY: number;\n  max: { x: number; y: number };\n  maxX: number;\n  maxY: number;\n  direction: { x: 'LEFT' | 'RIGHT' | 'NONE'; y: 'UP' | 'DOWN' | 'NONE' };\n  isUp: boolean;\n  isRight: boolean;\n  isDown: boolean;\n  isLeft: boolean;\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.scrollY !== props.y) {\n      props.y = window.scrollY;\n    }\n\n    // Check scroll x\n    if (window.scrollX !== props.x) {\n      props.x = window.scrollX;\n    }\n\n    props.changed.x = props.changedX = props.x !== xLast;\n    props.changed.y = props.changedY = props.y !== yLast;\n    props.last.x = props.lastX = xLast;\n    props.last.y = props.lastY = yLast;\n    props.delta.x = props.deltaX = props.x - xLast;\n    props.delta.y = props.deltaY = props.y - yLast;\n    props.max.x = props.maxX = (document.scrollingElement || document.body).scrollWidth - window.innerWidth;\n    props.max.y = props.maxY = (document.scrollingElement || document.body).scrollHeight - window.innerHeight;\n    props.progress.x = props.progressX = props.max.x === 0 ? 1 : props.x / props.max.x;\n    props.progress.y = props.progressY = props.max.y === 0 ? 1 : props.y / props.max.y;\n    props.isUp = props.y < yLast;\n    props.isRight = props.x > xLast;\n    props.isDown = props.y > yLast;\n    props.isLeft = props.x < xLast;\n    /* eslint-disable no-nested-ternary */\n    props.direction.x = props.isRight ? 'RIGHT' : props.isLeft ? 'LEFT' : 'NONE';\n    props.direction.y = props.isDown ? 'DOWN' : props.isUp ? '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.scrollX,\n      y: window.scrollY,\n      changed: {\n        x: false,\n        y: false,\n      },\n      changedX: false,\n      changedY: false,\n      last: {\n        x: window.scrollX,\n        y: window.scrollY,\n      },\n      lastX: window.scrollX,\n      lastY: window.scrollY,\n      delta: {\n        x: 0,\n        y: 0,\n      },\n      deltaX: 0,\n      deltaY: 0,\n      max: {\n        x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,\n        y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight,\n      },\n      maxX: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,\n      maxY: (document.scrollingElement || document.body).scrollHeight - window.innerHeight,\n      progress: {\n        x: 0,\n        y: 0,\n      },\n      progressX: 0,\n      progressY: 0,\n      direction: {\n        x: 'NONE',\n        y: 'NONE',\n      },\n      isUp: false,\n      isRight: false,\n      isDown: false,\n      isLeft: false,\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": "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",
-  "names": []
-}

package/services/service.d.ts

@@ -1,16 +0,0 @@
-import type { ServiceInterface } from './index.js';
-export interface ServiceOptions<T> {
-    init: () => void;
-    kill: () => void;
-    props: T;
-}
-export interface UseServiceInterface<T> extends Omit<ServiceInterface<T>, 'props'> {
-    callbacks: Map<string, (props: T) => unknown>;
-    props: T;
-    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

@@ -1,47 +0,0 @@
-function useService(options) {
-  const callbacks = /* @__PURE__ */ new Map();
-  let isInit = false;
-  const { init, kill, props } = options;
-  function has(key) {
-    return callbacks.has(key);
-  }
-  function get(key) {
-    return callbacks.get(key);
-  }
-  function add(key, callback) {
-    if (has(key)) {
-      console.warn(`The key \`${key}\` has already been added.`);
-      return;
-    }
-    if (callbacks.size === 0 && !isInit) {
-      init();
-      isInit = true;
-    }
-    callbacks.set(key, callback);
-  }
-  function remove(key) {
-    callbacks.delete(key);
-    if (callbacks.size === 0 && isInit) {
-      kill();
-      isInit = false;
-    }
-  }
-  function trigger(p) {
-    for (const callback of callbacks.values()) {
-      callback(p);
-    }
-  }
-  return {
-    callbacks,
-    props,
-    add,
-    remove,
-    has,
-    get,
-    trigger
-  };
-}
-export {
-  useService
-};
-//# sourceMappingURL=service.js.map

package/services/service.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "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    for (const callback of callbacks.values()) {\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,GAAG,4BAA4B;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,eAAW,YAAY,UAAU,OAAO,GAAG;AACzC,eAAS,CAAC;AAAA,IACZ;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
-  "names": []
-}