StackGenVis: Alignment of Data, Algorithms, and Models for Stacking Ensemble Learning Using Performance Metrics
https://doi.org/10.1109/TVCG.2020.3030352
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
2.8 KiB
95 lines
2.8 KiB
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
|
|
import BaseEvent from "../../core/BaseEvent.js";
|
|
import * as arr from "../../utils/arr.js";
|
|
|
|
class DropEvent extends BaseEvent {
|
|
/**
|
|
* Class of events fired on dropzones during drags with acceptable targets.
|
|
*/
|
|
constructor(dropState, dragEvent, type) {
|
|
super(dragEvent._interaction);
|
|
|
|
_defineProperty(this, "target", void 0);
|
|
|
|
_defineProperty(this, "dropzone", void 0);
|
|
|
|
_defineProperty(this, "dragEvent", void 0);
|
|
|
|
_defineProperty(this, "relatedTarget", void 0);
|
|
|
|
_defineProperty(this, "draggable", void 0);
|
|
|
|
_defineProperty(this, "timeStamp", void 0);
|
|
|
|
_defineProperty(this, "propagationStopped", false);
|
|
|
|
_defineProperty(this, "immediatePropagationStopped", false);
|
|
|
|
const {
|
|
element,
|
|
dropzone
|
|
} = type === 'dragleave' ? dropState.prev : dropState.cur;
|
|
this.type = type;
|
|
this.target = element;
|
|
this.currentTarget = element;
|
|
this.dropzone = dropzone;
|
|
this.dragEvent = dragEvent;
|
|
this.relatedTarget = dragEvent.target;
|
|
this.draggable = dragEvent.interactable;
|
|
this.timeStamp = dragEvent.timeStamp;
|
|
}
|
|
/**
|
|
* If this is a `dropactivate` event, the dropzone element will be
|
|
* deactivated.
|
|
*
|
|
* If this is a `dragmove` or `dragenter`, a `dragleave` will be fired on the
|
|
* dropzone element and more.
|
|
*/
|
|
|
|
|
|
reject() {
|
|
const {
|
|
dropState
|
|
} = this._interaction;
|
|
|
|
if (this.type !== 'dropactivate' && (!this.dropzone || dropState.cur.dropzone !== this.dropzone || dropState.cur.element !== this.target)) {
|
|
return;
|
|
}
|
|
|
|
dropState.prev.dropzone = this.dropzone;
|
|
dropState.prev.element = this.target;
|
|
dropState.rejected = true;
|
|
dropState.events.enter = null;
|
|
this.stopImmediatePropagation();
|
|
|
|
if (this.type === 'dropactivate') {
|
|
const activeDrops = dropState.activeDrops;
|
|
const index = arr.findIndex(activeDrops, ({
|
|
dropzone,
|
|
element
|
|
}) => dropzone === this.dropzone && element === this.target);
|
|
dropState.activeDrops.splice(index, 1);
|
|
const deactivateEvent = new DropEvent(dropState, this.dragEvent, 'dropdeactivate');
|
|
deactivateEvent.dropzone = this.dropzone;
|
|
deactivateEvent.target = this.target;
|
|
this.dropzone.fire(deactivateEvent);
|
|
} else {
|
|
this.dropzone.fire(new DropEvent(dropState, this.dragEvent, 'dragleave'));
|
|
}
|
|
}
|
|
|
|
preventDefault() {}
|
|
|
|
stopPropagation() {
|
|
this.propagationStopped = true;
|
|
}
|
|
|
|
stopImmediatePropagation() {
|
|
this.immediatePropagationStopped = this.propagationStopped = true;
|
|
}
|
|
|
|
}
|
|
|
|
export default DropEvent;
|
|
//# sourceMappingURL=DropEvent.js.map
|