blockly 11.0.0-beta.7 → 11.0.0-beta.8

package/core/block_svg.d.ts

@@ -659,6 +659,6 @@ export declare class BlockSvg extends Block implements IASTNodeLocationSvg, IBou
     /**
      * Returns a representation of this block that can be displayed in a flyout.
      */
-    toFlyoutData(): FlyoutItemInfo[];
+    toFlyoutInfo(): FlyoutItemInfo[];
 }
 //# sourceMappingURL=block_svg.d.ts.map

package/core/blockly.d.ts

@@ -30,7 +30,7 @@ import * as comments from './comments.js';
 import * as Css from './css.js';
 import { DeleteArea } from './delete_area.js';
 import * as dialog from './dialog.js';
-import { Dragger } from './dragging/dragger.js';
+import * as dragging from './dragging.js';
 import { DragTarget } from './drag_target.js';
 import * as dropDownDiv from './dropdowndiv.js';
 import * as Events from './events/events.js';
@@ -70,11 +70,12 @@ import { IComponent } from './interfaces/i_component.js';
 import { IConnectionChecker } from './interfaces/i_connection_checker.js';
 import { IConnectionPreviewer } from './interfaces/i_connection_previewer.js';
 import { IContextMenu } from './interfaces/i_contextmenu.js';
-import { ICopyable, isCopyable } from './interfaces/i_copyable.js';
+import { ICopyable, isCopyable, ICopyData } from './interfaces/i_copyable.js';
 import { IDeletable, isDeletable } from './interfaces/i_deletable.js';
 import { IDeleteArea } from './interfaces/i_delete_area.js';
 import { IDragTarget } from './interfaces/i_drag_target.js';
-import { IDraggable, isDraggable } from './interfaces/i_draggable.js';
+import { IDragger } from './interfaces/i_dragger.js';
+import { IDraggable, isDraggable, IDragStrategy } from './interfaces/i_draggable.js';
 import { IFlyout } from './interfaces/i_flyout.js';
 import { IHasBubble, hasBubble } from './interfaces/i_has_bubble.js';
 import { IIcon, isIcon } from './interfaces/i_icon.js';
@@ -85,6 +86,7 @@ import { IObservable, isObservable } from './interfaces/i_observable.js';
 import { IPaster, isPaster } from './interfaces/i_paster.js';
 import { IPositionable } from './interfaces/i_positionable.js';
 import { IRegistrable } from './interfaces/i_registrable.js';
+import { IRenderedElement, isRenderedElement } from './interfaces/i_rendered_element.js';
 import { ISelectable, isSelectable } from './interfaces/i_selectable.js';
 import { ISelectableToolboxItem } from './interfaces/i_selectable_toolbox_item.js';
 import { ISerializable, isSerializable } from './interfaces/i_serializable.js';
@@ -98,6 +100,7 @@ import { Cursor } from './keyboard_nav/cursor.js';
 import { Marker } from './keyboard_nav/marker.js';
 import { TabNavigateCursor } from './keyboard_nav/tab_navigate_cursor.js';
 import { MarkerManager } from './marker_manager.js';
+import type { LayerManager } from './layer_manager.js';
 import { Menu } from './menu.js';
 import { MenuItem } from './menuitem.js';
 import { MetricsManager } from './metrics_manager.js';
@@ -307,7 +310,7 @@ export { ContextMenuRegistry };
 export { comments };
 export { Cursor };
 export { DeleteArea };
-export { Dragger };
+export { dragging };
 export { DragTarget };
 export declare const DropDownDiv: typeof dropDownDiv;
 export { Field, FieldConfig, FieldValidator, UnattachedFieldError };
@@ -339,11 +342,12 @@ export { IConnectionChecker };
 export { IConnectionPreviewer };
 export { IContextMenu };
 export { icons };
-export { ICopyable, isCopyable };
+export { ICopyable, isCopyable, ICopyData };
 export { IDeletable, isDeletable };
 export { IDeleteArea };
 export { IDragTarget };
-export { IDraggable, isDraggable };
+export { IDragger };
+export { IDraggable, isDraggable, IDragStrategy };
 export { IFlyout };
 export { IHasBubble, hasBubble };
 export { IIcon, isIcon };
@@ -358,6 +362,7 @@ export { IObservable, isObservable };
 export { IPaster, isPaster };
 export { IPositionable };
 export { IRegistrable };
+export { IRenderedElement, isRenderedElement };
 export { ISelectable, isSelectable };
 export { ISelectableToolboxItem };
 export { ISerializable, isSerializable };
@@ -367,6 +372,7 @@ export { IToolboxItem };
 export { IVariableBackedParameterModel, isVariableBackedParameterModel };
 export { Marker };
 export { MarkerManager };
+export { LayerManager };
 export { Menu };
 export { MenuItem };
 export { MetricsManager };

package/core/comments/comment_view.d.ts

@@ -11,6 +11,10 @@ export declare class CommentView implements IRenderedElement {
     private readonly workspace;
     /** The root group element of the comment view. */
     private svgRoot;
+    /**
+     * The svg rect element that we use to create a hightlight around the comment.
+     */
+    private highlightRect;
     /** The group containing all of the top bar elements. */
     private topBarGroup;
     /** The rect background for the top bar. */
@@ -62,6 +66,10 @@ export declare class CommentView implements IRenderedElement {
     /** Whether this comment view has been disposed or not. */
     private disposed;
     constructor(workspace: WorkspaceSvg);
+    /**
+     * Creates the rect we use for highlighting the comment when it's selected.
+     */
+    private createHighlightRect;
     /**
      * Creates the top bar and the elements visually within it.
      * Registers event listeners.

package/core/comments/rendered_workspace_comment.d.ts

@@ -12,7 +12,8 @@ import { IBoundedElement } from '../interfaces/i_bounded_element.js';
 import { IRenderedElement } from '../interfaces/i_rendered_element.js';
 import { IDraggable } from '../interfaces/i_draggable.js';
 import { ISelectable } from '../interfaces/i_selectable.js';
-export declare class RenderedWorkspaceComment extends WorkspaceComment implements IBoundedElement, IRenderedElement, IDraggable, ISelectable {
+import { IDeletable } from '../interfaces/i_deletable.js';
+export declare class RenderedWorkspaceComment extends WorkspaceComment implements IBoundedElement, IRenderedElement, IDraggable, ISelectable, IDeletable {
     /** The class encompassing the svg elements making up the workspace comment. */
     private view;
     readonly workspace: WorkspaceSvg;
@@ -59,6 +60,10 @@ export declare class RenderedWorkspaceComment extends WorkspaceComment implement
      * (that wasn't otherwise gobbled up, e.g. by resizing).
      */
     private startGesture;
+    /** Returns whether this comment is deletable or not. */
+    isDeletable(): boolean;
+    /** Visually indicates that this comment would be deleted if dropped. */
+    setDeleteStyle(wouldDelete: boolean): void;
     /** Returns whether this comment is movable or not. */
     isMovable(): boolean;
     /** Starts a drag on the comment. */
@@ -69,7 +74,9 @@ export declare class RenderedWorkspaceComment extends WorkspaceComment implement
     endDrag(): void;
     /** Moves the comment back to where it was at the start of a drag. */
     revertDrag(): void;
+    /** Visually highlights the comment. */
     select(): void;
+    /** Visually unhighlights the comment. */
     unselect(): void;
 }
 //# sourceMappingURL=rendered_workspace_comment.d.ts.map

package/core/dragging/dragger.d.ts

@@ -3,16 +3,17 @@
  * Copyright 2024 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
+import { IDragTarget } from '../interfaces/i_drag_target.js';
 import { IDeletable } from '../interfaces/i_deletable.js';
 import { IDragger } from '../interfaces/i_dragger.js';
 import { IDraggable } from '../interfaces/i_draggable.js';
 import { Coordinate } from '../utils/coordinate.js';
 import { WorkspaceSvg } from '../workspace_svg.js';
 export declare class Dragger implements IDragger {
-    private draggable;
-    private workspace;
-    private startLoc;
-    private dragTarget;
+    protected draggable: IDraggable;
+    protected workspace: WorkspaceSvg;
+    protected startLoc: Coordinate;
+    protected dragTarget: IDragTarget | null;
     constructor(draggable: IDraggable, workspace: WorkspaceSvg);
     /** Handles any drag startup. */
     onDragStart(e: PointerEvent): void;

package/core/dragging.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Dragger } from './dragging/dragger.js';
+import { BlockDragStrategy } from './dragging/block_drag_strategy.js';
+import { BubbleDragStrategy } from './dragging/bubble_drag_strategy.js';
+import { CommentDragStrategy } from './dragging/comment_drag_strategy.js';
+export { Dragger, BlockDragStrategy, BubbleDragStrategy, CommentDragStrategy };
+//# sourceMappingURL=dragging.d.ts.map

package/core/gesture.d.ts

@@ -15,8 +15,10 @@ import type { Field } from './field.js';
 import type { IBubble } from './interfaces/i_bubble.js';
 import type { IFlyout } from './interfaces/i_flyout.js';
 import { Coordinate } from './utils/coordinate.js';
+import { WorkspaceDragger } from './workspace_dragger.js';
 import type { WorkspaceSvg } from './workspace_svg.js';
 import type { IIcon } from './interfaces/i_icon.js';
+import { IDragger } from './interfaces/i_dragger.js';
 import { RenderedWorkspaceComment } from './comments.js';
 /**
  * Class for one gesture.
@@ -398,6 +400,7 @@ export declare class Gesture {
      * @returns Whether this gesture was a click on a bubble.
      */
     private isBubbleClick;
+    private isCommentClick;
     /**
      * Whether this gesture is a click on a block.  This should only be called
      * when ending a gesture (pointerup).
@@ -421,6 +424,8 @@ export declare class Gesture {
      * @returns Whether this gesture was a click on a workspace.
      */
     private isWorkspaceClick;
+    /** Returns the current dragger if the gesture is a drag. */
+    getCurrentDragger(): WorkspaceDragger | IDragger | null;
     /**
      * Whether this gesture is a drag of either a workspace or block.
      * This function is called externally to block actions that cannot be taken

package/core/registry.d.ts

@@ -58,7 +58,11 @@ export declare class Type<_T> {
     static FLYOUTS_VERTICAL_TOOLBOX: Type<IFlyout>;
     static FLYOUTS_HORIZONTAL_TOOLBOX: Type<IFlyout>;
     static METRICS_MANAGER: Type<IMetricsManager>;
-    static DRAGGER: Type<IDragger>;
+    /**
+     * Type for an IDragger. Formerly behavior was mostly covered by
+     * BlockDraggeers, which is why the name is inaccurate.
+     */
+    static BLOCK_DRAGGER: Type<IDragger>;
     /** @internal */
     static SERIALIZER: Type<ISerializer>;
     /** @internal */

package/core/workspace_svg.d.ts

@@ -497,8 +497,6 @@ export declare class WorkspaceSvg extends Workspace implements IASTNodeLocationS
     updateScreenCalculationsIfScrolled(): void;
     /**
      * @returns The layer manager for this workspace.
-     *
-     * @internal
      */
     getLayerManager(): LayerManager | null;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blockly",
-  "version": "11.0.0-beta.7",
+  "version": "11.0.0-beta.8",
   "description": "Blockly is a library for building visual programming editors.",
   "keywords": [
     "blockly"