@infinite-canvas-tutorial/webcomponents/lib/event.d.ts

WebComponents UI implementation

import { Pen, RasterScreenshotRequest, Screenshot, SerializedNode, VectorScreenshotRequest } from '@infinite-canvas-tutorial/ecs';
import { Task } from './context';
import { API } from './API';
export declare enum Event {
    READY = "ic-ready",
    DESTROY = "ic-destroy",
    RESIZED = "ic-resized",
    ZOOM_TO = "ic-zoom-to",
    ZOOM_CHANGED = "ic-zoom-changed",
    SCREENSHOT_REQUESTED = "ic-screenshot-requested",
    SCREENSHOT_DOWNLOADED = "ic-screenshot-downloaded",
    PEN_CHANGED = "ic-pen-changed",
    TASK_CHANGED = "ic-task-changed",
    NODES_UPDATED = "ic-nodes-updated",
    NODE_UPDATED = "ic-node-updated",
    VISIBILITY_CHANGED = "ic-visibility-changed",
    SELECTED_NODES_CHANGED = "ic-selected-nodes-changed"
}
declare global {
    interface HTMLElementEventMap {
        [Event.READY]: CustomEvent<API>;
        [Event.RESIZED]: CustomEvent<{
            width: number;
            height: number;
        }>;
        [Event.ZOOM_TO]: CustomEvent<{
            zoom: number;
        }>;
        [Event.ZOOM_CHANGED]: CustomEvent<{
            zoom: number;
        }>;
        [Event.PEN_CHANGED]: CustomEvent<{
            selected: Pen[];
        }>;
        [Event.TASK_CHANGED]: CustomEvent<{
            selected: Task[];
        }>;
        [Event.SCREENSHOT_REQUESTED]: CustomEvent<RasterScreenshotRequest | VectorScreenshotRequest>;
        [Event.SCREENSHOT_DOWNLOADED]: CustomEvent<Screenshot>;
        [Event.NODES_UPDATED]: CustomEvent<{
            nodes: SerializedNode[];
        }>;
        [Event.NODE_UPDATED]: CustomEvent<{
            node: SerializedNode;
        }>;
        [Event.SELECTED_NODES_CHANGED]: CustomEvent<{
            selected: SerializedNode['id'][];
            preserveSelection: boolean;
        }>;
    }
}