mirror of
https://github.com/google/blockly.git
synced 2026-01-04 15:40:08 +01:00
88ff901a72
* chore: add and configure prettier * chore: remove clang-format * chore: remove clang-format config * chore: lint additional ts files * chore: fix lint errors in blocks * chore: add prettier-ignore where needed * chore: ignore js blocks when formatting * chore: fix playground html syntax * chore: fix yaml spacing from merge * chore: convert text blocks to use arrow functions * chore: format everything with prettier * chore: fix lint unused imports in blocks
79 lines
2.3 KiB
TypeScript
79 lines
2.3 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2021 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
/**
|
|
* The abstract class for a component that can delete a block or
|
|
* bubble that is dropped on top of it.
|
|
*
|
|
* @class
|
|
*/
|
|
import * as goog from '../closure/goog/goog.js';
|
|
goog.declareModuleId('Blockly.DeleteArea');
|
|
|
|
import {BlockSvg} from './block_svg.js';
|
|
import {DragTarget} from './drag_target.js';
|
|
import type {IDeleteArea} from './interfaces/i_delete_area.js';
|
|
import type {IDraggable} from './interfaces/i_draggable.js';
|
|
|
|
/**
|
|
* Abstract class for a component that can delete a block or bubble that is
|
|
* dropped on top of it.
|
|
*/
|
|
export class DeleteArea extends DragTarget implements IDeleteArea {
|
|
/**
|
|
* Whether the last block or bubble dragged over this delete area would be
|
|
* deleted if dropped on this component.
|
|
* This property is not updated after the block or bubble is deleted.
|
|
*/
|
|
protected wouldDelete_ = false;
|
|
|
|
/**
|
|
* The unique id for this component that is used to register with the
|
|
* ComponentManager.
|
|
*/
|
|
// TODO(b/109816955): remove '!', see go/strict-prop-init-fix.
|
|
override id!: string;
|
|
|
|
/**
|
|
* Constructor for DeleteArea. Should not be called directly, only by a
|
|
* subclass.
|
|
*/
|
|
constructor() {
|
|
super();
|
|
}
|
|
|
|
/**
|
|
* Returns whether the provided block or bubble would be deleted if dropped on
|
|
* this area.
|
|
* This method should check if the element is deletable and is always called
|
|
* before onDragEnter/onDragOver/onDragExit.
|
|
*
|
|
* @param element The block or bubble currently being dragged.
|
|
* @param couldConnect Whether the element could could connect to another.
|
|
* @returns Whether the element provided would be deleted if dropped on this
|
|
* area.
|
|
*/
|
|
wouldDelete(element: IDraggable, couldConnect: boolean): boolean {
|
|
if (element instanceof BlockSvg) {
|
|
const block = element;
|
|
const couldDeleteBlock = !block.getParent() && block.isDeletable();
|
|
this.updateWouldDelete_(couldDeleteBlock && !couldConnect);
|
|
} else {
|
|
this.updateWouldDelete_(element.isDeletable());
|
|
}
|
|
return this.wouldDelete_;
|
|
}
|
|
|
|
/**
|
|
* Updates the internal wouldDelete_ state.
|
|
*
|
|
* @param wouldDelete The new value for the wouldDelete state.
|
|
*/
|
|
protected updateWouldDelete_(wouldDelete: boolean) {
|
|
this.wouldDelete_ = wouldDelete;
|
|
}
|
|
}
|