Helpers: {
getElementById: (id: string | null | undefined) => HTMLElement | null;
querySelector: (selector: string, parent?: ParentNode) => Element | null;
querySelectorAll: (selector: string, parent?: ParentNode) => Element[];
applyCssText: (el: HTMLElement, css: string) => void;
addClass: (
element: Element | null | undefined,
...classNames: string[],
) => void;
removeClass: (
element: Element | null | undefined,
...classNames: string[],
) => void;
toggleClass: (
element: Element | null | undefined,
className: string,
force?: boolean,
) => boolean;
hasClass: (
element: Element | null | undefined,
className: string,
) => boolean;
removeElement: (element: Node | null | undefined) => void;
requestFrame: (callback: FrameRequestCallback) => number;
cancelFrame: (id: number) => void;
createAbortController: (timeout?: number) => AbortController;
lazyLoadImage: (
img: HTMLImageElement,
options?: { threshold?: number },
) => void;
lazyExecute: (callback: () => void, timeout?: number) => void;
clearObject: (obj: Record<string, unknown> | null | undefined) => void;
createFragment: (children?: HTMLElement[]) => DocumentFragment;
addEventListener: (
element: EventTarget | null | undefined,
event: string,
handler: EventListenerOrEventListenerObject,
options?: boolean | AddEventListenerOptions,
) => () => void;
addEventListeners: (
element: EventTarget | null | undefined,
events: Record<string, EventListenerOrEventListenerObject>,
options?: boolean | AddEventListenerOptions,
) => () => void;
delegateEvent: (
parent: EventTarget | null | undefined,
event: string,
selector: string,
handler: (this: Element, e: Event) => void,
) => () => void;
deepClone: <T>(obj: T, seen?: WeakMap<object, unknown>) => T;
isEmpty: (value: unknown) => boolean;
wait: (ms: number) => Promise<void>;
retryWithBackoff: <T>(
fn: () => Promise<T>,
maxRetries?: number,
delay?: number,
) => Promise<T>;
} = ...
Type Declaration
getElementById: (id: string | null | undefined) => HTMLElement | null
querySelector: (selector: string, parent?: ParentNode) => Element | null
querySelectorAll: (selector: string, parent?: ParentNode) => Element[]
applyCssText: (el: HTMLElement, css: string) => void
addClass: (element: Element | null | undefined, ...classNames: string[]) => void
removeClass: (element: Element | null | undefined, ...classNames: string[]) => void
toggleClass: (
element: Element | null | undefined,
className: string,
force?: boolean,
) => boolean
hasClass: (element: Element | null | undefined, className: string) => boolean
removeElement: (element: Node | null | undefined) => void
requestFrame: (callback: FrameRequestCallback) => number
cancelFrame: (id: number) => void
createAbortController: (timeout?: number) => AbortController
lazyLoadImage: (img: HTMLImageElement, options?: { threshold?: number }) => void
lazyExecute: (callback: () => void, timeout?: number) => void
clearObject: (obj: Record<string, unknown> | null | undefined) => void
createFragment: (children?: HTMLElement[]) => DocumentFragment
addEventListener: (
element: EventTarget | null | undefined,
event: string,
handler: EventListenerOrEventListenerObject,
options?: boolean | AddEventListenerOptions,
) => () => void
addEventListeners: (
element: EventTarget | null | undefined,
events: Record<string, EventListenerOrEventListenerObject>,
options?: boolean | AddEventListenerOptions,
) => () => void
delegateEvent: (
parent: EventTarget | null | undefined,
event: string,
selector: string,
handler: (this: Element, e: Event) => void,
) => () => void
deepClone: <T>(obj: T, seen?: WeakMap<object, unknown>) => T
isEmpty: (value: unknown) => boolean
wait: (ms: number) => Promise<void>
retryWithBackoff: <T>(fn: () => Promise<T>, maxRetries?: number, delay?: number) => Promise<T>