@bhbr/minter 0.0.0-stage → 1.0.1

package/dist/mobjects/Dependency.js

@@ -0,0 +1,19 @@
+export class Dependency {
+    constructor(args = {}) {
+        this.source = args['source'];
+        this.outputName = args['outputName'];
+        if (this.outputName === undefined) {
+            this.outputName = null;
+        }
+        this.target = args['target'];
+        this.inputName = args['inputName'];
+        if (this.inputName === undefined) {
+            this.inputName = null;
+        }
+        this.kind = args['kind'] ?? 'value';
+    }
+    delete() {
+        this.source.removeDependency(this);
+    }
+}
+//# sourceMappingURL=Dependency.js.map

package/dist/mobjects/Dependency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dependency.js","sourceRoot":"","sources":["../../src/mobjects/Dependency.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,UAAU;IAWtB,YAAY,OAAe,EAAE;QAE5B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,CAAA;QACpC,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;YAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAA;QAAC,CAAC;QAE7D,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC5B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,CAAA;QAClC,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE,CAAC;YAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;QAAC,CAAC;QAE3D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,OAAO,CAAA;IACpC,CAAC;IAED,MAAM;QACL,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACnC,CAAC;CACD"}

package/dist/mobjects/MGroup.d.ts

@@ -0,0 +1,5 @@
+import { Mobject } from './Mobject.js';
+export declare class MGroup extends Mobject {
+    setup(): void;
+}
+//# sourceMappingURL=MGroup.d.ts.map

package/dist/mobjects/MGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MGroup.d.ts","sourceRoot":"","sources":["../../src/mobjects/MGroup.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,qBAAa,MAAO,SAAQ,OAAO;IAIlC,KAAK;CAQL"}

package/dist/mobjects/MGroup.js

@@ -0,0 +1,15 @@
+import { Mobject } from './Mobject.js';
+export class MGroup extends Mobject {
+    /*
+    MGroup (a group of mobjects) is essentially a synonym for Mobject.
+    */
+    setup() {
+        super.setup();
+        // Children may have been set as constructor arguments
+        // and need not be added explicitly, this setup does it.
+        for (let submob of this.children) {
+            this.add(submob);
+        }
+    }
+}
+//# sourceMappingURL=MGroup.js.map

package/dist/mobjects/MGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MGroup.js","sourceRoot":"","sources":["../../src/mobjects/MGroup.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,MAAM,OAAO,MAAO,SAAQ,OAAO;IACnC;;MAEE;IACD,KAAK;QACJ,KAAK,CAAC,KAAK,EAAE,CAAA;QACb,sDAAsD;QACtD,wDAAwD;QACxD,KAAK,IAAI,MAAM,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACjB,CAAC;IACF,CAAC;CACD"}

package/dist/mobjects/Mobject.d.ts

@@ -0,0 +1,138 @@
+import { ScreenEventHandler, ScreenEvent } from './screen_events.js';
+import { vertex, Transform } from '@bhbr/affr2';
+import { BetterObject } from '@bhbr/better-things';
+import { Color } from '../views/Color.js';
+import { Dependency } from './Dependency.js';
+import { Frame } from '../views/Frame.js';
+import { View } from '../views/View.js';
+import { Motor } from './Motor.js';
+import { Sensor } from './Sensor.js';
+import { UpdateCalls } from './UpdateCall.js';
+export declare class Mobject extends BetterObject {
+    constructor(args?: object);
+    defaults(): object;
+    mutabilities(): object;
+    setup(): void;
+    view: View;
+    divComment: string | null;
+    get anchor(): vertex;
+    set anchor(newValue: vertex);
+    get transform(): Transform;
+    set transform(newValue: Transform);
+    get transformAngle(): number;
+    set transformAngle(newValue: number);
+    get frame(): Frame;
+    set frame(newValue: Frame);
+    get frameWidth(): number;
+    set frameWidth(newValue: number);
+    get frameHeight(): number;
+    set frameHeight(newValue: number);
+    frameCenter(): vertex;
+    get visible(): boolean;
+    set visible(newValue: boolean);
+    get opacity(): number;
+    set opacity(newValue: number);
+    get backgroundColor(): Color;
+    set backgroundColor(newValue: Color);
+    get borderColor(): Color;
+    set borderColor(newValue: Color);
+    get borderWidth(): number;
+    set borderWidth(newValue: number);
+    get drawBorder(): boolean;
+    set drawBorder(newValue: boolean);
+    get drawShadow(): boolean;
+    set drawShadow(newValue: boolean);
+    get borderRadius(): number;
+    set borderRadius(newValue: number);
+    redraw(): void;
+    hideShadow(): void;
+    showShadow(): void;
+    showDependents(): void;
+    hideDependents(): void;
+    show(): void;
+    hide(): void;
+    motor: Motor;
+    animate(args: object, seconds: number, showShadow?: boolean, completionHandler?: Function): void;
+    protected _parent?: Mobject;
+    children: Array<Mobject>;
+    get parent(): Mobject;
+    set parent(newValue: Mobject);
+    ancestors(): Array<Mobject>;
+    descendsFrom(mob: Mobject): boolean;
+    isDescendentFrom(mob: Mobject): boolean;
+    get superMobject(): this;
+    set superMobject(newValue: this);
+    get submobjects(): Array<Mobject>;
+    set submobjects(newValue: Array<Mobject>);
+    get submobs(): Array<Mobject>;
+    set submobs(newValue: Array<Mobject>);
+    add(submob: Mobject): void;
+    insertRelativeTo(newChild: Mobject, child: Mobject, shift: number): void;
+    insertBehind(newChild: Mobject, child: Mobject): void;
+    insertBefore(newChild: Mobject, child: Mobject): void;
+    remove(child: Mobject): void;
+    removeAllChildren(): void;
+    moveToTop(newChild: Mobject): void;
+    moveToBack(newChild: Mobject): void;
+    dependencies: Array<Dependency>;
+    dependents(): Array<Mobject>;
+    allDependents(): Array<Mobject>;
+    dependsOn(otherMobject: Mobject): boolean;
+    addDependency(outputName: string | null, target: Mobject, inputName: string | null, kind?: 'value' | 'action', refresh?: boolean): void;
+    removeDependency(dep: Dependency): void;
+    removeAllDependents(): void;
+    getDependency(outputName: string | null, target: Mobject, inputName: string | null): Dependency | null;
+    removeDependencyBetween(outputName: string | null, target: Mobject, inputName: string | null): void;
+    addDependent(target: Mobject): void;
+    synchronizeUpdateArguments(args?: object): object;
+    update(args?: object, redraw?: boolean): void;
+    batchUpdate(batchArgs: Record<string, Array<any>>, redraw?: boolean): void;
+    getUpdateCalls(onlyValues?: boolean): UpdateCalls;
+    updateDependents(onlyValues?: boolean): void;
+    sensor: Sensor;
+    preventDefault: boolean;
+    dragAnchorStart?: vertex;
+    disable(): void;
+    enable(): void;
+    disableSubmobs(): void;
+    enableSubmobs(): void;
+    get screenEventHandler(): ScreenEventHandler;
+    set screenEventHandler(newValue: ScreenEventHandler);
+    onPointerDown(e: ScreenEvent): void;
+    onPointerMove(e: ScreenEvent): void;
+    onPointerUp(e: ScreenEvent): void;
+    onTap(e: ScreenEvent): void;
+    onMereTap(e: ScreenEvent): void;
+    onDoubleTap(e: ScreenEvent): void;
+    onLongPress(e: ScreenEvent): void;
+    onTouchDown(e: ScreenEvent): void;
+    onTouchMove(e: ScreenEvent): void;
+    onTouchUp(e: ScreenEvent): void;
+    onTouchTap(e: ScreenEvent): void;
+    onMereTouchTap(e: ScreenEvent): void;
+    onDoubleTouchTap(e: ScreenEvent): void;
+    onLongTouchDown(e: ScreenEvent): void;
+    onPenDown(e: ScreenEvent): void;
+    onPenMove(e: ScreenEvent): void;
+    onPenUp(e: ScreenEvent): void;
+    onPenTap(e: ScreenEvent): void;
+    onMerePenTap(e: ScreenEvent): void;
+    onDoublePenTap(e: ScreenEvent): void;
+    onLongPenDown(e: ScreenEvent): void;
+    onMouseDown(e: ScreenEvent): void;
+    onMouseMove(e: ScreenEvent): void;
+    onMouseUp(e: ScreenEvent): void;
+    onMouseClick(e: ScreenEvent): void;
+    onMereMouseClick(e: ScreenEvent): void;
+    onDoubleMouseClick(e: ScreenEvent): void;
+    onLongMouseDown(e: ScreenEvent): void;
+    onPointerOut(e: ScreenEvent): void;
+    draggingEnabled: boolean;
+    setDragging(flag: boolean): void;
+    startDragging(e: ScreenEvent): void;
+    dragging(e: ScreenEvent): void;
+    endDragging(e: ScreenEvent): void;
+    focus(): void;
+    blur(): void;
+}
+//# sourceMappingURL=Mobject.d.ts.map

package/dist/mobjects/Mobject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mobject.d.ts","sourceRoot":"","sources":["../../src/mobjects/Mobject.ts"],"names":[],"mappings":"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"}

package/dist/mobjects/Mobject.js

@@ -0,0 +1,488 @@
+import { remove, clear } from '@bhbr/betray';
+import { copy } from '@bhbr/copycat';
+import { ScreenEventHandler, eventVertex, addPointerDown, addPointerMove, addPointerUp, addPointerOut } from './screen_events.js';
+import { vertexAdd, vertexSubtract, Transform } from '@bhbr/affr2';
+import { BetterObject } from '@bhbr/better-things';
+import { Dependency } from './Dependency.js';
+import { View } from '../views/View.js';
+import { Motor } from './Motor.js';
+import { Sensor } from './Sensor.js';
+import { getPaper } from '../paper/getPaper.js';
+import { UpdateCall, UpdateCalls } from './UpdateCall.js';
+export class Mobject extends BetterObject {
+    /*
+    A mobject (math object) has a view with an underlying state and logic for drawing (View), animation (Motor) and user interaction (Sensor).
+    */
+    //////////////////////////////////////////////////////////
+    //                                                      //
+    //                    INITIALIZATION                    //
+    //                                                      //
+    //////////////////////////////////////////////////////////
+    /*
+    Subclasses dot NOT get their own explicit constructor. The state is completely set by fullDefaults(). Any additional actions are performed afterwards in setup().
+    
+    Subclasses may also have quite a different setup than their superclass, and would otherwise have to undo a lot of the superclass's constructor setup. (E. g. a Circle's anchor should not be set, instead its midpoint should. A Circle's anchor acts like a computed property.)
+    
+    It also allows to control the setting of default state variables.
+    */
+    constructor(args = {}) {
+        /*
+        A mobject is initialized by providing a dictionary (object) of parameters (args).
+        */
+        super(args);
+        this.setup();
+        this.update();
+        this.view.redraw();
+    }
+    defaults() {
+        return {
+            // hierarchy
+            _parent: null,
+            children: [], // i. e. submobjects
+            view: new View(),
+            motor: new Motor(),
+            sensor: new Sensor(),
+            preventDefault: true,
+            divComment: null,
+            draggingEnabled: false,
+            // dependencies
+            dependencies: []
+        };
+    }
+    mutabilities() {
+        return {
+            view: 'on_init',
+            children: 'on_update' // never?
+        };
+    }
+    setup() {
+        this.view.mobject = this;
+        this.view.setup();
+        this.motor.mobject = this;
+        this.sensor.mobject = this;
+        // put into sensor setup?
+        addPointerDown(this.view.div, this.sensor.capturedOnPointerDown.bind(this.sensor));
+        addPointerMove(this.view.div, this.sensor.capturedOnPointerMove.bind(this.sensor));
+        addPointerUp(this.view.div, this.sensor.capturedOnPointerUp.bind(this.sensor));
+        addPointerOut(this.view.div, this.sensor.capturedOnPointerOut.bind(this.sensor));
+    }
+    //////////// Aliases ////////////
+    get anchor() { return this.view?.anchor ?? [0, 0]; }
+    set anchor(newValue) {
+        if (!this.view) {
+            return;
+        }
+        this.view.anchor = newValue;
+    }
+    get transform() { return this.view?.transform ?? Transform.identity(); }
+    set transform(newValue) {
+        if (!this.view) {
+            return;
+        }
+        this.view.transform = newValue;
+    }
+    get transformAngle() { return this.view?.transform.angle ?? 0; }
+    set transformAngle(newValue) {
+        if (!this.view) {
+            return;
+        }
+        this.view.transform.angle = newValue;
+    }
+    get frame() { return this.view.frame; }
+    set frame(newValue) { this.view.frame = newValue; }
+    get frameWidth() { return this.frame.width; }
+    set frameWidth(newValue) { this.frame.width = newValue; }
+    get frameHeight() { return this.frame.height ?? 0; }
+    set frameHeight(newValue) { this.frame.height = newValue; }
+    frameCenter() { return this.frame.center(); }
+    get visible() { return this.view.visible; }
+    set visible(newValue) { this.view.visible = newValue; }
+    get opacity() { return this.view.opacity; }
+    set opacity(newValue) { this.view.opacity = newValue; }
+    get backgroundColor() { return this.view.backgroundColor; }
+    set backgroundColor(newValue) { this.view.backgroundColor = newValue; }
+    get borderColor() { return this.view.borderColor; }
+    set borderColor(newValue) { this.view.borderColor = newValue; }
+    get borderWidth() { return this.view.borderWidth; }
+    set borderWidth(newValue) { this.view.borderWidth = newValue; }
+    get drawBorder() { return this.view.drawBorder; }
+    set drawBorder(newValue) { this.view.drawBorder = newValue; }
+    get drawShadow() { return this.view.drawShadow; }
+    set drawShadow(newValue) { this.view.drawShadow = newValue; }
+    get borderRadius() { return this.view.borderRadius; }
+    set borderRadius(newValue) { this.view.borderRadius = newValue; }
+    redraw() { this.view.redraw(); }
+    //////////// Showing and hiding ////////////
+    hideShadow() { this.view.hideShadow(); }
+    showShadow() { this.view.showShadow(); }
+    showDependents() {
+        for (let depmob of this.allDependents()) {
+            depmob.view.show();
+        }
+    }
+    hideDependents() {
+        for (let depmob of this.allDependents()) {
+            depmob.view.hide();
+        }
+    }
+    show() { this.view.show(); }
+    hide() { this.view.hide(); }
+    animate(args = {}, seconds, showShadow = false, completionHandler = () => { }) {
+        this.motor.animate(args, seconds, showShadow, completionHandler);
+    }
+    /*
+    Actually we want to hide some more housekeeping code
+    behind setting this.parent bc parent and child
+    reference each other, and probably the views need
+    to be updated.
+    */
+    get parent() { return this._parent; }
+    set parent(newValue) {
+        try {
+            // there might already be a parent
+            this.parent.remove(this);
+        }
+        catch { }
+        this._parent = newValue;
+        if (newValue === undefined || newValue == null) {
+            return;
+        }
+        newValue.add(this);
+    }
+    ancestors() {
+        let ret = [];
+        let p = this.parent;
+        if (p === undefined || p === null) {
+            return ret;
+        }
+        while (p != null) {
+            ret.push(p);
+            p = p.parent;
+        }
+        return ret;
+    }
+    descendsFrom(mob) {
+        return this.ancestors().includes(mob);
+    }
+    isDescendentFrom(mob) {
+        return mob.descendsFrom(this);
+    }
+    //////////// Aliases ////////////
+    get superMobject() { return this.parent; }
+    set superMobject(newValue) { this.parent = newValue; }
+    get submobjects() { return this.children; }
+    set submobjects(newValue) { this.update({ children: newValue }); }
+    get submobs() { return this.submobjects; }
+    set submobs(newValue) { this.update({ submobs: newValue }); }
+    add(submob) {
+        // Set this as the submob's parent
+        if (submob.parent != this) {
+            if (submob.parent !== null && submob.parent !== undefined) {
+                submob.parent.remove(submob);
+            }
+            submob.parent = this;
+            submob.parent.frame = this.frame;
+        }
+        // Add submob to the children
+        if (this.children === undefined || this.children === null) {
+            throw `Please add submob ${submob.constructor.name} to ${this.constructor.name} later, in setup()`;
+        }
+        else if (!this.children.includes(submob)) {
+            this.children.push(submob);
+        }
+        // Add its view to this view and redraw
+        this.view.add(submob.view);
+        submob.view.redraw();
+    }
+    insertRelativeTo(newChild, child, shift) {
+        if (newChild.parent == this) {
+            this.remove(newChild);
+        }
+        let i = this.children.indexOf(child);
+        if (i == -1) {
+            console.error(`${this.constructor.name} does not have ${child.constructor.name} as a child`);
+            return;
+        }
+        if (i + shift >= this.children.length) {
+            this.add(newChild);
+            return;
+        }
+        let shiftedChild = this.children[i + shift];
+        this.children.splice(i + shift, 0, newChild);
+        this.view.insertBehind(newChild.view, shiftedChild.view);
+    }
+    insertBehind(newChild, child) {
+        this.insertRelativeTo(newChild, child, 0);
+    }
+    insertBefore(newChild, child) {
+        this.insertRelativeTo(newChild, child, 1);
+    }
+    remove(child) {
+        // Remove from the array of children (with an imported helper method)
+        remove(this.children, child);
+        child.parent = null;
+        child.view.div.remove();
+    }
+    removeAllChildren() {
+        while (this.children.length > 0) {
+            let child = this.children.pop();
+            child.parent = null;
+            child.view.div.remove();
+        }
+    }
+    moveToTop(newChild) {
+        /*
+        Put this submob in front of every other sibling,
+        so that it will obstruct them and catch screen events
+        */
+        if (newChild.parent === this) {
+            this.remove(newChild);
+        }
+        this.add(newChild);
+    }
+    moveToBack(newChild) {
+        if (newChild.parent !== this) {
+            this.add(newChild);
+        }
+        if (this.children.length < 2) {
+            return;
+        }
+        this.insertBehind(newChild, this.children[0]);
+    }
+    dependents() {
+        // All mobjects that depend directly on this
+        let dep = [];
+        for (let d of this.dependencies) {
+            dep.push(d.target);
+        }
+        return dep;
+    }
+    allDependents() {
+        // All mobjects that depend either directly or indirectly on this
+        let dep = this.dependents();
+        for (let mob of dep) {
+            dep.push(...mob.allDependents());
+        }
+        return dep;
+    }
+    dependsOn(otherMobject) {
+        return otherMobject.allDependents().includes(this);
+    }
+    addDependency(outputName, target, inputName, kind = 'value', refresh = true) {
+        if (this.dependsOn(target)) {
+            throw 'Circular dependency!';
+        }
+        let dep = new Dependency({
+            source: this,
+            outputName: outputName,
+            target: target,
+            inputName: inputName,
+            kind: kind
+        });
+        this.dependencies.push(dep);
+        if (refresh) {
+            let dict = {};
+            if (typeof this[outputName] === 'function') {
+                dict[inputName] = this[outputName]();
+            }
+            else {
+                dict[inputName] = this[outputName];
+            }
+            target.update(dict);
+        }
+    }
+    removeDependency(dep) {
+        remove(this.dependencies, dep);
+    }
+    removeAllDependents() {
+        clear(this.dependencies);
+    }
+    getDependency(outputName, target, inputName) {
+        for (let dep of this.dependencies) {
+            if (dep.outputName == outputName && dep.target == target && dep.inputName == inputName) {
+                return dep;
+            }
+        }
+        return null;
+    }
+    removeDependencyBetween(outputName, target, inputName) {
+        let dep = this.getDependency(outputName, target, inputName);
+        if (dep) {
+            this.removeDependency(dep);
+        }
+    }
+    addDependent(target) {
+        /*
+        No properties given. Simply, if this mobject updates,
+        update the target mobject as well.
+        */
+        this.addDependency(null, target, null);
+    }
+    //////////// Update methods ////////////
+    synchronizeUpdateArguments(args = {}) {
+        let syncedArgs = copy(args);
+        let a = args['anchor'];
+        if (a !== undefined) {
+            let t = args['transform'] ?? this.view?.frame.transform ?? Transform.identity();
+            t.anchor = a;
+            syncedArgs['transform'] = t;
+            delete syncedArgs['anchor'];
+        }
+        return syncedArgs;
+    }
+    update(args = {}, redraw = true) {
+        super.update(args);
+        // TODO: move to CindyCanvas
+        if (this.view != null) {
+            this.view.div.setAttribute('screen-event-handler', ScreenEventHandler[this.sensor.screenEventHandler]);
+            if (this.sensor.screenEventHandler == ScreenEventHandler.Below) {
+                this.view.div.style['pointer-events'] = 'none';
+            }
+            else {
+                this.view.div.style['pointer-events'] = 'auto';
+            }
+        }
+        if (this.divComment !== null) {
+            this.view.div.setAttribute('comment', this.divComment);
+        }
+        this.updateDependents();
+        if (redraw) {
+            this.view.redraw();
+        }
+    }
+    batchUpdate(batchArgs, redraw = true) {
+        var length = undefined;
+        for (let value of Object.values(batchArgs)) {
+            if (length === undefined) {
+                length = value.length;
+                continue;
+            }
+            if (value.length != length) {
+                throw 'Argument arrays in batch update must have the same length';
+            }
+        }
+        for (let i = 0; i < length; i++) {
+            var args = {};
+            for (let key of Object.keys(batchArgs)) {
+                args[key] = batchArgs[key][i];
+            }
+            this.update(args, redraw);
+        }
+    }
+    getUpdateCalls(onlyValues = false) {
+        let ret = new UpdateCalls();
+        for (let dep of this.dependencies) {
+            if (onlyValues && dep.kind == 'action') {
+                continue;
+            }
+            let dict = {};
+            if (typeof this[dep.outputName] == 'function') {
+                dict[dep.inputName] = this[dep.outputName].bind(this);
+            }
+            else {
+                dict[dep.inputName] = this[dep.outputName];
+            }
+            let updateCall = new UpdateCall(dep.target, dict);
+            ret.includeCall(updateCall);
+            ret.includeCalls(dep.target.getUpdateCalls());
+        }
+        return ret;
+    }
+    updateDependents(onlyValues = false) {
+        let calls = this.getUpdateCalls(onlyValues);
+        calls.call();
+    }
+    disable() { this.sensor.disable(); }
+    enable() { this.sensor.enable(); }
+    disableSubmobs() {
+        for (let submob of this.submobs) {
+            submob.disable();
+            submob.disableSubmobs();
+        }
+    }
+    enableSubmobs() {
+        for (let submob of this.submobs) {
+            submob.enable();
+            submob.enableSubmobs();
+        }
+    }
+    get screenEventHandler() { return this.sensor.screenEventHandler; }
+    set screenEventHandler(newValue) { this.sensor.screenEventHandler = newValue; }
+    /*
+    The following empty methods need to be declared here
+    so we can manipulate and override them later.
+    */
+    onPointerDown(e) { }
+    onPointerMove(e) { }
+    onPointerUp(e) { }
+    onTap(e) { }
+    onMereTap(e) { }
+    onDoubleTap(e) { }
+    onLongPress(e) { }
+    onTouchDown(e) { this.onPointerDown(e); }
+    onTouchMove(e) { this.onPointerMove(e); }
+    onTouchUp(e) { this.onPointerUp(e); }
+    onTouchTap(e) { this.onTap(e); }
+    onMereTouchTap(e) { this.onMereTap(e); }
+    onDoubleTouchTap(e) { this.onDoubleTap(e); }
+    onLongTouchDown(e) { this.onLongPress(e); }
+    onPenDown(e) { this.onPointerDown(e); }
+    onPenMove(e) { this.onPointerMove(e); }
+    onPenUp(e) { this.onPointerUp(e); }
+    onPenTap(e) { this.onTap(e); }
+    onMerePenTap(e) { this.onMereTap(e); }
+    onDoublePenTap(e) { this.onDoubleTap(e); }
+    onLongPenDown(e) { this.onLongPress(e); }
+    onMouseDown(e) { this.onPointerDown(e); }
+    onMouseMove(e) { this.onPointerMove(e); }
+    onMouseUp(e) { this.onPointerUp(e); }
+    onMouseClick(e) { this.onTap(e); }
+    onMereMouseClick(e) { this.onMereTap(e); }
+    onDoubleMouseClick(e) { this.onDoubleTap(e); }
+    onLongMouseDown(e) { this.onLongPress(e); }
+    onPointerOut(e) { }
+    setDragging(flag) {
+        if (flag) {
+            if (this.draggingEnabled) {
+                return;
+            }
+            this.sensor.setTouchMethodsTo(this.startDragging.bind(this), this.dragging.bind(this), this.endDragging.bind(this));
+            this.sensor.setPenMethodsTo(this.startDragging.bind(this), this.dragging.bind(this), this.endDragging.bind(this));
+            this.sensor.setMouseMethodsTo(this.startDragging.bind(this), this.dragging.bind(this), this.endDragging.bind(this));
+        }
+        else {
+            if (!this.draggingEnabled) {
+                return;
+            }
+            this.sensor.restoreTouchMethods();
+            this.sensor.restorePenMethods();
+            this.sensor.restoreMouseMethods();
+        }
+        this.draggingEnabled = flag;
+    }
+    startDragging(e) {
+        this.dragAnchorStart = vertexSubtract(this.view.frame.anchor, eventVertex(e));
+        this.hideShadow();
+        this.parent.update();
+    }
+    dragging(e) {
+        if (this.dragAnchorStart == null) {
+            return;
+        }
+        this.update({
+            anchor: vertexAdd(eventVertex(e), this.dragAnchorStart)
+        });
+        this.redraw(); // fixes dragging bug
+    }
+    endDragging(e) {
+        this.dragAnchorStart = null;
+        this.showShadow();
+    }
+    focus() {
+        getPaper().focusOn(this);
+    }
+    blur() {
+        getPaper().blurFocusedChild();
+    }
+}
+//# sourceMappingURL=Mobject.js.map