blockly
Version:
Blockly is a library for building visual programming editors.
141 lines • 5.41 kB
TypeScript
/**
* @license
* Copyright 2019 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import type { BlockSvg } from '../../block_svg.js';
import { Connection } from '../../connection.js';
import type { IRegistrable } from '../../interfaces/i_registrable.js';
import type { BlockStyle, Theme } from '../../theme.js';
import { ConstantProvider } from './constants.js';
import { Drawer } from './drawer.js';
import type { IPathObject } from './i_path_object.js';
import { RenderInfo } from './info.js';
/**
* The base class for a block renderer.
*/
export declare class Renderer implements IRegistrable {
/** The renderer's constant provider. */
protected constants_: ConstantProvider;
protected name: string;
/**
* Rendering constant overrides, passed in through options.
*/
protected overrides: object | null;
/**
* @param name The renderer name.
*/
constructor(name: string);
/**
* Gets the class name that identifies this renderer.
*
* @returns The CSS class name.
*/
getClassName(): string;
/**
* Initialize the renderer.
*
* @param theme The workspace theme object.
* @param opt_rendererOverrides Rendering constant overrides.
*/
init(theme: Theme, opt_rendererOverrides?: {
[rendererConstant: string]: any;
}): void;
/**
* Create any DOM elements that this renderer needs.
* If you need to create additional DOM elements, override the
* {@link blockRendering#ConstantProvider.createDom} method instead.
*
* @param svg The root of the workspace's SVG.
* @param theme The workspace theme object.
* @param injectionDivIfIsParent The div containing the parent workspace and
* all related workspaces and block containers, if this renderer is for the
* parent workspace. CSS variables representing SVG patterns will be scoped
* to this container. Child workspaces should not override the CSS variables
* created by the parent and thus do not need access to the injection div.
* @internal
*/
createDom(svg: SVGElement, theme: Theme, injectionDivIfIsParent?: HTMLElement): void;
/**
* Refresh the renderer after a theme change.
*
* @param svg The root of the workspace's SVG.
* @param theme The workspace theme object.
* @param injectionDivIfIsParent The div containing the parent workspace and
* all related workspaces and block containers, if this renderer is for the
* parent workspace. CSS variables representing SVG patterns will be scoped
* to this container. Child workspaces should not override the CSS variables
* created by the parent and thus do not need access to the injection div.
*/
refreshDom(svg: SVGElement, theme: Theme, injectionDivIfIsParent?: HTMLElement): void;
/**
* Dispose of this renderer.
* Delete all DOM elements that this renderer and its constants created.
*/
dispose(): void;
/**
* Create a new instance of the renderer's constant provider.
*
* @returns The constant provider.
*/
protected makeConstants_(): ConstantProvider;
/**
* Create a new instance of the renderer's render info object.
*
* @param block The block to measure.
* @returns The render info object.
*/
protected makeRenderInfo_(block: BlockSvg): RenderInfo;
/**
* Create a new instance of the renderer's drawer.
*
* @param block The block to render.
* @param info An object containing all information needed to render this
* block.
* @returns The drawer.
*/
protected makeDrawer_(block: BlockSvg, info: RenderInfo): Drawer;
/**
* Create a new instance of a renderer path object.
*
* @param root The root SVG element.
* @param style The style object to use for colouring.
* @returns The renderer path object.
*/
makePathObject(root: SVGElement, style: BlockStyle): IPathObject;
/**
* Get the current renderer's constant provider. We assume that when this is
* called, the renderer has already been initialized.
*
* @returns The constant provider.
*/
getConstants(): ConstantProvider;
/**
* Determine whether or not to highlight a connection.
*
* @param _conn The connection to determine whether or not to highlight.
* @returns True if we should highlight the connection.
*/
shouldHighlightConnection(_conn: Connection): boolean;
/**
* Checks if an orphaned block can connect to the "end" of the topBlock's
* block-clump. If the clump is a row the end is the last input. If the clump
* is a stack, the end is the last next connection. If the clump is neither,
* then this returns false.
*
* @param topBlock The top block of the block clump we want to try and connect
* to.
* @param orphanBlock The orphan block that wants to find a home.
* @param localType The type of the connection being dragged.
* @returns Whether there is a home for the orphan or not.
*/
protected orphanCanConnectAtEnd(topBlock: BlockSvg, orphanBlock: BlockSvg, localType: number): boolean;
/**
* Render the block.
*
* @param block The block to render.
* @internal
*/
render(block: BlockSvg): void;
}
//# sourceMappingURL=renderer.d.ts.map