blockly 11.2.0 → 12.0.0-beta.1

package/core/flyout_vertical.d.ts

@@ -3,7 +3,8 @@
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import { Flyout, FlyoutItem } from './flyout_base.js';
+import { Flyout } from './flyout_base.js';
+import type { FlyoutItem } from './flyout_item.js';
 import type { Options } from './options.js';
 import type { Coordinate } from './utils/coordinate.js';
 import { Rect } from './utils/rect.js';
@@ -57,10 +58,9 @@ export declare class VerticalFlyout extends Flyout {
     /**
      * Lay out the blocks in the flyout.
      *
-     * @param contents The blocks and buttons to lay out.
-     * @param gaps The visible gaps between blocks.
+     * @param contents The flyout items to lay out.
      */
-    protected layout_(contents: FlyoutItem[], gaps: number[]): void;
+    protected layout_(contents: FlyoutItem[]): void;
     /**
      * Determine if a drag delta is toward the workspace, based on the position
      * and orientation of the flyout. This is used in determineDragIntention_ to
@@ -80,7 +80,7 @@ export declare class VerticalFlyout extends Flyout {
      */
     getClientRect(): Rect | null;
     /**
-     * Compute width of flyout.  toolbox.Position mat under each block.
+     * Compute width of flyout.
      * For RTL: Lay out the blocks and buttons to be right-aligned.
      */
     protected reflowInternal_(): void;

package/core/grid.d.ts

@@ -113,9 +113,12 @@ export declare class Grid {
      * @param rnd A random ID to append to the pattern's ID.
      * @param gridOptions The object containing grid configuration.
      * @param defs The root SVG element for this workspace's defs.
+     * @param injectionDiv The div containing the parent workspace and all related
+     *   workspaces and block containers. CSS variables representing SVG patterns
+     *   will be scoped to this container.
      * @returns The SVG element for the grid pattern.
      * @internal
      */
-    static createDom(rnd: string, gridOptions: GridOptions, defs: SVGElement): SVGElement;
+    static createDom(rnd: string, gridOptions: GridOptions, defs: SVGElement, injectionDiv?: HTMLElement): SVGElement;
 }
 //# sourceMappingURL=grid.d.ts.map

package/core/icons/comment_icon.d.ts

@@ -28,6 +28,8 @@ export declare class CommentIcon extends Icon implements IHasBubble, ISerializab
     private text;
     /** The size of this comment (which is applied to the editable bubble). */
     private bubbleSize;
+    /** The location of the comment bubble in workspace coordinates. */
+    private bubbleLocation?;
     /**
      * The visibility of the bubble for this comment.
      *
@@ -60,6 +62,14 @@ export declare class CommentIcon extends Icon implements IHasBubble, ISerializab
     setBubbleSize(size: Size): void;
     /** @returns the size of the editable bubble for this comment. */
     getBubbleSize(): Size;
+    /**
+     * Sets the location of the comment bubble in the workspace.
+     */
+    setBubbleLocation(location: Coordinate): void;
+    /**
+     * @returns the location of the comment bubble in the workspace.
+     */
+    getBubbleLocation(): Coordinate | undefined;
     /**
      * @returns the state of the comment as a JSON serializable value if the
      * comment has text. Otherwise returns null.
@@ -79,6 +89,7 @@ export declare class CommentIcon extends Icon implements IHasBubble, ISerializab
      * input bubble.
      */
     onSizeChange(): void;
+    onBubbleLocationChange(): void;
     bubbleIsVisible(): boolean;
     setBubbleVisible(visible: boolean): Promise<void>;
     /**
@@ -112,5 +123,9 @@ export interface CommentState {
     height?: number;
     /** The width of the comment bubble. */
     width?: number;
+    /** The X coordinate of the comment bubble. */
+    x?: number;
+    /** The Y coordinate of the comment bubble. */
+    y?: number;
 }
 //# sourceMappingURL=comment_icon.d.ts.map

package/core/interfaces/i_comment_icon.d.ts

@@ -4,6 +4,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { CommentState } from '../icons/comment_icon.js';
+import { Coordinate } from '../utils/coordinate.js';
 import { Size } from '../utils/size.js';
 import { IHasBubble } from './i_has_bubble.js';
 import { IIcon } from './i_icon.js';
@@ -13,6 +14,8 @@ export interface ICommentIcon extends IIcon, IHasBubble, ISerializable {
     getText(): string;
     setBubbleSize(size: Size): void;
     getBubbleSize(): Size;
+    setBubbleLocation(location: Coordinate): void;
+    getBubbleLocation(): Coordinate | undefined;
     saveState(): CommentState;
     loadState(state: CommentState): void;
 }

package/core/interfaces/i_flyout.d.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import type { BlockSvg } from '../block_svg.js';
-import { FlyoutItem } from '../flyout_base.js';
+import type { FlyoutItem } from '../flyout_item.js';
 import type { Coordinate } from '../utils/coordinate.js';
 import type { Svg } from '../utils/svg.js';
 import type { FlyoutDefinition } from '../utils/toolbox.js';

package/core/interfaces/i_flyout_inflater.d.ts

@@ -0,0 +1,48 @@
+import type { FlyoutItem } from '../flyout_item.js';
+import type { WorkspaceSvg } from '../workspace_svg.js';
+export interface IFlyoutInflater {
+    /**
+     * Loads the object represented by the given state onto the workspace.
+     *
+     * Note that this method's interface is identical to that in ISerializer, to
+     * allow for code reuse.
+     *
+     * @param state A JSON representation of an element to inflate on the flyout.
+     * @param flyoutWorkspace The flyout's workspace, where the inflated element
+     *    should be created. If the inflated element is an `IRenderedElement` it
+     *    itself or the inflater should append it to the workspace; the flyout
+     *    will not do so itself. The flyout is responsible for positioning the
+     *    element, however.
+     * @returns The newly inflated flyout element.
+     */
+    load(state: object, flyoutWorkspace: WorkspaceSvg): FlyoutItem;
+    /**
+     * Returns the amount of spacing that should follow the element corresponding
+     * to the given JSON representation.
+     *
+     * @param state A JSON representation of the element preceding the gap.
+     * @param defaultGap The default gap for elements in this flyout.
+     * @returns The gap that should follow the given element.
+     */
+    gapForItem(state: object, defaultGap: number): number;
+    /**
+     * Disposes of the given element.
+     *
+     * If the element in question resides on the flyout workspace, it should remove
+     * itself. Implementers are not otherwise required to fully dispose of the
+     * element; it may be e.g. cached for performance purposes.
+     *
+     * @param element The flyout element to dispose of.
+     */
+    disposeItem(item: FlyoutItem): void;
+    /**
+     * Returns the type of items that this inflater is responsible for inflating.
+     * This should be the same as the name under which this inflater registers
+     * itself, as well as the value returned by `getType()` on the `FlyoutItem`
+     * objects returned by `load()`.
+     *
+     * @returns The type of items this inflater creates.
+     */
+    getType(): string;
+}
+//# sourceMappingURL=i_flyout_inflater.d.ts.map

package/core/interfaces/i_metrics_manager.d.ts

@@ -47,7 +47,7 @@ export interface IMetricsManager {
      * Gets the width, height and position of the toolbox on the workspace in
      * pixel coordinates. Returns 0 for the width and height if the workspace has
      * a simple toolbox instead of a category toolbox. To get the width and height
-     * of a simple toolbox, see {@link IMetricsManager#getFlyoutMetrics}.
+     * of a simple toolbox, see {@link IMetricsManager.getFlyoutMetrics}.
      *
      * @returns The object with the width, height and position of the toolbox.
      */

package/core/interfaces/i_rendered_element.d.ts

@@ -3,17 +3,14 @@
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-/** @internal */
 export interface IRenderedElement {
     /**
-     * @returns The root SVG element of htis rendered element.
+     * @returns The root SVG element of this rendered element.
      */
     getSvgRoot(): SVGElement;
 }
 /**
  * @returns True if the given object is an IRenderedElement.
- *
- * @internal
  */
 export declare function isRenderedElement(obj: any): obj is IRenderedElement;
 //# sourceMappingURL=i_rendered_element.d.ts.map

package/core/interfaces/i_toolbox.d.ts

@@ -77,7 +77,7 @@ export interface IToolbox extends IRegistrable {
      */
     setVisible(isVisible: boolean): void;
     /**
-     * Selects the toolbox item by it's position in the list of toolbox items.
+     * Selects the toolbox item by its position in the list of toolbox items.
      *
      * @param position The position of the item to select.
      */
@@ -88,6 +88,13 @@ export interface IToolbox extends IRegistrable {
      * @returns The selected item, or null if no item is currently selected.
      */
     getSelectedItem(): IToolboxItem | null;
+    /**
+     * Sets the selected item.
+     *
+     * @param item The toolbox item to select, or null to remove the current
+     *     selection.
+     */
+    setSelectedItem(item: IToolboxItem | null): void;
     /** Disposes of this toolbox. */
     dispose(): void;
 }

package/core/interfaces/i_variable_backed_parameter_model.d.ts

@@ -3,12 +3,12 @@
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import type { VariableModel } from '../variable_model.js';
 import { IParameterModel } from './i_parameter_model.js';
+import type { IVariableModel, IVariableState } from './i_variable_model.js';
 /** Interface for a parameter model that holds a variable model. */
 export interface IVariableBackedParameterModel extends IParameterModel {
     /** Returns the variable model held by this type. */
-    getVariableModel(): VariableModel;
+    getVariableModel(): IVariableModel<IVariableState>;
 }
 /**
  * Returns whether the given object is a variable holder or not.

package/core/interfaces/i_variable_map.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type { IVariableModel, IVariableState } from './i_variable_model.js';
+/**
+ * Variable maps are container objects responsible for storing and managing the
+ * set of variables referenced on a workspace.
+ *
+ * Any of these methods may define invariants about which names and types are
+ * legal, and throw if they are not met.
+ */
+export interface IVariableMap<T extends IVariableModel<IVariableState>> {
+    getVariableById(id: string): T | null;
+    /**
+     * Returns the variable with the given name, or null if not found. If `type`
+     * is provided, the variable's type must also match, or null should be
+     * returned.
+     */
+    getVariable(name: string, type?: string): T | null;
+    getAllVariables(): T[];
+    /**
+     * Returns a list of all of the variables of the given type managed by this
+     * variable map.
+     */
+    getVariablesOfType(type: string): T[];
+    /**
+     * Returns a list of the set of types of the variables managed by this
+     * variable map.
+     */
+    getTypes(): string[];
+    /**
+     * Creates a new variable with the given name. If ID is not specified, the
+     * variable map should create one. Returns the new variable.
+     */
+    createVariable(name: string, id?: string, type?: string | null): T;
+    addVariable(variable: T): void;
+    /**
+     * Changes the name of the given variable to the name provided and returns the
+     * renamed variable.
+     */
+    renameVariable(variable: T, newName: string): T;
+    changeVariableType(variable: T, newType: string): T;
+    deleteVariable(variable: T): void;
+    clear(): void;
+}
+//# sourceMappingURL=i_variable_map.d.ts.map

package/core/interfaces/i_variable_model.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type { Workspace } from '../workspace.js';
+export interface IVariableModel<T extends IVariableState> {
+    getId(): string;
+    getName(): string;
+    /**
+     * Returns the type of the variable like 'int' or 'string'.  Does not need to be
+     * unique. This will default to '' which is a specific type.
+     */
+    getType(): string;
+    setName(name: string): this;
+    setType(type: string): this;
+    getWorkspace(): Workspace;
+    save(): T;
+}
+export interface IVariableModelStatic<T extends IVariableState> {
+    new (workspace: Workspace, name: string, type?: string, id?: string): IVariableModel<T>;
+    /**
+     * Creates a new IVariableModel corresponding to the given state on the
+     * specified workspace. This method must be static in your implementation.
+     */
+    load(state: T, workspace: Workspace): IVariableModel<T>;
+}
+/**
+ * Represents the state of a given variable.
+ */
+export interface IVariableState {
+    name: string;
+    id: string;
+    type?: string;
+}
+//# sourceMappingURL=i_variable_model.d.ts.map

package/core/label_flyout_inflater.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { FlyoutItem } from './flyout_item.js';
+import type { IFlyoutInflater } from './interfaces/i_flyout_inflater.js';
+import type { WorkspaceSvg } from './workspace_svg.js';
+/**
+ * Class responsible for creating labels for flyouts.
+ */
+export declare class LabelFlyoutInflater implements IFlyoutInflater {
+    /**
+     * Inflates a flyout label from the given state and adds it to the flyout.
+     *
+     * @param state A JSON representation of a flyout label.
+     * @param flyoutWorkspace The workspace to create the label on.
+     * @returns A FlyoutButton configured as a label.
+     */
+    load(state: object, flyoutWorkspace: WorkspaceSvg): FlyoutItem;
+    /**
+     * Returns the amount of space that should follow this label.
+     *
+     * @param state A JSON representation of a flyout label.
+     * @param defaultGap The default spacing for flyout items.
+     * @returns The amount of space that should follow this label.
+     */
+    gapForItem(state: object, defaultGap: number): number;
+    /**
+     * Disposes of the given label.
+     *
+     * @param item The flyout label to dispose of.
+     */
+    disposeItem(item: FlyoutItem): void;
+    /**
+     * Returns the type of items this inflater is responsible for creating.
+     *
+     * @returns An identifier for the type of items this inflater creates.
+     */
+    getType(): string;
+}
+//# sourceMappingURL=label_flyout_inflater.d.ts.map

package/core/menu.d.ts

@@ -148,9 +148,7 @@ export declare class Menu {
      */
     private handleMouseLeave;
     /**
-     * Attempts to handle a keyboard event, if the menu item is enabled, by
-     * calling
-     * {@link Menu#handleKeyEventInternal_}.
+     * Attempts to handle a keyboard event.
      *
      * @param e Key event to handle.
      */

package/core/menuitem.d.ts

@@ -95,13 +95,6 @@ export declare class MenuItem {
      * @internal
      */
     setChecked(checked: boolean): void;
-    /**
-     * Highlights or unhighlights the component.
-     *
-     * @param highlight Whether to highlight or unhighlight the component.
-     * @internal
-     */
-    setHighlighted(highlight: boolean): void;
     /**
      * Returns true if the menu item is enabled, false otherwise.
      *

package/core/metrics_manager.d.ts

@@ -48,7 +48,7 @@ export declare class MetricsManager implements IMetricsManager {
      * Gets the width, height and position of the toolbox on the workspace in
      * pixel coordinates. Returns 0 for the width and height if the workspace has
      * a simple toolbox instead of a category toolbox. To get the width and height
-     * of a simple toolbox, see {@link MetricsManager#getFlyoutMetrics}.
+     * of a simple toolbox, see {@link (MetricsManager:class).getFlyoutMetrics}.
      *
      * @returns The object with the width, height and position of the toolbox.
      */

package/core/names.d.ts

@@ -3,7 +3,13 @@
  * Copyright 2012 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import type { VariableMap } from './variable_map.js';
+/**
+ * Utility functions for handling variable and procedure names.
+ *
+ * @class
+ */
+import type { IVariableMap } from './interfaces/i_variable_map.js';
+import type { IVariableModel, IVariableState } from './interfaces/i_variable_model.js';
 import type { Workspace } from './workspace.js';
 /**
  * Class for a database of entity names (variables, procedures, etc).
@@ -40,7 +46,7 @@ export declare class Names {
      *
      * @param map The map to track.
      */
-    setVariableMap(map: VariableMap): void;
+    setVariableMap(map: IVariableMap<IVariableModel<IVariableState>>): void;
     /**
      * Get the name for a user-defined variable, based on its ID.
      * This should only be used for variables of NameType VARIABLE.

package/core/procedures.d.ts

@@ -13,6 +13,7 @@ import { IProcedureBlock, isProcedureBlock } from './interfaces/i_procedure_bloc
 import { IProcedureMap } from './interfaces/i_procedure_map.js';
 import { IProcedureModel } from './interfaces/i_procedure_model.js';
 import { ObservableProcedureMap } from './observable_procedure_map.js';
+import type { FlyoutItemInfo } from './utils/toolbox.js';
 import type { Workspace } from './workspace.js';
 import type { WorkspaceSvg } from './workspace_svg.js';
 /**
@@ -64,12 +65,14 @@ export declare function isNameUsed(name: string, workspace: Workspace, opt_exclu
  */
 export declare function rename(this: Field, name: string): string;
 /**
- * Construct the blocks required by the flyout for the procedure category.
+ * Internal wrapper that returns the contents of the procedure category.
  *
- * @param workspace The workspace containing procedures.
- * @returns Array of XML block elements.
+ * @internal
+ * @param workspace The workspace to populate procedure blocks for.
  */
-export declare function flyoutCategory(workspace: WorkspaceSvg): Element[];
+export declare function internalFlyoutCategory(workspace: WorkspaceSvg): FlyoutItemInfo[];
+export declare function flyoutCategory(workspace: WorkspaceSvg, useXml: true): Element[];
+export declare function flyoutCategory(workspace: WorkspaceSvg, useXml: false): FlyoutItemInfo[];
 /**
  * Listens for when a procedure mutator is opened. Then it triggers a flyout
  * update and adds a mutator change listener to the mutator workspace.

package/core/registry.d.ts

@@ -11,11 +11,14 @@ import type { IConnectionPreviewer } from './interfaces/i_connection_previewer.j
 import type { ICopyable } from './interfaces/i_copyable.js';
 import type { IDragger } from './interfaces/i_dragger.js';
 import type { IFlyout } from './interfaces/i_flyout.js';
+import type { IFlyoutInflater } from './interfaces/i_flyout_inflater.js';
 import type { IIcon } from './interfaces/i_icon.js';
 import type { IMetricsManager } from './interfaces/i_metrics_manager.js';
 import type { IPaster } from './interfaces/i_paster.js';
 import type { ISerializer } from './interfaces/i_serializer.js';
 import type { IToolbox } from './interfaces/i_toolbox.js';
+import type { IVariableMap } from './interfaces/i_variable_map.js';
+import type { IVariableModel, IVariableModelStatic, IVariableState } from './interfaces/i_variable_model.js';
 import type { Cursor } from './keyboard_nav/cursor.js';
 import type { Options } from './options.js';
 import type { Renderer } from './renderers/common/renderer.js';
@@ -57,6 +60,7 @@ export declare class Type<_T> {
     static TOOLBOX_ITEM: Type<ToolboxItem>;
     static FLYOUTS_VERTICAL_TOOLBOX: Type<IFlyout>;
     static FLYOUTS_HORIZONTAL_TOOLBOX: Type<IFlyout>;
+    static FLYOUT_INFLATER: Type<IFlyoutInflater>;
     static METRICS_MANAGER: Type<IMetricsManager>;
     /**
      * Type for an IDragger. Formerly behavior was mostly covered by
@@ -69,6 +73,8 @@ export declare class Type<_T> {
     static ICON: Type<IIcon>;
     /** @internal */
     static PASTER: Type<IPaster<ICopyable.ICopyData, ICopyable<ICopyable.ICopyData>>>;
+    static VARIABLE_MODEL: Type<IVariableModelStatic<IVariableState>>;
+    static VARIABLE_MAP: Type<IVariableMap<IVariableModel<IVariableState>>>;
 }
 /**
  * Registers a class based on a type and name.

package/core/renderers/common/constants.d.ts

@@ -424,8 +424,13 @@ export declare class ConstantProvider {
      * @param svg The root of the workspace's SVG.
      * @param tagName The name to use for the CSS style tag.
      * @param selector The CSS selector to use.
+     * @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.
      */
-    createDom(svg: SVGElement, tagName: string, selector: string): void;
+    createDom(svg: SVGElement, tagName: string, selector: string, injectionDivIfIsParent?: HTMLElement): void;
     /**
      * Create a filter for highlighting the currently rendering block during
      * render debugging.

package/core/renderers/common/i_path_object.d.ts

@@ -39,19 +39,6 @@ export interface IPathObject {
      * @param pathString The path.
      */
     setPath(pathString: string): void;
-    /**
-     * Apply the stored colours to the block's path, taking into account whether
-     * the paths belong to a shadow block.
-     *
-     * @param block The source block.
-     */
-    applyColour(block: BlockSvg): void;
-    /**
-     * Update the style.
-     *
-     * @param blockStyle The block style to use.
-     */
-    setStyle(blockStyle: BlockStyle): void;
     /**
      * Flip the SVG paths in RTL.
      */
@@ -104,9 +91,22 @@ export interface IPathObject {
     updateMovable(enabled: boolean): void;
     /** Adds the given path as a connection highlight for the given connection. */
     addConnectionHighlight?(connection: RenderedConnection, connectionPath: string, offset: Coordinate, rtl: boolean): void;
+    /**
+     * Apply the stored colours to the block's path, taking into account whether
+     * the paths belong to a shadow block.
+     *
+     * @param block The source block.
+     */
+    applyColour?(block: BlockSvg): void;
     /**
      * Removes any highlight associated with the given connection, if it exists.
      */
     removeConnectionHighlight?(connection: RenderedConnection): void;
+    /**
+     * Update the style.
+     *
+     * @param blockStyle The block style to use.
+     */
+    setStyle?(blockStyle: BlockStyle): void;
 }
 //# sourceMappingURL=i_path_object.d.ts.map

package/core/renderers/common/renderer.d.ts

@@ -5,10 +5,8 @@
  */
 import type { BlockSvg } from '../../block_svg.js';
 import { Connection } from '../../connection.js';
-import { PreviewType } from '../../insertion_marker_manager.js';
 import type { IRegistrable } from '../../interfaces/i_registrable.js';
 import type { Marker } from '../../keyboard_nav/marker.js';
-import type { RenderedConnection } from '../../rendered_connection.js';
 import type { BlockStyle, Theme } from '../../theme.js';
 import type { WorkspaceSvg } from '../../workspace_svg.js';
 import { ConstantProvider } from './constants.js';
@@ -49,20 +47,30 @@ export declare class Renderer implements IRegistrable {
     /**
      * Create any DOM elements that this renderer needs.
      * If you need to create additional DOM elements, override the
-     * {@link ConstantProvider#createDom} method instead.
+     * {@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): void;
+    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): void;
+    refreshDom(svg: SVGElement, theme: Theme, injectionDivIfIsParent?: HTMLElement): void;
     /**
      * Dispose of this renderer.
      * Delete all DOM elements that this renderer and its constants created.
@@ -133,19 +141,6 @@ export declare class Renderer implements IRegistrable {
      * @returns Whether there is a home for the orphan or not.
      */
     protected orphanCanConnectAtEnd(topBlock: BlockSvg, orphanBlock: BlockSvg, localType: number): boolean;
-    /**
-     * Chooses a connection preview method based on the available connection, the
-     * current dragged connection, and the block being dragged.
-     *
-     * @param closest The available connection.
-     * @param local The connection currently being dragged.
-     * @param topBlock The block currently being dragged.
-     * @returns The preview type to display.
-     *
-     * @deprecated v10 - This function is no longer respected. A custom
-     *    IConnectionPreviewer may be able to fulfill the functionality.
-     */
-    getConnectionPreviewMethod(closest: RenderedConnection, local: RenderedConnection, topBlock: BlockSvg): PreviewType;
     /**
      * Render the block.
      *

package/core/renderers/geras/renderer.d.ts

@@ -34,7 +34,7 @@ export declare class Renderer extends BaseRenderer {
     init(theme: Theme, opt_rendererOverrides?: {
         [rendererConstant: string]: any;
     }): void;
-    refreshDom(svg: SVGElement, theme: Theme): void;
+    refreshDom(svg: SVGElement, theme: Theme, injectionDiv: HTMLElement): void;
     makeConstants_(): ConstantProvider;
     /**
      * Create a new instance of the renderer's render info object.

package/core/renderers/measurables/in_row_spacer.d.ts

@@ -10,6 +10,7 @@ import { Measurable } from './base.js';
  * row.
  */
 export declare class InRowSpacer extends Measurable {
+    private inRowSpacer;
     /**
      * @param constants The rendering constants provider.
      * @param width The width of the spacer.

package/core/renderers/measurables/jagged_edge.d.ts

@@ -10,6 +10,7 @@ import { Measurable } from './base.js';
  * collapsed block takes up during rendering.
  */
 export declare class JaggedEdge extends Measurable {
+    private jaggedEdge;
     /**
      * @param constants The rendering constants provider.
      */

package/core/renderers/measurables/next_connection.d.ts

@@ -11,6 +11,7 @@ import { Connection } from './connection.js';
  * up during rendering.
  */
 export declare class NextConnection extends Connection {
+    private nextConnection;
     /**
      * @param constants The rendering constants provider.
      * @param connectionModel The connection object on the block that this

package/core/renderers/measurables/previous_connection.d.ts

@@ -11,6 +11,7 @@ import { Connection } from './connection.js';
  * up during rendering.
  */
 export declare class PreviousConnection extends Connection {
+    private previousConnection;
     /**
      * @param constants The rendering constants provider.
      * @param connectionModel The connection object on the block that this