@bhbr/minter 0.0.0-stage → 1.0.0

package/dist/views/Frame.js

@@ -0,0 +1,132 @@
+import { BetterObject } from '@bhbr/better-things';
+import { vertexOrigin, Transform } from '@bhbr/affr2';
+export class Frame extends BetterObject {
+    defaults() {
+        return {
+            // position
+            transform: Transform.identity(),
+            anchor: vertexOrigin(),
+            width: 100,
+            height: 100,
+            view: null
+        };
+    }
+    // this.anchor is a synonym for this.transform.anchor
+    get anchor() {
+        return this.transform.anchor;
+    }
+    set anchor(newValue) {
+        this.transform.anchor = newValue;
+    }
+    get parent() {
+        return this.view?.mobject.parent?.frame ?? null;
+    }
+    contains(p, margin = 0) {
+        let flag1 = (p[0] > this.anchor[0] - margin);
+        let flag2 = (p[0] < this.anchor[0] + this.width + margin);
+        let flag3 = (p[1] > this.anchor[1] - margin);
+        let flag4 = (p[1] < this.anchor[1] + this.height + margin);
+        return (flag1 && flag2 && flag3 && flag4);
+    }
+    relativeTransform(frame) {
+        /*
+        What transform maps (actively) from the given
+        ancestor Frame ('frame') to this descendant Frame?
+        If the transforms in between are all just anchor
+        translations, this gives this Frame's anchor
+        in the coordinate frame of the given Frame.
+        */
+        // If there is no frame, use the direct parent's coordinate frame.
+        // If there is no parent yet, use your own (local) coordinates.
+        let frame_ = frame || this;
+        let t = Transform.identity();
+        let fr = this;
+        while (fr && fr.transform instanceof Transform) {
+            if (fr == frame_) {
+                return t;
+            }
+            t.leftComposeWith(new Transform({ shift: fr.anchor }));
+            t.leftComposeWith(fr.transform);
+            fr = fr.parent;
+        }
+        throw 'relativeTransform requires a direct ancestor';
+    }
+    transformLocalPoint(point, frame) {
+        /*
+        Given a point (vertex) in local coordinates,
+        compute its coordinates in the given ancestor's frame.
+        */
+        let t = this.relativeTransform(frame);
+        return t.appliedTo(point);
+    }
+    /*
+    The following geometric properties are first computed from the view frame.
+    The versions without 'view' in the name can be overriden by subclasses,
+    e. g. VMobjects.
+    */
+    viewULCorner(frame) {
+        return this.transformLocalPoint(vertexOrigin(), frame);
+    }
+    viewURCorner(frame) {
+        return this.transformLocalPoint([this.width, 0], frame);
+    }
+    viewLLCorner(frame) {
+        return this.transformLocalPoint([0, this.height], frame);
+    }
+    viewLRCorner(frame) {
+        return this.transformLocalPoint([this.width, this.height], frame);
+    }
+    viewXMin(frame) { return this.viewULCorner(frame)[0]; }
+    viewXMax(frame) { return this.viewLRCorner(frame)[0]; }
+    viewYMin(frame) { return this.viewULCorner(frame)[1]; }
+    viewYMax(frame) { return this.viewLRCorner(frame)[1]; }
+    viewCenter(frame) {
+        let p = this.transformLocalPoint([this.width / 2, this.height / 2], frame);
+        return p;
+    }
+    viewMidX(frame) { return this.viewCenter(frame)[0]; }
+    viewMidY(frame) { return this.viewCenter(frame)[1]; }
+    viewLeftCenter(frame) { return [this.viewXMin(frame), this.viewMidY(frame)]; }
+    viewRightCenter(frame) { return [this.viewXMax(frame), this.viewMidY(frame)]; }
+    viewTopCenter(frame) { return [this.viewMidX(frame), this.viewYMin(frame)]; }
+    viewBottomCenter(frame) { return [this.viewMidX(frame), this.viewYMax(frame)]; }
+    /*
+    Equivalent (by default) versions without "view" in the name
+    These can be overriden in subclasses, e. g. in VMobject using
+    its vertices.
+    */
+    ulCorner(frame) { return this.viewULCorner(frame); }
+    urCorner(frame) { return this.viewURCorner(frame); }
+    llCorner(frame) { return this.viewLLCorner(frame); }
+    lrCorner(frame) { return this.viewLRCorner(frame); }
+    xMin(frame) { return this.viewXMin(frame); }
+    xMax(frame) { return this.viewXMax(frame); }
+    yMin(frame) { return this.viewYMin(frame); }
+    yMax(frame) { return this.viewYMax(frame); }
+    center(frame) { return this.viewCenter(frame); }
+    midX(frame) { return this.viewMidX(frame); }
+    midY(frame) { return this.viewMidY(frame); }
+    leftCenter(frame) { return this.viewLeftCenter(frame); }
+    rightCenter(frame) { return this.viewRightCenter(frame); }
+    topCenter(frame) { return this.viewTopCenter(frame); }
+    bottomCenter(frame) { return this.viewBottomCenter(frame); }
+    // Local versions (relative to own coordinate system)
+    localULCorner() { return this.ulCorner(this); }
+    localURCorner() { return this.urCorner(this); }
+    localLLCorner() { return this.llCorner(this); }
+    localLRCorner() { return this.lrCorner(this); }
+    localXMin() { return this.xMin(this); }
+    localXMax() { return this.xMax(this); }
+    localYMin() { return this.yMin(this); }
+    localYMax() { return this.yMax(this); }
+    localCenter() { return this.center(this); }
+    localMidX() { return this.midX(this); }
+    localMidY() { return this.midY(this); }
+    localLeftCenter() { return this.leftCenter(this); }
+    localRightCenter() { return this.rightCenter(this); }
+    localTopCenter() { return this.topCenter(this); }
+    localBottomCenter() { return this.bottomCenter(this); }
+    getWidth() { return this.localXMax() - this.localXMin(); }
+    getHeight() { return this.localYMax() - this.localYMin(); }
+}
+//# sourceMappingURL=Frame.js.map

package/dist/views/Frame.js.map

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

package/dist/views/ImageView.d.ts

@@ -0,0 +1,10 @@
+import { View } from './View.js';
+export declare class ImageView extends View {
+    imageLocation?: string;
+    imageElement: HTMLImageElement;
+    defaults(): object;
+    setup(): void;
+    redraw(): void;
+    update(args?: object): void;
+}
+//# sourceMappingURL=ImageView.d.ts.map

package/dist/views/ImageView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageView.d.ts","sourceRoot":"","sources":["../../src/views/ImageView.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,qBAAa,SAAU,SAAQ,IAAI;IAElC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,gBAAgB,CAAA;IAE9B,QAAQ,IAAI,MAAM;IAOlB,KAAK;IAOL,MAAM;IAMN,MAAM,CAAC,IAAI,GAAE,MAAW;CAQxB"}

package/dist/views/ImageView.js

@@ -0,0 +1,28 @@
+import { View } from './View.js';
+export class ImageView extends View {
+    defaults() {
+        return {
+            imageLocation: null,
+            imageElement: document.createElement('img')
+        };
+    }
+    setup() {
+        super.setup();
+        this.div.appendChild(this.imageElement);
+        this.div.style['pointer-events'] = 'none';
+        this.imageElement.src = this.imageLocation;
+    }
+    redraw() {
+        super.redraw();
+        this.imageElement.width = this.frameWidth;
+        this.imageElement.height = this.frameHeight;
+    }
+    update(args = {}) {
+        super.update(args);
+        let newImageLocation = args['imageLocation'];
+        if (newImageLocation) {
+            this.imageElement.src = newImageLocation;
+        }
+    }
+}
+//# sourceMappingURL=ImageView.js.map

package/dist/views/ImageView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageView.js","sourceRoot":"","sources":["../../src/views/ImageView.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,MAAM,OAAO,SAAU,SAAQ,IAAI;IAKlC,QAAQ;QACP,OAAO;YACN,aAAa,EAAE,IAAI;YACnB,YAAY,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;SAC3C,CAAA;IACF,CAAC;IAED,KAAK;QACJ,KAAK,CAAC,KAAK,EAAE,CAAA;QACb,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QACvC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAA;QACzC,IAAI,CAAC,YAAY,CAAC,GAAG,GAAG,IAAI,CAAC,aAAa,CAAA;IAC3C,CAAC;IAED,MAAM;QACL,KAAK,CAAC,MAAM,EAAE,CAAA;QACd,IAAI,CAAC,YAAY,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAA;QACzC,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAA;IAC5C,CAAC;IAED,MAAM,CAAC,OAAe,EAAE;QACvB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAClB,IAAI,gBAAgB,GAAG,IAAI,CAAC,eAAe,CAAC,CAAA;QAC5C,IAAI,gBAAgB,EAAE,CAAC;YACtB,IAAI,CAAC,YAAY,CAAC,GAAG,GAAG,gBAAgB,CAAA;QACzC,CAAC;IACF,CAAC;CAED"}

package/dist/views/View.d.ts

@@ -0,0 +1,45 @@
+import { BetterObject } from '@bhbr/better-things';
+import { Frame } from './Frame.js';
+import { vertex, Transform } from '@bhbr/affr2';
+import { Color } from './Color.js';
+import { Mobject } from '../mobjects/Mobject.js';
+export declare class View extends BetterObject {
+    frame: Frame;
+    div: HTMLDivElement;
+    mobject?: Mobject;
+    opacity: number;
+    visible: boolean;
+    backgroundColor: Color;
+    borderColor: Color;
+    borderWidth: number;
+    borderRadius: number;
+    drawShadow: boolean;
+    savedDrawShadow: boolean | null;
+    drawBorder: boolean;
+    defaults(): object;
+    get anchor(): vertex;
+    set anchor(newValue: vertex);
+    get transform(): Transform;
+    set transform(newValue: Transform);
+    get frameWidth(): number;
+    set frameWidth(newValue: number);
+    get frameHeight(): number;
+    set frameHeight(newValue: number);
+    get parent(): View | null;
+    setup(): void;
+    add(subview: View): void;
+    insertBehind(subview: View, beforeSubview: View): void;
+    redraw(): void;
+    setCSSVisibility(visibility: boolean): void;
+    setVisibility(visibility: boolean): void;
+    showShadow(): void;
+    hideShadow(): void;
+    shouldBeDrawn(): boolean;
+    superViews(): Array<View> | null;
+    visibilities(): Array<object>;
+    show(): void;
+    hide(): void;
+    update(args?: object, redraw?: boolean): void;
+    deepCopy(): View;
+}
+//# sourceMappingURL=View.d.ts.map

package/dist/views/View.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../src/views/View.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAKhD,qBAAa,IAAK,SAAQ,YAAY;IAErC,KAAK,EAAE,KAAK,CAAA;IACZ,GAAG,EAAE,cAAc,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,KAAK,CAAA;IACtB,WAAW,EAAE,KAAK,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,OAAO,CAAA;IACnB,eAAe,EAAE,OAAO,GAAG,IAAI,CAAA;IAC/B,UAAU,EAAE,OAAO,CAAA;IAEnB,QAAQ,IAAI,MAAM;IAkBlB,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,MAAM,CAAC,QAAQ,EAAE,MAAM,EAE1B;IAGD,IAAI,SAAS,IAAI,SAAS,CAEzB;IAED,IAAI,SAAS,CAAC,QAAQ,EAAE,SAAS,EAEhC;IAED,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,IAAI,UAAU,CAAC,QAAQ,EAAE,MAAM,EAE9B;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,WAAW,CAAC,QAAQ,EAAE,MAAM,EAE/B;IAKD,IAAI,MAAM,IAAI,IAAI,GAAG,IAAI,CAExB;IAED,KAAK;IA6BL,GAAG,CAAC,OAAO,EAAE,IAAI;IAKjB,YAAY,CAAC,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI;IAQ/C,MAAM;IAiBN,gBAAgB,CAAC,UAAU,EAAE,OAAO;IAQpC,aAAa,CAAC,UAAU,EAAE,OAAO;IAKjC,UAAU;IAUV,UAAU;IAMV,aAAa,IAAI,OAAO;IAUxB,UAAU,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI;IAIhC,YAAY,IAAI,KAAK,CAAC,MAAM,CAAC;IAe7B,IAAI;IAIJ,IAAI;IAIJ,MAAM,CAAC,IAAI,GAAE,MAAW,EAAE,MAAM,GAAE,OAAc;IAOhD,QAAQ,IAAI,IAAI;CAkBhB"}

package/dist/views/View.js

@@ -0,0 +1,181 @@
+import { BetterObject } from '@bhbr/better-things';
+import { Frame } from './Frame.js';
+import { Color } from './Color.js';
+import { DRAW_BORDERS } from '../constants.js';
+import { VIEW_DEBUGGING_OFFSET } from '../constants.js';
+import { deepCopy } from '@bhbr/copycat';
+export class View extends BetterObject {
+    defaults() {
+        return {
+            div: document.createElement('div'),
+            frame: new Frame(),
+            visible: true,
+            opacity: 1.0,
+            backgroundColor: Color.clear(),
+            borderColor: Color.clear(),
+            borderWidth: 0,
+            borderRadius: 0,
+            drawBorder: DRAW_BORDERS,
+            drawShadow: false,
+            savedDrawShadow: null,
+            mobject: null
+        };
+    }
+    // this.anchor is a synonym for this.frame.anchor
+    get anchor() {
+        return this.frame.anchor;
+    }
+    set anchor(newValue) {
+        this.frame.anchor = newValue;
+    }
+    // this.transform is a synonym for this.frame.transform
+    get transform() {
+        return this.frame.transform;
+    }
+    set transform(newValue) {
+        this.frame.transform = 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;
+    }
+    // parent view = view of the mobject's parent
+    // (not settable because that is the mobject's responsibility)
+    get parent() {
+        return this.mobject?.parent?.view;
+    }
+    setup() {
+        if (this.mobject) {
+            this.div.setAttribute('class', 'mobject-div ' + this.mobject.constructor.name);
+        }
+        else {
+            this.div.setAttribute('class', 'mobject-div ' + this.constructor.name);
+        }
+        this.div.style.transformOrigin = 'top left';
+        this.div.style.position = 'absolute';
+        // 'absolute' positions this mobject relative (sic) to its parent
+        this.div.style.overflow = 'visible';
+        // by default, the mobject can draw outside its view's borders
+        this.div.style.borderColor = this.borderColor.toCSS();
+        this.div.style.borderWidth = `${this.borderWidth}px`;
+        this.div.style.borderRadius = `${this.borderRadius}px`;
+        if (this.drawBorder) {
+            this.div.style.border = '1px dashed green';
+        }
+        this.div['view'] = this;
+        this.div['mobject'] = this.mobject;
+        this.frame.view = this;
+        this.redraw();
+        if (this.drawShadow) {
+            this.showShadow();
+        }
+    }
+    // called by mobject.add
+    add(subview) {
+        subview.setup();
+        this.div.appendChild(subview.div);
+    }
+    insertBehind(subview, beforeSubview) {
+        if (this.div.contains(subview.div)) {
+            subview.div.remove();
+        }
+        subview.setup();
+        this.div.insertBefore(subview.div, beforeSubview.div);
+    }
+    redraw() {
+        this.div.style.transform = this.transform.withoutAnchor().toCSSString();
+        this.div.style.left = `${(this.anchor[0] + VIEW_DEBUGGING_OFFSET[0]).toString()}px`;
+        this.div.style.top = `${(this.anchor[1] + VIEW_DEBUGGING_OFFSET[1]).toString()}px`;
+        this.div.style.width = `${this.frame.width.toString()}px`;
+        this.div.style.height = `${this.frame.height.toString()}px`;
+        this.div.style.backgroundColor = this.backgroundColor.toCSS();
+        this.div.style.borderColor = this.borderColor.toCSS();
+        this.div.style.borderWidth = `${this.borderWidth}px`;
+        this.div.style.borderRadius = `${this.borderRadius}px`;
+        if (this.drawBorder) {
+            this.div.style.border = '1px dashed green';
+        }
+        this.div.style.opacity = this.opacity.toString();
+    }
+    setCSSVisibility(visibility) {
+        if (visibility) {
+            this.div.style.display = 'flex';
+        }
+        else {
+            this.div.style.display = 'none';
+        }
+    }
+    setVisibility(visibility) {
+        this.update({ visible: visibility });
+        this.setCSSVisibility(this.shouldBeDrawn());
+    }
+    showShadow() {
+        if (this.savedDrawShadow !== null) {
+            this.drawShadow = this.savedDrawShadow;
+        }
+        this.savedDrawShadow = null;
+        if (this.drawShadow) {
+            this.div.style.filter = 'drop-shadow(2px 2px 5px)';
+        }
+    }
+    hideShadow() {
+        this.savedDrawShadow = this.drawShadow;
+        this.drawShadow = false;
+        this.div.style.filter = '';
+    }
+    shouldBeDrawn() {
+        if (!this.visible) {
+            return false;
+        }
+        for (let v of this.superViews()) {
+            if (!v.visible) {
+                return false;
+            }
+        }
+        return true;
+    }
+    superViews() {
+        return this.mobject?.ancestors().map((mob) => mob.view) ?? [];
+    }
+    visibilities() {
+        let obj = {};
+        obj[this.mobject.constructor.name] = this.visible;
+        let ret = [obj];
+        var m = this.mobject;
+        while (m.parent) {
+            m = m.parent;
+            let obj2 = {};
+            obj2[m.constructor.name] = m.view.visible;
+            ret.push(obj2);
+        }
+        return ret;
+    }
+    // Show and hide //
+    show() {
+        this.setVisibility(true);
+    }
+    hide() {
+        this.setVisibility(false);
+    }
+    update(args = {}, redraw = true) {
+        super.update(args);
+        if (redraw) {
+            this.redraw();
+        }
+    }
+    deepCopy() {
+        let copy = deepCopy(this);
+        copy['div'] = this.div.cloneNode();
+        copy.div['view'] = copy;
+        return copy;
+    }
+}
+//# sourceMappingURL=View.js.map

package/dist/views/View.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../src/views/View.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,MAAM,OAAO,IAAK,SAAQ,YAAY;IAgBrC,QAAQ;QACP,OAAO;YACN,GAAG,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,IAAI,KAAK,EAAE;YAClB,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,GAAG;YACZ,eAAe,EAAE,KAAK,CAAC,KAAK,EAAE;YAC9B,WAAW,EAAE,KAAK,CAAC,KAAK,EAAE;YAC1B,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,UAAU,EAAE,YAAY;YACxB,UAAU,EAAE,KAAK;YACjB,eAAe,EAAE,IAAI;YACrB,OAAO,EAAE,IAAI;SACb,CAAA;IACF,CAAC;IAED,iDAAiD;IACjD,IAAI,MAAM;QACT,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAA;IACzB,CAAC;IAED,IAAI,MAAM,CAAC,QAAgB;QAC1B,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAA;IAC7B,CAAC;IAED,uDAAuD;IACvD,IAAI,SAAS;QACZ,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAA;IAC5B,CAAC;IAED,IAAI,SAAS,CAAC,QAAmB;QAChC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAA;IAChC,CAAC;IAED,IAAI,UAAU;QACb,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA;IACxB,CAAC;IAED,IAAI,UAAU,CAAC,QAAgB;QAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAA;IAC5B,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAA;IAC9B,CAAC;IAED,IAAI,WAAW,CAAC,QAAgB;QAC/B,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAA;IAC7B,CAAC;IAGD,6CAA6C;IAC7C,8DAA8D;IAC9D,IAAI,MAAM;QACT,OAAO,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAA;IAClC,CAAC;IAED,KAAK;QACJ,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;QAC/E,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;QACvE,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,eAAe,GAAG,UAAU,CAAA;QAC3C,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAA;QACpC,iEAAiE;QACjE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,SAAS,CAAA;QACnC,8DAA8D;QAE9D,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAA;QACrD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI,CAAC,WAAW,IAAI,CAAA;QACpD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,IAAI,CAAC,YAAY,IAAI,CAAA;QACtD,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,kBAAkB,CAAA;QAC3C,CAAC;QAED,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;QACvB,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,OAAO,CAAA;QAClC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAA;QACtB,IAAI,CAAC,MAAM,EAAE,CAAA;QACb,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,UAAU,EAAE,CAAA;QAClB,CAAC;IACF,CAAC;IAED,wBAAwB;IACxB,GAAG,CAAC,OAAa;QAChB,OAAO,CAAC,KAAK,EAAE,CAAA;QACf,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;IAClC,CAAC;IAED,YAAY,CAAC,OAAa,EAAE,aAAmB;QAC9C,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YACpC,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,CAAA;QACrB,CAAC;QACD,OAAO,CAAC,KAAK,EAAE,CAAA;QACf,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,CAAA;IACtD,CAAC;IAED,MAAM;QACL,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC,WAAW,EAAE,CAAA;QACvE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAA;QACnF,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAA;QAClF,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAA;QACzD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAA;QAC3D,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAA;QAC7D,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAA;QACrD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI,CAAC,WAAW,IAAI,CAAA;QACpD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,IAAI,CAAC,YAAY,IAAI,CAAA;QACtD,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,kBAAkB,CAAA;QAC3C,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAA;IAEjD,CAAC;IAED,gBAAgB,CAAC,UAAmB;QACnC,IAAI,UAAU,EAAE,CAAC;YAChB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA;QAChC,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA;QAChC,CAAC;IACF,CAAC;IAED,aAAa,CAAC,UAAmB;QAChC,IAAI,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAA;QACpC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAA;IAC5C,CAAC;IAED,UAAU;QACT,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,EAAE,CAAC;YACnC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,CAAA;QACvC,CAAC;QACD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAA;QAC3B,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,0BAA0B,CAAA;QACnD,CAAC;IACF,CAAC;IAED,UAAU;QACT,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,UAAU,CAAA;QACtC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAA;QACvB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAA;IAC3B,CAAC;IAED,aAAa;QACZ,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAAC,OAAO,KAAK,CAAA;QAAC,CAAC;QACnC,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC;YACjC,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;gBAChB,OAAO,KAAK,CAAA;YACb,CAAC;QACF,CAAC;QACD,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,UAAU;QACT,OAAO,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;IAC9D,CAAC;IAED,YAAY;QACX,IAAI,GAAG,GAAG,EAAE,CAAA;QACZ,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,CAAA;QACjD,IAAI,GAAG,GAAkB,CAAC,GAAG,CAAC,CAAA;QAC9B,IAAI,CAAC,GAAY,IAAI,CAAC,OAAO,CAAA;QAC7B,OAAO,CAAC,CAAC,MAAM,EAAE,CAAC;YACjB,CAAC,GAAG,CAAC,CAAC,MAAM,CAAA;YACZ,IAAI,IAAI,GAAG,EAAE,CAAA;YACb,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,CAAA;YACzC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACf,CAAC;QACD,OAAO,GAAG,CAAA;IACX,CAAC;IAED,mBAAmB;IACnB,IAAI;QACH,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC;IAED,IAAI;QACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC;IAED,MAAM,CAAC,OAAe,EAAE,EAAE,SAAkB,IAAI;QAC/C,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAClB,IAAI,MAAM,EAAE,CAAC;YACZ,IAAI,CAAC,MAAM,EAAE,CAAA;QACd,CAAC;IACF,CAAC;IAED,QAAQ;QACP,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;QACzB,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAA;QAClC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;QACvB,OAAO,IAAI,CAAA;IACZ,CAAC;CAaD"}

package/dist/vmobjects/CurvedLine.d.ts

@@ -0,0 +1,14 @@
+import { VMobject } from './VMobject.js';
+import { vertexArray } from '@bhbr/affr2';
+export declare class CurvedLine extends VMobject {
+    defaults(): object;
+    _bezierPoints: vertexArray;
+    get bezierPoints(): vertexArray;
+    set bezierPoints(newValue: vertexArray);
+    closed: boolean;
+    updateBezierPoints(): void;
+    update(args?: object, redraw?: boolean): void;
+    static makePathString(bezierPoints: vertexArray, closed?: boolean): string;
+    pathString(): string;
+}
+//# sourceMappingURL=CurvedLine.d.ts.map

package/dist/vmobjects/CurvedLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurvedLine.d.ts","sourceRoot":"","sources":["../../src/vmobjects/CurvedLine.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,qBAAa,UAAW,SAAQ,QAAQ;IASvC,QAAQ,IAAI,MAAM;IAOlB,aAAa,EAAE,WAAW,CAAA;IAE1B,IAAI,YAAY,IAAI,WAAW,CAA8B;IAE7D,IAAI,YAAY,CAAC,QAAQ,EAAE,WAAW,EASrC;IAED,MAAM,EAAE,OAAO,CAAA;IAEf,kBAAkB;IAGlB,MAAM,CAAC,IAAI,GAAE,MAAW,EAAE,MAAM,GAAE,OAAc;IAMhD,MAAM,CAAC,cAAc,CAAC,YAAY,EAAE,WAAW,EAAE,MAAM,GAAE,OAAe,GAAG,MAAM;IAuBjF,UAAU,IAAI,MAAM;CAIpB"}

package/dist/vmobjects/CurvedLine.js

@@ -0,0 +1,66 @@
+import { VMobject } from './VMobject.js';
+export class CurvedLine extends VMobject {
+    /*
+    In a curved line, the array this.bezierPoints represents the vertices and control points:
+    - this.bezierPoints[0, 3, 6, 9, ...] : vertices (synced with this.vertices)
+    - this.bezierPoints[1, 4, 7, 10, ...] : forward ('left') control points
+    - this.bezierPoints[2, 5, 8, 11, ...] : backward ('right') control points
+    The array is wrapped in an accessor that keeps this.vertices in sync with it
+    */
+    defaults() {
+        return {
+            closed: true,
+            bezierPoints: []
+        };
+    }
+    get bezierPoints() { return this._bezierPoints; }
+    set bezierPoints(newValue) {
+        this._bezierPoints = newValue;
+        let v = [];
+        let i = 0;
+        for (let p of this.bezierPoints) {
+            if (i % 3 == 1) {
+                v.push(p);
+            }
+            i += 1;
+        }
+        this.vertices = v;
+    }
+    updateBezierPoints() { }
+    // implemented by subclasses
+    update(args = {}, redraw = true) {
+        super.update(args, false);
+        this.updateBezierPoints();
+        if (redraw) {
+            this.view.redraw();
+        }
+    }
+    static makePathString(bezierPoints, closed = false) {
+        let points = bezierPoints;
+        if (points == undefined || points.length == 0) {
+            return '';
+        }
+        // there should be 3n + 1 points
+        let nbCurves = (points.length - 1) / 3;
+        if (nbCurves % 1 != 0) {
+            throw 'Incorrect number of Bézier points';
+        }
+        // move to the first point
+        let pathString = 'M' + VMobject.stringFromPoint(points[0]);
+        // next piece of Bézier curve defined by three points
+        for (let i = 0; i < nbCurves; i++) {
+            let point1str = VMobject.stringFromPoint(points[3 * i + 1]);
+            let point2str = VMobject.stringFromPoint(points[3 * i + 2]);
+            let point3str = VMobject.stringFromPoint(points[3 * i + 3]);
+            pathString += `C${point1str} ${point2str} ${point3str}`;
+        }
+        if (closed) {
+            pathString += 'Z';
+        }
+        return pathString;
+    }
+    pathString() {
+        return CurvedLine.makePathString(this.bezierPoints, this.closed);
+    }
+}
+//# sourceMappingURL=CurvedLine.js.map

package/dist/vmobjects/CurvedLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurvedLine.js","sourceRoot":"","sources":["../../src/vmobjects/CurvedLine.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGxC,MAAM,OAAO,UAAW,SAAQ,QAAQ;IACvC;;;;;;MAME;IAEF,QAAQ;QACP,OAAO;YACN,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,EAAE;SAChB,CAAA;IACF,CAAC;IAID,IAAI,YAAY,KAAkB,OAAO,IAAI,CAAC,aAAa,CAAA,CAAC,CAAC;IAE7D,IAAI,YAAY,CAAC,QAAqB;QACrC,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAA;QAC7B,IAAI,CAAC,GAAgB,EAAE,CAAA;QACvB,IAAI,CAAC,GAAW,CAAC,CAAA;QACjB,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACjC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;gBAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YAAC,CAAC;YAC7B,CAAC,IAAI,CAAC,CAAA;QACP,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;IAClB,CAAC;IAID,kBAAkB,KAAK,CAAC;IACxB,4BAA4B;IAE5B,MAAM,CAAC,OAAe,EAAE,EAAE,SAAkB,IAAI;QAC/C,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QACzB,IAAI,CAAC,kBAAkB,EAAE,CAAA;QACzB,IAAI,MAAM,EAAE,CAAC;YAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAA;QAAC,CAAC;IACnC,CAAC;IAED,MAAM,CAAC,cAAc,CAAC,YAAyB,EAAE,SAAkB,KAAK;QACvE,IAAI,MAAM,GAAgB,YAAY,CAAA;QACtC,IAAI,MAAM,IAAI,SAAS,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YAAC,OAAO,EAAE,CAAA;QAAC,CAAC;QAE5D,gCAAgC;QAChC,IAAI,QAAQ,GAAW,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,GAAC,CAAC,CAAA;QAC5C,IAAI,QAAQ,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YAAC,MAAM,mCAAmC,CAAA;QAAC,CAAC;QAEpE,0BAA0B;QAC1B,IAAI,UAAU,GAAW,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;QAClE,qDAAqD;QACrD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;YACnC,IAAI,SAAS,GAAW,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;YACnE,IAAI,SAAS,GAAW,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;YACnE,IAAI,SAAS,GAAW,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;YACnE,UAAU,IAAI,IAAI,SAAS,IAAI,SAAS,IAAI,SAAS,EAAE,CAAA;QACxD,CAAC;QACD,IAAI,MAAM,EAAE,CAAC;YACZ,UAAU,IAAI,GAAG,CAAA;QAClB,CAAC;QACD,OAAO,UAAU,CAAA;IAClB,CAAC;IAED,UAAU;QACT,OAAO,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;IACjE,CAAC;CAED"}

package/dist/vmobjects/CurvedShape.d.ts

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

package/dist/vmobjects/CurvedShape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurvedShape.d.ts","sourceRoot":"","sources":["../../src/vmobjects/CurvedShape.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,qBAAa,WAAY,SAAQ,UAAU;IAK1C,YAAY,IAAI,MAAM;CAKtB"}

package/dist/vmobjects/CurvedShape.js

@@ -0,0 +1,12 @@
+import { CurvedLine } from './CurvedLine.js';
+export class CurvedShape extends CurvedLine {
+    /*
+    A closed CurvedLine is a CurvedShape
+    */
+    mutabilities() {
+        return {
+            closed: 'never'
+        };
+    }
+}
+//# sourceMappingURL=CurvedShape.js.map

package/dist/vmobjects/CurvedShape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurvedShape.js","sourceRoot":"","sources":["../../src/vmobjects/CurvedShape.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,OAAO,WAAY,SAAQ,UAAU;IAC1C;;MAEE;IAEF,YAAY;QACX,OAAO;YACN,MAAM,EAAE,OAAO;SACf,CAAA;IACF,CAAC;CACD"}

package/dist/vmobjects/Polygon.d.ts

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

package/dist/vmobjects/Polygon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Polygon.d.ts","sourceRoot":"","sources":["../../src/vmobjects/Polygon.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,qBAAa,OAAQ,SAAQ,aAAa;IAKzC,YAAY,IAAI,MAAM;CAKtB"}

package/dist/vmobjects/Polygon.js

@@ -0,0 +1,12 @@
+import { PolygonalLine } from './PolygonalLine.js';
+export class Polygon extends PolygonalLine {
+    /*
+    A Polygon is a closed PolygonalLine
+    */
+    mutabilities() {
+        return {
+            closed: 'never'
+        };
+    }
+}
+//# sourceMappingURL=Polygon.js.map

package/dist/vmobjects/Polygon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Polygon.js","sourceRoot":"","sources":["../../src/vmobjects/Polygon.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,OAAO,OAAQ,SAAQ,aAAa;IACzC;;MAEE;IAEF,YAAY;QACX,OAAO;YACN,MAAM,EAAE,OAAO;SACf,CAAA;IACF,CAAC;CACD"}

package/dist/vmobjects/PolygonalLine.d.ts

@@ -0,0 +1,9 @@
+import { VMobject } from './VMobject.js';
+import { vertexArray } from '@bhbr/affr2';
+export declare class PolygonalLine extends VMobject {
+    closed: boolean;
+    defaults(): object;
+    static makePathString(vertices: vertexArray, closed: boolean): string;
+    pathString(): string;
+}
+//# sourceMappingURL=PolygonalLine.d.ts.map

package/dist/vmobjects/PolygonalLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolygonalLine.d.ts","sourceRoot":"","sources":["../../src/vmobjects/PolygonalLine.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,WAAW,EAAe,MAAM,aAAa,CAAA;AAEtD,qBAAa,aAAc,SAAQ,QAAQ;IAK1C,MAAM,EAAE,OAAO,CAAA;IAEf,QAAQ,IAAI,MAAM;IAOlB,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM;IAmBrE,UAAU,IAAI,MAAM;CAIpB"}

package/dist/vmobjects/PolygonalLine.js

@@ -0,0 +1,34 @@
+import { VMobject } from './VMobject.js';
+import { vertexIsNaN } from '@bhbr/affr2';
+export class PolygonalLine extends VMobject {
+    defaults() {
+        return {
+            closed: true,
+            fillOpacity: 0
+        };
+    }
+    static makePathString(vertices, closed) {
+        let pathString = '';
+        let v = vertices;
+        if (v.length == 0) {
+            return '';
+        }
+        for (let point of v) {
+            if (point == undefined || vertexIsNaN(point)) {
+                pathString = '';
+                return pathString;
+            }
+            // move (M) to the first point, then connect the points with lines (L)
+            let prefix = (pathString == '') ? 'M' : 'L';
+            pathString += prefix + VMobject.stringFromPoint(point);
+        }
+        if (closed) {
+            pathString += 'Z';
+        }
+        return pathString;
+    }
+    pathString() {
+        return PolygonalLine.makePathString(this.vertices, this.closed);
+    }
+}
+//# sourceMappingURL=PolygonalLine.js.map

package/dist/vmobjects/PolygonalLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolygonalLine.js","sourceRoot":"","sources":["../../src/vmobjects/PolygonalLine.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAe,WAAW,EAAE,MAAM,aAAa,CAAA;AAEtD,MAAM,OAAO,aAAc,SAAQ,QAAQ;IAO1C,QAAQ;QACP,OAAO;YACN,MAAM,EAAE,IAAI;YACZ,WAAW,EAAE,CAAC;SACd,CAAA;IACF,CAAC;IAED,MAAM,CAAC,cAAc,CAAC,QAAqB,EAAE,MAAe;QAC3D,IAAI,UAAU,GAAW,EAAE,CAAA;QAC3B,IAAI,CAAC,GAAG,QAAQ,CAAA;QAChB,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YAAC,OAAO,EAAE,CAAA;QAAC,CAAC;QAChC,KAAK,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;YACrB,IAAI,KAAK,IAAI,SAAS,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC9C,UAAU,GAAG,EAAE,CAAA;gBACf,OAAO,UAAU,CAAA;YAClB,CAAC;YACD,sEAAsE;YACtE,IAAI,MAAM,GAAW,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAA;YACnD,UAAU,IAAI,MAAM,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;QACvD,CAAC;QACD,IAAI,MAAM,EAAE,CAAC;YACZ,UAAU,IAAI,GAAG,CAAA;QAClB,CAAC;QACD,OAAO,UAAU,CAAA;IAClB,CAAC;IAED,UAAU;QACT,OAAO,aAAa,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;IAChE,CAAC;CAED"}