@studiometa/js-toolkit 2.8.0 → 2.9.1

package/services/drag.js.map

@@ -1,7 +1,7 @@
 {
   "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 events = ['pointerdown', '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   * @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      events.forEach((event) => {\n        target.addEventListener(event, handleEvent, passiveEventOptions);\n      });\n      target.addEventListener('dragstart', handleEvent, { capture: true });\n      target.addEventListener('click', handleEvent, { capture: true });\n    },\n    kill() {\n      events.forEach((event) => {\n        target.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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",
+  "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   * @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": []
 }

package/utils/Queue.cjs

@@ -32,8 +32,11 @@ var Queue = class {
     this.waiter = waiter;
   }
   add(task) {
-    this.tasks.push(task);
+    const p = new Promise((resolve) => {
+      this.tasks.push(() => resolve(task()));
+    });
     this.scheduleFlush();
+    return p;
   }
   scheduleFlush() {
     if (this.isScheduled) {

package/utils/Queue.cjs.map

@@ -1,7 +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;",
+  "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: () => unknown) {\n    const p = new Promise((resolve) => {\n      this.tasks.push(() => resolve(task()));\n    });\n    this.scheduleFlush();\n    return p;\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,MAAqB;AACvB,UAAM,IAAI,IAAI,QAAQ,CAAC,YAAY;AACjC,WAAK,MAAM,KAAK,MAAM,QAAQ,KAAK,CAAC,CAAC;AAAA,IACvC,CAAC;AACD,SAAK,cAAc;AACnB,WAAO;AAAA,EACT;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

@@ -28,7 +28,7 @@ export declare class Queue {
     /**
      * Add a task to the queue.
      */
-    add(task: (...args: unknown[]) => unknown): void;
+    add(task: () => unknown): Promise<unknown>;
     /**
      * Schedule next flush.
      */

package/utils/Queue.js

@@ -8,8 +8,11 @@ class Queue {
     this.waiter = waiter;
   }
   add(task) {
-    this.tasks.push(task);
+    const p = new Promise((resolve) => {
+      this.tasks.push(() => resolve(task()));
+    });
     this.scheduleFlush();
+    return p;
   }
   scheduleFlush() {
     if (this.isScheduled) {

package/utils/Queue.js.map

@@ -1,7 +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;",
+  "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: () => unknown) {\n    const p = new Promise((resolve) => {\n      this.tasks.push(() => resolve(task()));\n    });\n    this.scheduleFlush();\n    return p;\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,MAAqB;AACvB,UAAM,IAAI,IAAI,QAAQ,CAAC,YAAY;AACjC,WAAK,MAAM,KAAK,MAAM,QAAQ,KAAK,CAAC,CAAC;AAAA,IACvC,CAAC;AACD,SAAK,cAAc;AACnB,WAAO;AAAA,EACT;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/SmartQueue.cjs

@@ -0,0 +1,57 @@
+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/utils/SmartQueue.ts
+var SmartQueue_exports = {};
+__export(SmartQueue_exports, {
+  SmartQueue: () => SmartQueue
+});
+module.exports = __toCommonJS(SmartQueue_exports);
+var import_Queue = require("./Queue.cjs");
+var import_nextTick = __toESM(require("./nextTick.cjs"), 1);
+var LONG_TASK_DURATION = 40;
+var SmartQueue = class extends import_Queue.Queue {
+  waiter = import_nextTick.default;
+  constructor() {
+    super(Number.POSITIVE_INFINITY, import_nextTick.default);
+  }
+  flush() {
+    this.run(this.tasks);
+    this.isScheduled = false;
+    if (this.tasks.length > 0) {
+      this.scheduleFlush();
+    }
+  }
+  run(tasks) {
+    let task;
+    const start = performance.now();
+    let now = start;
+    while (now - start < LONG_TASK_DURATION && (task = tasks.shift())) {
+      task();
+      now = performance.now();
+    }
+  }
+};
+if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=SmartQueue.cjs.map

package/utils/SmartQueue.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/js-toolkit/utils/SmartQueue.ts"],
+  "sourcesContent": ["import { Queue } from './Queue.js';\nimport nextTick from './nextTick.js';\n\n/**\n * A task is considered long if it blocks the main thread for more thant 50ms.\n * By using 40ms as a limit, we make the bet that we can avoid long running\n * tasks by dispatching small tasks smartly.\n * @see https://developer.mozilla.org/en-US/docs/Glossary/Long_task\n */\nconst LONG_TASK_DURATION = 40;\n\n/**\n * Manage tasks in a smart queue.\n * Tasks will be automatically batch-called inside a single event loop\n * lasting no more than 50ms, which is considered a long task.\n */\nexport class SmartQueue extends Queue {\n  /**\n   * A function to schedule the next batch.\n   */\n  waiter = nextTick;\n\n  /**\n   * Class constructor.\n   */\n  constructor() {\n    super(Number.POSITIVE_INFINITY, nextTick);\n  }\n\n  /**\n   * Flush current batch.\n   */\n  flush() {\n    this.run(this.tasks);\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    const start = performance.now();\n    let now = start;\n    // eslint-disable-next-line no-cond-assign\n    while (now - start < LONG_TASK_DURATION && (task = tasks.shift())) {\n      task();\n      now = performance.now();\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsB;AACtB,sBAAqB;AAQrB,IAAM,qBAAqB;AAOpB,IAAM,aAAN,cAAyB,mBAAM;AAAA,EAIpC,SAAS,gBAAAA;AAAA,EAKT,cAAc;AACZ,UAAM,OAAO,mBAAmB,gBAAAA,OAAQ;AAAA,EAC1C;AAAA,EAKA,QAAQ;AACN,SAAK,IAAI,KAAK,KAAK;AACnB,SAAK,cAAc;AAEnB,QAAI,KAAK,MAAM,SAAS,GAAG;AACzB,WAAK,cAAc;AAAA,IACrB;AAAA,EACF;AAAA,EAKA,IAAI,OAA+C;AACjD,QAAI;AACJ,UAAM,QAAQ,YAAY,IAAI;AAC9B,QAAI,MAAM;AAEV,WAAO,MAAM,QAAQ,uBAAuB,OAAO,MAAM,MAAM,IAAI;AACjE,WAAK;AACL,YAAM,YAAY,IAAI;AAAA,IACxB;AAAA,EACF;AACF;",
+  "names": ["nextTick"]
+}

package/utils/SmartQueue.d.ts

@@ -0,0 +1,25 @@
+import { Queue } from './Queue.js';
+import nextTick from './nextTick.js';
+/**
+ * Manage tasks in a smart queue.
+ * Tasks will be automatically batch-called inside a single event loop
+ * lasting no more than 50ms, which is considered a long task.
+ */
+export declare class SmartQueue extends Queue {
+    /**
+     * A function to schedule the next batch.
+     */
+    waiter: typeof nextTick;
+    /**
+     * Class constructor.
+     */
+    constructor();
+    /**
+     * Flush current batch.
+     */
+    flush(): void;
+    /**
+     * Run the queue.
+     */
+    run(tasks: Array<(...args: unknown[]) => unknown>): void;
+}

package/utils/SmartQueue.js

@@ -0,0 +1,29 @@
+import { Queue } from "./Queue.js";
+import nextTick from "./nextTick.js";
+const LONG_TASK_DURATION = 40;
+class SmartQueue extends Queue {
+  waiter = nextTick;
+  constructor() {
+    super(Number.POSITIVE_INFINITY, nextTick);
+  }
+  flush() {
+    this.run(this.tasks);
+    this.isScheduled = false;
+    if (this.tasks.length > 0) {
+      this.scheduleFlush();
+    }
+  }
+  run(tasks) {
+    let task;
+    const start = performance.now();
+    let now = start;
+    while (now - start < LONG_TASK_DURATION && (task = tasks.shift())) {
+      task();
+      now = performance.now();
+    }
+  }
+}
+export {
+  SmartQueue
+};
+//# sourceMappingURL=SmartQueue.js.map

package/utils/SmartQueue.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/js-toolkit/utils/SmartQueue.ts"],
+  "sourcesContent": ["import { Queue } from './Queue.js';\nimport nextTick from './nextTick.js';\n\n/**\n * A task is considered long if it blocks the main thread for more thant 50ms.\n * By using 40ms as a limit, we make the bet that we can avoid long running\n * tasks by dispatching small tasks smartly.\n * @see https://developer.mozilla.org/en-US/docs/Glossary/Long_task\n */\nconst LONG_TASK_DURATION = 40;\n\n/**\n * Manage tasks in a smart queue.\n * Tasks will be automatically batch-called inside a single event loop\n * lasting no more than 50ms, which is considered a long task.\n */\nexport class SmartQueue extends Queue {\n  /**\n   * A function to schedule the next batch.\n   */\n  waiter = nextTick;\n\n  /**\n   * Class constructor.\n   */\n  constructor() {\n    super(Number.POSITIVE_INFINITY, nextTick);\n  }\n\n  /**\n   * Flush current batch.\n   */\n  flush() {\n    this.run(this.tasks);\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    const start = performance.now();\n    let now = start;\n    // eslint-disable-next-line no-cond-assign\n    while (now - start < LONG_TASK_DURATION && (task = tasks.shift())) {\n      task();\n      now = performance.now();\n    }\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,OAAO,cAAc;AAQrB,MAAM,qBAAqB;AAOpB,MAAM,mBAAmB,MAAM;AAAA,EAIpC,SAAS;AAAA,EAKT,cAAc;AACZ,UAAM,OAAO,mBAAmB,QAAQ;AAAA,EAC1C;AAAA,EAKA,QAAQ;AACN,SAAK,IAAI,KAAK,KAAK;AACnB,SAAK,cAAc;AAEnB,QAAI,KAAK,MAAM,SAAS,GAAG;AACzB,WAAK,cAAc;AAAA,IACrB;AAAA,EACF;AAAA,EAKA,IAAI,OAA+C;AACjD,QAAI;AACJ,UAAM,QAAQ,YAAY,IAAI;AAC9B,QAAI,MAAM;AAEV,WAAO,MAAM,QAAQ,uBAAuB,OAAO,MAAM,MAAM,IAAI;AACjE,WAAK;AACL,YAAM,YAAY,IAAI;AAAA,IACxB;AAAA,EACF;AACF;",
+  "names": []
+}

package/utils/index.cjs

@@ -27,6 +27,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   Queue: () => import_Queue.Queue,
+  SmartQueue: () => import_SmartQueue.SmartQueue,
   debounce: () => import_debounce.default,
   focusTrap: () => import_focusTrap.default,
   historyPush: () => import_history.push,
@@ -62,6 +63,8 @@ __reExport(utils_exports, require("./scheduler.cjs"), module.exports);
 __reExport(utils_exports, require("./noop.cjs"), module.exports);
 var import_tween = require("./tween.cjs");
 var import_Queue = require("./Queue.cjs");
+var import_SmartQueue = require("./SmartQueue.cjs");
 __reExport(utils_exports, require("./dom/index.cjs"), module.exports);
+__reExport(utils_exports, require("./wait.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;
 //# sourceMappingURL=index.cjs.map

package/utils/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../packages/js-toolkit/utils/index.ts"],
-  "sourcesContent": ["export { default as debounce } from './debounce.js';\nexport { default as focusTrap } from './focusTrap.js';\nexport { default as keyCodes } from './keyCodes.js';\nexport { default as memoize } from './memoize.js';\nexport { nextFrame } from './nextFrame.js';\nexport { default as nextTick } from './nextTick.js';\nexport { default as nextMicrotask } from './nextMicrotask.js';\nexport { default as throttle } from './throttle.js';\nexport { default as scrollTo } from './scrollTo.js';\nexport * from './is.js';\nexport * from './has.js';\n// eslint-disable-next-line import/extensions\nexport * from './css/index.js';\nexport {\n  objectToURLSearchParams,\n  push as historyPush,\n  replace as historyReplace,\n} from './history.js';\nexport * from './collide/index.js';\nexport * from './math/index.js';\nexport * from './string/index.js';\nexport * from './scheduler.js';\nexport * from './noop.js';\nexport { tween } from './tween.js';\nexport { Queue } from './Queue.js';\nexport * from './dom/index.js';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAoC;AACpC,uBAAqC;AACrC,sBAAoC;AACpC,qBAAmC;AACnC,uBAA0B;AAC1B,sBAAoC;AACpC,2BAAyC;AACzC,sBAAoC;AACpC,sBAAoC;AACpC,0BAAc,qBATd;AAUA,0BAAc,sBAVd;AAYA,0BAAc,4BAZd;AAaA,qBAIO;AACP,0BAAc,gCAlBd;AAmBA,0BAAc,6BAnBd;AAoBA,0BAAc,+BApBd;AAqBA,0BAAc,4BArBd;AAsBA,0BAAc,uBAtBd;AAuBA,mBAAsB;AACtB,mBAAsB;AACtB,0BAAc,4BAzBd;",
+  "sourcesContent": ["export { default as debounce } from './debounce.js';\nexport { default as focusTrap } from './focusTrap.js';\nexport { default as keyCodes } from './keyCodes.js';\nexport { default as memoize } from './memoize.js';\nexport { nextFrame } from './nextFrame.js';\nexport { default as nextTick } from './nextTick.js';\nexport { default as nextMicrotask } from './nextMicrotask.js';\nexport { default as throttle } from './throttle.js';\nexport { default as scrollTo } from './scrollTo.js';\nexport * from './is.js';\nexport * from './has.js';\n// eslint-disable-next-line import/extensions\nexport * from './css/index.js';\nexport {\n  objectToURLSearchParams,\n  push as historyPush,\n  replace as historyReplace,\n} from './history.js';\nexport * from './collide/index.js';\nexport * from './math/index.js';\nexport * from './string/index.js';\nexport * from './scheduler.js';\nexport * from './noop.js';\nexport { tween } from './tween.js';\nexport { Queue } from './Queue.js';\nexport { SmartQueue } from './SmartQueue.js';\nexport * from './dom/index.js';\nexport * from './wait.js';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAoC;AACpC,uBAAqC;AACrC,sBAAoC;AACpC,qBAAmC;AACnC,uBAA0B;AAC1B,sBAAoC;AACpC,2BAAyC;AACzC,sBAAoC;AACpC,sBAAoC;AACpC,0BAAc,qBATd;AAUA,0BAAc,sBAVd;AAYA,0BAAc,4BAZd;AAaA,qBAIO;AACP,0BAAc,gCAlBd;AAmBA,0BAAc,6BAnBd;AAoBA,0BAAc,+BApBd;AAqBA,0BAAc,4BArBd;AAsBA,0BAAc,uBAtBd;AAuBA,mBAAsB;AACtB,mBAAsB;AACtB,wBAA2B;AAC3B,0BAAc,4BA1Bd;AA2BA,0BAAc,uBA3Bd;",
   "names": []
 }

package/utils/index.d.ts

@@ -18,4 +18,6 @@ export * from './scheduler.js';
 export * from './noop.js';
 export { tween } from './tween.js';
 export { Queue } from './Queue.js';
+export { SmartQueue } from './SmartQueue.js';
 export * from './dom/index.js';
+export * from './wait.js';

package/utils/index.js

@@ -22,9 +22,12 @@ export * from "./scheduler.js";
 export * from "./noop.js";
 import { tween } from "./tween.js";
 import { Queue } from "./Queue.js";
+import { SmartQueue } from "./SmartQueue.js";
 export * from "./dom/index.js";
+export * from "./wait.js";
 export {
   Queue,
+  SmartQueue,
   default2 as debounce,
   default3 as focusTrap,
   push as historyPush,

package/utils/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../packages/js-toolkit/utils/index.ts"],
-  "sourcesContent": ["export { default as debounce } from './debounce.js';\nexport { default as focusTrap } from './focusTrap.js';\nexport { default as keyCodes } from './keyCodes.js';\nexport { default as memoize } from './memoize.js';\nexport { nextFrame } from './nextFrame.js';\nexport { default as nextTick } from './nextTick.js';\nexport { default as nextMicrotask } from './nextMicrotask.js';\nexport { default as throttle } from './throttle.js';\nexport { default as scrollTo } from './scrollTo.js';\nexport * from './is.js';\nexport * from './has.js';\n// eslint-disable-next-line import/extensions\nexport * from './css/index.js';\nexport {\n  objectToURLSearchParams,\n  push as historyPush,\n  replace as historyReplace,\n} from './history.js';\nexport * from './collide/index.js';\nexport * from './math/index.js';\nexport * from './string/index.js';\nexport * from './scheduler.js';\nexport * from './noop.js';\nexport { tween } from './tween.js';\nexport { Queue } from './Queue.js';\nexport * from './dom/index.js';\n"],
-  "mappings": "AAAA,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAA4B;AACrC,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAA0B;AACnC,SAAS,iBAAiB;AAC1B,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAAgC;AACzC,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAA2B;AACpC,cAAc;AACd,cAAc;AAEd,cAAc;AACd;AAAA,EACE;AAAA,EACQ;AAAA,EACG;AAAA,OACN;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,cAAc;",
+  "sourcesContent": ["export { default as debounce } from './debounce.js';\nexport { default as focusTrap } from './focusTrap.js';\nexport { default as keyCodes } from './keyCodes.js';\nexport { default as memoize } from './memoize.js';\nexport { nextFrame } from './nextFrame.js';\nexport { default as nextTick } from './nextTick.js';\nexport { default as nextMicrotask } from './nextMicrotask.js';\nexport { default as throttle } from './throttle.js';\nexport { default as scrollTo } from './scrollTo.js';\nexport * from './is.js';\nexport * from './has.js';\n// eslint-disable-next-line import/extensions\nexport * from './css/index.js';\nexport {\n  objectToURLSearchParams,\n  push as historyPush,\n  replace as historyReplace,\n} from './history.js';\nexport * from './collide/index.js';\nexport * from './math/index.js';\nexport * from './string/index.js';\nexport * from './scheduler.js';\nexport * from './noop.js';\nexport { tween } from './tween.js';\nexport { Queue } from './Queue.js';\nexport { SmartQueue } from './SmartQueue.js';\nexport * from './dom/index.js';\nexport * from './wait.js';\n"],
+  "mappings": "AAAA,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAA4B;AACrC,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAA0B;AACnC,SAAS,iBAAiB;AAC1B,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAAgC;AACzC,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAA2B;AACpC,cAAc;AACd,cAAc;AAEd,cAAc;AACd;AAAA,EACE;AAAA,EACQ;AAAA,EACG;AAAA,OACN;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAC3B,cAAc;AACd,cAAc;",
   "names": ["default"]
 }

package/utils/nextTick.cjs

@@ -23,12 +23,9 @@ __export(nextTick_exports, {
 });
 module.exports = __toCommonJS(nextTick_exports);
 var import_is = require("./is.cjs");
+var import_wait = require("./wait.cjs");
 async function nextTick(fn) {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve((0, import_is.isFunction)(fn) && fn());
-    }, 0);
-  });
+  return (0, import_wait.wait)().then((0, import_is.isFunction)(fn) && fn);
 }
 if (module.exports.default) module.exports = module.exports.default;
 //# sourceMappingURL=nextTick.cjs.map

package/utils/nextTick.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../packages/js-toolkit/utils/nextTick.ts"],
-  "sourcesContent": ["import { isFunction } from './is.js';\n\n/**\n * Wait for the next tick.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default async function nextTick<T extends () => any>(\n  fn?: T,\n): Promise<T extends void ? void : ReturnType<T>> {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(isFunction(fn) && (fn() as ReturnType<T>));\n    }, 0);\n  });\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAA2B;AAM3B,eAAO,SACL,IACgD;AAChD,SAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,eAAW,MAAM;AACf,kBAAQ,sBAAW,EAAE,KAAM,GAAG,CAAmB;AAAA,IACnD,GAAG,CAAC;AAAA,EACN,CAAC;AACH;",
+  "sourcesContent": ["import { isFunction } from './is.js';\nimport { wait } from './wait.js';\n\n/**\n * Wait for the next tick.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default async function nextTick<T extends () => any>(\n  fn?: T,\n): Promise<T extends void ? void : ReturnType<T>> {\n  return wait().then(isFunction(fn) && (fn as ReturnType<T>));\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAA2B;AAC3B,kBAAqB;AAMrB,eAAO,SACL,IACgD;AAChD,aAAO,kBAAK,EAAE,SAAK,sBAAW,EAAE,KAAM,EAAoB;AAC5D;",
   "names": []
 }

package/utils/nextTick.js

@@ -1,10 +1,7 @@
 import { isFunction } from "./is.js";
+import { wait } from "./wait.js";
 async function nextTick(fn) {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve(isFunction(fn) && fn());
-    }, 0);
-  });
+  return wait().then(isFunction(fn) && fn);
 }
 export {
   nextTick as default

package/utils/nextTick.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../packages/js-toolkit/utils/nextTick.ts"],
-  "sourcesContent": ["import { isFunction } from './is.js';\n\n/**\n * Wait for the next tick.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default async function nextTick<T extends () => any>(\n  fn?: T,\n): Promise<T extends void ? void : ReturnType<T>> {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(isFunction(fn) && (fn() as ReturnType<T>));\n    }, 0);\n  });\n}\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAM3B,eAAO,SACL,IACgD;AAChD,SAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,eAAW,MAAM;AACf,cAAQ,WAAW,EAAE,KAAM,GAAG,CAAmB;AAAA,IACnD,GAAG,CAAC;AAAA,EACN,CAAC;AACH;",
+  "sourcesContent": ["import { isFunction } from './is.js';\nimport { wait } from './wait.js';\n\n/**\n * Wait for the next tick.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default async function nextTick<T extends () => any>(\n  fn?: T,\n): Promise<T extends void ? void : ReturnType<T>> {\n  return wait().then(isFunction(fn) && (fn as ReturnType<T>));\n}\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AAMrB,eAAO,SACL,IACgD;AAChD,SAAO,KAAK,EAAE,KAAK,WAAW,EAAE,KAAM,EAAoB;AAC5D;",
   "names": []
 }

package/utils/wait.cjs

@@ -0,0 +1,31 @@
+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/wait.ts
+var wait_exports = {};
+__export(wait_exports, {
+  wait: () => wait
+});
+module.exports = __toCommonJS(wait_exports);
+function wait(delay = 0) {
+  return new Promise((resolve) => {
+    setTimeout(resolve, delay);
+  });
+}
+if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=wait.cjs.map

package/utils/wait.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/js-toolkit/utils/wait.ts"],
+  "sourcesContent": ["export function wait(delay = 0) {\n  return new Promise((resolve) => {\n    setTimeout(resolve, delay);\n  });\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,KAAK,QAAQ,GAAG;AAC9B,SAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,eAAW,SAAS,KAAK;AAAA,EAC3B,CAAC;AACH;",
+  "names": []
+}

package/utils/wait.d.ts

@@ -0,0 +1 @@
+export declare function wait(delay?: number): Promise<unknown>;

package/utils/wait.js

@@ -0,0 +1,9 @@
+function wait(delay = 0) {
+  return new Promise((resolve) => {
+    setTimeout(resolve, delay);
+  });
+}
+export {
+  wait
+};
+//# sourceMappingURL=wait.js.map

package/utils/wait.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/js-toolkit/utils/wait.ts"],
+  "sourcesContent": ["export function wait(delay = 0) {\n  return new Promise((resolve) => {\n    setTimeout(resolve, delay);\n  });\n}\n"],
+  "mappings": "AAAO,SAAS,KAAK,QAAQ,GAAG;AAC9B,SAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,eAAW,SAAS,KAAK;AAAA,EAC3B,CAAC;AACH;",
+  "names": []
+}

package/Base/managers/AsyncChildrenManager.cjs

@@ -1,61 +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/Base/managers/AsyncChildrenManager.ts
-var AsyncChildrenManager_exports = {};
-__export(AsyncChildrenManager_exports, {
-  AsyncChildrenManager: () => AsyncChildrenManager
-});
-module.exports = __toCommonJS(AsyncChildrenManager_exports);
-var import_ChildrenManager = require("./ChildrenManager.cjs");
-var import_utils = require("../../utils/index.cjs");
-var queue = new import_utils.Queue(10, import_utils.nextTick);
-var AsyncChildrenManager = class extends import_ChildrenManager.ChildrenManager {
-  registerAll() {
-    Object.entries(this.__config.components).forEach(([name, component]) => {
-      queue.add(() => this.__register(name, component));
-    });
-  }
-  __register(name, component) {
-    Object.defineProperty(this, name, {
-      enumerable: true,
-      configurable: true,
-      value: this.__getValue(name, component).map((childOrPromise) => {
-        if (childOrPromise instanceof Promise) {
-          childOrPromise.then((child) => {
-            if (child !== "terminated") {
-              this.__triggerHook("$mount", child, name);
-            }
-          });
-        } else if (childOrPromise !== "terminated") {
-          this.__triggerHook("$mount", childOrPromise, name);
-        }
-        return childOrPromise;
-      })
-    });
-  }
-  __triggerHook(hook, instance, name) {
-    queue.add(() => {
-      super.__triggerHook(hook, instance, name);
-    });
-  }
-  mountAll() {
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=AsyncChildrenManager.cjs.map

package/Base/managers/AsyncChildrenManager.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/js-toolkit/Base/managers/AsyncChildrenManager.ts"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-use-before-define */\nimport type { Base, BaseConstructor, BaseAsyncConstructor } from '../index.js';\nimport { ChildrenManager } from './ChildrenManager.js';\nimport { Queue, nextTick } from '../../utils/index.js';\n\nconst queue = new Queue(10, nextTick);\n\n/**\n * Children manager.\n */\nexport class AsyncChildrenManager extends ChildrenManager {\n  /**\n   * Register instances of all children components.\n   */\n  registerAll() {\n    Object.entries(this.__config.components).forEach(([name, component]) => {\n      queue.add(() => this.__register(name, component));\n    });\n  }\n\n  __register(name: string, component: BaseConstructor | BaseAsyncConstructor): void {\n    Object.defineProperty(this, name, {\n      enumerable: true,\n      configurable: true,\n      value: this.__getValue(name, component).map((childOrPromise) => {\n        if (childOrPromise instanceof Promise) {\n          childOrPromise.then((child) => {\n            if (child !== 'terminated') {\n              this.__triggerHook('$mount', child, name);\n            }\n          });\n        } else if (childOrPromise !== 'terminated') {\n          this.__triggerHook('$mount', childOrPromise, name);\n        }\n\n        return childOrPromise;\n      }),\n    });\n  }\n\n  __triggerHook(hook: '$mount' | '$update' | '$destroy', instance: Base, name: string): void {\n    queue.add(() => {\n      super.__triggerHook(hook, instance, name);\n    });\n  }\n\n  /**\n   * Children are mounted right after they are registered in this AsyncChildrenManager class, so we\n   * do not need to do anything in the `mountAll` method.\n   */\n  mountAll(): void {\n    // silence is golden\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,6BAAgC;AAChC,mBAAgC;AAEhC,IAAM,QAAQ,IAAI,mBAAM,IAAI,qBAAQ;AAK7B,IAAM,uBAAN,cAAmC,uCAAgB;AAAA,EAIxD,cAAc;AACZ,WAAO,QAAQ,KAAK,SAAS,UAAU,EAAE,QAAQ,CAAC,CAAC,MAAM,SAAS,MAAM;AACtE,YAAM,IAAI,MAAM,KAAK,WAAW,MAAM,SAAS,CAAC;AAAA,IAClD,CAAC;AAAA,EACH;AAAA,EAEA,WAAW,MAAc,WAAyD;AAChF,WAAO,eAAe,MAAM,MAAM;AAAA,MAChC,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,OAAO,KAAK,WAAW,MAAM,SAAS,EAAE,IAAI,CAAC,mBAAmB;AAC9D,YAAI,0BAA0B,SAAS;AACrC,yBAAe,KAAK,CAAC,UAAU;AAC7B,gBAAI,UAAU,cAAc;AAC1B,mBAAK,cAAc,UAAU,OAAO,IAAI;AAAA,YAC1C;AAAA,UACF,CAAC;AAAA,QACH,WAAW,mBAAmB,cAAc;AAC1C,eAAK,cAAc,UAAU,gBAAgB,IAAI;AAAA,QACnD;AAEA,eAAO;AAAA,MACT,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAAA,EAEA,cAAc,MAAyC,UAAgB,MAAoB;AACzF,UAAM,IAAI,MAAM;AACd,YAAM,cAAc,MAAM,UAAU,IAAI;AAAA,IAC1C,CAAC;AAAA,EACH;AAAA,EAMA,WAAiB;AAAA,EAEjB;AACF;",
-  "names": []
-}

package/Base/managers/AsyncChildrenManager.d.ts

@@ -1,18 +0,0 @@
-import type { Base, BaseConstructor, BaseAsyncConstructor } from '../index.js';
-import { ChildrenManager } from './ChildrenManager.js';
-/**
- * Children manager.
- */
-export declare class AsyncChildrenManager extends ChildrenManager {
-    /**
-     * Register instances of all children components.
-     */
-    registerAll(): void;
-    __register(name: string, component: BaseConstructor | BaseAsyncConstructor): void;
-    __triggerHook(hook: '$mount' | '$update' | '$destroy', instance: Base, name: string): void;
-    /**
-     * Children are mounted right after they are registered in this AsyncChildrenManager class, so we
-     * do not need to do anything in the `mountAll` method.
-     */
-    mountAll(): void;
-}

package/Base/managers/AsyncChildrenManager.js

@@ -1,39 +0,0 @@
-import { ChildrenManager } from "./ChildrenManager.js";
-import { Queue, nextTick } from "../../utils/index.js";
-const queue = new Queue(10, nextTick);
-class AsyncChildrenManager extends ChildrenManager {
-  registerAll() {
-    Object.entries(this.__config.components).forEach(([name, component]) => {
-      queue.add(() => this.__register(name, component));
-    });
-  }
-  __register(name, component) {
-    Object.defineProperty(this, name, {
-      enumerable: true,
-      configurable: true,
-      value: this.__getValue(name, component).map((childOrPromise) => {
-        if (childOrPromise instanceof Promise) {
-          childOrPromise.then((child) => {
-            if (child !== "terminated") {
-              this.__triggerHook("$mount", child, name);
-            }
-          });
-        } else if (childOrPromise !== "terminated") {
-          this.__triggerHook("$mount", childOrPromise, name);
-        }
-        return childOrPromise;
-      })
-    });
-  }
-  __triggerHook(hook, instance, name) {
-    queue.add(() => {
-      super.__triggerHook(hook, instance, name);
-    });
-  }
-  mountAll() {
-  }
-}
-export {
-  AsyncChildrenManager
-};
-//# sourceMappingURL=AsyncChildrenManager.js.map