/** * @license * Copyright 2024 Nuraly, Laabidi Aymen * SPDX-License-Identifier: MIT */ import { LitElement } from 'lit'; import { WorkflowNode } from './workflow-canvas.types.js'; import '../icon/icon.component.js'; declare const WhiteboardNodeElement_base: (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & (new (...args: any[]) => import("packages/common/src/shared/base-mixin.js").LightDomContent) & typeof LitElement; /** * Whiteboard node component for displaying Miro-style visual elements * * @element whiteboard-node * @fires node-mousedown - When node is clicked for dragging * @fires port-mousedown - When a port is clicked to start connection * @fires port-mouseup - When mouse is released on a port * @fires node-dblclick - When node is double-clicked for editing * @fires node-click - When node is clicked (for onClick actions like pan-to-anchor) * @fires note-content-change - When text content changes * @fires note-edit-end - When editing ends * @fires note-resize-start - When resize handle is grabbed */ export declare class WhiteboardNodeElement extends WhiteboardNodeElement_base { static useShadowDom: boolean; static styles: import("lit").CSSResult; node: WorkflowNode; selected: boolean; dragging: boolean; connectingPortId: string | null; editing: boolean; remoteSelection: { userId: string; color: string; username: string; } | null; remoteTyping: { userId: string; username: string; color: string; } | null; actionTargetLabel: string; private _mermaidSvg; private _mermaidError; private _lastMermaidDef; private _lastMermaidTheme; /** Track mousedown position to distinguish clicks from drags */ private _mouseDownPos; private static readonly CLICK_THRESHOLD; connectedCallback(): void; disconnectedCallback(): void; private _trackMouseDown; private _handleHostClick; private _handleActionBadgeMouseDown; private _handleActionBadgeClick; private _handleActionBadgeTouchEnd; updated(changedProperties: Map): void; private _renderMermaid; private handleNodeMouseDown; private handleNodeDblClick; private handleWbTextBlur; private handleWbTextKeydown; private handleWbResizeStart; private renderWbStickyNote; private renderWbTextBlock; private renderWbRectangle; private renderWbShape; private renderSvgShape; private renderWbLine; private renderWbImage; private renderWbFrame; private renderWbVoting; private renderWbMermaid; private renderWbAnchor; private renderWbWorkflow; private renderWbDatabase; private _getColumnTypeIcon; private _getStepIcon; private renderActionIndicator; private renderRemoteOverlays; render(): import("lit-html").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'whiteboard-node': WhiteboardNodeElement; } } export {}; //# sourceMappingURL=whiteboard-node.component.d.ts.map