@bhbr/minter 0.0.0-stage → 1.0.0

package/dist/sidebar/getSidebar.d.ts

@@ -0,0 +1,3 @@
+import { Sidebar } from './Sidebar.js';
+export declare function getSidebar(): Sidebar;
+//# sourceMappingURL=getSidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getSidebar.d.ts","sourceRoot":"","sources":["../../src/sidebar/getSidebar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,wBAAgB,UAAU,IAAI,OAAO,CAIpC"}

package/dist/sidebar/getSidebar.js

@@ -0,0 +1,8 @@
+export function getSidebar() {
+    let sidebarDiv = document.querySelector('#sidebar_id');
+    if (sidebarDiv == null) {
+        return undefined;
+    }
+    return sidebarDiv['view'].mobject;
+}
+//# sourceMappingURL=getSidebar.js.map

package/dist/sidebar/getSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSidebar.js","sourceRoot":"","sources":["../../src/sidebar/getSidebar.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,UAAU;IACzB,IAAI,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA;IACtD,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QAAC,OAAO,SAAS,CAAA;IAAC,CAAC;IAC5C,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,OAAO,CAAA;AAClC,CAAC"}

package/dist/sidebar/initSidebar.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=initSidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"initSidebar.d.ts","sourceRoot":"","sources":["../../src/sidebar/initSidebar.ts"],"names":[],"mappings":""}

package/dist/sidebar/initSidebar.js

@@ -0,0 +1,3 @@
+import { Sidebar } from './Sidebar.js';
+let s = new Sidebar();
+//# sourceMappingURL=initSidebar.js.map

package/dist/sidebar/initSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initSidebar.js","sourceRoot":"","sources":["../../src/sidebar/initSidebar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,IAAI,CAAC,GAAG,IAAI,OAAO,EAAE,CAAA"}

package/dist/ui/Checkbox.d.ts

@@ -0,0 +1,20 @@
+import { TextLabel } from './TextLabel.js';
+import { MGroup } from '../mobjects/MGroup.js';
+import { Square } from '../shapes/Square.js';
+import { ScreenEvent } from '../mobjects/screen_events.js';
+export declare class Checkbox extends MGroup {
+    box: TextLabel;
+    boxBorder: Square;
+    label: TextLabel;
+    state: boolean;
+    defaults(): object;
+    get text(): string;
+    set text(newValue: string);
+    setup(): void;
+    check(): void;
+    uncheck(): void;
+    toggle(): void;
+    onToggle(flag: boolean): void;
+    onTap(e: ScreenEvent): void;
+}
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/ui/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/ui/Checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAsB,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAG9E,qBAAa,QAAS,SAAQ,MAAM;IAEnC,GAAG,EAAE,SAAS,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;IAEd,QAAQ,IAAI,MAAM;IAuBlB,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,CAAC,QAAQ,EAAE,MAAM,EAIxB;IAED,KAAK;IAcL,KAAK;IAKL,OAAO;IAKP,MAAM;IAMN,QAAQ,CAAC,IAAI,EAAE,OAAO;IAEtB,KAAK,CAAC,CAAC,EAAE,WAAW;CAUpB"}

package/dist/ui/Checkbox.js

@@ -0,0 +1,71 @@
+import { TextLabel } from './TextLabel.js';
+import { MGroup } from '../mobjects/MGroup.js';
+import { Square } from '../shapes/Square.js';
+import { ScreenEventHandler } from '../mobjects/screen_events.js';
+export class Checkbox extends MGroup {
+    defaults() {
+        return {
+            state: true,
+            screenEventHandler: ScreenEventHandler.Self,
+            frameWidth: 100,
+            frameHeight: 20,
+            boxBorder: new Square({
+                sidelength: 18
+            }),
+            box: new TextLabel({
+                frameWidth: 18,
+                frameHeight: 18,
+                text: '✓'
+            }),
+            label: new TextLabel({
+                frameWidth: 100,
+                frameHeight: 20,
+                anchor: [30, 0],
+                horizontalAlign: 'left'
+            })
+        };
+    }
+    get text() {
+        return this.label.text;
+    }
+    set text(newValue) {
+        this.label.update({
+            text: newValue
+        });
+    }
+    setup() {
+        super.setup();
+        this.add(this.boxBorder);
+        this.add(this.box);
+        this.add(this.label);
+        this.label.view.div.style.justifyContent = 'left';
+        if (this.state) {
+            this.box.view.show();
+        }
+        else {
+            this.box.view.hide();
+        }
+    }
+    check() {
+        this.state = true;
+        this.box.view.show();
+    }
+    uncheck() {
+        this.state = false;
+        this.box.view.hide();
+    }
+    toggle() {
+        if (this.state) {
+            this.uncheck();
+        }
+        else {
+            this.check();
+        }
+        this.onToggle(this.state);
+    }
+    onToggle(flag) { }
+    onTap(e) {
+        this.toggle();
+    }
+}
+//# sourceMappingURL=Checkbox.js.map

package/dist/ui/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/ui/Checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAe,MAAM,8BAA8B,CAAA;AAG9E,MAAM,OAAO,QAAS,SAAQ,MAAM;IAOnC,QAAQ;QACP,OAAO;YACN,KAAK,EAAE,IAAI;YACX,kBAAkB,EAAE,kBAAkB,CAAC,IAAI;YAC3C,UAAU,EAAE,GAAG;YACf,WAAW,EAAE,EAAE;YACf,SAAS,EAAE,IAAI,MAAM,CAAC;gBACrB,UAAU,EAAE,EAAE;aACd,CAAC;YACF,GAAG,EAAE,IAAI,SAAS,CAAC;gBAClB,UAAU,EAAE,EAAE;gBACd,WAAW,EAAE,EAAE;gBACf,IAAI,EAAE,UAAU;aAChB,CAAC;YACF,KAAK,EAAE,IAAI,SAAS,CAAC;gBACpB,UAAU,EAAE,GAAG;gBACf,WAAW,EAAE,EAAE;gBACf,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;gBACf,eAAe,EAAE,MAAM;aACvB,CAAC;SACF,CAAA;IACF,CAAC;IAED,IAAI,IAAI;QACP,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAA;IACvB,CAAC;IAED,IAAI,IAAI,CAAC,QAAgB;QACxB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YACjB,IAAI,EAAE,QAAQ;SACd,CAAC,CAAA;IACH,CAAC;IAED,KAAK;QACJ,KAAK,CAAC,KAAK,EAAE,CAAA;QACb,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACxB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAClB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACpB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,GAAG,MAAM,CAAA;QACjD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;QACrB,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;QACrB,CAAC;IAEF,CAAC;IAED,KAAK;QACJ,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;QACjB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;IACrB,CAAC;IAED,OAAO;QACN,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;IACrB,CAAC;IAED,MAAM;QACL,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAAC,IAAI,CAAC,OAAO,EAAE,CAAA;QAAC,CAAC;aAC7B,CAAC;YAAC,IAAI,CAAC,KAAK,EAAE,CAAA;QAAC,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC;IAED,QAAQ,CAAC,IAAa,IAAI,CAAC;IAE3B,KAAK,CAAC,CAAc;QACnB,IAAI,CAAC,MAAM,EAAE,CAAA;IACd,CAAC;CAQD"}

package/dist/ui/InputTextBox.d.ts

@@ -0,0 +1,24 @@
+import { Rectangle } from '../shapes/Rectangle.js';
+import { ScreenEvent } from '../mobjects/screen_events.js';
+import { Mobject } from '../mobjects/Mobject.js';
+export declare class InputTextBox extends Mobject {
+    inputElement: HTMLInputElement;
+    background: Rectangle;
+    defaults(): object;
+    mutabilities(): object;
+    onPointerUp(e: ScreenEvent): void;
+    get value(): string;
+    set value(newValue: string);
+    focus(): void;
+    blur(): void;
+    setup(): void;
+    boundKeyPressed(e: ScreenEvent): void;
+    keyPressed(e: KeyboardEvent): void;
+    valueFromString(valueString: string): any;
+    activateKeyboard(): void;
+    boundActivateKeyboard(): void;
+    deactivateKeyboard(): void;
+    onReturn(): void;
+    update(args?: object, redraw?: boolean): void;
+}
+//# sourceMappingURL=InputTextBox.d.ts.map

package/dist/ui/InputTextBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTextBox.d.ts","sourceRoot":"","sources":["../../src/ui/InputTextBox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAOlD,OAAO,EAAE,WAAW,EAAqC,MAAM,8BAA8B,CAAA;AAE7F,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAGhD,qBAAa,YAAa,SAAQ,OAAO;IAExC,YAAY,EAAE,gBAAgB,CAAA;IAC9B,UAAU,EAAE,SAAS,CAAA;IAErB,QAAQ,IAAI,MAAM;IAalB,YAAY,IAAI,MAAM;IAOtB,WAAW,CAAC,CAAC,EAAE,WAAW;IAI1B,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,QAAQ,EAAE,MAAM,EAEzB;IAED,KAAK;IAML,IAAI;IAMJ,KAAK;IAiBL,eAAe,CAAC,CAAC,EAAE,WAAW;IAE9B,UAAU,CAAC,CAAC,EAAE,aAAa;IAa3B,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG;IAKzC,gBAAgB;IAShB,qBAAqB;IAErB,kBAAkB;IAQlB,QAAQ;IAER,MAAM,CAAC,IAAI,GAAE,MAAW,EAAE,MAAM,GAAE,OAAc;CAUhD"}

package/dist/ui/InputTextBox.js

@@ -0,0 +1,104 @@
+import { Rectangle } from '../shapes/Rectangle.js';
+import { Color } from '../views/Color.js';
+import { getPaper } from '../paper/getPaper.js';
+import { getSidebar } from '../sidebar/getSidebar.js';
+import { ScreenEventHandler, isTouchDevice } from '../mobjects/screen_events.js';
+import { Mobject } from '../mobjects/Mobject.js';
+export class InputTextBox extends Mobject {
+    defaults() {
+        return {
+            background: new Rectangle({
+                fillColor: Color.black()
+            }),
+            inputElement: document.createElement('input'),
+            frameWidth: 80,
+            frameHeight: 40,
+            strokeWidth: 0.0,
+            screenEventHandler: ScreenEventHandler.Self
+        };
+    }
+    mutabilities() {
+        return {
+            background: 'never',
+            inputElement: 'never'
+        };
+    }
+    onPointerUp(e) {
+        this.focus();
+    }
+    get value() {
+        return this.inputElement.value;
+    }
+    set value(newValue) {
+        this.inputElement.value = newValue;
+    }
+    focus() {
+        super.focus();
+        this.inputElement.focus();
+        document.addEventListener('keydown', this.boundKeyPressed);
+    }
+    blur() {
+        super.blur();
+        this.inputElement.blur();
+        document.removeEventListener('keydown', this.boundKeyPressed);
+    }
+    setup() {
+        super.setup();
+        this.add(this.background);
+        this.inputElement.setAttribute('type', 'text');
+        this.inputElement.style.width = '80%';
+        this.inputElement.style.padding = '3px 3px';
+        this.inputElement.style.color = 'white';
+        this.inputElement.style.backgroundColor = 'black';
+        this.inputElement.style.textAlign = 'left';
+        this.inputElement.style.verticalAlign = 'center';
+        this.inputElement.style.fontSize = '16px';
+        this.inputElement.value = this.value;
+        this.view.div.appendChild(this.inputElement);
+        this.boundKeyPressed = this.keyPressed.bind(this);
+        document.addEventListener('keyup', this.boundActivateKeyboard);
+    }
+    boundKeyPressed(e) { }
+    keyPressed(e) {
+        if (e.which != 13) {
+            return;
+        }
+        this.inputElement.blur();
+        getPaper().activeKeyboard = true;
+        if (!isTouchDevice) {
+            for (let button of getSidebar().buttons) {
+                button.activeKeyboard = true;
+            }
+        }
+        this.update({ value: this.valueFromString(this.inputElement.value) });
+        this.onReturn();
+    }
+    valueFromString(valueString) {
+        return valueString;
+    }
+    activateKeyboard() {
+        document.removeEventListener('keyup', this.boundActivateKeyboard);
+        document.addEventListener('keydown', this.boundKeyPressed);
+        getPaper().activeKeyboard = false;
+        for (let button of getSidebar().buttons) {
+            button.activeKeyboard = false;
+        }
+    }
+    boundActivateKeyboard() { }
+    deactivateKeyboard() {
+        document.removeEventListener('keydown', this.boundKeyPressed);
+        getPaper().activeKeyboard = true;
+        for (let button of getSidebar().buttons) {
+            button.activeKeyboard = true;
+        }
+    }
+    onReturn() { }
+    update(args = {}, redraw = true) {
+        super.update(args, redraw);
+        this.background.update({
+            width: this.view.frame.width,
+            height: this.view.frame.height
+        }, redraw);
+    }
+}
+//# sourceMappingURL=InputTextBox.js.map

package/dist/ui/InputTextBox.js.map

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

package/dist/ui/LinkableInputTextBox.d.ts

@@ -0,0 +1,11 @@
+import { Linkable } from '../linkables/Linkable.js';
+import { InputTextBox } from './InputTextBox.js';
+export declare class LinkableInputTextBox extends Linkable {
+    wrappedInputTextBox: InputTextBox;
+    defaults(): object;
+    setup(): void;
+    get value(): string;
+    set value(newValue: string);
+    update(args?: object, redraw?: boolean): void;
+}
+//# sourceMappingURL=LinkableInputTextBox.d.ts.map

package/dist/ui/LinkableInputTextBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkableInputTextBox.d.ts","sourceRoot":"","sources":["../../src/ui/LinkableInputTextBox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,qBAAa,oBAAqB,SAAQ,QAAQ;IAEjD,mBAAmB,EAAE,YAAY,CAAA;IAEjC,QAAQ,IAAI,MAAM;IASlB,KAAK;IAKL,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,QAAQ,EAAE,MAAM,EAEzB;IAED,MAAM,CAAC,IAAI,GAAE,MAAW,EAAE,MAAM,GAAE,OAAc;CAUhD"}

package/dist/ui/LinkableInputTextBox.js

@@ -0,0 +1,32 @@
+import { Linkable } from '../linkables/Linkable.js';
+import { InputTextBox } from './InputTextBox.js';
+export class LinkableInputTextBox extends Linkable {
+    defaults() {
+        return {
+            wrappedInputTextBox: new InputTextBox(),
+            outputProperties: [
+                { name: 'value', type: 'string' }
+            ]
+        };
+    }
+    setup() {
+        super.setup();
+        this.add(this.wrappedInputTextBox);
+    }
+    get value() {
+        return this.wrappedInputTextBox.value;
+    }
+    set value(newValue) {
+        this.wrappedInputTextBox.value = newValue;
+    }
+    update(args = {}, redraw = true) {
+        super.update(args, redraw);
+        let newValue = args['value'];
+        if (newValue !== undefined) {
+            this.wrappedInputTextBox.update({
+                value: newValue
+            });
+        }
+    }
+}
+//# sourceMappingURL=LinkableInputTextBox.js.map

package/dist/ui/LinkableInputTextBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkableInputTextBox.js","sourceRoot":"","sources":["../../src/ui/LinkableInputTextBox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,OAAO,oBAAqB,SAAQ,QAAQ;IAIjD,QAAQ;QACP,OAAO;YACN,mBAAmB,EAAE,IAAI,YAAY,EAAE;YACvC,gBAAgB,EAAE;gBACjB,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE;aACjC;SACD,CAAA;IACF,CAAC;IAED,KAAK;QACJ,KAAK,CAAC,KAAK,EAAE,CAAA;QACb,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;IACnC,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAA;IACtC,CAAC;IAED,IAAI,KAAK,CAAC,QAAgB;QACzB,IAAI,CAAC,mBAAmB,CAAC,KAAK,GAAG,QAAQ,CAAA;IAC1C,CAAC;IAED,MAAM,CAAC,OAAe,EAAE,EAAE,SAAkB,IAAI;QAC/C,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;QAC1B,IAAI,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAA;QAC5B,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC5B,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC;gBAC/B,KAAK,EAAE,QAAQ;aACf,CAAC,CAAA;QACH,CAAC;IACF,CAAC;CAED"}

package/dist/ui/Popover.d.ts

@@ -0,0 +1,34 @@
+import { Mobject } from '../mobjects/Mobject.js';
+import { CurvedShape } from '../vmobjects/CurvedShape.js';
+import { vertex, vertexArray } from '@bhbr/affr2';
+interface PopoverRoot extends Mobject {
+    handlePopoverMessage(message: object): any;
+}
+export declare class Popover extends CurvedShape {
+    rootMobject: PopoverRoot | null;
+    direction: 'top' | 'bottom' | 'left' | 'right';
+    tipOffset: number;
+    chevronTip: vertex;
+    tipLocation: 'center' | 'edge';
+    chevronSize: number;
+    cornerRadius: number;
+    defaults(): object;
+    get width(): number;
+    set width(newValue: number);
+    get height(): number;
+    set height(newValue: number);
+    setup(): void;
+    dismiss(message: object): void;
+    defaultTipPosition(): vertex;
+    updateBezierPoints(): void;
+    anchorCenteredBottomBezierPoints(): vertexArray;
+    bottomBezierPoints(): vertexArray;
+    topBezierPoints(): vertexArray;
+    leftBezierPoints(): vertexArray;
+    rightBezierPoints(): vertexArray;
+    position(): void;
+    defaultChevronTip(): number[];
+    update(args?: object, redraw?: boolean): void;
+}
+export {};
+//# sourceMappingURL=Popover.d.ts.map

package/dist/ui/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/ui/Popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,WAAW,EAA2C,MAAM,aAAa,CAAA;AAK1F,UAAU,WAAY,SAAQ,OAAO;IACpC,oBAAoB,CAAC,OAAO,EAAE,MAAM,OAAC;CACrC;AAED,qBAAa,OAAQ,SAAQ,WAAW;IAEvC,WAAW,EAAE,WAAW,GAAG,IAAI,CAAA;IAC/B,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC9C,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,QAAQ,GAAG,MAAM,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IAEpB,QAAQ,IAAI,MAAM;IAalB,IAAI,KAAK,IAAI,MAAM,CAA2B;IAC9C,IAAI,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAgC;IAE1D,IAAI,MAAM,IAAI,MAAM,CAA4B;IAChD,IAAI,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAiC;IAE5D,KAAK;IASL,OAAO,CAAC,OAAO,EAAE,MAAM;IAKvB,kBAAkB,IAAI,MAAM;IAe5B,kBAAkB;IAoBlB,gCAAgC,IAAI,WAAW;IAuB/C,kBAAkB,IAAI,WAAW;IAOjC,eAAe,IAAK,WAAW;IAa/B,gBAAgB,IAAI,WAAW;IAY/B,iBAAiB,IAAI,WAAW;IAYhC,QAAQ;IAgCR,iBAAiB;IAmBjB,MAAM,CAAC,IAAI,GAAE,MAAW,EAAE,MAAM,GAAE,OAAc;CAYhD"}

package/dist/ui/Popover.js

@@ -0,0 +1,187 @@
+import { CurvedShape } from '../vmobjects/CurvedShape.js';
+import { vertexOrigin, Transform } from '@bhbr/affr2';
+import { Color } from '../views/Color.js';
+import { log } from '../functions/logging.js';
+import { TAU } from '../constants.js';
+export class Popover extends CurvedShape {
+    defaults() {
+        return {
+            rootMobject: null,
+            direction: 'bottom',
+            chevronTip: vertexOrigin(),
+            tipLocation: 'center',
+            tipOffset: 0,
+            chevronSize: 10,
+            cornerRadius: 10,
+            fillColor: Color.black()
+        };
+    }
+    get width() { return this.frameWidth; }
+    set width(newValue) { this.frameWidth = newValue; }
+    get height() { return this.frameHeight; }
+    set height(newValue) { this.frameHeight = newValue; }
+    setup() {
+        super.setup();
+        if (!this.rootMobject) {
+            return;
+        }
+        this.update({
+            chevronTip: this.defaultChevronTip()
+        });
+        this.position();
+    }
+    dismiss(message) {
+        this.rootMobject.handlePopoverMessage(message);
+        this.rootMobject.remove(this);
+    }
+    defaultTipPosition() {
+        switch (this.direction) {
+            case 'top':
+                return [this.rootMobject.frameWidth / 2, -this.tipOffset];
+            case 'bottom':
+                return [this.rootMobject.frameWidth / 2, this.rootMobject.frameHeight + this.tipOffset];
+            case 'left':
+                return [-this.tipOffset, this.rootMobject.frameHeight / 2];
+            case 'right':
+                return [this.frameWidth + this.tipOffset, this.rootMobject.frameHeight / 2];
+            default:
+                return [this.rootMobject.frameWidth / 2, this.rootMobject.frameHeight + this.tipOffset];
+        }
+    }
+    updateBezierPoints() {
+        switch (this.direction) {
+            case 'top':
+                this.bezierPoints = this.topBezierPoints();
+                break;
+            case 'bottom':
+                this.bezierPoints = this.bottomBezierPoints();
+                break;
+            case 'left':
+                this.bezierPoints = this.leftBezierPoints();
+                break;
+            case 'right':
+                this.bezierPoints = this.rightBezierPoints();
+                break;
+            default:
+                this.bezierPoints = this.bottomBezierPoints();
+                break;
+        }
+    }
+    anchorCenteredBottomBezierPoints() {
+        let s = this.chevronSize;
+        let r = this.cornerRadius;
+        let isVerticallyOrientated = (this.direction == 'top' || this.direction == 'bottom');
+        let w = isVerticallyOrientated ? this.width : this.height;
+        let h = isVerticallyOrientated ? this.height : this.width;
+        return [
+            [0, 0], [0, 0], // 0
+            [s, s], [s, s], [s, s], // 1 
+            [w / 2 - r, s], [w / 2 - r, s], [w / 2, s], // 2
+            [w / 2, s], [w / 2, s + r], [w / 2, s + h - r], // 3
+            [w / 2, s + r], [w / 2, s + h - r], [w / 2, s + h], // 4
+            [w / 2, s + h], [w / 2 - r, s + h], [-w / 2 + r, h + s], // 5
+            [w / 2 - r, s + h], [-w / 2 + r, h + s], [-w / 2, s + h], // 6
+            [-w / 2, s + h], [-w / 2, s + h - r], [-w / 2, s + r], // 7
+            [-w / 2, s + h - r], [-w / 2, s + r], [-w / 2, s], // 8
+            [-w / 2, s], [-w / 2 + r, s], [-s, s], // 9
+            [-w / 2 + r, s], [-s, s], [0, 0], // 10
+            [0, 0], [0, 0] // 0
+        ];
+    }
+    bottomBezierPoints() {
+        let t = new Transform({
+            shift: [this.width / 2, -this.chevronSize]
+        });
+        return t.appliedToVertices(this.anchorCenteredBottomBezierPoints());
+    }
+    topBezierPoints() {
+        let r = new Transform({
+            angle: TAU / 2
+        });
+        let t = new Transform({
+            shift: [this.width / 2, this.height + this.chevronSize]
+        });
+        return t.appliedToVertices(r.appliedToVertices(this.anchorCenteredBottomBezierPoints()));
+    }
+    leftBezierPoints() {
+        let r = new Transform({
+            angle: -TAU / 4
+        });
+        let t = new Transform({
+            shift: [this.width + this.chevronSize, this.height / 2]
+        });
+        return t.appliedToVertices(r.appliedToVertices(this.anchorCenteredBottomBezierPoints()));
+    }
+    rightBezierPoints() {
+        let r = new Transform({
+            angle: TAU / 4
+        });
+        let t = new Transform({
+            shift: [-this.chevronSize, this.height / 2]
+        });
+        return t.appliedToVertices(r.appliedToVertices(this.anchorCenteredBottomBezierPoints()));
+    }
+    position() {
+        let newAnchor;
+        switch (this.direction) {
+            case 'top':
+                newAnchor = [
+                    this.chevronTip[0] - this.width / 2, this.chevronTip[1] - this.height - this.chevronSize
+                ];
+                break;
+            case 'bottom':
+                newAnchor = [
+                    this.chevronTip[0] - this.width / 2, this.chevronTip[1] + this.chevronSize
+                ];
+                break;
+            case 'left':
+                newAnchor = [
+                    this.chevronTip[0] - this.width - this.chevronSize, this.chevronTip[1] - this.height / 2
+                ];
+                break;
+            case 'right':
+                newAnchor = [
+                    this.chevronTip[0] + this.chevronSize, this.chevronTip[1] - this.height / 2
+                ];
+                break;
+            default:
+                newAnchor = [
+                    -this.width / 2, this.chevronSize
+                ];
+                break;
+        }
+        this.update({ anchor: newAnchor });
+    }
+    defaultChevronTip() {
+        if (this.tipLocation == 'center') {
+            return this.rootMobject.frame.center();
+        }
+        else {
+            switch (this.direction) {
+                case 'top':
+                    return [this.rootMobject.frame.midX(), this.rootMobject.frame.yMin() - this.tipOffset];
+                case 'bottom':
+                    return [this.rootMobject.frame.midX(), this.rootMobject.frame.yMax() + this.tipOffset];
+                case 'left':
+                    return [this.rootMobject.frame.xMin() - this.tipOffset, this.rootMobject.frame.midY()];
+                case 'right':
+                    return [this.rootMobject.frame.xMax() + this.tipOffset, this.rootMobject.frame.midY()];
+                default:
+                    return [this.rootMobject.frame.midX(), this.rootMobject.frame.yMax() + this.tipOffset];
+            }
+        }
+    }
+    update(args = {}, redraw = true) {
+        super.update(args, redraw);
+        if (args['chevronTip'] !== undefined) {
+            this.position();
+        }
+        else if (args['tipLocation'] !== undefined) {
+            log('tipLocation');
+            this.update({
+                chevronTip: this.defaultChevronTip()
+            });
+        }
+    }
+}
+//# sourceMappingURL=Popover.js.map

package/dist/ui/Popover.js.map

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

package/dist/ui/RadioButton.d.ts

@@ -0,0 +1,16 @@
+import { Circle } from '../shapes/Circle.js';
+import { TextLabel } from './TextLabel.js';
+import { RadioButtonList } from './RadioButtonList.js';
+import { ScreenEvent } from '../mobjects/screen_events.js';
+export declare class RadioButton extends Circle {
+    bullet: Circle;
+    label: TextLabel;
+    list: RadioButtonList;
+    defaults(): object;
+    setup(): void;
+    onPointerDown(e: ScreenEvent): void;
+    onPointerUp(e: ScreenEvent): void;
+    select(): void;
+    unselect(): void;
+}
+//# sourceMappingURL=RadioButton.d.ts.map

package/dist/ui/RadioButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../src/ui/RadioButton.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,WAAW,EAAsB,MAAM,8BAA8B,CAAA;AAE9E,qBAAa,WAAY,SAAQ,MAAM;IAEtC,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,eAAe,CAAA;IAErB,QAAQ,IAAI,MAAM;IAkBlB,KAAK;IAYL,aAAa,CAAC,CAAC,EAAE,WAAW;IAM5B,WAAW,CAAC,CAAC,EAAE,WAAW;IAK1B,MAAM;IAON,QAAQ;CAyBR"}

package/dist/ui/RadioButton.js

@@ -0,0 +1,53 @@
+import { Circle } from '../shapes/Circle.js';
+import { TextLabel } from './TextLabel.js';
+import { Color } from '../views/Color.js';
+import { ScreenEventHandler } from '../mobjects/screen_events.js';
+export class RadioButton extends Circle {
+    defaults() {
+        return {
+            radius: 9,
+            fillColor: Color.white(),
+            fillOpacity: 0,
+            bullet: new Circle({
+                radius: 4,
+                fillColor: Color.white(),
+                fillOpacity: 1
+            }),
+            label: new TextLabel({
+                text: 'bla',
+                horizontalAlign: 'left'
+            }),
+            screenEventHandler: ScreenEventHandler.Self
+        };
+    }
+    setup() {
+        super.setup();
+        this.bullet.update({
+            midpoint: [this.radius, this.radius],
+        });
+        this.label.update({
+            frameHeight: 2 * this.radius,
+            anchor: [3 * this.radius, 0]
+        });
+        this.add(this.label);
+    }
+    onPointerDown(e) {
+        this.update({
+            fillOpacity: 0.5
+        });
+    }
+    onPointerUp(e) {
+        this.select();
+        this.list.buttonSelected(this);
+    }
+    select() {
+        this.update({
+            fillOpacity: 0
+        });
+        this.add(this.bullet);
+    }
+    unselect() {
+        this.remove(this.bullet);
+    }
+}
+//# sourceMappingURL=RadioButton.js.map