blockly 9.3.2 → 10.0.0-beta.0

package/core/icons/comment_icon.d.ts

@@ -0,0 +1,108 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type { Block } from '../block.js';
+import { IconType } from './icon_types.js';
+import { Coordinate } from '../utils.js';
+import { Icon } from './icon.js';
+import type { IHasBubble } from '../interfaces/i_has_bubble.js';
+import type { ISerializable } from '../interfaces/i_serializable.js';
+import { Size } from '../utils/size.js';
+export declare class CommentIcon extends Icon implements IHasBubble, ISerializable {
+    protected readonly sourceBlock: Block;
+    /** The type string used to identify this icon. */
+    static readonly TYPE: IconType<CommentIcon>;
+    /**
+     * The weight this icon has relative to other icons. Icons with more positive
+     * weight values are rendered farther toward the end of the block.
+     */
+    static readonly WEIGHT = 3;
+    /** The bubble used to show editable text to the user. */
+    private textInputBubble;
+    /** The bubble used to show non-editable text to the user. */
+    private textBubble;
+    /** The text of this comment. */
+    private text;
+    /** The size of this comment (which is applied to the editable bubble). */
+    private bubbleSize;
+    /**
+     * The visibility of the bubble for this comment.
+     *
+     * This is used to track what the visibile state /should/ be, not necessarily
+     * what it currently /is/. E.g. sometimes this will be true, but the block
+     * hasn't been rendered yet, so the bubble will not currently be visible.
+     */
+    private bubbleVisiblity;
+    constructor(sourceBlock: Block);
+    getType(): IconType<CommentIcon>;
+    initView(pointerdownListener: (e: PointerEvent) => void): void;
+    dispose(): void;
+    getWeight(): number;
+    getSize(): Size;
+    applyColour(): void;
+    /**
+     * Updates the state of the bubble (editable / noneditable) to reflect the
+     * state of the bubble if the bubble is currently shown.
+     */
+    updateEditable(): void;
+    onLocationChange(blockOrigin: Coordinate): void;
+    /** Sets the text of this comment. Updates any bubbles if they are visible. */
+    setText(text: string): void;
+    /** Returns the text of this comment. */
+    getText(): string;
+    /**
+     * Sets the size of the editable bubble for this comment. Resizes the
+     * bubble if it is visible.
+     */
+    setBubbleSize(size: Size): void;
+    /** @returns the size of the editable bubble for this comment. */
+    getBubbleSize(): Size;
+    /**
+     * @returns the state of the comment as a JSON serializable value if the
+     * comment has text. Otherwise returns null.
+     */
+    saveState(): CommentState | null;
+    /** Applies the given state to this comment. */
+    loadState(state: CommentState): void;
+    onClick(): void;
+    /**
+     * Updates the text of this comment in response to changes in the text of
+     * the input bubble.
+     */
+    onTextChange(): void;
+    /**
+     * Updates the size of this icon in response to changes in the size of the
+     * input bubble.
+     */
+    onSizeChange(): void;
+    bubbleIsVisible(): boolean;
+    setBubbleVisible(visible: boolean): void;
+    /**
+     * Shows the editable text bubble for this comment, and adds change listeners
+     * to update the state of this icon in response to changes in the bubble.
+     */
+    private showEditableBubble;
+    /** Shows the non editable text bubble for this comment. */
+    private showNonEditableBubble;
+    /** Hides any open bubbles owned by this comment. */
+    private hideBubble;
+    /**
+     * @returns the location the bubble should be anchored to.
+     *     I.E. the middle of this icon.
+     */
+    private getAnchorLocation;
+    /**
+     * @returns the rect the bubble should avoid overlapping.
+     *     I.E. the block that owns this icon.
+     */
+    private getBubbleOwnerRect;
+}
+export interface CommentState {
+    text?: string;
+    pinned?: boolean;
+    height?: number;
+    width?: number;
+}
+//# sourceMappingURL=comment_icon.d.ts.map

package/core/icons/exceptions.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type { IIcon } from '../interfaces/i_icon.js';
+export declare class DuplicateIconType extends Error {
+    icon: IIcon;
+    /**
+     * @internal
+     */
+    constructor(icon: IIcon);
+}
+//# sourceMappingURL=exceptions.d.ts.map

package/core/icons/icon.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type { Block } from '../block.js';
+import type { IIcon } from '../interfaces/i_icon.js';
+import { Coordinate } from '../utils/coordinate.js';
+import { Size } from '../utils/size.js';
+import type { IconType } from './icon_types.js';
+export declare abstract class Icon implements IIcon {
+    protected sourceBlock: Block;
+    /**
+     * The position of this icon relative to its blocks top-start,
+     * in workspace units.
+     */
+    protected offsetInBlock: Coordinate;
+    /** The position of this icon in workspace coordinates. */
+    protected workspaceLocation: Coordinate;
+    /** The root svg element visually representing this icon. */
+    protected svgRoot: SVGGElement | null;
+    constructor(sourceBlock: Block);
+    getType(): IconType<IIcon>;
+    initView(pointerdownListener: (e: PointerEvent) => void): void;
+    dispose(): void;
+    getWeight(): number;
+    getSize(): Size;
+    applyColour(): void;
+    updateEditable(): void;
+    updateCollapsed(): void;
+    hideForInsertionMarker(): void;
+    isShownWhenCollapsed(): boolean;
+    setOffsetInBlock(offset: Coordinate): void;
+    private updateSvgRootOffset;
+    onLocationChange(blockOrigin: Coordinate): void;
+    onClick(): void;
+}
+//# sourceMappingURL=icon.d.ts.map

package/core/icons/icon_types.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { IIcon } from '../interfaces/i_icon.js';
+import { CommentIcon } from './comment_icon.js';
+import { MutatorIcon } from './mutator_icon.js';
+import { WarningIcon } from './warning_icon.js';
+export declare class IconType<_T extends IIcon> {
+    private readonly name;
+    /** @param name The name of the registry type. */
+    constructor(name: string);
+    /** @returns the name of the type. */
+    toString(): string;
+    /** @returns true if this icon type is equivalent to the given icon type. */
+    equals(type: IconType<IIcon>): boolean;
+    static MUTATOR: IconType<MutatorIcon>;
+    static WARNING: IconType<WarningIcon>;
+    static COMMENT: IconType<CommentIcon>;
+}
+//# sourceMappingURL=icon_types.d.ts.map

package/core/icons/mutator_icon.d.ts

@@ -0,0 +1,90 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type { Abstract } from '../events/events_abstract.js';
+import type { Block } from '../block.js';
+import type { BlockSvg } from '../block_svg.js';
+import type { Connection } from '../connection.js';
+import { Coordinate } from '../utils/coordinate.js';
+import type { IHasBubble } from '../interfaces/i_has_bubble.js';
+import { Icon } from './icon.js';
+import { Size } from '../utils/size.js';
+import type { WorkspaceSvg } from '../workspace_svg.js';
+import { IconType } from './icon_types.js';
+export declare class MutatorIcon extends Icon implements IHasBubble {
+    private readonly flyoutBlockTypes;
+    protected readonly sourceBlock: BlockSvg;
+    /** The type string used to identify this icon. */
+    static readonly TYPE: IconType<MutatorIcon>;
+    /**
+     * The weight this icon has relative to other icons. Icons with more positive
+     * weight values are rendered farther toward the end of the block.
+     */
+    static readonly WEIGHT = 1;
+    /** The bubble used to show the mini workspace to the user. */
+    private miniWorkspaceBubble;
+    /** The root block in the mini workspace. */
+    private rootBlock;
+    /** The PID tracking updating the workkspace in response to user events. */
+    private updateWorkspacePid;
+    constructor(flyoutBlockTypes: string[], sourceBlock: BlockSvg);
+    getType(): IconType<MutatorIcon>;
+    initView(pointerdownListener: (e: PointerEvent) => void): void;
+    dispose(): void;
+    getWeight(): number;
+    getSize(): Size;
+    applyColour(): void;
+    updateCollapsed(): void;
+    onLocationChange(blockOrigin: Coordinate): void;
+    onClick(): void;
+    bubbleIsVisible(): boolean;
+    setBubbleVisible(visible: boolean): void;
+    /** @returns the configuration the mini workspace should have. */
+    private getMiniWorkspaceConfig;
+    /**
+     * @returns the location the bubble should be anchored to.
+     *     I.E. the middle of this icon.
+     */
+    private getAnchorLocation;
+    /**
+     * @returns the rect the bubble should avoid overlapping.
+     *     I.E. the block that owns this icon.
+     */
+    private getBubbleOwnerRect;
+    /** Decomposes the source block to create blocks in the mini workspace. */
+    private createRootBlock;
+    /** Adds a listen to the source block that triggers saving connections. */
+    private addSaveConnectionsListener;
+    /**
+     * Creates a change listener to add to the mini workspace which recomposes
+     * the block.
+     */
+    private createMiniWorkspaceChangeListener;
+    /**
+     * Returns true if the given event is not one the mutator needs to
+     * care about.
+     *
+     * @internal
+     */
+    static isIgnorableMutatorEvent(e: Abstract): boolean;
+    /** Recomposes the source block based on changes to the mini workspace. */
+    private recomposeSourceBlock;
+    /** @internal */
+    getWorkspace(): WorkspaceSvg | undefined;
+    /**
+     * Reconnects the given connection to the mutated input on the given block.
+     *
+     * @deprecated Use connection.reconnect instead. To be removed in v11.
+     */
+    static reconnect(connectionChild: Connection | null, block: Block, inputName: string): boolean;
+    /**
+     * Returns the parent workspace of a workspace that is inside a mini workspace
+     * bubble, taking into account whether the workspace is a flyout.
+     *
+     * @deprecated Use workspace.getRootWorkspace. To be removed in v11.
+     */
+    static findParentWs(workspace: WorkspaceSvg): WorkspaceSvg | null;
+}
+//# sourceMappingURL=mutator_icon.d.ts.map

package/core/icons/registry.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type { Block } from '../block.js';
+import type { IIcon } from '../interfaces/i_icon.js';
+import { IconType } from './icon_types.js';
+/**
+ * Registers the given icon so that it can be deserialized.
+ *
+ * @param type The type of the icon to register. This should be the same string
+ *     that is returned from its `getType` method.
+ * @param iconConstructor The icon class/constructor to register.
+ */
+export declare function register(type: IconType<IIcon>, iconConstructor: new (block: Block) => IIcon): void;
+/**
+ * Unregisters the icon associated with the given type.
+ *
+ * @param type The type of the icon to unregister.
+ */
+export declare function unregister(type: string): void;
+//# sourceMappingURL=registry.d.ts.map

package/core/icons/warning_icon.d.ts

@@ -0,0 +1,67 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type { BlockSvg } from '../block_svg.js';
+import { Coordinate } from '../utils/coordinate.js';
+import { Icon } from './icon.js';
+import type { IHasBubble } from '../interfaces/i_has_bubble.js';
+import { Size } from '../utils.js';
+import { IconType } from './icon_types.js';
+export declare class WarningIcon extends Icon implements IHasBubble {
+    protected readonly sourceBlock: BlockSvg;
+    /** The type string used to identify this icon. */
+    static readonly TYPE: IconType<WarningIcon>;
+    /**
+     * The weight this icon has relative to other icons. Icons with more positive
+     * weight values are rendered farther toward the end of the block.
+     */
+    static readonly WEIGHT = 2;
+    /** A map of warning IDs to warning text. */
+    private textMap;
+    /** The bubble used to display the warnings to the user. */
+    private textBubble;
+    /** @internal */
+    constructor(sourceBlock: BlockSvg);
+    getType(): IconType<WarningIcon>;
+    initView(pointerdownListener: (e: PointerEvent) => void): void;
+    dispose(): void;
+    getWeight(): number;
+    getSize(): Size;
+    applyColour(): void;
+    updateCollapsed(): void;
+    /** Tells blockly that this icon is shown when the block is collapsed. */
+    isShownWhenCollapsed(): boolean;
+    /** Updates the location of the icon's bubble if it is open. */
+    onLocationChange(blockOrigin: Coordinate): void;
+    /**
+     * Adds a warning message to this warning icon.
+     *
+     * @param text The text of the message to add.
+     * @param id The id of the message to add.
+     * @internal
+     */
+    addMessage(text: string, id: string): this;
+    /**
+     * @returns the display text for this icon. Includes all warning messages
+     *     concatenated together with newlines.
+     * @internal
+     */
+    getText(): string;
+    /** Toggles the visibility of the bubble. */
+    onClick(): void;
+    bubbleIsVisible(): boolean;
+    setBubbleVisible(visible: boolean): void;
+    /**
+     * @returns the location the bubble should be anchored to.
+     *     I.E. the middle of this icon.
+     */
+    private getAnchorLocation;
+    /**
+     * @returns the rect the bubble should avoid overlapping.
+     *     I.E. the block that owns this icon.
+     */
+    private getBubbleOwnerRect;
+}
+//# sourceMappingURL=warning_icon.d.ts.map

package/core/icons.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { CommentIcon } from './icons/comment_icon.js';
+import * as exceptions from './icons/exceptions.js';
+import * as registry from './icons/registry.js';
+import { MutatorIcon } from './icons/mutator_icon.js';
+import { IconType } from './icons/icon_types.js';
+export { CommentIcon, exceptions, registry, MutatorIcon, IconType };
+//# sourceMappingURL=icons.d.ts.map

package/core/inputs/dummy_input.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type { Block } from '../block.js';
+import { Input } from './input.js';
+import { inputTypes } from './input_types.js';
+/** Represents an input on a block with no connection. */
+export declare class DummyInput extends Input {
+    name: string;
+    readonly type = inputTypes.DUMMY;
+    /**
+     * @param name Language-neutral identifier which may used to find this input
+     *     again.
+     * @param block The block containing this input.
+     */
+    constructor(name: string, block: Block);
+}
+//# sourceMappingURL=dummy_input.d.ts.map

package/core/{input.d.ts → inputs/input.d.ts}

@@ -3,32 +3,32 @@
  * Copyright 2012 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import './field_label.js';
-import type { Block } from './block.js';
-import type { BlockSvg } from './block_svg.js';
-import type { Connection } from './connection.js';
-import type { Field } from './field.js';
+import '../field_label.js';
+import type { Block } from '../block.js';
+import type { BlockSvg } from '../block_svg.js';
+import type { Connection } from '../connection.js';
+import type { ConnectionType } from '../connection_type.js';
+import type { Field } from '../field.js';
+import { inputTypes } from './input_types.js';
 /**
  * Class for an input with an optional field.
  */
 export declare class Input {
-    type: number;
     name: string;
-    connection: Connection | null;
     private sourceBlock;
     fieldRow: Field[];
     /** Alignment of input's fields (left, right or centre). */
     align: Input.Align;
     /** Is the input visible? */
     private visible;
+    readonly type: inputTypes;
+    connection: Connection | null;
     /**
-     * @param type The type of the input.
      * @param name Language-neutral identifier which may used to find this input
      *     again.
-     * @param block The block containing this input.
-     * @param connection Optional connection for this input.
+     * @param sourceBlock The block containing this input.
      */
-    constructor(type: number, name: string, block: Block, connection: Connection | null);
+    constructor(name: string, sourceBlock: Block);
     /**
      * Get the source block for this input.
      *
@@ -120,10 +120,17 @@ export declare class Input {
     init(): void;
     /**
      * Sever all links to this input.
-     *
-     * @suppress {checkTypes}
      */
     dispose(): void;
+    /**
+     * Constructs a connection based on the type of this input's source block.
+     * Properly handles constructing headless connections for headless blocks
+     * and rendered connections for rendered blocks.
+     *
+     * @returns a connection of the given type, which is either a headless
+     *     or rendered connection, based on the type of this input's source block.
+     */
+    protected makeConnection(type: ConnectionType): Connection;
 }
 export declare namespace Input {
     /**

package/core/{input_types.d.ts → inputs/input_types.d.ts}

@@ -9,6 +9,7 @@
 export declare enum inputTypes {
     VALUE = 1,
     STATEMENT = 3,
-    DUMMY = 5
+    DUMMY = 5,
+    CUSTOM = 6
 }
 //# sourceMappingURL=input_types.d.ts.map

package/core/inputs/statement_input.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type { Block } from '../block.js';
+import type { Connection } from '../connection.js';
+import { Input } from './input.js';
+import { inputTypes } from './input_types.js';
+/** Represents an input on a block with a statement connection. */
+export declare class StatementInput extends Input {
+    name: string;
+    readonly type = inputTypes.STATEMENT;
+    connection: Connection;
+    /**
+     * @param name Language-neutral identifier which may used to find this input
+     *     again.
+     * @param block The block containing this input.
+     */
+    constructor(name: string, block: Block);
+}
+//# sourceMappingURL=statement_input.d.ts.map

package/core/inputs/value_input.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type { Block } from '../block.js';
+import { Input } from './input.js';
+import { inputTypes } from './input_types.js';
+/** Represents an input on a block with a value connection. */
+export declare class ValueInput extends Input {
+    name: string;
+    readonly type = inputTypes.VALUE;
+    /**
+     * @param name Language-neutral identifier which may used to find this input
+     *     again.
+     * @param block The block containing this input.
+     */
+    constructor(name: string, block: Block);
+}
+//# sourceMappingURL=value_input.d.ts.map

package/core/interfaces/i_block_dragger.d.ts

@@ -10,7 +10,7 @@ import type { BlockSvg } from '../block_svg.js';
  */
 export interface IBlockDragger {
     /**
-     * Start dragging a block.  This includes moving it to the drag surface.
+     * Start dragging a block.
      *
      * @param currentDragDeltaXY How far the pointer has moved from the position
      *     at mouse down, in pixel units.

package/core/interfaces/i_bounded_element.d.ts

@@ -20,7 +20,8 @@ export interface IBoundedElement {
      *
      * @param dx Horizontal offset in workspace units.
      * @param dy Vertical offset in workspace units.
+     * @param reason Why is this move happening?  'user', 'bump', 'snap'...
      */
-    moveBy(dx: number, dy: number): void;
+    moveBy(dx: number, dy: number, reason?: string[]): void;
 }
 //# sourceMappingURL=i_bounded_element.d.ts.map

package/core/interfaces/i_bubble.d.ts

@@ -4,7 +4,6 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import type { Coordinate } from '../utils/coordinate.js';
-import type { BlockDragSurfaceSvg } from '../block_drag_surface.js';
 import type { IContextMenu } from './i_contextmenu.js';
 import type { IDraggable } from './i_draggable.js';
 /**
@@ -24,14 +23,6 @@ export interface IBubble extends IDraggable, IContextMenu {
      * @returns The root SVG node of the bubble's group.
      */
     getSvgRoot(): SVGElement;
-    /**
-     * Set whether auto-layout of this bubble is enabled.  The first time a bubble
-     * is shown it positions itself to not cover any blocks.  Once a user has
-     * dragged it to reposition, it renders where the user put it.
-     *
-     * @param enable True if auto-layout should be enabled, false otherwise.
-     */
-    setAutoLayout(enable: boolean): void;
     /**
      * Sets whether or not this bubble is being dragged.
      *
@@ -39,14 +30,11 @@ export interface IBubble extends IDraggable, IContextMenu {
      */
     setDragging(dragging: boolean): void;
     /**
-     * Move this bubble during a drag, taking into account whether or not there is
-     * a drag surface.
+     * Move this bubble during a drag.
      *
-     * @param dragSurface The surface that carries rendered items during a drag,
-     *     or null if no drag surface is in use.
      * @param newLoc The location to translate to, in workspace coordinates.
      */
-    moveDuringDrag(dragSurface: BlockDragSurfaceSvg | null, newLoc: Coordinate): void;
+    moveDuringDrag(newLoc: Coordinate): void;
     /**
      * Move the bubble to the specified location in workspace coordinates.
      *

package/core/interfaces/i_has_bubble.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export interface IHasBubble {
+    /** @returns True if the bubble is currently open, false otherwise. */
+    bubbleIsVisible(): boolean;
+    /** Sets whether the bubble is open or not. */
+    setBubbleVisible(visible: boolean): void;
+}
+/** Type guard that checks whether the given object is a IHasBubble. */
+export declare function hasBubble(obj: any): obj is IHasBubble;
+//# sourceMappingURL=i_has_bubble.d.ts.map

package/core/interfaces/i_icon.d.ts

@@ -0,0 +1,75 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type { IconType } from '../icons/icon_types.js';
+import type { Coordinate } from '../utils/coordinate.js';
+import type { Size } from '../utils/size.js';
+export interface IIcon {
+    /**
+     * @returns the IconType representing the type of the icon. This value should
+     *     also be used to register the icon via `Blockly.icons.registry.register`.
+     */
+    getType(): IconType<IIcon>;
+    /**
+     * Creates the SVG elements for the icon that will live on the block.
+     *
+     * @param pointerdownListener An event listener that must be attached to the
+     *     root SVG element by the implementation of `initView`. Used by Blockly's
+     *     gesture system to properly handle clicks and drags.
+     */
+    initView(pointerdownListener: (e: PointerEvent) => void): void;
+    /**
+     * Disposes of any elements of the icon.
+     *
+     * @remarks
+     *
+     * In particular, if this icon is currently showing a bubble, this should be
+     * used to hide it.
+     */
+    dispose(): void;
+    /**
+     * @returns the "weight" of the icon, which determines the static order which
+     *     icons should be rendered in. More positive numbers are rendered farther
+     *     toward the end of the block.
+     */
+    getWeight(): number;
+    /** @returns The dimensions of the icon for use in rendering. */
+    getSize(): Size;
+    /** Updates the icon's color when the block's color changes.. */
+    applyColour(): void;
+    /** Hides the icon when it is part of an insertion marker. */
+    hideForInsertionMarker(): void;
+    /** Updates the icon's editability when the block's editability changes. */
+    updateEditable(): void;
+    /**
+     * Updates the icon's collapsed-ness/view when the block's collapsed-ness
+     * changes.
+     */
+    updateCollapsed(): void;
+    /**
+     * @returns Whether this icon is shown when the block is collapsed. Used
+     *     to allow renderers to account for padding.
+     */
+    isShownWhenCollapsed(): boolean;
+    /**
+     * Notifies the icon where it is relative to its block's top-start, in
+     * workspace units.
+     */
+    setOffsetInBlock(offset: Coordinate): void;
+    /**
+     * Notifies the icon that it has changed locations.
+     *
+     * @param blockOrigin The location of this icon's block's top-start corner
+     *     in workspace coordinates.
+     */
+    onLocationChange(blockOrigin: Coordinate): void;
+    /**
+     * Notifies the icon that it has been clicked.
+     */
+    onClick(): void;
+}
+/** Type guard that checks whether the given object is an IIcon. */
+export declare function isIcon(obj: any): obj is IIcon;
+//# sourceMappingURL=i_icon.d.ts.map