import { AfterViewInit, ElementRef } from '@angular/core';
import { ConfigService } from '../../config/config.service';
import { SvgService } from '../../svg/svg.service';
import { ElementType, ToolType, WhiteboardElement } from '../../types';
import { ApiService } from '../../api';
import { CanvasService } from '../../canvas';
import { ConnectionUIService, HandleService, SelectionService } from '../../elements';
import { ToolsService } from '../../tools';
import * as i0 from "@angular/core";
export declare class WhiteboardCanvasComponent implements AfterViewInit {
    svgContainer: ElementRef<SVGSVGElement>;
    apiService: ApiService;
    configService: ConfigService;
    toolsService: ToolsService;
    selectionService: SelectionService;
    canvasService: CanvasService;
    svgService: SvgService;
    connectionUIService: ConnectionUIService;
    handleService: HandleService;
    config: import("@angular/core").Signal<import("../../types").WhiteboardConfig>;
    elements: import("@angular/core").Signal<WhiteboardElement[]>;
    layers: import("@angular/core").Signal<import("../../types").WhiteboardLayer[]>;
    selectedToolSignal: import("@angular/core").Signal<ToolType>;
    selectionBoxSignal: import("@angular/core").Signal<import("../../types").SelectionBox>;
    boundingBoxSignal: import("@angular/core").Signal<import("../../types").BoundingBox | null>;
    transform: import("@angular/core").Signal<string>;
    filteredElements: import("@angular/core").Signal<({
        transform: string;
        isLocked: boolean;
        blendMode: string;
        type: ElementType.Pen;
        points: [number, number][];
        pathOptions?: import("../../utils").StrokeOptions | undefined;
        isComplete?: boolean | undefined;
        isClosed?: boolean | undefined;
        id: string;
        x: number;
        y: number;
        style: import("../../types").WhiteboardElementStyle;
        rotation: number;
        opacity: number;
        zIndex: number;
        scaleX?: number | undefined;
        scaleY?: number | undefined;
        layerId?: string | undefined;
        groupId?: string | undefined;
        locked?: boolean | undefined;
        isDeleting?: boolean | undefined;
        selectAfterDraw?: boolean | undefined;
    } | {
        transform: string;
        isLocked: boolean;
        blendMode: string;
        type: ElementType.Rectangle;
        width: number;
        height: number;
        rx: number;
        id: string;
        x: number;
        y: number;
        style: import("../../types").WhiteboardElementStyle;
        rotation: number;
        opacity: number;
        zIndex: number;
        scaleX?: number | undefined;
        scaleY?: number | undefined;
        layerId?: string | undefined;
        groupId?: string | undefined;
        locked?: boolean | undefined;
        isDeleting?: boolean | undefined;
        selectAfterDraw?: boolean | undefined;
    } | {
        transform: string;
        isLocked: boolean;
        blendMode: string;
        type: ElementType.Ellipse;
        cx: number;
        cy: number;
        rx: number;
        ry: number;
        id: string;
        x: number;
        y: number;
        style: import("../../types").WhiteboardElementStyle;
        rotation: number;
        opacity: number;
        zIndex: number;
        scaleX?: number | undefined;
        scaleY?: number | undefined;
        layerId?: string | undefined;
        groupId?: string | undefined;
        locked?: boolean | undefined;
        isDeleting?: boolean | undefined;
        selectAfterDraw?: boolean | undefined;
    } | {
        transform: string;
        isLocked: boolean;
        blendMode: string;
        type: ElementType.Line;
        x1: number;
        y1: number;
        x2: number;
        y2: number;
        id: string;
        x: number;
        y: number;
        style: import("../../types").WhiteboardElementStyle;
        rotation: number;
        opacity: number;
        zIndex: number;
        scaleX?: number | undefined;
        scaleY?: number | undefined;
        layerId?: string | undefined;
        groupId?: string | undefined;
        locked?: boolean | undefined;
        isDeleting?: boolean | undefined;
        selectAfterDraw?: boolean | undefined;
    } | {
        transform: string;
        isLocked: boolean;
        blendMode: string;
        type: ElementType.Arrow;
        x1: number;
        y1: number;
        x2: number;
        y2: number;
        startHead: import("../../elements").ArrowheadConfig;
        endHead: import("../../elements").ArrowheadConfig;
        startBinding: import("../../types").ArrowBinding | null;
        endBinding: import("../../types").ArrowBinding | null;
        pathType: import("../../types").ArrowPathType;
        id: string;
        x: number;
        y: number;
        style: import("../../types").WhiteboardElementStyle;
        rotation: number;
        opacity: number;
        zIndex: number;
        scaleX?: number | undefined;
        scaleY?: number | undefined;
        layerId?: string | undefined;
        groupId?: string | undefined;
        locked?: boolean | undefined;
        isDeleting?: boolean | undefined;
        selectAfterDraw?: boolean | undefined;
    } | {
        transform: string;
        isLocked: boolean;
        blendMode: string;
        type: ElementType.Text;
        text: string;
        selection?: {
            start: number;
            end: number;
        } | undefined;
        scaleX: number;
        scaleY: number;
        id: string;
        x: number;
        y: number;
        style: import("../../types").WhiteboardElementStyle;
        rotation: number;
        opacity: number;
        zIndex: number;
        layerId?: string | undefined;
        groupId?: string | undefined;
        locked?: boolean | undefined;
        isDeleting?: boolean | undefined;
        selectAfterDraw?: boolean | undefined;
    } | {
        transform: string;
        isLocked: boolean;
        blendMode: string;
        type: ElementType.Image;
        width: number;
        height: number;
        src: string | ArrayBuffer;
        id: string;
        x: number;
        y: number;
        style: import("../../types").WhiteboardElementStyle;
        rotation: number;
        opacity: number;
        zIndex: number;
        scaleX?: number | undefined;
        scaleY?: number | undefined;
        layerId?: string | undefined;
        groupId?: string | undefined;
        locked?: boolean | undefined;
        isDeleting?: boolean | undefined;
        selectAfterDraw?: boolean | undefined;
    })[]>;
    private buildTransform;
    private computeIsLocked;
    private computeBlendMode;
    canvasWidth: import("@angular/core").Signal<number>;
    canvasHeight: import("@angular/core").Signal<number>;
    zoom: import("@angular/core").Signal<number>;
    x: import("@angular/core").Signal<number>;
    y: import("@angular/core").Signal<number>;
    canvasX: import("@angular/core").Signal<number>;
    canvasY: import("@angular/core").Signal<number>;
    gridSize: import("@angular/core").Signal<number>;
    backgroundColor: import("@angular/core").Signal<string>;
    enableGrid: import("@angular/core").Signal<boolean>;
    fullScreen: import("@angular/core").Signal<boolean>;
    svgDimensions: import("@angular/core").Signal<{
        width: string;
        height: string;
    }>;
    svgViewBox: import("@angular/core").Signal<string>;
    contentTransform: import("@angular/core").Signal<string>;
    gridConfig: import("@angular/core").Signal<{
        transform: string;
        width: number;
        height: number;
    }>;
    cursor: import("@angular/core").Signal<import("../../types").CursorType>;
    readonly isLineOnlySelection: import("@angular/core").Signal<boolean>;
    readonly lineEndpointHandles: import("@angular/core").Signal<import("../../elements").EndpointHandle[]>;
    readonly curveHandles: import("@angular/core").Signal<import("../../elements").CurveHandle[]>;
    readonly snapIndicator: import("@angular/core").Signal<import("../../types").Point | null>;
    readonly visibleConnectionPoints: import("@angular/core").Signal<import("../../types").ConnectionPoint[]>;
    /** Check if an arrow is currently selected (for showing endpoint handles) */
    isArrowSelected(elementId: string): boolean;
    types: typeof ElementType;
    tools: typeof ToolType;
    ngAfterViewInit(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<WhiteboardCanvasComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<WhiteboardCanvasComponent, "ng-whiteboard-canvas", never, {}, {}, never, never, true, never>;
}