vueless/ui.loader-progress/utilLoaderProgress.ts

Vue Styleless UI Component Library, powered by Tailwind CSS.

export function loaderProgressOn(request: string | string[]): void {
  const loaderProgressOnEvent = new CustomEvent("loaderProgressOn", { detail: { request } });

  window.dispatchEvent(loaderProgressOnEvent);
}

export function loaderProgressOff(request: string | string[]): void {
  const loaderProgressOffEvent = new CustomEvent("loaderProgressOff", { detail: { request } });

  window.dispatchEvent(loaderProgressOffEvent);
}

export function clamp(n: number, min: number, max: number): number {
  if (n < min) {
    return min;
  }

  if (n > max) {
    return max;
  }

  return n;
}

export const queue = (() => {
  const pending: ((next: () => void) => void)[] = [];

  function next(): void {
    const fn = pending.shift();

    if (fn) {
      fn(next);
    }
  }

  return (fn: (next: () => void) => void): void => {
    pending.push(fn);

    if (pending.length === 1) {
      next();
    }
  };
})();