plotboilerplate 1.19.0 → 1.20.1

package/src/cjs/utils/io/FileDrop.js

@@ -14,7 +14,8 @@
  * @author   Ikaros Kappler
  * @date     2021-10-13
  * @modified 2022-01-31 (ported from the ngdg project, then generalized)
- * @version  2.0.0
+ * @modified 2023-01-03 Fixing some minor type issues and adding SVG reading capabilities.
+ * @version  2.1.0
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileDrop = void 0;
@@ -35,7 +36,7 @@ var FileDrop = /** @class */ (function () {
             event.preventDefault();
             event.stopPropagation();
             _this.element.style.opacity = "1.0";
-            if (!event.dataTransfer.files || event.dataTransfer.files.length === 0) {
+            if (!event.dataTransfer || !event.dataTransfer.files || event.dataTransfer.files.length === 0) {
                 // No files were dropped
                 return;
             }
@@ -43,39 +44,66 @@ var FileDrop = /** @class */ (function () {
                 // Multiple file drop is not nupported
                 return;
             }
-            if (!_this.fileDroppedCallbackJSON) {
-                // No handling callback defined.
-                return;
-            }
+            // if (!this.fileDroppedCallbackJSON) {
+            //   // No handling callback defined.
+            //   return;
+            // }
             if (event.dataTransfer.files[0]) {
                 var file_1 = event.dataTransfer.files[0];
                 // console.log("file", file);
-                if (file_1.type.match(/json.*/) && _this.fileDroppedCallbackJSON) {
+                if (file_1.type.match(/json.*/) && _this.fileDroppedCallbackJSON !== null) {
                     var reader = new FileReader();
                     reader.onload = function (readEvent) {
+                        if (!readEvent.target) {
+                            console.warn("Cannot process JSON ProgressEvent data: target is null.");
+                            return;
+                        }
                         // Finished reading file data.
                         var jsonObject = JSON.parse(readEvent.target.result);
                         // TODO: what happens on fail?
-                        _this.fileDroppedCallbackJSON(jsonObject);
+                        _this.fileDroppedCallbackJSON && _this.fileDroppedCallbackJSON(jsonObject);
                     };
                     reader.readAsText(file_1); // start reading the file data.
                 }
                 else if (file_1.type.match(/text\/plain.*/) && _this.fileDroppedCallbackText) {
                     var reader = new FileReader();
                     reader.onload = function (readEvent) {
+                        if (!readEvent.target) {
+                            console.warn("Cannot process Text ProgressEvent data: target is null.");
+                            return;
+                        }
                         // Finished reading file data.
-                        _this.fileDroppedCallbackText(readEvent.target.result);
+                        _this.fileDroppedCallbackText && _this.fileDroppedCallbackText(readEvent.target.result);
                     };
                     reader.readAsText(file_1); // start reading the file data.
                 }
                 else if (_this.fileDroppedCallbackBinary) {
                     var reader = new FileReader();
                     reader.onload = function (readEvent) {
+                        if (!readEvent.target) {
+                            console.warn("Cannot process Binary ProgressEvent data: target is null.");
+                            return;
+                        }
                         // Finished reading file data.
-                        _this.fileDroppedCallbackBinary(new Blob([readEvent.target.result]), file_1);
+                        _this.fileDroppedCallbackBinary &&
+                            _this.fileDroppedCallbackBinary(new Blob([readEvent.target.result]), file_1);
                     };
                     reader.readAsBinaryString(file_1); // start reading the file data.
                 }
+                else if (_this.fileDroppedCallbackSVG) {
+                    var reader = new FileReader();
+                    reader.onload = function (readEvent) {
+                        if (!readEvent.target) {
+                            console.warn("Cannot process SVG ProgressEvent data: target is null.");
+                            return;
+                        }
+                        var parser = new DOMParser();
+                        var doc = parser.parseFromString(readEvent.target.result, "image/svg+xml");
+                        // Finished reading file data.
+                        _this.fileDroppedCallbackSVG && _this.fileDroppedCallbackSVG(doc);
+                    };
+                    reader.readAsText(file_1); // start reading the file data.
+                }
             }
         };
         /**
@@ -128,6 +156,9 @@ var FileDrop = /** @class */ (function () {
     FileDrop.prototype.onFileTextDropped = function (callback) {
         this.fileDroppedCallbackText = callback;
     };
+    FileDrop.prototype.onFileSVGDropped = function (callback) {
+        this.fileDroppedCallbackSVG = callback;
+    };
     /**
      * Removes all listeners (drop, dragover and dragleave).
      */

package/src/cjs/utils/io/FileDrop.js.map

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

package/src/cjs/utils/parsers/svg/parseSVGPathData.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Parse SVG path data strings and convert to PlotBoilerplate path objects.
+ *
+ * As this parser function does not detect all possible path data strings it should cover the most daily use-cases.
+ *
+ * For more insight see
+ *    https://www.w3.org/TR/SVG/paths.html
+ *
+ * @author  Ikaros Kappler
+ * @date    2022-11-06
+ * @modified 2022-12-21 (winter solstice) Porting this to Typescript.
+ * @modified 2023-01-17 Handling multiple parameter sets now.
+ * @version 0.0.2-alpha
+ **/
+import { CubicBezierCurve } from "../../../CubicBezierCurve";
+import { Line } from "../../../Line";
+/**
+ * Transform the given path data (translate and scale. rotating is not intended here).
+ *
+ * @date 2022-11-06
+ *
+ * @name parseSVGPathData
+ * @static
+ * @param {string} data - The data to parse.
+ * @return An array of straight line segments (Line) or curve segments (CubicBezierCurve) representing the path.
+ */
+export declare const parseSVGPathData: (dataString: string) => Array<Line | CubicBezierCurve> | null;

package/src/cjs/utils/parsers/svg/parseSVGPathData.js

@@ -0,0 +1,486 @@
+"use strict";
+/**
+ * Parse SVG path data strings and convert to PlotBoilerplate path objects.
+ *
+ * As this parser function does not detect all possible path data strings it should cover the most daily use-cases.
+ *
+ * For more insight see
+ *    https://www.w3.org/TR/SVG/paths.html
+ *
+ * @author  Ikaros Kappler
+ * @date    2022-11-06
+ * @modified 2022-12-21 (winter solstice) Porting this to Typescript.
+ * @modified 2023-01-17 Handling multiple parameter sets now.
+ * @version 0.0.2-alpha
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseSVGPathData = void 0;
+var CubicBezierCurve_1 = require("../../../CubicBezierCurve");
+var Line_1 = require("../../../Line");
+var VEllipseSector_1 = require("../../../VEllipseSector");
+var Vertex_1 = require("../../../Vertex");
+var splitSVGPathData_1 = require("./splitSVGPathData");
+var DEG_TO_RAD = Math.PI / 180;
+/**
+ * Transform the given path data (translate and scale. rotating is not intended here).
+ *
+ * @date 2022-11-06
+ *
+ * @name parseSVGPathData
+ * @static
+ * @param {string} data - The data to parse.
+ * @return An array of straight line segments (Line) or curve segments (CubicBezierCurve) representing the path.
+ */
+var parseSVGPathData = function (dataString) {
+    var dataElements = splitSVGPathData_1.splitSVGPathData(dataString);
+    if (!dataElements) {
+        return null;
+    }
+    // Array<PathSegments>
+    var result = [];
+    var i = 0;
+    var firstPoint = { x: NaN, y: NaN };
+    var lastPoint = { x: NaN, y: NaN };
+    var lastControlPoint = { x: NaN, y: NaN };
+    var lastQuadraticControlPoint = { x: NaN, y: NaN };
+    while (i < dataElements.length) {
+        // Could this also be SVGPathShorthandQuadraticCurveToCommand?
+        var data = dataElements[i];
+        var cmd = data[0];
+        // console.log("cmd", cmd, "data", data);
+        switch (data[0]) {
+            case "M":
+                // MoveTo: M|m x y
+                _handleMove(data, false, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "m":
+                // MoveTo: M|m x y
+                _handleMove(data, true, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "L":
+                // LineTo L|l x y
+                _handleLineTo(data, false, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "l":
+                // LineTo L|l x y
+                _handleLineTo(data, true, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "H":
+                // HorizontalLineTo: H|h x
+                _handleHorizontalLineTo(data, false, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "h":
+                // HorizontalLineTo: H|h x
+                _handleHorizontalLineTo(data, true, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "V":
+                // VerticalLineTo: V|v y
+                _handleVerticalLineTo(data, false, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "v":
+                // VerticalLineTo: V|v y
+                _handleVerticalLineTo(data, true, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "C":
+                // CurveTo: C|c x1 y1 x2 y2 x y
+                _handleCubicBezierTo(data, false, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "c":
+                // CurveTo: C|c x1 y1 x2 y2 x y
+                _handleCubicBezierTo(data, true, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "S":
+                _handleShorthandCubicCurveTo(data, false, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "s":
+                _handleShorthandCubicCurveTo(data, true, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "Q":
+                // QuadraticCurveTo: Q|q x1 y1 x y
+                _handleQuadraticCurveTo(data, false, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "q":
+                // QuadraticCurveTo: Q|q x1 y1 x y
+                _handleQuadraticCurveTo(data, true, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "A":
+                // EllipticalArcTo: A|a rx ry x-axis-rotation large-arc-flag sweep-flag x y
+                _handleArcTo(data, false, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "a":
+                // EllipticalArcTo: A|a rx ry x-axis-rotation large-arc-flag sweep-flag x y
+                _handleArcTo(data, true, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "z":
+                _handleClosePath(data, false, firstPoint, lastPoint, lastControlPoint, result);
+                break;
+            case "Z":
+                // ClosePath: Z|z (no arguments)
+                _handleClosePath(data, true, firstPoint, lastPoint, lastControlPoint, result);
+                // i++;
+                break;
+            default:
+                if (cmd === "T") {
+                    throw "T command only allowed after q command.";
+                }
+                if (cmd === "t") {
+                    throw "t command only allowed after q command.";
+                }
+                throw "Unknown SVG path command found: " + cmd + ".";
+        }
+        // Safepoint: continue reading token by token until something is recognized again
+        i++;
+    } // END while
+    return result;
+}; // END parseSVGPathData
+exports.parseSVGPathData = parseSVGPathData;
+// Just update the current position
+var _handleMove = function (data, isRelative, firstPoint, lastPoint, lastControlPoint, _result) {
+    if (data.length < 3) {
+        throw "Unsufficient params for MOVE";
+    }
+    // result.push( new)
+    if (isRelative && !isNaN(lastPoint.x) && !isNaN(lastPoint.y)) {
+        lastPoint.x += Number(data[1]);
+        lastPoint.y += Number(data[2]);
+        lastControlPoint.x = lastPoint.x;
+        lastControlPoint.y = lastPoint.y;
+    }
+    else {
+        lastPoint.x = Number(data[1]);
+        lastPoint.y = Number(data[2]);
+        lastControlPoint.x = lastPoint.x;
+        lastControlPoint.y = lastPoint.y;
+    }
+    // console.log("AFTER MOVE", lastPoint);
+    if (isNaN(firstPoint.y)) {
+        firstPoint.x = lastPoint.x;
+        firstPoint.y = lastPoint.y;
+    }
+};
+// Draw a line segment from the current position
+var _handleLineTo = function (data, isRelative, firstPoint, lastPoint, lastControlPoint, result) {
+    if (data.length < 3) {
+        throw "Unsufficient params for LINETO";
+    }
+    for (var i = 1; i + 1 < data.length; i += 2) {
+        var line = new Line_1.Line(new Vertex_1.Vertex(lastPoint), new Vertex_1.Vertex(lastPoint));
+        if (isRelative) {
+            line.b.x += Number(data[i]);
+            line.b.y += Number(data[i + 1]);
+        }
+        else {
+            line.b.x = Number(data[i]);
+            line.b.y = Number(data[i + 1]);
+        }
+        result.push(line);
+        lastPoint.x = line.b.x;
+        lastPoint.y = line.b.y;
+        lastControlPoint.x = line.b.x;
+        lastControlPoint.y = line.b.y;
+        if (isNaN(firstPoint.y)) {
+            firstPoint.x = line.a.x;
+            firstPoint.y = line.a.y;
+        }
+        console.log("LINETO LINE", i, line.toString());
+    }
+};
+var _handleHorizontalLineTo = function (data, isRelative, firstPoint, lastPoint, lastControlPoint, result) {
+    //   console.log("Handle HORIZONTALLINETO", data);
+    if (data.length < 2) {
+        throw "Unsufficient params for HORIZONTALLINETO";
+    }
+    for (var i = 1; i < data.length; i++) {
+        var line = new Line_1.Line(new Vertex_1.Vertex(lastPoint), new Vertex_1.Vertex(lastPoint));
+        if (isRelative) {
+            line.b.x += Number(data[i]);
+            // line.b.y += Number(data[2]);
+        }
+        else {
+            line.b.x = Number(data[i]);
+            // line.b.y = Number(data[2]);
+        }
+        result.push(line);
+        lastPoint.x = line.b.x;
+        // lastPoint.y = line.b.y;
+        lastControlPoint.x = line.b.x;
+        if (isNaN(firstPoint.y)) {
+            firstPoint.x = line.a.x;
+            firstPoint.y = line.a.y;
+        }
+    }
+};
+var _handleVerticalLineTo = function (data, isRelative, firstPoint, lastPoint, lastControlPoint, result) {
+    if (data.length < 2) {
+        throw "Unsufficient params for VERTICALLINETO";
+    }
+    for (var i = 1; i < data.length; i++) {
+        var line = new Line_1.Line(new Vertex_1.Vertex(lastPoint), new Vertex_1.Vertex(lastPoint));
+        if (isRelative) {
+            line.b.y += Number(data[i]);
+        }
+        else {
+            line.b.y = Number(data[i]);
+        }
+        result.push(line);
+        // lastPoint.x = line.b.x;
+        lastPoint.y = line.b.y;
+        lastControlPoint.y = line.b.y;
+        if (isNaN(firstPoint.y)) {
+            firstPoint.x = line.a.x;
+            firstPoint.y = line.a.y;
+        }
+    }
+};
+// CurveTo: C|c x1 y1 x2 y2 x y
+var _handleCubicBezierTo = function (data, isRelative, firstPoint, lastPoint, lastControlPoint, result) {
+    //   console.log("Handle CUBICBEZIERTO", data);
+    if (data.length < 7) {
+        throw "Unsufficient params for CUBICBEZIERTO";
+    }
+    for (var i = 1; i + 5 < data.length; i += 6) {
+        var curve = new CubicBezierCurve_1.CubicBezierCurve(new Vertex_1.Vertex(lastPoint), new Vertex_1.Vertex(lastPoint), new Vertex_1.Vertex(lastPoint), new Vertex_1.Vertex(lastPoint));
+        if (isRelative) {
+            curve.startControlPoint.x += Number(data[i]);
+            curve.startControlPoint.y += Number(data[i + 1]);
+            curve.endControlPoint.x += Number(data[i + 2]);
+            curve.endControlPoint.y += Number(data[i + 3]);
+            curve.endPoint.x += Number(data[i + 4]);
+            curve.endPoint.y += Number(data[i + 5]);
+        }
+        else {
+            curve.startControlPoint.x = Number(data[i]);
+            curve.startControlPoint.y = Number(data[i + 1]);
+            curve.endControlPoint.x = Number(data[i + 2]);
+            curve.endControlPoint.y = Number(data[i + 3]);
+            curve.endPoint.x = Number(data[i + 4]);
+            curve.endPoint.y = Number(data[i + 5]);
+        }
+        result.push(curve);
+        lastPoint.x = curve.endPoint.x;
+        lastPoint.y = curve.endPoint.y;
+        lastControlPoint.x = curve.endControlPoint.x;
+        lastControlPoint.y = curve.endControlPoint.y;
+        if (isNaN(firstPoint.x)) {
+            firstPoint.x = curve.startPoint.x;
+            firstPoint.y = curve.startPoint.y;
+        }
+    }
+};
+// QuadraticCurveTo: Q|q x1 y1 x y
+var _handleQuadraticCurveTo = function (data, isRelative, firstPoint, lastPoint, lastControlPoint, result) {
+    //   console.log("Handle QUADRATICBEZIERTO", data);
+    if (data.length < 5) {
+        throw "Unsufficient params for QUADRATICBEZIERTO";
+    }
+    var i = 1;
+    var localLastQuadraticControlPoint = { x: 0, y: 0 };
+    // This loops runs at least once
+    while (i + 3 < data.length && data[i] !== "t" && data[i] !== "T") {
+        var curve = new CubicBezierCurve_1.CubicBezierCurve(new Vertex_1.Vertex(lastPoint), new Vertex_1.Vertex(lastPoint), new Vertex_1.Vertex(lastPoint), new Vertex_1.Vertex(lastPoint));
+        if (isRelative) {
+            curve.startControlPoint.x += curve.startPoint.x + (Number(data[i]) - curve.startControlPoint.x); // * 0.666;
+            curve.startControlPoint.y += curve.startPoint.y + (Number(data[i + 1]) - curve.startControlPoint.y); // * 0.666;
+            curve.endPoint.x += Number(data[i + 2]);
+            curve.endPoint.y += Number(data[i + 3]);
+            curve.endControlPoint.x = curve.startControlPoint.x;
+            curve.endControlPoint.y = curve.startControlPoint.y;
+        }
+        else {
+            curve.startControlPoint.x = curve.startPoint.x + (Number(data[i]) - curve.startControlPoint.x); // * 0.666;
+            curve.startControlPoint.y = curve.startPoint.y + (Number(data[i + 1]) - curve.startControlPoint.y); // * 0.666;
+            curve.endPoint.x = Number(data[i + 2]);
+            curve.endPoint.y = Number(data[i + 3]);
+            curve.endControlPoint.x = curve.startControlPoint.x;
+            curve.endControlPoint.y = curve.startControlPoint.y;
+        }
+        // var lastQuadraticControlPoint = { x: Number(data[1]), y: Number(data[2]) };
+        localLastQuadraticControlPoint = { x: curve.endControlPoint.x, y: curve.endControlPoint.y };
+        // Convert quadratic curve to cubic curve
+        curve.startControlPoint.x = curve.startPoint.x + (curve.startControlPoint.x - curve.startPoint.x) * 0.666;
+        curve.startControlPoint.y = curve.startPoint.y + (curve.startControlPoint.y - curve.startPoint.y) * 0.666;
+        curve.endControlPoint.x = curve.endPoint.x + (curve.endControlPoint.x - curve.endPoint.x) * 0.666;
+        curve.endControlPoint.y = curve.endPoint.y + (curve.endControlPoint.y - curve.endPoint.y) * 0.666;
+        result.push(curve);
+        lastPoint.x = curve.endPoint.x;
+        lastPoint.y = curve.endPoint.y;
+        lastControlPoint.x = curve.endControlPoint.x;
+        lastControlPoint.y = curve.endControlPoint.y;
+        if (isNaN(firstPoint.x)) {
+            firstPoint.x = curve.startPoint.x;
+            firstPoint.y = curve.startPoint.y;
+        }
+        i += 4;
+    } // END while
+    // 'T' or 't' command may follow
+    // if (data.length >= 8) {
+    if (i < data.length && (data[i] == "t" || data[i] === "T")) {
+        // TODO: think about this type cast!
+        var subData = data.slice(5);
+        // var lastQuadraticControlPoint = { x: Number(data[1]), y: Number(data[2]) };
+        if (subData[0] === "T") {
+            // _handleShorthandQuadraticCurveTo(subData, false, firstPoint, lastPoint, lastControlPoint, lastQuadraticControlPoint, result);
+            _handleShorthandQuadraticCurveTo(subData, false, firstPoint, lastPoint, lastControlPoint, localLastQuadraticControlPoint, result);
+        }
+        else if (subData[0] === "t") {
+            // _handleShorthandQuadraticCurveTo(subData, true, firstPoint, lastPoint, lastControlPoint, lastQuadraticControlPoint, result);
+            _handleShorthandQuadraticCurveTo(subData, true, firstPoint, lastPoint, lastControlPoint, localLastQuadraticControlPoint, result);
+        }
+    }
+};
+// This is a helper function and works only in combination with Quadratic Bézier Curves
+// T|t (x y)+
+var _handleShorthandQuadraticCurveTo = function (data, isRelative, firstPoint, lastPoint, lastControlPoint, lastQuadraticControlPoint, result) {
+    if (data.length < 3) {
+        throw "Unsufficient params for SHORTHANDQUADRATICCURVETO";
+    }
+    var i = 1;
+    while (i + 1 < data.length) {
+        // Respect multiple 'T|t' commands here
+        if (data[i] === "T" || data[i] === "t") {
+            i++;
+            continue;
+        }
+        var curve = new CubicBezierCurve_1.CubicBezierCurve(new Vertex_1.Vertex(lastPoint), new Vertex_1.Vertex(lastPoint), new Vertex_1.Vertex(lastPoint), new Vertex_1.Vertex(lastPoint));
+        if (isRelative) {
+            curve.endPoint.x += Number(data[i]);
+            curve.endPoint.y += Number(data[i + 1]);
+            curve.startControlPoint.x += curve.startPoint.x - (lastQuadraticControlPoint.x - lastPoint.x);
+            curve.startControlPoint.y += curve.startPoint.y - (lastQuadraticControlPoint.y - lastPoint.y);
+        }
+        else {
+            curve.endPoint.x = Number(data[i]);
+            curve.endPoint.y = Number(data[i + 1]);
+            curve.startControlPoint.x = curve.startPoint.x - (lastQuadraticControlPoint.x - lastPoint.x);
+            curve.startControlPoint.y = curve.startPoint.y - (lastQuadraticControlPoint.y - lastPoint.y);
+        }
+        // First handle as symmetrical cubic curve
+        curve.endControlPoint.x = curve.startControlPoint.x;
+        curve.endControlPoint.y = curve.startControlPoint.y;
+        lastQuadraticControlPoint.y = curve.endControlPoint.y;
+        lastQuadraticControlPoint.x = curve.endControlPoint.x;
+        // Convert quadratic curve to cubic curve
+        var scaleFactor = 0.666; // i === 1 ? 0.666 : 1.0;
+        curve.startControlPoint.x = curve.startPoint.x + (curve.startControlPoint.x - curve.startPoint.x) * scaleFactor;
+        curve.startControlPoint.y = curve.startPoint.y + (curve.startControlPoint.y - curve.startPoint.y) * scaleFactor;
+        curve.endControlPoint.x = curve.endPoint.x + (curve.endControlPoint.x - curve.endPoint.x) * scaleFactor;
+        curve.endControlPoint.y = curve.endPoint.y + (curve.endControlPoint.y - curve.endPoint.y) * scaleFactor;
+        //   console.log("ADDING T CURVE", curve);
+        result.push(curve);
+        lastPoint.x = curve.endPoint.x;
+        lastPoint.y = curve.endPoint.y;
+        lastControlPoint.x = curve.endControlPoint.x;
+        lastControlPoint.y = curve.endControlPoint.y;
+        if (isNaN(firstPoint.x)) {
+            firstPoint.x = curve.startPoint.x;
+            firstPoint.y = curve.startPoint.y;
+        }
+        i += 2;
+    }
+};
+// The S|s x2 y2 x y
+var _handleShorthandCubicCurveTo = function (data, isRelative, firstPoint, lastPoint, lastControlPoint, result) {
+    //   console.log("Handle SHORTHANDCUBICBEZIERTO", data);
+    if (data.length < 5) {
+        throw "Unsufficient params for SHORTHANDCUBICBEZIERTO";
+    }
+    var curve = new CubicBezierCurve_1.CubicBezierCurve(new Vertex_1.Vertex(lastPoint), new Vertex_1.Vertex(lastPoint), new Vertex_1.Vertex(lastPoint), new Vertex_1.Vertex(lastPoint));
+    if (isRelative) {
+        curve.startControlPoint.x = lastPoint.x - (lastControlPoint.x - lastPoint.x);
+        curve.startControlPoint.y = lastPoint.y - (lastControlPoint.y - lastPoint.y);
+        curve.endControlPoint.x += Number(data[1]);
+        curve.endControlPoint.y += Number(data[2]);
+        curve.endPoint.x += Number(data[3]);
+        curve.endPoint.y += Number(data[4]);
+    }
+    else {
+        curve.startControlPoint.x = lastPoint.x - (lastControlPoint.x - lastPoint.x);
+        curve.startControlPoint.y = lastPoint.y - (lastControlPoint.y - lastPoint.y);
+        curve.endControlPoint.x = Number(data[1]);
+        curve.endControlPoint.y = Number(data[2]);
+        curve.endPoint.x = Number(data[3]);
+        curve.endPoint.y = Number(data[4]);
+    }
+    result.push(curve);
+    lastPoint.x = curve.endPoint.x;
+    lastPoint.y = curve.endPoint.y;
+    lastControlPoint.x = curve.endControlPoint.x;
+    lastControlPoint.y = curve.endControlPoint.y;
+    if (isNaN(firstPoint.x)) {
+        firstPoint.x = curve.startPoint.x;
+        firstPoint.y = curve.startPoint.y;
+    }
+};
+// EllipticalArcTo: A|a rx ry x-axis-rotation large-arc-flag sweep-flag x y
+var _handleArcTo = function (data, isRelative, firstPoint, lastPoint, lastControlPoint, result) {
+    if (data.length < 8) {
+        throw "Unsufficient params for ARCTO";
+    }
+    for (var i = 1; i + 6 < data.length; i += 7) {
+        var arcEndPoint = { x: Number(data[i + 5]), y: Number(data[i + 6]) };
+        if (isRelative) {
+            arcEndPoint.x += lastPoint.x;
+            arcEndPoint.y += lastPoint.y;
+        }
+        // console.log(
+        //   "ARC",
+        //   "data.length",
+        //   data.length,
+        //   "i",
+        //   i,
+        //   "lastPoint.x",
+        //   lastPoint.x, // x1
+        //   "lastPoint.y",
+        //   lastPoint.y, // y1
+        //   "data[i]",
+        //   Number(data[i]), // rx
+        //   "data[i+1]",
+        //   Number(data[i + 1]), // ry
+        //   "data[i+2]",
+        //   Number(data[i + 2]), // phi: number,
+        //   "data[i+3]",
+        //   Boolean(data[i + 3]), // fa: boolean,
+        //   "data[i+4]",
+        //   Boolean(data[i + 4]), // fs: boolean,
+        //   "data[i+5]",
+        //   arcEndPoint.x, // Number(data[6]), // x2: number,
+        //   "data[i+6]",
+        //   arcEndPoint.y // Number(data[7]) // y2: number
+        // );
+        // A 5 4 0 1 1 -10 -5
+        // TODO: respect relative/absolute here
+        var ellipseSector = VEllipseSector_1.VEllipseSector.ellipseSectorUtils.endpointToCenterParameters(lastPoint.x, lastPoint.y, Number(data[i]), Number(data[i + 1]), Number(data[i + 2]) * DEG_TO_RAD, Boolean(data[i + 3]), Boolean(data[i + 4]), arcEndPoint.x, arcEndPoint.y // Number(data[7]) // y2: number
+        );
+        //   console.log("ellipseSector", ellipseSector);
+        var curves = ellipseSector.toCubicBezier(4); // 4 segments already seems to be a good approximation
+        for (var j = 0; j < curves.length; j++) {
+            result.push(curves[j]); // Destruct!
+        }
+        // result.push(ellipseSector.ellipse);
+        if (curves.length > 0) {
+            // console.log("curves", curves);
+            var lastCurve = curves[curves.length - 1];
+            // lastPoint.x = lastCurve.endPoint.x;
+            // lastPoint.y = lastCurve.endPoint.y;
+            lastControlPoint.x = lastCurve.endControlPoint.x;
+            lastControlPoint.y = lastCurve.endControlPoint.y;
+            if (isNaN(firstPoint.x)) {
+                firstPoint.x = curves[0].startPoint.x;
+                firstPoint.y = curves[0].startPoint.y;
+            }
+        }
+        lastPoint.x = arcEndPoint.x;
+        lastPoint.y = arcEndPoint.y;
+    } // END for
+    // TODO: track first/last/control point
+};
+var _handleClosePath = function (_data, _isRelative, firstPoint, lastPoint, lastControlPoint, result) {
+    //   console.log("Handle CLOSEPATH", "lastPoint", lastPoint, "firstPoint", firstPoint);
+    var line = new Line_1.Line(new Vertex_1.Vertex(lastPoint), new Vertex_1.Vertex(firstPoint));
+    result.push(line);
+    lastPoint.x = line.b.x;
+    lastPoint.y = line.b.y;
+    lastControlPoint.x = line.b.x;
+    lastControlPoint.y = line.b.y;
+};
+//# sourceMappingURL=parseSVGPathData.js.map