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

WebComponents UI implementation

import { Screenshot, SerializedNode, TransformableStatus } from '@infinite-canvas-tutorial/ecs';
import { ExtendedAPI } from './API';
export declare enum Event {
    READY = "ic-ready",
    DESTROY = "ic-destroy",
    RESIZED = "ic-resized",
    CAMERA_ZOOM_CHANGED = "ic-camera-zoom-changed",
    CAMERA_POSITION_CHANGED = "ic-camera-position-changed",
    SCREENSHOT_DOWNLOADED = "ic-screenshot-downloaded",
    NODES_UPDATED = "ic-nodes-updated",
    NODE_UPDATED = "ic-node-updated",
    NODE_DELETED = "ic-node-deleted",
    VISIBILITY_CHANGED = "ic-visibility-changed",
    SELECTED_NODES_CHANGED = "ic-selected-nodes-changed",
    TRANSFORMABLE_STATUS_CHANGED = "ic-transformable-status-changed",
    COMMENT_ADDED = "ic-comment-added",
    RECT_DRAWN = "ic-rect-drawn",
    PENCIL_DRAWN = "ic-pencil-drawn",
    LASSO_DRAWN = "ic-lasso-drawn",
    POINT_DRAWN = "ic-point-drawn"
}
declare global {
    interface HTMLElementEventMap {
        [Event.READY]: CustomEvent<ExtendedAPI>;
        [Event.RESIZED]: CustomEvent<{
            width: number;
            height: number;
        }>;
        [Event.CAMERA_ZOOM_CHANGED]: CustomEvent<{
            zoom: number;
        }>;
        [Event.CAMERA_POSITION_CHANGED]: CustomEvent<{
            x: number;
            y: number;
        }>;
        [Event.SCREENSHOT_DOWNLOADED]: CustomEvent<Pick<Screenshot, 'dataURL' | 'svg'>>;
        [Event.NODES_UPDATED]: CustomEvent<{
            nodes: SerializedNode[];
        }>;
        [Event.NODE_UPDATED]: CustomEvent<{
            node: SerializedNode;
        }>;
        [Event.NODE_DELETED]: CustomEvent<{
            nodes: SerializedNode[];
        }>;
        [Event.SELECTED_NODES_CHANGED]: CustomEvent<{
            selected: SerializedNode[];
            preserveSelection: boolean;
        }>;
        [Event.TRANSFORMABLE_STATUS_CHANGED]: CustomEvent<{
            status: TransformableStatus;
        }>;
        [Event.COMMENT_ADDED]: CustomEvent<{
            canvasX: number;
            canvasY: number;
            viewportX: number;
            viewportY: number;
        }>;
        [Event.RECT_DRAWN]: CustomEvent<{
            node: SerializedNode;
        }>;
        [Event.PENCIL_DRAWN]: CustomEvent<{
            node: SerializedNode;
        }>;
        [Event.LASSO_DRAWN]: CustomEvent<{
            node: SerializedNode;
        }>;
        [Event.POINT_DRAWN]: CustomEvent<{
            x: number;
            y: number;
        }>;
    }
}