@studiometa/js-toolkit 2.11.2 → 3.0.0-alpha.1

package/services/drag.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../packages/js-toolkit/services/drag.ts"],
-  "sourcesContent": ["/* eslint-disable no-use-before-define, @typescript-eslint/no-use-before-define */\nimport { useService } from './service.js';\nimport useRaf from './raf.js';\nimport inertiaFinalValue from '../utils/math/inertiaFinalValue.js';\nimport { isDefined } from '../utils/index.js';\nimport type { ServiceInterface } from './index.js';\n\nexport type DragService = ServiceInterface<DragServiceProps>;\n\ntype DragLifecycle = 'start' | 'drag' | 'drop' | 'inertia' | 'stop';\n\nexport interface DragServiceProps {\n  /**\n   * The current mode of the dragging logic.\n   */\n  mode: DragLifecycle;\n  /**\n   * The target element of the drag.\n   */\n  target: HTMLElement;\n  /**\n   * Whether the user is currently grabbing the targeted element or not.\n   */\n  isGrabbing: boolean;\n  /**\n   * Whether the drag currently has inertia or not.\n   */\n  hasInertia: boolean;\n  /**\n   * The current horizontal position in the viewport.\n   */\n  x: number;\n  /**\n   * The current vertical position in the viewport.\n   */\n  y: number;\n  /**\n   * The delta between the current position and the last.\n   */\n  delta: { x: number; y: number };\n  /**\n   * The initial position where the dragging started.\n   */\n  origin: { x: number; y: number };\n  /**\n   * The distance from the current position to the origin.\n   */\n  distance: { x: number; y: number };\n  /**\n   * The final position that will be reached at the end of the inertia.\n   */\n  final: { x: number; y: number };\n}\n\nexport interface DragServiceOptions {\n  dampFactor?: number;\n  dragTreshold?: number;\n}\n\nconst MODES: Record<Uppercase<DragLifecycle>, DragLifecycle> = {\n  START: 'start',\n  DRAG: 'drag',\n  DROP: 'drop',\n  INERTIA: 'inertia',\n  STOP: 'stop',\n};\n\nlet count = 0;\nconst targetEvents = ['pointerdown'];\nconst windowEvents = ['pointerup', 'touchend'];\nconst passiveEventOptions = { passive: true };\n\n/**\n * Get the client value for the given axis.\n */\nfunction getEventPosition(event: MouseEvent | TouchEvent): { x: number; y: number } {\n  // @ts-ignore\n  const eventOrTouch = isDefined(event.touches) ? event.touches[0] : event;\n  return {\n    x: eventOrTouch.clientX,\n    y: eventOrTouch.clientY,\n  };\n}\n\n/**\n * Get drag service.\n */\nfunction createDragService(\n  target: HTMLElement,\n  { dampFactor = 0.85, dragTreshold = 10 }: DragServiceOptions = {},\n): DragService {\n  count += 1;\n  const id = `drag-${count}`;\n  let previousEvent;\n\n  /**\n   * Test if we should allow click on links and buttons.\n   */\n  function shouldPreventClick(): boolean {\n    return Math.abs(props.distance.x) > dragTreshold || Math.abs(props.distance.y) > dragTreshold;\n  }\n\n  /**\n   * Start the drag.\n   *\n   * @param {number} x The initial horizontal position.\n   * @param {number} y The initial vertical position.\n   * @returns {void}\n   */\n  function start(x: number, y: number) {\n    if (props.isGrabbing) {\n      return;\n    }\n\n    // Reset state\n    props.x = x;\n    props.y = y;\n    props.origin.x = x;\n    props.origin.y = y;\n    props.delta.x = 0;\n    props.delta.y = 0;\n    props.distance.x = 0;\n    props.distance.y = 0;\n    props.final.x = x;\n    props.final.y = y;\n\n    props.mode = MODES.START;\n\n    // Enable grabbing\n    props.isGrabbing = true;\n\n    trigger(props);\n\n    document.addEventListener('touchmove', handleEvent, passiveEventOptions);\n    document.addEventListener('mousemove', handleEvent, passiveEventOptions);\n  }\n\n  /**\n   * Stop the drag, or drop.\n   */\n  function drop() {\n    document.removeEventListener('touchmove', handleEvent);\n    document.removeEventListener('mousemove', handleEvent);\n    props.isGrabbing = false;\n    props.mode = MODES.DROP;\n\n    props.hasInertia = true;\n    props.final.x = inertiaFinalValue(props.x, props.delta.x, dampFactor);\n    props.final.y = inertiaFinalValue(props.y, props.delta.y, dampFactor);\n\n    trigger(props);\n\n    setTimeout(() => {\n      const raf = useRaf();\n      raf.remove(id);\n      raf.add(id, rafHandler);\n    }, 0);\n  }\n\n  /**\n   * Stop the drag.\n   */\n  function stop() {\n    useRaf().remove(id);\n    props.isGrabbing = false;\n    props.hasInertia = false;\n    props.mode = MODES.STOP;\n    trigger(props);\n  }\n\n  /**\n   * Raf service handler.\n   */\n  function rafHandler() {\n    if (!props.isGrabbing) {\n      props.x += props.delta.x;\n      props.y += props.delta.y;\n      props.distance.x = props.x - props.origin.x;\n      props.distance.y = props.y - props.origin.y;\n\n      props.delta.x *= dampFactor;\n      props.delta.y *= dampFactor;\n\n      if (props.mode !== MODES.INERTIA) {\n        props.mode = MODES.INERTIA;\n      }\n\n      trigger(props);\n\n      if (Math.abs(props.delta.x) < 0.1 && Math.abs(props.delta.y) < 0.1) {\n        stop();\n      }\n    }\n  }\n\n  /**\n   * Pointer service handler.\n   */\n  function drag(event: TouchEvent | MouseEvent) {\n    if (props.isGrabbing) {\n      const position = getEventPosition(event);\n      props.x = position.x;\n      props.y = position.y;\n\n      if (previousEvent) {\n        const previousPosition = getEventPosition(previousEvent);\n        props.delta.x = position.x - previousPosition.x;\n        props.delta.y = position.y - previousPosition.y;\n      }\n\n      props.final.x = position.x;\n      props.final.y = position.y;\n      props.distance.x = props.x - props.origin.x;\n      props.distance.y = props.y - props.origin.y;\n\n      if (props.mode !== MODES.DRAG) {\n        props.mode = MODES.DRAG;\n      }\n\n      trigger(props);\n      previousEvent = event;\n    }\n  }\n\n  /**\n   * Handle any event.\n   */\n  function handleEvent(event: MouseEvent | PointerEvent | DragEvent) {\n    switch (event.type) {\n      case 'dragstart':\n        event.preventDefault();\n        break;\n      case 'click':\n        if (shouldPreventClick()) {\n          event.stopImmediatePropagation();\n          event.stopPropagation();\n          event.preventDefault();\n        }\n        break;\n      case 'pointerup':\n      case 'touchend':\n        drop();\n        break;\n      case 'touchmove':\n      case 'mousemove':\n        drag(event);\n        break;\n      default:\n        if (event.button === 0) {\n          start(event.x, event.y);\n        }\n    }\n  }\n\n  const { add, remove, has, trigger, props } = useService({\n    props: {\n      target,\n      mode: undefined,\n      isGrabbing: false,\n      hasInertia: false,\n      x: 0,\n      y: 0,\n      delta: {\n        x: 0,\n        y: 0,\n      },\n      origin: {\n        x: 0,\n        y: 0,\n      },\n      distance: {\n        x: 0,\n        y: 0,\n      },\n      final: {\n        x: 0,\n        y: 0,\n      },\n    } as DragServiceProps,\n    init() {\n      targetEvents.forEach((event) => {\n        target.addEventListener(event, handleEvent, passiveEventOptions);\n      });\n      windowEvents.forEach((event) => {\n        window.addEventListener(event, handleEvent, passiveEventOptions);\n      });\n      target.addEventListener('dragstart', handleEvent, { capture: true });\n      target.addEventListener('click', handleEvent, { capture: true });\n    },\n    kill() {\n      targetEvents.forEach((event) => {\n        target.removeEventListener(event, handleEvent);\n      });\n      windowEvents.forEach((event) => {\n        window.removeEventListener(event, handleEvent);\n      });\n      target.removeEventListener('dragstart', handleEvent);\n      target.removeEventListener('click', handleEvent);\n    },\n  });\n\n  return {\n    add,\n    remove,\n    has,\n    props: () => props,\n  };\n}\n\nconst instances: WeakMap<HTMLElement, DragService | undefined> = new WeakMap();\n\n/**\n * Use the drag service.\n *\n * ```js\n * import { useDrag } from '@studiometa/js-toolkit/services';\n * const { add, remove, props } = useDrag();\n * const draggableElement = document.querySelector('.draggable');\n * add(draggableElement, (props) => {}, { factor: 0.8 });\n * remove(draggableElement);\n * props(draggableElement);\n * ```\n */\nexport default function useDrag(target: HTMLElement, options: DragServiceOptions): DragService {\n  if (!instances.has(target)) {\n    instances.set(target, createDragService(target, options));\n  }\n\n  return instances.get(target);\n}\n"],
-  "mappings": "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",
-  "names": ["inertiaFinalValue", "useRaf"]
-}

package/services/index.cjs

@@ -1,47 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/js-toolkit/services/index.ts
-var services_exports = {};
-__export(services_exports, {
-  useDrag: () => import_drag.default,
-  useKey: () => import_key.default,
-  useLoad: () => import_load.default,
-  usePointer: () => import_pointer.default,
-  useRaf: () => import_raf.default,
-  useResize: () => import_resize.default,
-  useScroll: () => import_scroll.default,
-  useService: () => import_service.useService
-});
-module.exports = __toCommonJS(services_exports);
-var import_drag = __toESM(require("./drag.cjs"), 1);
-var import_key = __toESM(require("./key.cjs"), 1);
-var import_load = __toESM(require("./load.cjs"), 1);
-var import_pointer = __toESM(require("./pointer.cjs"), 1);
-var import_raf = __toESM(require("./raf.cjs"), 1);
-var import_resize = __toESM(require("./resize.cjs"), 1);
-var import_scroll = __toESM(require("./scroll.cjs"), 1);
-var import_service = require("./service.cjs");
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=index.cjs.map

package/services/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../packages/js-toolkit/services/index.ts"],
-  "sourcesContent": ["import type { DragServiceProps } from './drag.js';\nimport type { KeyServiceProps } from './key.js';\nimport type { LoadServiceProps } from './load.js';\nimport type { PointerServiceProps } from './pointer.js';\nimport type { RafServiceProps } from './raf.js';\nimport type { ResizeServiceProps } from './resize.js';\nimport type { ScrollServiceProps } from './scroll.js';\n\nexport interface ServiceInterface<T> {\n  /**\n   * Remove a function from the resize service by its key.\n   */\n  remove(key: string): void;\n  /**\n   * Add a callback to the service. The callback will receive the current service props as parameter.\n   */\n  add(key: string, callback: (props: T) => void): void;\n  /**\n   * Test if the service has alreaydy a callback for the given key.\n   */\n  has(key: string): boolean;\n  /**\n   * Get the service's props.\n   */\n  props(): T;\n}\n\nexport type DragServiceInterface = ServiceInterface<DragServiceProps>;\nexport type KeyServiceInterface = ServiceInterface<KeyServiceProps>;\nexport type LoadServiceInterface = ServiceInterface<LoadServiceProps>;\nexport type PointerServiceInterface = ServiceInterface<PointerServiceProps>;\nexport type RafServiceInterface = ServiceInterface<RafServiceProps>;\nexport type ResizeServiceInterface = ServiceInterface<ResizeServiceProps>;\nexport type ScrollServiceInterface = ServiceInterface<ScrollServiceProps>;\n\nexport type {\n  DragServiceProps,\n  KeyServiceProps,\n  LoadServiceProps,\n  PointerServiceProps,\n  RafServiceProps,\n  ResizeServiceProps,\n  ScrollServiceProps,\n};\n\nexport { default as useDrag } from './drag.js';\nexport { default as useKey } from './key.js';\nexport { default as useLoad } from './load.js';\nexport { default as usePointer } from './pointer.js';\nexport { default as useRaf } from './raf.js';\nexport { default as useResize } from './resize.js';\nexport { default as useScroll } from './scroll.js';\nexport { useService } from './service.js';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CA,kBAAmC;AACnC,iBAAkC;AAClC,kBAAmC;AACnC,qBAAsC;AACtC,iBAAkC;AAClC,oBAAqC;AACrC,oBAAqC;AACrC,qBAA2B;",
-  "names": []
-}

package/services/key.cjs

@@ -1,93 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 key2 of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key2) && key2 !== except)
-        __defProp(to, key2, { get: () => from[key2], enumerable: !(desc = __getOwnPropDesc(from, key2)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/js-toolkit/services/key.ts
-var key_exports = {};
-__export(key_exports, {
-  default: () => useKey
-});
-module.exports = __toCommonJS(key_exports);
-var import_service = require("./service.cjs");
-var import_keyCodes = __toESM(require("../utils/keyCodes.cjs"), 1);
-function getInitialKeyCodes() {
-  return Object.fromEntries(Object.keys(import_keyCodes.default).map((key2) => [key2, false]));
-}
-function createKeyService() {
-  let previousEvent;
-  function updateProps(event) {
-    props.event = event;
-    Object.entries(import_keyCodes.default).forEach(([name, code]) => {
-      props[name] = code === event.keyCode;
-    });
-    if (!previousEvent) {
-      props.triggered = 0;
-    }
-    if (props.event.type === "keydown" && previousEvent?.type === "keydown") {
-      props.triggered += 1;
-    } else {
-      props.triggered = 1;
-    }
-    previousEvent = props.event;
-    props.direction = props.event.type === "keydown" ? "down" : "up";
-    props.isUp = props.event.type === "keyup";
-    props.isDown = props.event.type === "keydown";
-    return props;
-  }
-  function onKey(event) {
-    trigger(updateProps(event));
-  }
-  const { add, remove, has, trigger, props } = (0, import_service.useService)({
-    props: {
-      event: null,
-      triggered: 0,
-      isUp: false,
-      isDown: false,
-      direction: "none",
-      ...getInitialKeyCodes()
-    },
-    init() {
-      document.addEventListener("keydown", onKey);
-      document.addEventListener("keyup", onKey);
-    },
-    kill() {
-      document.removeEventListener("keydown", onKey);
-      document.removeEventListener("keyup", onKey);
-    }
-  });
-  return {
-    add,
-    remove,
-    has,
-    props: () => props
-  };
-}
-var key;
-function useKey() {
-  if (!key) {
-    key = createKeyService();
-  }
-  return key;
-}
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=key.cjs.map

package/services/key.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../packages/js-toolkit/services/key.ts"],
-  "sourcesContent": ["/* eslint-disable no-use-before-define, @typescript-eslint/no-use-before-define */\nimport { useService } from './service.js';\nimport keyCodes from '../utils/keyCodes.js';\nimport type { ServiceInterface } from './index.js';\n\n/**\n * Get initial key codes.\n */\nfunction getInitialKeyCodes(): Record<keyof typeof keyCodes, false> {\n  return Object.fromEntries(Object.keys(keyCodes).map((key) => [key, false])) as Record<\n    keyof typeof keyCodes,\n    false\n  >;\n}\n\nexport type KeyService = ServiceInterface<KeyServiceProps>;\n\nexport interface KeyServiceProps {\n  event: KeyboardEvent;\n  triggered: number;\n  direction: 'up' | 'down' | 'none';\n  isUp: boolean;\n  isDown: boolean;\n  ENTER: boolean;\n  SPACE: boolean;\n  TAB: boolean;\n  ESC: boolean;\n  LEFT: boolean;\n  UP: boolean;\n  RIGHT: boolean;\n  DOWN: boolean;\n}\n\n/**\n * Create key service.\n */\nfunction createKeyService(): KeyService {\n  let previousEvent;\n\n  /**\n   * Update props.\n   */\n  function updateProps(event: KeyboardEvent): KeyServiceProps {\n    props.event = event;\n\n    Object.entries(keyCodes).forEach(([name, code]) => {\n      props[name] = code === event.keyCode;\n    });\n\n    if (!previousEvent) {\n      props.triggered = 0;\n    }\n\n    if (props.event.type === 'keydown' && previousEvent?.type === 'keydown') {\n      props.triggered += 1;\n    } else {\n      props.triggered = 1;\n    }\n\n    previousEvent = props.event;\n\n    props.direction = props.event.type === 'keydown' ? 'down' : 'up';\n    props.isUp = props.event.type === 'keyup';\n    props.isDown = props.event.type === 'keydown';\n\n    return props;\n  }\n\n  /**\n   * Trigger callbacks on keyboard event.\n   */\n  function onKey(event: KeyboardEvent) {\n    trigger(updateProps(event));\n  }\n\n  const { add, remove, has, trigger, props } = useService({\n    props: {\n      event: null,\n      triggered: 0,\n      isUp: false,\n      isDown: false,\n      direction: 'none',\n      ...getInitialKeyCodes(),\n    } as KeyServiceProps,\n    init() {\n      document.addEventListener('keydown', onKey);\n      document.addEventListener('keyup', onKey);\n    },\n    kill() {\n      document.removeEventListener('keydown', onKey);\n      document.removeEventListener('keyup', onKey);\n    },\n  });\n\n  return {\n    add,\n    remove,\n    has,\n    props: () => props,\n  };\n}\n\nlet key;\n\n/**\n * Use the keyboard service.\n */\nexport default function useKey(): KeyService {\n  if (!key) {\n    key = createKeyService();\n  }\n\n  return key;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA2B;AAC3B,sBAAqB;AAMrB,SAAS,qBAA2D;AAClE,SAAO,OAAO,YAAY,OAAO,KAAK,gBAAAA,OAAQ,EAAE,IAAI,CAACC,SAAQ,CAACA,MAAK,KAAK,CAAC,CAAC;AAI5E;AAuBA,SAAS,mBAA+B;AACtC,MAAI;AAKJ,WAAS,YAAY,OAAuC;AAC1D,UAAM,QAAQ;AAEd,WAAO,QAAQ,gBAAAD,OAAQ,EAAE,QAAQ,CAAC,CAAC,MAAM,IAAI,MAAM;AACjD,YAAM,QAAQ,SAAS,MAAM;AAAA,IAC/B,CAAC;AAED,QAAI,CAAC,eAAe;AAClB,YAAM,YAAY;AAAA,IACpB;AAEA,QAAI,MAAM,MAAM,SAAS,aAAa,eAAe,SAAS,WAAW;AACvE,YAAM,aAAa;AAAA,IACrB,OAAO;AACL,YAAM,YAAY;AAAA,IACpB;AAEA,oBAAgB,MAAM;AAEtB,UAAM,YAAY,MAAM,MAAM,SAAS,YAAY,SAAS;AAC5D,UAAM,OAAO,MAAM,MAAM,SAAS;AAClC,UAAM,SAAS,MAAM,MAAM,SAAS;AAEpC,WAAO;AAAA,EACT;AAKA,WAAS,MAAM,OAAsB;AACnC,YAAQ,YAAY,KAAK,CAAC;AAAA,EAC5B;AAEA,QAAM,EAAE,KAAK,QAAQ,KAAK,SAAS,MAAM,QAAI,2BAAW;AAAA,IACtD,OAAO;AAAA,MACL,OAAO;AAAA,MACP,WAAW;AAAA,MACX,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,GAAG,mBAAmB;AAAA,IACxB;AAAA,IACA,OAAO;AACL,eAAS,iBAAiB,WAAW,KAAK;AAC1C,eAAS,iBAAiB,SAAS,KAAK;AAAA,IAC1C;AAAA,IACA,OAAO;AACL,eAAS,oBAAoB,WAAW,KAAK;AAC7C,eAAS,oBAAoB,SAAS,KAAK;AAAA,IAC7C;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": ["keyCodes", "key"]
-}

package/services/load.cjs

@@ -1,57 +0,0 @@
-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/services/load.ts
-var load_exports = {};
-__export(load_exports, {
-  default: () => useLoad
-});
-module.exports = __toCommonJS(load_exports);
-var import_service = require("./service.cjs");
-function createLoadService() {
-  function onLoad() {
-    props.time = window.performance.now();
-    trigger(props);
-  }
-  const { add, remove, has, props, trigger } = (0, import_service.useService)({
-    props: {
-      time: performance.now()
-    },
-    init() {
-      window.addEventListener("load", onLoad);
-    },
-    kill() {
-      window.removeEventListener("load", onLoad);
-    }
-  });
-  return {
-    add,
-    remove,
-    has,
-    props: () => props
-  };
-}
-var load;
-function useLoad() {
-  if (!load) {
-    load = createLoadService();
-  }
-  return load;
-}
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=load.cjs.map

package/services/load.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../packages/js-toolkit/services/load.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';\n\nexport type LoadService = ServiceInterface<LoadServiceProps>;\n\nexport interface LoadServiceProps {\n  time: DOMHighResTimeStamp;\n}\n\n/**\n * Get load service.\n *\n * @returns {LoadService}\n */\nfunction createLoadService() {\n  /**\n   * Trigger on load\n   *\n   * @returns {void}\n   */\n  function onLoad() {\n    // eslint-disable-next-line no-use-before-define\n    props.time = window.performance.now();\n    // eslint-disable-next-line no-use-before-define\n    trigger(props);\n  }\n\n  const { add, remove, has, props, trigger } = useService({\n    /**\n     * @type {LoadServiceProps}\n     */\n    props: {\n      time: performance.now(),\n    },\n    init() {\n      window.addEventListener('load', onLoad);\n    },\n    kill() {\n      window.removeEventListener('load', onLoad);\n    },\n  });\n\n  return {\n    add,\n    remove,\n    has,\n    props: () => props,\n  };\n}\n\nlet load;\n\n/**\n * Use the load service.\n *\n * @returns {LoadService}\n */\nexport default function useLoad() {\n  if (!load) {\n    load = createLoadService();\n  }\n\n  return load;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA2B;AAc3B,SAAS,oBAAoB;AAM3B,WAAS,SAAS;AAEhB,UAAM,OAAO,OAAO,YAAY,IAAI;AAEpC,YAAQ,KAAK;AAAA,EACf;AAEA,QAAM,EAAE,KAAK,QAAQ,KAAK,OAAO,QAAQ,QAAI,2BAAW;AAAA,IAItD,OAAO;AAAA,MACL,MAAM,YAAY,IAAI;AAAA,IACxB;AAAA,IACA,OAAO;AACL,aAAO,iBAAiB,QAAQ,MAAM;AAAA,IACxC;AAAA,IACA,OAAO;AACL,aAAO,oBAAoB,QAAQ,MAAM;AAAA,IAC3C;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,MAAM;AAAA,EACf;AACF;AAEA,IAAI;AAOW,SAAR,UAA2B;AAChC,MAAI,CAAC,MAAM;AACT,WAAO,kBAAkB;AAAA,EAC3B;AAEA,SAAO;AACT;",
-  "names": []
-}

package/services/pointer.cjs

@@ -1,145 +0,0 @@
-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/services/pointer.ts
-var pointer_exports = {};
-__export(pointer_exports, {
-  default: () => usePointer
-});
-module.exports = __toCommonJS(pointer_exports);
-var import_service = require("./service.cjs");
-var import_utils = require("../utils/index.cjs");
-function isTouchEvent(event) {
-  return typeof TouchEvent !== "undefined" && event instanceof TouchEvent;
-}
-var events = ["mousemove", "touchmove", "mousedown", "touchstart", "mouseup", "touchend"];
-function createPointerService(target) {
-  function getTargetSize() {
-    return (0, import_utils.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 } = (0, import_service.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 };
-      events.forEach((event) => {
-        document.addEventListener(event, handleEvent, options);
-      });
-    },
-    kill() {
-      events.forEach((event) => {
-        document.removeEventListener(event, handleEvent);
-      });
-    }
-  });
-  return {
-    add,
-    remove,
-    has,
-    props: () => props
-  };
-}
-var instances = /* @__PURE__ */ new Map();
-function usePointer(target) {
-  if (!instances.has(target)) {
-    instances.set(target, createPointerService(target));
-  }
-  return instances.get(target);
-}
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=pointer.cjs.map

package/services/pointer.cjs.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      events.forEach((event) => {\n        document.addEventListener(event, handleEvent, options);\n      });\n    },\n    kill() {\n      events.forEach((event) => {\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 | undefined): PointerService {\n  if (!instances.has(target)) {\n    instances.set(target, createPointerService(target));\n  }\n  return instances.get(target);\n}\n"],
-  "mappings": "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",
-  "names": ["targetSize"]
-}

package/services/raf.cjs

@@ -1,80 +0,0 @@
-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/services/raf.ts
-var raf_exports = {};
-__export(raf_exports, {
-  default: () => useRaf
-});
-module.exports = __toCommonJS(raf_exports);
-var import_service = require("./service.cjs");
-var import_nextFrame = require("../utils/nextFrame.cjs");
-var import_scheduler = require("../utils/scheduler.cjs");
-var import_is = require("../utils/is.cjs");
-var scheduler = (0, import_scheduler.useScheduler)(["update", "render"]);
-function createRafService() {
-  let isTicking = false;
-  const RAF = (0, import_nextFrame.getRaf)();
-  function trigger(props2) {
-    callbacks.forEach((callback) => {
-      scheduler.update(() => {
-        const render = callback(props2);
-        if ((0, import_is.isFunction)(render)) {
-          scheduler.render(() => {
-            render(props2);
-          });
-        }
-      });
-    });
-  }
-  function loop() {
-    props.time = performance.now();
-    trigger(props);
-    if (!isTicking) {
-      return;
-    }
-    RAF(loop);
-  }
-  const { add, remove, has, props, callbacks } = (0, import_service.useService)({
-    props: {
-      time: performance.now()
-    },
-    init() {
-      isTicking = true;
-      RAF(loop);
-    },
-    kill() {
-      isTicking = false;
-    }
-  });
-  return {
-    add,
-    remove,
-    has,
-    props: () => props
-  };
-}
-var raf;
-function useRaf() {
-  if (!raf) {
-    raf = createRafService();
-  }
-  return raf;
-}
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=raf.cjs.map

package/services/raf.cjs.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 { getRaf as getRequestAnimationFrame } from '../utils/nextFrame.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  const RAF = getRequestAnimationFrame();\n\n  /**\n   * Trigger callbacks.\n   */\n  function trigger(props: RafServiceProps) {\n    callbacks.forEach((callback) => {\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    RAF(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      RAF(loop);\n    },\n    kill() {\n      isTicking = false;\n    },\n  });\n\n  return {\n    add,\n    remove,\n    has,\n    props: () => props,\n  };\n}\n\nlet raf;\n\n/**\n * Use the RequestAnimationFrame (raf) service.\n */\nexport default function useRaf(): RafService {\n  if (!raf) {\n    raf = createRafService();\n  }\n\n  return raf;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA2B;AAC3B,uBAAmD;AACnD,uBAA6B;AAC7B,gBAA2B;AAG3B,IAAM,gBAAY,+BAAa,CAAC,UAAU,QAAQ,CAAC;AAWnD,SAAS,mBAA+B;AACtC,MAAI,YAAY;AAChB,QAAM,UAAM,iBAAAA,QAAyB;AAKrC,WAAS,QAAQC,QAAwB;AACvC,cAAU,QAAQ,CAAC,aAAa;AAC9B,gBAAU,OAAO,MAAM;AACrB,cAAM,SAAS,SAASA,MAAK;AAC7B,gBAAI,sBAAW,MAAM,GAAG;AACtB,oBAAU,OAAO,MAAM;AAErB,mBAAOA,MAAK;AAAA,UACd,CAAC;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAKA,WAAS,OAAO;AAEd,UAAM,OAAO,YAAY,IAAI;AAC7B,YAAQ,KAAK;AAEb,QAAI,CAAC,WAAW;AACd;AAAA,IACF;AAEA,QAAI,IAAI;AAAA,EACV;AAEA,QAAM,EAAE,KAAK,QAAQ,KAAK,OAAO,UAAU,QAAI,2BAAW;AAAA,IACxD,OAAO;AAAA,MACL,MAAM,YAAY,IAAI;AAAA,IACxB;AAAA,IACA,OAAO;AACL,kBAAY;AACZ,UAAI,IAAI;AAAA,IACV;AAAA,IACA,OAAO;AACL,kBAAY;AAAA,IACd;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,MAAM;AAAA,EACf;AACF;AAEA,IAAI;AAKW,SAAR,SAAsC;AAC3C,MAAI,CAAC,KAAK;AACR,UAAM,iBAAiB;AAAA,EACzB;AAEA,SAAO;AACT;",
-  "names": ["getRequestAnimationFrame", "props"]
-}

package/services/resize.cjs

@@ -1,103 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/js-toolkit/services/resize.ts
-var resize_exports = {};
-__export(resize_exports, {
-  default: () => useResize
-});
-module.exports = __toCommonJS(resize_exports);
-var import_service = require("./service.cjs");
-var import_debounce = __toESM(require("../utils/debounce.cjs"), 1);
-var breakpointElement;
-var breakpoints = [];
-function getBreakpointElement() {
-  if (!breakpointElement) {
-    breakpointElement = document.querySelector("[data-breakpoint]");
-  }
-  return breakpointElement;
-}
-function getBreakpoint() {
-  return getBreakpointElement() ? window.getComputedStyle(getBreakpointElement(), "::before").getPropertyValue("content").replaceAll('"', "") : void 0;
-}
-function getBreakpoints() {
-  if (!getBreakpointElement() || breakpoints.length) {
-    return breakpoints;
-  }
-  breakpoints = window.getComputedStyle(getBreakpointElement(), "::after").getPropertyValue("content").replaceAll('"', "").split(",");
-  return breakpoints;
-}
-function createResizeService() {
-  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 = (0, import_debounce.default)(() => {
-    trigger(updateProps());
-  });
-  const { add, remove, has, trigger, props } = (0, import_service.useService)({
-    props: {
-      width: window.innerWidth,
-      height: window.innerHeight,
-      ratio: window.innerWidth / window.innerHeight,
-      orientation: "square",
-      get breakpoint() {
-        return getBreakpoint();
-      },
-      get breakpoints() {
-        return getBreakpoints();
-      }
-    },
-    init() {
-      window.addEventListener("resize", onResize);
-    },
-    kill() {
-      window.removeEventListener("resize", onResize);
-    }
-  });
-  return {
-    add,
-    remove,
-    has,
-    props: () => props
-  };
-}
-var resize;
-function useResize() {
-  if (!resize) {
-    resize = createResizeService();
-  }
-  return resize;
-}
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=resize.cjs.map

package/services/resize.cjs.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 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": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA2B;AAC3B,sBAAqB;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,eAAW,gBAAAA,SAAS,MAAM;AAC9B,YAAQ,YAAY,CAAC;AAAA,EACvB,CAAC;AAED,QAAM,EAAE,KAAK,QAAQ,KAAK,SAAS,MAAM,QAAI,2BAAW;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": ["debounce"]
-}