import { nothing, Part } from 'lit'; import { AsyncDirective } from 'lit/async-directive.js'; import type { DirectiveResult } from 'lit/directive.js'; type ListenerConfig = [string | string[], (event?: any) => void]; type ListenerConfigGroup = { start: ListenerConfig; end: ListenerConfig; streamInside?: ListenerConfig; streamOutside?: ListenerConfig; }; /** * Performantly manage listening to event in a series, like: * - `input[type="range"]`: input, input, etc. => change * - `luzmo-color-area`: pointerdown => pointermove, pointermove, etc. => pointerup * Lazily bind events to the specific part of the series while * throttling streamed events to 1/frame. */ declare class StreamingListenerDirective extends AsyncDirective { host: EventTarget | Record | Element; element: Element; start: ListenerConfig; streamInside: ListenerConfig; end: ListenerConfig; streamOutside: ListenerConfig; state: 'off' | 'on'; stream?: number; render(_configGroup: ListenerConfigGroup): typeof nothing; update(part: Part, [{ start, end, streamInside, streamOutside }]: Parameters): void; addListeners(state?: 'on' | 'off'): void; callHandler(value: (event: Event) => void | EventListenerObject, event: Event): void; handleStream(value: (event: Event) => void | EventListenerObject, event: Event): void; clearStream(): void; handleStart: (event: Event) => void; handleInside: (event: Event) => void; handleEnd: (event: Event) => void; handleOutside: (event: Event) => void; addListener(type: string | string[], fn: (event: Event) => void): void; removeListener(type: string | string[], fn: (event: Event) => void): void; removeListeners(): void; disconnected(): void; reconnected(): void; } export declare const streamingListener: (_configGroup: ListenerConfigGroup) => DirectiveResult; /** * The type of the class that powers this directive. Necessary for naming the * directive's return type. */ export type { StreamingListenerDirective };