@bhbr/minter 0.0.0-stage → 1.0.1

package/dist/shapes/RoundedRectangle.js

@@ -0,0 +1,86 @@
+import { Transform, vertexOrigin, vertexTranslatedBy, vertexCentrallyScaledBy, vertexArrayImageUnder } from '@bhbr/affr2';
+import { CurvedShape } from '../vmobjects/CurvedShape.js';
+import { TAU } from '../constants.js';
+export class RoundedRectangle extends CurvedShape {
+    defaults() {
+        return {
+            width: 200,
+            height: 100,
+            cornerRadii: [10, 10, 10, 10],
+            p1: vertexOrigin(),
+            p2: [200, 0],
+            p3: [200, 100],
+            p4: [0, 100],
+            nbPointsPerCorner: 8
+        };
+    }
+    setup() {
+        super.setup();
+        this.view.svg.style.borderRadius = `${Math.min(...this.cornerRadii)}px`;
+    }
+    get cornerRadius() {
+        if (this.allCornerRadiiEqual()) {
+            return this.cornerRadii[0];
+        }
+        else {
+            throw 'Rounded rectangle has more than one corner radius';
+        }
+    }
+    set cornerRadius(newValue) {
+        this.cornerRadii = [newValue, newValue, newValue, newValue];
+        this.view.svg.style.borderRadius = `${Math.min(...this.cornerRadii)}px`;
+    }
+    allCornerRadiiEqual() {
+        return (this.cornerRadii.length == 4
+            && this.cornerRadii[0] == this.cornerRadii[1]
+            && this.cornerRadii[1] == this.cornerRadii[2]
+            && this.cornerRadii[2] == this.cornerRadii[3]);
+    }
+    bezierPointsForArcNumber(index) {
+        let points = [];
+        let d = this.cornerRadii[index] * 4 / 3 * Math.tan(TAU / (16 * this.nbPointsPerCorner));
+        for (let i = 0; i <= this.nbPointsPerCorner; i++) {
+            let theta = (index + i / this.nbPointsPerCorner) * TAU / 4;
+            let radialUnitVector = [Math.cos(theta), -Math.sin(theta)];
+            let tangentUnitVector = [-Math.sin(theta), -Math.cos(theta)];
+            let anchorPoint = vertexCentrallyScaledBy(radialUnitVector, this.cornerRadii[index]);
+            let leftControlPoint = vertexTranslatedBy(anchorPoint, vertexCentrallyScaledBy(tangentUnitVector, -d));
+            let rightControlPoint = vertexTranslatedBy(anchorPoint, vertexCentrallyScaledBy(tangentUnitVector, d));
+            points.push((i != 0) ? leftControlPoint : anchorPoint);
+            points.push(anchorPoint);
+            points.push((i != this.nbPointsPerCorner) ? rightControlPoint : anchorPoint);
+        }
+        return points;
+    }
+    updateBezierPoints() {
+        let newBezierPoints = [];
+        let p0 = vertexArrayImageUnder(this.bezierPointsForArcNumber(0), new Transform({
+            shift: [this.width - this.cornerRadii[0], this.cornerRadii[0]]
+        }));
+        newBezierPoints.push(...p0);
+        let p1 = vertexArrayImageUnder(this.bezierPointsForArcNumber(1), new Transform({
+            shift: [this.cornerRadii[1], this.cornerRadii[1]]
+        }));
+        newBezierPoints.push(...p1);
+        let p2 = vertexArrayImageUnder(this.bezierPointsForArcNumber(2), new Transform({
+            shift: [this.cornerRadii[2], this.height - this.cornerRadii[2]]
+        }));
+        newBezierPoints.push(...p2);
+        let p3 = vertexArrayImageUnder(this.bezierPointsForArcNumber(3), new Transform({
+            shift: [this.width - this.cornerRadii[3], this.height - this.cornerRadii[3]]
+        }));
+        newBezierPoints.push(...p3);
+        newBezierPoints.push(p0[0]);
+        this.bezierPoints = newBezierPoints;
+    }
+    update(args = {}, redraw = true) {
+        super.update(args, false);
+        //// internal dependencies
+        this.view.frame.width = this.width;
+        this.view.frame.height = this.height;
+        if (redraw) {
+            this.view.redraw();
+        }
+    }
+}
+//# sourceMappingURL=RoundedRectangle.js.map

package/dist/shapes/RoundedRectangle.js.map

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

package/dist/shapes/Square.d.ts

@@ -0,0 +1,8 @@
+import { Rectangle } from './Rectangle.js';
+export declare class Square extends Rectangle {
+    defaults(): object;
+    get sidelength(): number;
+    set sidelength(newValue: number);
+    synchronizeUpdateArguments(args?: object): object;
+}
+//# sourceMappingURL=Square.d.ts.map

package/dist/shapes/Square.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Square.d.ts","sourceRoot":"","sources":["../../src/shapes/Square.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAG1C,qBAAa,MAAO,SAAQ,SAAS;IAEpC,QAAQ,IAAI,MAAM;IAQlB,IAAI,UAAU,IAAI,MAAM,CAAsB;IAC9C,IAAI,UAAU,CAAC,QAAQ,EAAE,MAAM,EAG9B;IAED,0BAA0B,CAAC,IAAI,GAAE,MAAW,GAAG,MAAM;CAUrD"}

package/dist/shapes/Square.js

@@ -0,0 +1,25 @@
+import { Rectangle } from './Rectangle.js';
+export class Square extends Rectangle {
+    defaults() {
+        return {
+            sidelength: 100,
+            width: 100,
+            height: 100
+        };
+    }
+    get sidelength() { return this.width; }
+    set sidelength(newValue) {
+        this.width = newValue;
+        this.height = newValue;
+    }
+    synchronizeUpdateArguments(args = {}) {
+        let newSidelength = args['sidelength'];
+        if (newSidelength !== undefined) {
+            args['sidelength'] = newSidelength;
+        }
+        delete args['width'];
+        delete args['height'];
+        return args;
+    }
+}
+//# sourceMappingURL=Square.js.map

package/dist/shapes/Square.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Square.js","sourceRoot":"","sources":["../../src/shapes/Square.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAG1C,MAAM,OAAO,MAAO,SAAQ,SAAS;IAEpC,QAAQ;QACP,OAAO;YACN,UAAU,EAAE,GAAG;YACf,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;SACX,CAAA;IACF,CAAC;IAED,IAAI,UAAU,KAAa,OAAO,IAAI,CAAC,KAAK,CAAA,CAAC,CAAC;IAC9C,IAAI,UAAU,CAAC,QAAgB;QAC9B,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAA;QACrB,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAA;IACvB,CAAC;IAED,0BAA0B,CAAC,OAAe,EAAE;QAC3C,IAAI,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,CAAA;QACtC,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;YACjC,IAAI,CAAC,YAAY,CAAC,GAAG,aAAa,CAAA;QACnC,CAAC;QACD,OAAO,IAAI,CAAC,OAAO,CAAC,CAAA;QACpB,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAA;QACrB,OAAO,IAAI,CAAA;IACZ,CAAC;CAED"}

package/dist/sidebar/Sidebar.d.ts

@@ -0,0 +1,28 @@
+import { Rectangle } from '../shapes/Rectangle.js';
+import { Mobject } from '../mobjects/Mobject.js';
+import { SidebarButton } from '../sidebar/buttons/SidebarButton.js';
+import { SidebarView } from './SidebarView.js';
+import { ScreenEvent } from '../mobjects/screen_events.js';
+export declare class Sidebar extends Mobject {
+    view: SidebarView;
+    background: Rectangle;
+    availableButtonClasses: Array<any>;
+    buttons: Array<SidebarButton>;
+    activeButton?: SidebarButton;
+    defaultKeys: Array<string>;
+    defaults(): object;
+    mutabilities(): object;
+    setup(): void;
+    addButton(button: SidebarButton): void;
+    setActiveButton(newButton: SidebarButton | null): void;
+    clear(): void;
+    createButton(buttonName: string): SidebarButton | null;
+    initialize(names: Array<string>): void;
+    requestInit(): void;
+    buttonForKey(key: string): SidebarButton | null;
+    buttonNames(): Array<string>;
+    handleMessage(key: string, value: any): void;
+    getMessage(message: object): void;
+    onTap(e: ScreenEvent): void;
+}
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/sidebar/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../src/sidebar/Sidebar.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAGlD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AAMnE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAkC,MAAM,8BAA8B,CAAA;AAI1F,qBAAa,OAAQ,SAAQ,OAAO;IAE3B,IAAI,EAAE,WAAW,CAAA;IACzB,UAAU,EAAE,SAAS,CAAA;IACrB,sBAAsB,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;IAClC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAE1B,QAAQ,IAAI,MAAM;IA+BlB,YAAY,IAAI,MAAM;IAOtB,KAAK;IAkCL,SAAS,CAAC,MAAM,EAAE,aAAa;IAW/B,eAAe,CAAC,SAAS,EAAE,aAAa,GAAG,IAAI;IAY/C,KAAK;IAOL,YAAY,CAAC,UAAU,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI;IAYtD,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC;IAoB/B,WAAW;IAeX,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI;IAO/C,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC;IAQ5B,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG;IAiCrC,UAAU,CAAC,OAAO,EAAE,MAAM;IAY1B,KAAK,CAAC,CAAC,EAAE,WAAW;CAKpB"}

package/dist/sidebar/Sidebar.js

@@ -0,0 +1,222 @@
+import { ScreenEventHandler } from '../mobjects/screen_events.js';
+import { SIDEBAR_WIDTH } from '../constants.js';
+import { convertStringToArray } from '@bhbr/betray';
+import { getPaper } from '../paper/getPaper.js';
+import { Color } from '../views/Color.js';
+import { Rectangle } from '../shapes/Rectangle.js';
+import { buttonAnchor } from '../sidebar/buttons/button_geometry.js';
+import { Mobject } from '../mobjects/Mobject.js';
+import { DragButton } from '../sidebar/buttons/DragButton.js';
+import { LinkButton } from '../sidebar/buttons/LinkButton.js';
+import { ControlsButton } from '../sidebar/buttons/ControlsButton.js';
+import { EraseButton } from '../sidebar/buttons/EraseButton.js';
+import { SidebarView } from './SidebarView.js';
+export class Sidebar extends Mobject {
+    defaults() {
+        return {
+            view: new SidebarView(),
+            activeButton: null,
+            background: new Rectangle({
+                fillColor: Color.black(),
+                fillOpacity: 1.0,
+                strokeWidth: 0,
+                screenEventHandler: ScreenEventHandler.Parent,
+                width: SIDEBAR_WIDTH,
+                height: Math.max(window.screen.width, window.screen.height) + 500
+            }),
+            availableButtonClasses: [
+                DragButton,
+                LinkButton,
+                ControlsButton,
+                EraseButton
+            ],
+            buttons: [
+                new DragButton(),
+                new LinkButton(),
+                new ControlsButton(),
+                new EraseButton()
+            ],
+            frameWidth: SIDEBAR_WIDTH,
+            frameHeight: Math.max(window.screen.width, window.screen.height) + 500,
+            screenEventHandler: ScreenEventHandler.Self,
+            defaultKeys: '1 2 3 4 5 6 7 8 9 0 q w e r t z u i o p'.split(' ')
+        };
+    }
+    mutabilities() {
+        return {
+            view: 'in_subclass',
+            background: 'in_subclass'
+        };
+    }
+    setup() {
+        this.add(this.background);
+        this.view.mobject = this;
+        let maybePaper = getPaper();
+        if (maybePaper != undefined) {
+            let paper = maybePaper;
+            paper.sidebar = this;
+            this.background.update({
+                fillColor: paper.background.view.fillColor
+            });
+        }
+        // initialize with the buttons it needs itself
+        // (updated later to accomodate sidebar wishes of
+        // expandable submobs)
+        this.initialize(this.buttonNames());
+        super.setup();
+        this.requestInit(); // bc only it knows the initial buttons
+        this.addDependency('frameWidth', this.background, 'width');
+        this.addDependency('frameHeight', this.background, 'height');
+        // if (isTouchDevice) {
+        // 	if (separateSidebar) {
+        // 		this.view.div.style.background = 'clear'
+        // 		this.view.div.style.backgroundColor = 'clear'
+        // 		this.background.update({
+        // 			fillColor: Color.clear()
+        // 		})
+        // 	} else {
+        // 		document.body.style.backgroundColor = 'black'
+        // 	}
+        // }
+    }
+    addButton(button) {
+        let i = this.buttons.length;
+        this.add(button);
+        this.buttons.push(button);
+        button.update({
+            //			midpoint: buttonCenter(i),
+            anchor: buttonAnchor(i),
+            locationIndex: i
+        });
+    }
+    setActiveButton(newButton) {
+        if (this.activeButton) {
+            this.activeButton.hideOptions();
+            this.activeButton.label.view.hide();
+        }
+        this.activeButton = newButton;
+        if (newButton) {
+            newButton.showOptions();
+            this.activeButton.label.view.show();
+        }
+    }
+    clear() {
+        for (let button of Object.values(this.buttons)) {
+            this.remove(button);
+            this.buttons.pop();
+        }
+    }
+    createButton(buttonName) {
+        for (let buttonClass of this.availableButtonClasses) {
+            if (buttonClass.name == buttonName) {
+                let b = new buttonClass();
+                b.sidebar = this;
+                return b;
+            }
+        }
+        throw `Button class ${buttonName} not available!`;
+        return null;
+    }
+    initialize(names) {
+        this.clear();
+        for (let i = 0; i < names.length; i++) {
+            let button = this.createButton(names[i]);
+            button.update({
+                locationIndex: i,
+                shortcutKey: this.defaultKeys[i]
+            });
+            this.addButton(button);
+        }
+        for (let i = 0; i < names.length; i++) {
+            let label = this.buttons[i].label;
+            this.add(label);
+            label.view.hide();
+            label.update({
+                anchor: [10, this.buttons[i].anchor[1] - 38]
+            });
+        }
+    }
+    requestInit() {
+        let message = { init: 'sidebar' };
+        try {
+            let w = window;
+            w.webkit.messageHandlers.handleMessageFromSidebar.postMessage(message);
+        }
+        catch {
+            let maybePaper = getPaper();
+            if (maybePaper != undefined) {
+                let paper = maybePaper;
+                paper.getMessage(message);
+            }
+        }
+    }
+    buttonForKey(key) {
+        for (let b of this.buttons) {
+            if (b.getID() == key || b.shortcutKey == key) {
+                return b;
+            }
+        }
+        return null;
+    }
+    buttonNames() {
+        let ret = [];
+        for (let b of this.buttons) {
+            ret.push(b.constructor.name);
+        }
+        return ret;
+    }
+    handleMessage(key, value) {
+        switch (key) {
+            case 'init':
+                this.initialize(value);
+                break;
+            case 'buttonDown':
+                let pressedButton = this.buttonForKey(value) ?? null;
+                if (pressedButton !== this.activeButton && pressedButton !== null) {
+                    this.setActiveButton(pressedButton);
+                }
+                if (this.activeButton !== null) {
+                    this.activeButton.buttonDownByKey(value);
+                }
+                break;
+            case 'buttonUp':
+                let pressedButton2 = this.buttonForKey(value) ?? null;
+                if (pressedButton2 !== this.activeButton && pressedButton2 !== null) {
+                    this.setActiveButton(pressedButton2);
+                }
+                if (this.activeButton !== null) {
+                    this.activeButton.buttonUpByKey(value);
+                }
+                break;
+            case 'button':
+                if (value == 'collapse') {
+                    this.setActiveButton(null);
+                }
+                break;
+            default:
+                break;
+        }
+    }
+    getMessage(message) {
+        let key = Object.keys(message)[0];
+        let value = Object.values(message)[0];
+        let convertedValue = value;
+        if (value == "true") {
+            convertedValue = true;
+        }
+        if (value == "false") {
+            convertedValue = false;
+        }
+        if (value[0] == "(") {
+            convertedValue = convertStringToArray(value);
+        }
+        this.handleMessage(key, convertedValue);
+    }
+    onTap(e) {
+        if (!this.activeButton) {
+            return;
+        }
+        this.activeButton.commonButtonUp();
+    }
+}
+//# sourceMappingURL=Sidebar.js.map

package/dist/sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../src/sidebar/Sidebar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAEpE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAK9C,MAAM,OAAO,OAAQ,SAAQ,OAAO;IASnC,QAAQ;QACP,OAAO;YACN,IAAI,EAAE,IAAI,WAAW,EAAE;YACvB,YAAY,EAAE,IAAI;YAClB,UAAU,EAAE,IAAI,SAAS,CAAC;gBACzB,SAAS,EAAE,KAAK,CAAC,KAAK,EAAE;gBACxB,WAAW,EAAE,GAAG;gBAChB,WAAW,EAAE,CAAC;gBACd,kBAAkB,EAAE,kBAAkB,CAAC,MAAM;gBAC7C,KAAK,EAAE,aAAa;gBACpB,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,GAAG;aACjE,CAAC;YACF,sBAAsB,EAAE;gBACvB,UAAU;gBACV,UAAU;gBACV,cAAc;gBACd,WAAW;aACX;YACD,OAAO,EAAE;gBACR,IAAI,UAAU,EAAE;gBAChB,IAAI,UAAU,EAAE;gBAChB,IAAI,cAAc,EAAE;gBACpB,IAAI,WAAW,EAAE;aACjB;YACD,UAAU,EAAE,aAAa;YACzB,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,GAAG;YACtE,kBAAkB,EAAE,kBAAkB,CAAC,IAAI;YAC3C,WAAW,EAAE,yCAAyC,CAAC,KAAK,CAAC,GAAG,CAAC;SACjE,CAAA;IACF,CAAC;IAED,YAAY;QACX,OAAO;YACN,IAAI,EAAE,aAAa;YACnB,UAAU,EAAE,aAAa;SACzB,CAAA;IACF,CAAC;IAED,KAAK;QACJ,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QACzB,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACxB,IAAI,UAAU,GAAG,QAAQ,EAAE,CAAA;QAC3B,IAAI,UAAU,IAAI,SAAS,EAAE,CAAC;YAC7B,IAAI,KAAK,GAAG,UAAmB,CAAA;YAC/B,KAAK,CAAC,OAAO,GAAG,IAAI,CAAA;YACpB,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;gBACtB,SAAS,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS;aAC1C,CAAC,CAAA;QACH,CAAC;QACD,8CAA8C;QAC9C,iDAAiD;QACjD,sBAAsB;QACtB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;QACnC,KAAK,CAAC,KAAK,EAAE,CAAA;QACb,IAAI,CAAC,WAAW,EAAE,CAAA,CAAC,uCAAuC;QAE1D,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;QAC1D,IAAI,CAAC,aAAa,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;QAE5D,uBAAuB;QACvB,0BAA0B;QAC1B,6CAA6C;QAC7C,kDAAkD;QAClD,6BAA6B;QAC7B,8BAA8B;QAC9B,OAAO;QACP,YAAY;QACZ,kDAAkD;QAClD,KAAK;QACL,IAAI;IACL,CAAC;IAED,SAAS,CAAC,MAAqB;QAC9B,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAA;QAC3B,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QAChB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACzB,MAAM,CAAC,MAAM,CAAC;YAChB,+BAA+B;YAC5B,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;YACvB,aAAa,EAAE,CAAC;SAChB,CAAC,CAAA;IACH,CAAC;IAED,eAAe,CAAC,SAA+B;QAC9C,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAA;YAC/B,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;QACpC,CAAC;QACD,IAAI,CAAC,YAAY,GAAG,SAAS,CAAA;QAC7B,IAAI,SAAS,EAAE,CAAC;YACf,SAAS,CAAC,WAAW,EAAE,CAAA;YACvB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;QACpC,CAAC;IACF,CAAC;IAED,KAAK;QACJ,KAAK,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YAChD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YACnB,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAA;QACnB,CAAC;IACF,CAAC;IAED,YAAY,CAAC,UAAkB;QAC9B,KAAK,IAAI,WAAW,IAAI,IAAI,CAAC,sBAAsB,EAAE,CAAC;YACrD,IAAI,WAAW,CAAC,IAAI,IAAI,UAAU,EAAE,CAAC;gBACpC,IAAI,CAAC,GAAG,IAAI,WAAW,EAAE,CAAA;gBACzB,CAAC,CAAC,OAAO,GAAG,IAAI,CAAA;gBAChB,OAAO,CAAC,CAAA;YACT,CAAC;QACF,CAAC;QACD,MAAM,gBAAgB,UAAU,iBAAiB,CAAA;QACjD,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,UAAU,CAAC,KAAoB;QAC9B,IAAI,CAAC,KAAK,EAAE,CAAA;QACZ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACvC,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;YACxC,MAAM,CAAC,MAAM,CAAC;gBACb,aAAa,EAAE,CAAC;gBAChB,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;aAChC,CAAC,CAAA;YACF,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;QACvB,CAAC;QACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACvC,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;YACjC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACf,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;YACjB,KAAK,CAAC,MAAM,CAAC;gBACZ,MAAM,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;aAC5C,CAAC,CAAA;QACH,CAAC;IACF,CAAC;IAED,WAAW;QACV,IAAI,OAAO,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAA;QACjC,IAAI,CAAC;YACJ,IAAI,CAAC,GAAG,MAAgB,CAAA;YACxB,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,wBAAwB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QACvE,CAAC;QAAC,MAAM,CAAC;YACR,IAAI,UAAU,GAAG,QAAQ,EAAE,CAAA;YAC3B,IAAI,UAAU,IAAI,SAAS,EAAE,CAAC;gBAC7B,IAAI,KAAK,GAAG,UAAmB,CAAA;gBAC/B,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;YAC1B,CAAC;QACF,CAAC;IACF,CAAC;IAGD,YAAY,CAAC,GAAW;QACvB,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAC5B,IAAI,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC,WAAW,IAAI,GAAG,EAAE,CAAC;gBAAC,OAAO,CAAC,CAAA;YAAC,CAAC;QAC3D,CAAC;QACD,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,WAAW;QACV,IAAI,GAAG,GAAkB,EAAE,CAAA;QAC3B,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAC5B,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;QAC7B,CAAC;QACD,OAAO,GAAG,CAAA;IACX,CAAC;IAED,aAAa,CAAC,GAAW,EAAE,KAAU;QACpC,QAAQ,GAAG,EAAE,CAAC;YACd,KAAK,MAAM;gBACV,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;gBACtB,MAAK;YACN,KAAK,YAAY;gBAChB,IAAI,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,IAAI,CAAA;gBACpD,IAAI,aAAa,KAAK,IAAI,CAAC,YAAY,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;oBACnE,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAA;gBACpC,CAAC;gBACD,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE,CAAC;oBAChC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;gBACzC,CAAC;gBACD,MAAK;YACN,KAAK,UAAU;gBACd,IAAI,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,IAAI,CAAA;gBACrD,IAAI,cAAc,KAAK,IAAI,CAAC,YAAY,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;oBACrE,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAA;gBACrC,CAAC;gBACD,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE,CAAC;oBAChC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;gBACvC,CAAC;gBACD,MAAK;YACN,KAAK,QAAQ;gBACZ,IAAI,KAAK,IAAI,UAAU,EAAE,CAAC;oBACzB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;gBAC3B,CAAC;gBACD,MAAK;YACN;gBACC,MAAK;QACN,CAAC;IACF,CAAC;IAED,UAAU,CAAC,OAAe;QACzB,IAAI,GAAG,GAAW,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;QACzC,IAAI,KAAK,GAAW,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;QAC7C,IAAI,cAAc,GAA8C,KAAK,CAAA;QACrE,IAAI,KAAK,IAAI,MAAM,EAAE,CAAC;YAAC,cAAc,GAAG,IAAI,CAAA;QAAC,CAAC;QAC9C,IAAI,KAAK,IAAI,OAAO,EAAE,CAAC;YAAC,cAAc,GAAG,KAAK,CAAA;QAAC,CAAC;QAChD,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC;YACrB,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAA;QAC7C,CAAC;QACD,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC,CAAA;IACxC,CAAC;IAED,KAAK,CAAC,CAAc;QACnB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YAAC,OAAM;QAAC,CAAC;QAClC,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,CAAA;IACnC,CAAC;CAED"}

package/dist/sidebar/SidebarView.d.ts

@@ -0,0 +1,5 @@
+import { View } from '../views/View.js';
+export declare class SidebarView extends View {
+    defaults(): object;
+}
+//# sourceMappingURL=SidebarView.d.ts.map

package/dist/sidebar/SidebarView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarView.d.ts","sourceRoot":"","sources":["../../src/sidebar/SidebarView.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,qBAAa,WAAY,SAAQ,IAAI;IAEpC,QAAQ,IAAI,MAAM;CAMlB"}

package/dist/sidebar/SidebarView.js

@@ -0,0 +1,9 @@
+import { View } from '../views/View.js';
+export class SidebarView extends View {
+    defaults() {
+        return {
+            div: document.querySelector('#sidebar_id')
+        };
+    }
+}
+//# sourceMappingURL=SidebarView.js.map

package/dist/sidebar/SidebarView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarView.js","sourceRoot":"","sources":["../../src/sidebar/SidebarView.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,MAAM,OAAO,WAAY,SAAQ,IAAI;IAEpC,QAAQ;QACP,OAAO;YACN,GAAG,EAAE,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAmB;SAC5D,CAAA;IACF,CAAC;CAED"}

package/dist/sidebar/buttons/BoardButton.d.ts

@@ -0,0 +1,6 @@
+import { CreativeButton } from './CreativeButton.js';
+export declare class BoardButton extends CreativeButton {
+    defaults(): object;
+    mutabilities(): object;
+}
+//# sourceMappingURL=BoardButton.d.ts.map

package/dist/sidebar/buttons/BoardButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoardButton.d.ts","sourceRoot":"","sources":["../../../src/sidebar/buttons/BoardButton.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,qBAAa,WAAY,SAAQ,cAAc;IAE9C,QAAQ,IAAI,MAAM;IAMlB,YAAY,IAAI,MAAM;CAQtB"}

package/dist/sidebar/buttons/BoardButton.js

@@ -0,0 +1,14 @@
+import { CreativeButton } from './CreativeButton.js';
+export class BoardButton extends CreativeButton {
+    defaults() {
+        return {
+            creations: ['board']
+        };
+    }
+    mutabilities() {
+        return {
+            creations: 'never'
+        };
+    }
+}
+//# sourceMappingURL=BoardButton.js.map

package/dist/sidebar/buttons/BoardButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoardButton.js","sourceRoot":"","sources":["../../../src/sidebar/buttons/BoardButton.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,OAAO,WAAY,SAAQ,cAAc;IAE9C,QAAQ;QACP,OAAO;YACN,SAAS,EAAE,CAAC,OAAO,CAAC;SACpB,CAAA;IACF,CAAC;IAED,YAAY;QACX,OAAO;YACN,SAAS,EAAE,OAAO;SAClB,CAAA;IACF,CAAC;CAID"}

package/dist/sidebar/buttons/ControlsButton.d.ts

@@ -0,0 +1,5 @@
+import { ToggleButton } from './ToggleButton.js';
+export declare class ControlsButton extends ToggleButton {
+    defaults(): object;
+}
+//# sourceMappingURL=ControlsButton.d.ts.map

package/dist/sidebar/buttons/ControlsButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlsButton.d.ts","sourceRoot":"","sources":["../../../src/sidebar/buttons/ControlsButton.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGhD,qBAAa,cAAe,SAAQ,YAAY;IAE/C,QAAQ,IAAI,MAAM;CAQlB"}

package/dist/sidebar/buttons/ControlsButton.js

@@ -0,0 +1,11 @@
+import { ToggleButton } from './ToggleButton.js';
+export class ControlsButton extends ToggleButton {
+    defaults() {
+        return {
+            messageKey: 'show controls',
+            iconSize: 30,
+            bigLabelFontSize: 12
+        };
+    }
+}
+//# sourceMappingURL=ControlsButton.js.map

package/dist/sidebar/buttons/ControlsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlsButton.js","sourceRoot":"","sources":["../../../src/sidebar/buttons/ControlsButton.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGhD,MAAM,OAAO,cAAe,SAAQ,YAAY;IAE/C,QAAQ;QACP,OAAO;YACN,UAAU,EAAE,eAAe;YAC3B,QAAQ,EAAE,EAAE;YACZ,gBAAgB,EAAE,EAAE;SACpB,CAAA;IACF,CAAC;CAED"}

package/dist/sidebar/buttons/CreativeButton.d.ts

@@ -0,0 +1,13 @@
+import { SidebarButton } from './SidebarButton.js';
+export declare class CreativeButton extends SidebarButton {
+    creations: Array<string>;
+    defaults(): object;
+    mutabilities(): object;
+    setupMessages(): void;
+    labelFromMessage(msg: object): string;
+    baseIconName(): string;
+    imageNameForIndex(index: number): string;
+    updateHelpText(): void;
+    getID(): string;
+}
+//# sourceMappingURL=CreativeButton.d.ts.map

package/dist/sidebar/buttons/CreativeButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreativeButton.d.ts","sourceRoot":"","sources":["../../../src/sidebar/buttons/CreativeButton.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGlD,qBAAa,cAAe,SAAQ,aAAa;IAEhD,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAExB,QAAQ,IAAI,MAAM;IAMlB,YAAY,IAAI,MAAM;IAMtB,aAAa;IAab,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAKrC,YAAY,IAAI,MAAM;IAItB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIxC,cAAc;IAId,KAAK,IAAI,MAAM;CASf"}

package/dist/sidebar/buttons/CreativeButton.js

@@ -0,0 +1,49 @@
+import { SidebarButton } from './SidebarButton.js';
+export class CreativeButton extends SidebarButton {
+    defaults() {
+        return {
+            creations: []
+        };
+    }
+    mutabilities() {
+        return {
+            creations: 'on_init'
+        };
+    }
+    setupMessages() {
+        let newSelectMessages = [];
+        let newDeselectMessages = [];
+        for (let c of this.creations) {
+            newSelectMessages.push({ create: c });
+            newDeselectMessages.push({ create: 'draw' });
+        }
+        this.update({
+            selectMessages: newSelectMessages,
+            deselectMessages: newDeselectMessages
+        });
+    }
+    labelFromMessage(msg) {
+        if (!msg) {
+            return;
+        }
+        return Object.values(msg)[0];
+    }
+    baseIconName() {
+        return this.creations[0].replaceAll(' ', '_');
+    }
+    imageNameForIndex(index) {
+        return (Object.values(this.selectMessages[index] ?? {}) ?? ['key'])[0];
+    }
+    updateHelpText() {
+        // do nothing because the board handles it
+    }
+    getID() {
+        if (this.creations.length > 0) {
+            return this.creations[0];
+        }
+        else {
+            return super.getID();
+        }
+    }
+}
+//# sourceMappingURL=CreativeButton.js.map

package/dist/sidebar/buttons/CreativeButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreativeButton.js","sourceRoot":"","sources":["../../../src/sidebar/buttons/CreativeButton.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGlD,MAAM,OAAO,cAAe,SAAQ,aAAa;IAIhD,QAAQ;QACP,OAAO;YACN,SAAS,EAAE,EAAE;SACb,CAAA;IACF,CAAC;IAED,YAAY;QACX,OAAO;YACN,SAAS,EAAE,SAAS;SACpB,CAAA;IACF,CAAC;IAED,aAAa;QACZ,IAAI,iBAAiB,GAAG,EAAE,CAAA;QAC1B,IAAI,mBAAmB,GAAG,EAAE,CAAA;QAC5B,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC9B,iBAAiB,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;YACrC,mBAAmB,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAA;QAC7C,CAAC;QACD,IAAI,CAAC,MAAM,CAAC;YACX,cAAc,EAAE,iBAAiB;YACjC,gBAAgB,EAAE,mBAAmB;SACrC,CAAC,CAAA;IACH,CAAC;IAED,gBAAgB,CAAC,GAAW;QAC3B,IAAI,CAAC,GAAG,EAAE,CAAC;YAAC,OAAM;QAAC,CAAC;QACpB,OAAO,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7B,CAAC;IAED,YAAY;QACX,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;IAC9C,CAAC;IAED,iBAAiB,CAAC,KAAa;QAC9B,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACvE,CAAC;IAED,cAAc;QACb,0CAA0C;IAC3C,CAAC;IAED,KAAK;QACJ,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC/B,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;QACzB,CAAC;aAAM,CAAC;YACP,OAAO,KAAK,CAAC,KAAK,EAAE,CAAA;QACrB,CAAC;IACF,CAAC;CAGD"}

package/dist/sidebar/buttons/DragButton.d.ts

@@ -0,0 +1,5 @@
+import { ToggleButton } from './ToggleButton.js';
+export declare class DragButton extends ToggleButton {
+    defaults(): object;
+}
+//# sourceMappingURL=DragButton.d.ts.map

package/dist/sidebar/buttons/DragButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragButton.d.ts","sourceRoot":"","sources":["../../../src/sidebar/buttons/DragButton.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGhD,qBAAa,UAAW,SAAQ,YAAY;IAE3C,QAAQ,IAAI,MAAM;CAQlB"}

package/dist/sidebar/buttons/DragButton.js

@@ -0,0 +1,10 @@
+import { ToggleButton } from './ToggleButton.js';
+export class DragButton extends ToggleButton {
+    defaults() {
+        return {
+            messageKey: 'drag',
+            iconSize: 30
+        };
+    }
+}
+//# sourceMappingURL=DragButton.js.map

package/dist/sidebar/buttons/DragButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragButton.js","sourceRoot":"","sources":["../../../src/sidebar/buttons/DragButton.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGhD,MAAM,OAAO,UAAW,SAAQ,YAAY;IAE3C,QAAQ;QACP,OAAO;YACN,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,EAAE;SACZ,CAAA;IACF,CAAC;CAGD"}

package/dist/sidebar/buttons/EraseButton.d.ts

@@ -0,0 +1,7 @@
+import { SidebarButton } from './SidebarButton.js';
+export declare class EraseButton extends SidebarButton {
+    defaults(): object;
+    setup(): void;
+    commonButtonTap(): void;
+}
+//# sourceMappingURL=EraseButton.d.ts.map

package/dist/sidebar/buttons/EraseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EraseButton.d.ts","sourceRoot":"","sources":["../../../src/sidebar/buttons/EraseButton.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAMlD,qBAAa,WAAY,SAAQ,aAAa;IAE7C,QAAQ,IAAI,MAAM;IAgBlB,KAAK;IAUL,eAAe;CAMf"}

package/dist/sidebar/buttons/EraseButton.js

@@ -0,0 +1,34 @@
+import { SidebarButton } from './SidebarButton.js';
+import { Color } from '../../views/Color.js';
+export class EraseButton extends SidebarButton {
+    defaults() {
+        return {
+            baseColor: Color.red().darken(0.3),
+            messageKey: 'erase',
+            selectMessages: [
+                { 'erase': true },
+                { 'restart': false }
+            ],
+            deselectMessages: [
+                { 'erase': false },
+                { 'restart': true }
+            ],
+            iconSize: 30
+        };
+    }
+    setup() {
+        super.setup();
+        this.innerCircle.update({
+            fillColor: Color.red().darken(0.5)
+        });
+        this.label.update({
+            backgroundColor: this.innerCircle.fillColor
+        });
+    }
+    commonButtonTap() {
+        if (this.selectedIndex == 1) {
+            this.commonMereButtonUp();
+        }
+    }
+}
+//# sourceMappingURL=EraseButton.js.map

package/dist/sidebar/buttons/EraseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EraseButton.js","sourceRoot":"","sources":["../../../src/sidebar/buttons/EraseButton.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAK5C,MAAM,OAAO,WAAY,SAAQ,aAAa;IAE7C,QAAQ;QACP,OAAO;YACN,SAAS,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC;YAClC,UAAU,EAAE,OAAO;YACnB,cAAc,EAAE;gBACf,EAAE,OAAO,EAAE,IAAI,EAAE;gBACjB,EAAE,SAAS,EAAE,KAAK,EAAE;aACpB;YACD,gBAAgB,EAAE;gBACjB,EAAE,OAAO,EAAE,KAAK,EAAE;gBAClB,EAAE,SAAS,EAAE,IAAI,EAAE;aACnB;YACD,QAAQ,EAAE,EAAE;SACZ,CAAA;IACF,CAAC;IAED,KAAK;QACJ,KAAK,CAAC,KAAK,EAAE,CAAA;QACb,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;YACvB,SAAS,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC;SAClC,CAAC,CAAA;QACF,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YACjB,eAAe,EAAE,IAAI,CAAC,WAAW,CAAC,SAAS;SAC3C,CAAC,CAAA;IACH,CAAC;IAED,eAAe;QACd,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,EAAE,CAAC;YAC7B,IAAI,CAAC,kBAAkB,EAAE,CAAA;QAC1B,CAAC;IACF,CAAC;CAED"}