@axdspub/axiom-charts 0.0.14 → 0.0.16

package/library/Libraries/axiom/index.js

@@ -268,6 +268,7 @@ var ChartRoot = /** @class */ (function () {
         this.settings = props.settings;
         this.element = props.element;
         this.onScrub = props.onScrub;
+        this.onScrubEnd = props.onScrubEnd;
         this.runtime = {
             prevWidth: 0,
             prevHeight: 0
@@ -629,6 +630,7 @@ var AxiomLine = /** @class */ (function (_super) {
                         ctx.strokeStyle = this.getStrokeStyle();
                         ctx.lineWidth = this.getLineWidth();
                         ctx.setLineDash([]);
+                        ctx.lineCap = 'square';
                         line$1 = line()
                             .x(xPosition)
                             .y(yPosition)
@@ -1235,7 +1237,9 @@ var AxiomChart = /** @class */ (function (_super) {
             var touchOffset = 20; // TODO: figure out why touch.clientX is always off to the right
             _this.onScrubTriggered(touch.clientX - touchOffset);
         });
+        ctx.canvas.addEventListener('touchend', function (event) { _this.onScrubEndTriggered(); });
         ctx.canvas.addEventListener('mousemove', function (event) { _this.onScrubTriggered(event.offsetX); });
+        ctx.canvas.addEventListener('mouseleave', function (event) { _this.onScrubEndTriggered(); });
     };
     AxiomChart.prototype.onScrubTriggered = function (cursorX) {
         var _this = this;
@@ -1245,7 +1249,6 @@ var AxiomChart = /** @class */ (function (_super) {
             return plot.scrubbing !== undefined && plot.scrubbing && plot.type === EPlotTypes.line;
         });
         var plotScrubPositions = this.getScrubPositions(cursorX, plotsWithScrubbingEnabled);
-        // console.log(plotScrubPositions)
         if (this.onScrub !== undefined) {
             this.onScrub(plotScrubPositions);
         }
@@ -1269,6 +1272,28 @@ var AxiomChart = /** @class */ (function (_super) {
             console.error(error);
         });
     };
+    AxiomChart.prototype.onScrubEndTriggered = function () {
+        this.removeScrubbers();
+        if (this.onScrubEnd !== undefined) {
+            this.onScrubEnd();
+        }
+    };
+    AxiomChart.prototype.removeScrubbers = function () {
+        var _this = this;
+        if (this.plotImplementations === undefined)
+            return;
+        this.runtime.busy = true;
+        this.clearCanvas();
+        var drawPromises = this.plotImplementations.map(function (plot) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, plot.draw()];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        }); }); });
+        void Promise.all(drawPromises);
+    };
     AxiomChart.prototype.getScrubPositions = function (mouseX, plots) {
         var plotScrubPositions = {};
         plots.forEach(function (plot) {