mascot-vis 3.0.0 → 3.0.1

package/src-old/item/mark/PointText.js

@@ -1,201 +0,0 @@
-import Mark from "./Mark";
-import Rectangle from "../../basic/Rectangle";
-import {ItemType} from "../../util/Constants";
-import { getTextSize } from "../../util/ItemUtil";
-
-export default class PointText extends Mark {
-
-    constructor(args) {
-		super(args);
-        this.type = ItemType.PointText;
-        this.attrs["x"] = 0;
-        this.attrs["y"] = 0;
-        if (!("fontSize" in this.styles))
-            this.styles["fontSize"] = "12px";
-        if (!("fontFamily" in this.styles))
-            this.styles["fontFamily"] = "Arial, sans-serif";
-        if (!("fontWeight" in this.styles))
-            this.styles["fontWeight"] = "normal";
-        if (!("fillColor" in this.styles))
-            this.styles["fillColor"] = "black";
-
-        if (args !== undefined) {
-            if ("x" in args) {
-                this.attrs["x"] = args["x"];
-            }
-
-            if ("y" in args) {
-                this.attrs["y"] = args["y"];
-            }
-    
-            if ("text" in args) {
-                this.attrs["text"] = args["text"];
-            } else {
-                this.attrs["text"] = "";
-            }
-
-            if ("anchor" in args) {
-                this.attrs["anchor"] = args["anchor"];
-            } else {
-                this.attrs["anchor"] = ["center", "middle"];
-            }
-        }
-        this._updateBounds();
-    }
-
-    copyPropertiesTo(target) {
-		target.styles = Object.assign({}, this.styles);
-		if (this._dataScope)
-			target._dataScope = this._dataScope.clone();
-		target.x = this.attrs["x"];
-        target.y = this.attrs["y"];
-		target.text = this.text;
-		target.anchor = [this.anchor[0], this.anchor[1]];
-	}
-
-    get bounds() {
-		if (!this._bounds)
-			this._updateBounds();
-		return this._bounds;
-	}
-
-    get refBounds() {
-        return this.bounds;
-    }
-
-    set text(text) {
-        this.attrs["text"] = text;
-        this._updateBounds();
-    }
-
-    get text() {
-        return this.attrs["text"];
-    }
-
-    _doTranslate(dx, dy) {
-		this.attrs["x"] += dx;
-        this.attrs["y"] += dy;
-		this._updateBounds();
-	}
-
-	_updateBounds() {
-        let size = getTextSize(this.attrs["text"], [this.fontWeight, this.styles["fontSize"], this.fontFamily].join(" "), parseFloat(this.fontSize));
-        let wd = size.width, ht = size.height;
-        let left;
-        switch (this.attrs["anchor"][0]){
-            case "left":
-                left = this.attrs["x"];
-                break;
-            case "right":
-                left = this.attrs["x"] - wd;
-                break;
-            case "center":
-                left = this.attrs["x"] - wd/2;
-                break;
-            default:
-                left = this.attrs["x"];
-                break;
-        }
-        let top;
-        switch (this.attrs["anchor"][1]){
-            case "top":
-                top = this.attrs["y"];
-                break;
-            case "bottom":
-                top = this.attrs["y"] - ht;
-                break;
-            case "middle":
-                top = this.attrs["y"] - ht/2;
-                break;
-        }
-		this._bounds = new Rectangle(left, top, wd, ht);
-	}
-
-    get center() {
-        return {x: this.bounds.left + this.bounds.width/2, y: this.bounds.top + this.bounds.height/2};
-    }
-
-    get x() {
-        return this.attrs["x"];
-    }
-
-    set x(v){
-        this.attrs["x"] = v;
-        this._updateBounds();
-    }
-
-    get y() {
-        return this.attrs["y"];
-    }
-
-    set y(v){
-        this.attrs["y"] = v;
-        this._updateBounds();
-    }
-
-    get anchor() {
-        return this.attrs["anchor"];
-    }
-
-    set anchor(a) {
-        this.attrs["anchor"] = a;
-        this._updateBounds();
-    }
-
-    get horzAnchor() {
-        return this.attrs["anchor"][0];
-    }
-
-    get vertAnchor() {
-        return this.attrs["anchor"][1];
-    }
-
-    set horzAnchor(a) {
-        this.attrs["anchor"][0] = a;
-        this._updateBounds();
-    }
-
-    set vertAnchor(a) {
-        this.attrs["anchor"][1] = a;
-        this._updateBounds();
-    }
-
-    //return integer
-    get fontSize() {
-        return parseFloat(this.styles["fontSize"]);
-    }
-
-    set fontSize(f) {
-        if (typeof f === "number")
-            this.styles["fontSize"] = f + "px";
-        else
-            this.styles["fontSize"] = f;
-        this._updateBounds();
-    }
-
-    get fontWeight() {
-        return this.styles["fontWeight"];
-    }
-
-    set fontWeight(w) {
-        this.styles["fontWeight"] = w;
-        this._updateBounds();
-    }
-
-    get fontFamily() {
-        return this.styles["fontFamily"];
-    }
-
-    set fontFamily(f) {
-        this.styles["fontFamily"] = f;
-        this._updateBounds();
-    }
-
-    get fillColor() {
-		return this.styles["fillColor"];
-	}
-
-	set fillColor(c) {
-		this.styles["fillColor"] = c;
-	}
-}

package/src-old/item/mark/PolygonPath.js

@@ -1,64 +0,0 @@
-import Path from "./Path";
-import {ItemType} from "../../util/Constants";
-import Point from "../../basic/Point";
-
-export default class PolygonPath extends Path {
-
-    constructor(args) {
-        super(args);
-        this.type = ItemType.Polygon;
-        this.closed = true;
-
-        if ("x" in args)
-            this._x = args.x;
-        if ("y" in args)
-            this._y = args.y;
-        if ("radius" in args)
-            this._radius = args.radius;
-    }        
-
-    get radius() {
-		return this._radius;
-	}
-
-	get x() {
-		return this._x;
-	}
-
-	get y() {
-		return this._y;
-	}
-
-	get center() {
-		return new Point(this._x, this._y);
-	}
-
-    set x(v) {
-		this._x = v;
-		this._updateBounds();
-	}
-
-	set y(v) {
-		this._y = v;
-		this._updateBounds();
-	}
-
-	set radius(r) {
-		this._radius = r;
-		this._updateBounds();
-	}
-
-    copyPropertiesTo(target) {
-		super.copyPropertiesTo(target);
-		target._x = this._x;
-		target._y = this._y;
-		target._radius = this._radius;
-	}
-
-    _doTranslate(dx, dy) {
-		this._x += dx;
-		this._y += dy;
-        super._doTranslate(dx, dy);
-	}
-
-}

package/src-old/item/mark/RectPath.js

@@ -1,88 +0,0 @@
-import Path from "./Path";
-import Segment from "../Segment";
-import {ItemType} from "../../util/Constants"
-
-export default class RectPath extends Path {
-	
-	constructor(args) {
-		super(args);
-		// this.type = ItemType.Rect;
-		// this.closed = true;
-
-		//add last segment to close the path
-		// if (args && "vertices" in args)
-		// 	this.segments.push(new Segment(this.vertices[3], this.vertices[0], this, this.segmentCounter++));
-	}
-
-	get width() {
-		return this.vertices[1].x - this.vertices[0].x;
-	}
-
-	get height() {
-		return this.vertices[2].y - this.vertices[1].y;
-	}
-
-	set height(ht) {
-		this.resize(this.width, ht);
-	}
-
-	set width(wd) {
-		this.resize(wd, this.height);
-	}
-
-	get left() {
-		return this.vertices[0].x;
-	}
-
-	get top() {
-		return this.vertices[0].y;
-	}
-
-	get right() {
-		return this.vertices[1].x;
-	}
-
-	get bottom() {
-		return this.vertices[2].y;
-	}
-
-	get area() {
-		return this.width * this.height;
-	}
-
-	//override path's resize method, by default, keep the left and top segments intact
-	resize(wd, ht, xRef, yRef) {
-		if (xRef === "right") {
-			this.vertices[0].x = this.vertices[1].x - wd;
-			this.vertices[3].x = this.vertices[0].x;
-		} else {
-			this.vertices[1].x = this.vertices[0].x + wd;
-			this.vertices[2].x = this.vertices[1].x;
-		}
-		if (yRef === "top") {
-			this.vertices[3].y = this.vertices[0].y + ht;
-			this.vertices[2].y = this.vertices[3].y;
-		} else {
-			this.vertices[0].y = this.vertices[3].y - ht;
-			this.vertices[1].y = this.vertices[0].y;
-		}
-		
-		this._updateBounds();
-	}
-
-	get leftSegment() {
-		return this.segments[3];
-	}
-
-	get rightSegment() {
-		return this.segments[1];
-	}
-
-	get topSegment() {
-		return this.segments[0];
-	}
-
-	get bottomSegment() {
-		return this.segments[2];
-	}
-}

package/src-old/item/mark/RingPath.js

@@ -1,92 +0,0 @@
-import Path from "./Path";
-import {ItemType} from "../../util/Constants";
-import Rectangle from "../../basic/Rectangle";
-import Point from "../../basic/Point";
-
-export default class RingPath extends Path {
-	
-	constructor(args) {
-		super(args);
-		this.type = ItemType.Ring;
-		this.closed = true;
-		this._x = ("x" in args) ? args.x : 0;
-		this._y = ("y" in args) ? args.y : 0;
-		this._innerRadius = ("innerRadius" in args) ? args.innerRadius : 100;
-        this._outerRadius = ("outerRadius" in args) ? args.outerRadius : 200;
-	}
-
-	get innerRadius() {
-		return this._innerRadius;
-	}
-
-    set innerRadius(r) {
-		this._innerRadius = r;
-	}
-
-    get outerRadius() {
-		return this._outerRadius;
-	}
-
-    set outerRadius(r) {
-		this._outerRadius = r;
-		this._updateBounds();
-	}
-
-	get x() {
-		return this._x;
-	}
-
-	get y() {
-		return this._y;
-	}
-
-	get center() {
-		return new Point(this._x, this._y);
-	}
-
-	set x(v) {
-		this._x = v;
-		this._updateBounds();
-	}
-
-	set y(v) {
-		this._y = v;
-		this._updateBounds();
-	}
-
-	get thickness() {
-        return this._outerRadius - this._innerRadius;
-    }
-
-	_doTranslate(dx, dy) {
-		this._x += dx;
-		this._y += dy;
-		this._updateBounds();
-	}
-
-	_updateBounds() {		
-		this._bounds = new Rectangle(this._x - this._outerRadius, this._y - this._outerRadius, this._outerRadius * 2, this._outerRadius * 2);
-	}
-
-	copyPropertiesTo(target) {
-		super.copyPropertiesTo(target);
-		target._x = this._x;
-		target._y = this._y;
-		target._innerRadius = this._innerRadius;
-        target._outerRadius = this._outerRadius;
-	}
-
-    getSVGPathData() {
-        let cmds = [
-            "M " +  this._x + " " + this._y, // Move to center of ring
-            "m 0, -" + this._outerRadius, // Move to top of ring
-            "a " + this._outerRadius + "," + this._outerRadius + ", 0, 1, 0, 1, 0", // Draw outer arc, but don't close it
-            "Z", // default fill-rule:even-odd will help create the empty innards
-            "m 0 " + (this._outerRadius-this._innerRadius), // Move to top point of inner radius
-            "a " + this._innerRadius + ", " + this._innerRadius + ", 0, 1, 1, -1, 0", // Draw inner arc, but don't close it
-            "Z" // Close the inner ring. Actually will still work without, but inner ring will have one unit missing in stroke   
-        ];
-        return cmds.join(" ");
-    }
-
-}