ng-virtual-list 0.7.2 → 14.0.0

package/lib/models/sticky-map.model.d.ts

@@ -1,6 +1,12 @@
-export interface IVirtualListStickyMap {
-    /**
-     * Sets zIndex for the element ID. If zIndex is greater than 0, then sticky position is applied.
-     */
-    [id: string]: number;
-}
+/**
+ * Dictionary zIndex by id of the list element. If the value is not set or equal to 0, then a simple element is displayed, if the value is greater than 0, then the sticky position mode is enabled for the element.
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/models/sticky-map.model.ts
+ * @author Evgenii Grebennikov
+ * @email djonnyx@gmail.com
+ */
+export interface IVirtualListStickyMap {
+    /**
+     * Sets zIndex for the element ID. If zIndex is greater than 0, then sticky position is applied.
+     */
+    [id: string]: number;
+}

package/lib/ng-virtual-list.component.d.ts

@@ -1,110 +1,151 @@
-import { AfterViewInit, ComponentRef, ElementRef, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
-import { NgVirtualListItemComponent } from './components/ng-virtual-list-item.component';
-import { IVirtualListCollection, IVirtualListStickyMap } from './models';
-import { Id } from './types';
-import { IRenderVirtualListCollection } from './models/render-collection.model';
-import { Direction } from './enums';
-import * as i0 from "@angular/core";
-/**
- * Virtual list component.
- * Maximum performance for extremely large lists.
- * It is based on algorithms for virtualization of screen objects.
- * @homepage https://github.com/DjonnyX/ng-virtual-list/tree/main/projects/ng-virtual-list
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-export declare class NgVirtualListComponent implements AfterViewInit, OnDestroy {
-    private static __nextId;
-    private _id;
-    /**
-     * Readonly. Returns the unique identifier of the component.
-     */
-    get id(): number;
-    protected _listContainerRef: ViewContainerRef | undefined;
-    protected _container: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
-    protected _list: import("@angular/core").Signal<ElementRef<HTMLUListElement> | undefined>;
-    /**
-     * Fires when the list has been scrolled.
-     */
-    onScroll: import("@angular/core").OutputEmitterRef<Event | undefined>;
-    /**
-     * Fires when the list has completed scrolling.
-     */
-    onScrollEnd: import("@angular/core").OutputEmitterRef<Event | undefined>;
-    /**
-     * Collection of list items.
-     */
-    items: import("@angular/core").InputSignal<IVirtualListCollection>;
-    /**
-     * Determines whether elements will snap. Default value is "true".
-     */
-    snap: import("@angular/core").InputSignal<boolean>;
-    /**
-     * Determines whether scroll positions will be snapped to the element. Default value is "false".
-     */
-    snapToItem: import("@angular/core").InputSignal<boolean>;
-    /**
-     * Rendering element template.
-     */
-    itemRenderer: import("@angular/core").InputSignal<TemplateRef<any>>;
-    /**
-     * Dictionary zIndex by id of the list element. If the value is not set or equal to 0,
-     * then a simple element is displayed, if the value is greater than 0, then the sticky position mode is enabled for the element.
-     */
-    stickyMap: import("@angular/core").InputSignal<IVirtualListStickyMap>;
-    /**
-     * If direction = 'vertical', then the height of a typical element. If direction = 'horizontal', then the width of a typical element.
-     * Ignored if the dynamicSize property is true.
-     */
-    itemSize: import("@angular/core").InputSignal<number>;
-    /**
-     * If true then the items in the list can have different sizes and the itemSize property is ignored.
-     * If false then the items in the list have a fixed size specified by the itemSize property. The default value is false.
-     */
-    dynamicSize: import("@angular/core").InputSignal<boolean>;
-    /**
-     * Determines the direction in which elements are placed. Default value is "vertical".
-     */
-    direction: import("@angular/core").InputSignal<Direction>;
-    /**
-     * Number of elements outside the scope of visibility. Default value is 2.
-     */
-    itemsOffset: import("@angular/core").InputSignal<number>;
-    private _isVertical;
-    protected _displayItems: import("@angular/core").WritableSignal<IRenderVirtualListCollection | null>;
-    protected _displayComponents: Array<ComponentRef<NgVirtualListItemComponent>>;
-    protected _bounds: import("@angular/core").WritableSignal<DOMRect | null>;
-    protected _scrollSize: import("@angular/core").WritableSignal<number>;
-    private _resizeObserver;
-    private _onResizeHandler;
-    private _onScrollHandler;
-    private _onScrollEndHandler;
-    private _elementRef;
-    private _initialized;
-    /**
-     * Dictionary of element sizes by their id
-     */
-    private _trackBox;
-    private _onTrackBoxChangeHandler;
-    private _$cacheVersion;
-    get $cacheVersion(): import("rxjs").Observable<number>;
-    constructor();
-    ngOnInit(): void;
-    private getIsVertical;
-    private createDisplayComponentsIfNeed;
-    private resetRenderers;
-    /**
-     * tracking by id
-     */
-    protected tracking(): void;
-    private resetBoundsSize;
-    /**
-     * The method scrolls the list to the element with the given id and returns the value of the scrolled area.
-     * Behavior accepts the values ​​"auto", "instant" and "smooth".
-     */
-    scrollTo(id: Id, behavior?: ScrollBehavior): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgVirtualListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgVirtualListComponent, "ng-virtual-list", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "snap": { "alias": "snap"; "required": false; "isSignal": true; }; "snapToItem": { "alias": "snapToItem"; "required": false; "isSignal": true; }; "itemRenderer": { "alias": "itemRenderer"; "required": true; "isSignal": true; }; "stickyMap": { "alias": "stickyMap"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "dynamicSize": { "alias": "dynamicSize"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "itemsOffset": { "alias": "itemsOffset"; "required": false; "isSignal": true; }; }, { "onScroll": "onScroll"; "onScrollEnd": "onScrollEnd"; }, never, never, true, never>;
-}
+import { AfterViewInit, ChangeDetectorRef, ComponentRef, ElementRef, EventEmitter, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { NgVirtualListItemComponent } from './components/ng-virtual-list-item.component';
+import { IVirtualListCollection, IVirtualListStickyMap } from './models';
+import { Id } from './types';
+import { Direction } from './enums';
+import { DisposableComponent } from './utils';
+import * as i0 from "@angular/core";
+/**
+ * Virtual list component.
+ * Maximum performance for extremely large lists.
+ * It is based on algorithms for virtualization of screen objects.
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/ng-virtual-list.component.ts
+ * @author Evgenii Grebennikov
+ * @email djonnyx@gmail.com
+ */
+export declare class NgVirtualListComponent extends DisposableComponent implements AfterViewInit, OnDestroy {
+    private _cdr;
+    private _elementRef;
+    private static __nextId;
+    private _id;
+    /**
+     * Readonly. Returns the unique identifier of the component.
+     */
+    get id(): number;
+    protected _listContainerRef: ViewContainerRef | undefined;
+    protected _container: ElementRef<HTMLDivElement> | undefined;
+    protected _list: ElementRef<HTMLUListElement> | undefined;
+    /**
+     * Fires when the list has been scrolled.
+     */
+    onScroll: EventEmitter<number>;
+    /**
+     * Fires when the list has completed scrolling.
+     */
+    onScrollEnd: EventEmitter<number>;
+    private _$items;
+    readonly $items: Observable<IVirtualListCollection | undefined>;
+    /**
+     * Collection of list items.
+     */
+    set items(v: IVirtualListCollection);
+    get items(): IVirtualListCollection;
+    private _$snap;
+    readonly $snap: Observable<boolean>;
+    /**
+     * Determines whether elements will snap. Default value is "true".
+     */
+    set snap(v: boolean);
+    get snap(): boolean;
+    private _$snapToItem;
+    readonly $snapToItem: Observable<boolean>;
+    /**
+     * Determines whether scroll positions will be snapped to the element. Default value is "false".
+     */
+    set snapToItem(v: boolean);
+    get snapToItem(): boolean;
+    private _$itemRenderer;
+    readonly $itemRenderer: Observable<TemplateRef<any> | undefined>;
+    /**
+     * Rendering element template.
+     */
+    set itemRenderer(v: TemplateRef<any>);
+    get itemRenderer(): TemplateRef<any>;
+    private _$stickyMap;
+    readonly $stickyMap: Observable<IVirtualListStickyMap>;
+    /**
+     * Dictionary zIndex by id of the list element. If the value is not set or equal to 0,
+     * then a simple element is displayed, if the value is greater than 0, then the sticky position mode is enabled for the element.
+     */
+    set stickyMap(v: IVirtualListStickyMap);
+    get stickyMap(): IVirtualListStickyMap;
+    private _itemSizeOptions;
+    private _$itemSize;
+    readonly $itemSize: Observable<number>;
+    /**
+     * If direction = 'vertical', then the height of a typical element. If direction = 'horizontal', then the width of a typical element.
+     * Ignored if the dynamicSize property is true.
+     */
+    set itemSize(v: number);
+    get itemSize(): number;
+    private _$dynamicSize;
+    readonly $dynamicSize: Observable<boolean>;
+    /**
+     * If true then the items in the list can have different sizes and the itemSize property is ignored.
+     * If false then the items in the list have a fixed size specified by the itemSize property. The default value is false.
+     */
+    set dynamicSize(v: boolean);
+    get dynamicSize(): boolean;
+    private _$direction;
+    readonly $direction: Observable<Direction>;
+    /**
+     * Determines the direction in which elements are placed. Default value is "vertical".
+     */
+    set direction(v: Direction);
+    get direction(): Direction;
+    private _$itemsOffset;
+    readonly $itemsOffset: Observable<number>;
+    /**
+     * Number of elements outside the scope of visibility. Default value is 2.
+     */
+    set itemsOffset(v: number);
+    get itemsOffset(): number;
+    private _scrollToTimeout;
+    private _isVertical;
+    protected _displayComponents: Array<ComponentRef<NgVirtualListItemComponent>>;
+    protected _$bounds: BehaviorSubject<DOMRect | null>;
+    protected _$scrollSize: BehaviorSubject<number>;
+    private _resizeObserver;
+    /**
+     * only dynamic
+     */
+    private _$scrolledItemId;
+    private _onResizeHandler;
+    private _scrollDirection;
+    private _onScrollHandler;
+    private scrollImmediately;
+    private _scrollImmediatelyHandler;
+    private clearScrollImmediately;
+    private _onScrollEndHandler;
+    private _$initialized;
+    readonly $initialized: Observable<boolean>;
+    /**
+     * Dictionary of element sizes by their id
+     */
+    private _trackBox;
+    private _onTrackBoxChangeHandler;
+    private _$cacheVersion;
+    get $cacheVersion(): Observable<number>;
+    constructor(_cdr: ChangeDetectorRef, _elementRef: ElementRef<HTMLDivElement>);
+    ngOnInit(): void;
+    private listenCacheChangesIfNeed;
+    private getIsVertical;
+    private createDisplayComponentsIfNeed;
+    private resetRenderers;
+    /**
+     * Tracking by id
+     */
+    protected tracking(): void;
+    private resetBoundsSize;
+    /**
+     * The method scrolls the list to the element with the given id and returns the value of the scrolled area.
+     * Behavior accepts the values ​​"auto", "instant" and "smooth".
+     */
+    scrollTo(id: Id, behavior?: ScrollBehavior): void;
+    scrollToEnd(behavior?: ScrollBehavior): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgVirtualListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgVirtualListComponent, "ng-virtual-list", never, { "items": "items"; "snap": "snap"; "snapToItem": "snapToItem"; "itemRenderer": "itemRenderer"; "stickyMap": "stickyMap"; "itemSize": "itemSize"; "dynamicSize": "dynamicSize"; "direction": "direction"; "itemsOffset": "itemsOffset"; }, { "onScroll": "onScroll"; "onScrollEnd": "onScrollEnd"; }, never, never, false>;
+}

package/lib/ng-virtual-list.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ng-virtual-list.component";
+import * as i2 from "./components/ng-virtual-list-item.component";
+import * as i3 from "@angular/common";
+export declare class NgVirtualListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgVirtualListModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgVirtualListModule, [typeof i1.NgVirtualListComponent, typeof i2.NgVirtualListItemComponent], [typeof i3.CommonModule], [typeof i1.NgVirtualListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgVirtualListModule>;
+}

package/lib/types/id.d.ts

@@ -1 +1,7 @@
-export type Id = string | number;
+/**
+ * Identifier type
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/types/id.ts
+ * @author Evgenii Grebennikov
+ * @email djonnyx@gmail.com
+ */
+export declare type Id = string | number;

package/lib/types/index.d.ts

@@ -1,4 +1,4 @@
-import { Id } from './id';
-import { ISize } from './size';
-import { IRect } from './rect';
-export type { Id, ISize, IRect, };
+import { Id } from './id';
+import { ISize } from './size';
+import { IRect } from './rect';
+export type { Id, ISize, IRect, };

package/lib/types/rect.d.ts

@@ -1,5 +1,17 @@
-import { ISize } from "./size";
-export interface IRect extends ISize {
-    x: number;
-    y: number;
-}
+import { ISize } from "./size";
+/**
+ * Rectangular area interface
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/types/rect.ts
+ * @author Evgenii Grebennikov
+ * @email djonnyx@gmail.com
+ */
+export interface IRect extends ISize {
+    /**
+     * X coordinate.
+     */
+    x: number;
+    /**
+     * Y coordinate.
+     */
+    y: number;
+}

package/lib/types/size.d.ts

@@ -1,4 +1,16 @@
-export interface ISize {
-    width: number;
-    height: number;
-}
+/**
+ * Area area Interface
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/types/size.ts
+ * @author Evgenii Grebennikov
+ * @email djonnyx@gmail.com
+ */
+export interface ISize {
+    /**
+     * Width value.
+     */
+    width: number;
+    /**
+     * Height value.
+     */
+    height: number;
+}

package/lib/utils/cacheMap.d.ts

@@ -1,31 +1,34 @@
-import { EventEmitter } from "./eventEmitter";
-export interface ICacheMap<I = any, B = any> {
-    set: (id: I, bounds: B) => Map<I, B>;
-    has: (id: I) => boolean;
-    get: (id: I) => B | undefined;
-    forEach: (callbackfn: (value: B, key: I, map: Map<I, B>) => void, thisArg?: any) => void;
-}
-type CacheMapEvents = 'change';
-type OnChangeEventListener = (version: number) => void;
-type CacheMapListeners = OnChangeEventListener;
-/**
- * Cache map.
- * Emits a change event on each mutation.
- * @homepage https://github.com/DjonnyX/ng-virtual-list/tree/main/projects/ng-virtual-list
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-export declare class CacheMap<I = string | number, B = any, E = CacheMapEvents, L = CacheMapListeners> extends EventEmitter<E, L> implements ICacheMap {
-    protected _map: Map<I, B>;
-    protected _version: number;
-    get version(): number;
-    constructor();
-    protected bumpVersion(): void;
-    protected fireChange(): void;
-    set(id: I, bounds: B): Map<I, B>;
-    has(id: I): boolean;
-    get(id: I): B | undefined;
-    forEach(callbackfn: (value: B, key: I, map: Map<I, B>) => void, thisArg?: any): void;
-    dispose(): void;
-}
-export {};
+import { EventEmitter, TEventHandler } from "./eventEmitter";
+export interface ICacheMap<I = any, B = any> {
+    set: (id: I, bounds: B) => Map<I, B>;
+    has: (id: I) => boolean;
+    get: (id: I) => B | undefined;
+    forEach: (callbackfn: (value: B, key: I, map: Map<I, B>) => void, thisArg?: any) => void;
+}
+declare type CacheMapEvents = 'change';
+declare type OnChangeEventListener = (version: number) => void;
+declare type CacheMapListeners = OnChangeEventListener;
+/**
+ * Cache map.
+ * Emits a change event on each mutation.
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/utils/cacheMap.ts
+ * @author Evgenii Grebennikov
+ * @email djonnyx@gmail.com
+ */
+export declare class CacheMap<I = string | number, B = any, E extends string = CacheMapEvents, L extends TEventHandler = CacheMapListeners> extends EventEmitter<E, L> implements ICacheMap {
+    protected _map: Map<I, B>;
+    protected _version: number;
+    protected _previouseFullHeigh: number;
+    protected _delta: number;
+    get delta(): number;
+    get version(): number;
+    constructor();
+    protected bumpVersion(): void;
+    protected fireChange(): void;
+    set(id: I, bounds: B): Map<I, B>;
+    has(id: I): boolean;
+    get(id: I): B | undefined;
+    forEach(callbackfn: (value: B, key: I, map: Map<I, B>) => void, thisArg?: any): void;
+    dispose(): void;
+}
+export {};

package/lib/utils/debounce.d.ts

@@ -1,10 +1,16 @@
-/**
- * Simple debounce function.
- * @homepage https://github.com/DjonnyX/ng-virtual-list/tree/main/projects/ng-virtual-list
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-export declare const debounce: (cb: (...args: Array<any>) => void, debounceTime?: number) => {
-    execute: (...args: Array<any>) => void;
-    dispose: () => void;
-};
+/**
+ * Simple debounce function.
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/utils/debounce.ts
+ * @author Evgenii Grebennikov
+ * @email djonnyx@gmail.com
+ */
+export declare const debounce: (cb: (...args: Array<any>) => void, debounceTime?: number) => {
+    /**
+     *  Call handling method
+     */
+    execute: (...args: Array<any>) => void;
+    /**
+     * Method of destroying handlers
+     */
+    dispose: () => void;
+};

package/lib/utils/disposableComponent.d.ts

@@ -0,0 +1,15 @@
+import { OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Base disposable component
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/utils/disposableComponent.ts
+ * @author Evgenii Grebennikov
+ * @email djonnyx@gmail.com
+ */
+export declare class DisposableComponent implements OnDestroy {
+    protected _$unsubscribe: Subject<void>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DisposableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DisposableComponent, "ng-component", never, {}, {}, never, never, false>;
+}

package/lib/utils/eventEmitter.d.ts

@@ -1,37 +1,40 @@
-export type TEventHandler = (...args: Array<any>) => void;
-/**
- * Simple event emitter
- * @homepage https://github.com/DjonnyX/ng-virtual-list/tree/main/projects/ng-virtual-list
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-export declare class EventEmitter<E = string, H = TEventHandler> {
-    private _listeners;
-    protected _disposed: boolean;
-    constructor();
-    /**
-     * Emits the event
-     */
-    dispatch(event: E, ...args: Array<any>): void;
-    /**
-     * Emits the event async
-     */
-    dispatchAsync(event: E, ...args: Array<any>): void;
-    /**
-     * Returns true if the event listener is already subscribed.
-     */
-    hasEventListener(eventName: E, handler: H): boolean;
-    /**
-     * Add event listener
-     */
-    addEventListener(eventName: E, handler: H): void;
-    /**
-     * Remove event listener
-     */
-    removeEventListener(eventName: E, handler: H): void;
-    /**
-     * Remove all listeners
-     */
-    removeAllListeners(): void;
-    dispose(): void;
-}
+export declare type TEventHandler = (...args: Array<any>) => void;
+/**
+ * Simple event emitter
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/utils/eventEmitter.ts
+ * @author Evgenii Grebennikov
+ * @email djonnyx@gmail.com
+ */
+export declare class EventEmitter<E extends string = any, H extends TEventHandler = any> {
+    private _listeners;
+    protected _disposed: boolean;
+    constructor();
+    /**
+     * Emits the event
+     */
+    dispatch(event: E, ...args: Array<any>): void;
+    /**
+     * Emits the event async
+     */
+    dispatchAsync(event: E, ...args: Array<any>): void;
+    /**
+     * Returns true if the event listener is already subscribed.
+     */
+    hasEventListener(eventName: E, handler: H): boolean;
+    /**
+     * Add event listener
+     */
+    addEventListener(eventName: E, handler: H): void;
+    /**
+     * Remove event listener
+     */
+    removeEventListener(eventName: E, handler: H): void;
+    /**
+     * Remove all listeners
+     */
+    removeAllListeners(): void;
+    /**
+     * Method of destroying handlers
+     */
+    dispose(): void;
+}

package/lib/utils/index.d.ts

@@ -1,6 +1,7 @@
-import { isDirection } from "./isDirection";
-import { debounce } from "./debounce";
-import { toggleClassName } from './toggleClassName';
-import { Tracker } from "./tracker";
-import { TrackBox } from "./trackBox";
-export { isDirection, debounce, toggleClassName, TrackBox, Tracker, };
+import { isDirection } from "./isDirection";
+import { debounce } from "./debounce";
+import { toggleClassName } from './toggleClassName';
+import { Tracker } from "./tracker";
+import { TrackBox } from "./trackBox";
+import { DisposableComponent } from './disposableComponent';
+export { DisposableComponent, debounce, isDirection, toggleClassName, TrackBox, Tracker, };

package/lib/utils/isDirection.d.ts

@@ -1,2 +1,8 @@
-import { Direction } from "../enums";
-export declare const isDirection: (src: Direction, expected: Direction) => boolean;
+import { Direction } from "../enums";
+/**
+ * Determines the axis membership of a virtual list
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/utils/isDirection.ts
+ * @author Evgenii Grebennikov
+ * @email djonnyx@gmail.com
+ */
+export declare const isDirection: (src: Direction, expected: Direction) => boolean;

package/lib/utils/toggleClassName.d.ts

@@ -1 +1,7 @@
-export declare const toggleClassName: (el: HTMLElement, className: string, remove?: boolean) => void;
+/**
+ * Switch css classes
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/utils/toggleClassName.ts
+ * @author Evgenii Grebennikov
+ * @email djonnyx@gmail.com
+ */
+export declare const toggleClassName: (el: HTMLElement, className: string, remove?: boolean) => void;