import { LitElement } from "lit"; import { DataFlowDataModel } from "./models/dataflow-data.model.js"; import { FlowTool } from "./base-classes/FlowTool.js"; import { ModuleMenuModel } from "./models/menu/module-menu.model.js"; export declare class KrakynFlowTool extends LitElement { /** * Get the canvas element * * @query is a decorator to access nodes in the component’s shadow root * equivalant to: this.renderRoot.querySelector('#first'); * can't use document.querySelector('#first') in shadow root */ Canvas: HTMLElement; DragItems: HTMLElement; private _flowData; set FlowData(val: DataFlowDataModel); get FlowData(): DataFlowDataModel; /** * Internal reactive state refers to properties that aren't * part of the component's API. Typically marked protected or private */ protected flowTool: FlowTool; HeaderTitle: string; protected get root(): ShadowRoot | KrakynFlowTool; SideMenuItems: Array; protected TabMenuItems: Array; TabMenu: HTMLElement; constructor(); /** * When dragging item from the side menu to the canvase, this is how we * add the node to the screen * * @param name * @param x * @param y * @returns */ protected addNodeToCanvas(name: string, x: number, y: number): any; protected dragEvent(eventType: string, e: any): void; /** * Called after the element’s DOM has been updated the first time, immediately before updated is called. * * @param changedProperties Map - keys are the names of change properties * Values are the corresponding previous values * * Property changes inside this method will trigger an element update */ protected firstUpdated(changedProperties: any): void; /** * Return a lit-html `TemplateResult`. * * To create a `TemplateResult`, tag a JavaScript template literal * with the `html` helper function. */ render(): import("lit-html").TemplateResult<1>; /** * Overrides the shadow DOM (turns it off) - one reason for this is to use * global styles * * @returns this control */ createRenderRoot(): KrakynFlowTool; }