Changeset 0c6b92a for imaps-frontend/node_modules/konva/lib/shapes

Timestamp:

12/12/24 17:06:06 (5 weeks ago)

Author:

stefan toskovski <stefantoska84@…>

Branches:

main

Parents:

d565449

Message:

Pred finalna verzija

Location:

imaps-frontend/node_modules/konva/lib/shapes

Files:

• Arc.js (modified) (1 diff)
• Arrow.js (modified) (3 diffs)
• Ellipse.js (modified) (1 diff)
• Image.js (modified) (2 diffs)
• Label.d.ts (modified) (1 diff)
• Label.js (modified) (5 diffs)
• Line.d.ts (modified) (1 diff)
• Line.js (modified) (5 diffs)
• Path.d.ts (modified) (1 diff)
• Path.js (modified) (17 diffs)
• Rect.js (modified) (1 diff)
• RegularPolygon.js (modified) (3 diffs)
• Ring.js (modified) (1 diff)
• Sprite.js (modified) (7 diffs)
• Star.js (modified) (1 diff)
• Text.d.ts (modified) (1 diff)
• Text.js (modified) (17 diffs)
• TextPath.d.ts (modified) (1 diff)
• TextPath.js (modified) (8 diffs)
• Transformer.d.ts (modified) (1 diff)
• Transformer.js (modified) (32 diffs)

imaps-frontend/node_modules/konva/lib/shapes/Arc.js

@@ -9 +9 @@
 class Arc extends Shape_1.Shape {
     _sceneFunc(context) {
-        var angle = Global_1.Konva.getAngle(this.angle()), clockwise = this.clockwise();
+        const angle = Global_1.Konva.getAngle(this.angle()), clockwise = this.clockwise();
         context.beginPath();
         context.arc(0, 0, this.outerRadius(), 0, angle, clockwise);

imaps-frontend/node_modules/konva/lib/shapes/Arrow.js

@@ -10 +10 @@
     _sceneFunc(ctx) {
         super._sceneFunc(ctx);
-        var PI2 = Math.PI * 2;
-        var points = this.points();
-        var tp = points;
-        var fromTension = this.tension() !== 0 && points.length > 4;
+        const PI2 = Math.PI * 2;
+        const points = this.points();
+        let tp = points;
+        const fromTension = this.tension() !== 0 && points.length > 4;
         if (fromTension) {
             tp = this.getTensionPoints();
         }
-        var length = this.pointerLength();
-        var n = points.length;
-        var dx, dy;
+        const length = this.pointerLength();
+        const n = points.length;
+        let dx, dy;
         if (fromTension) {
             const lp = [
@@ -38 +38 @@
             dy = points[n - 1] - points[n - 3];
         }
-        var radians = (Math.atan2(dy, dx) + PI2) % PI2;
-        var width = this.pointerWidth();
+        const radians = (Math.atan2(dy, dx) + PI2) % PI2;
+        const width = this.pointerWidth();
         if (this.pointerAtEnding()) {
             ctx.save();
@@ -74 +74 @@
     }
     __fillStroke(ctx) {
-        var isDashEnabled = this.dashEnabled();
+        const isDashEnabled = this.dashEnabled();
         if (isDashEnabled) {
             this.attrs.dashEnabled = false;

imaps-frontend/node_modules/konva/lib/shapes/Ellipse.js

@@ -8 +8 @@
 class Ellipse extends Shape_1.Shape {
     _sceneFunc(context) {
-        var rx = this.radiusX(), ry = this.radiusY();
+        const rx = this.radiusX(), ry = this.radiusY();
         context.beginPath();
         context.save();

imaps-frontend/node_modules/konva/lib/shapes/Image.js

@@ -79 +79 @@
     }
     _hitFunc(context) {
-        var width = this.width(), height = this.height(), cornerRadius = this.cornerRadius();
+        const width = this.width(), height = this.height(), cornerRadius = this.cornerRadius();
         context.beginPath();
         if (!cornerRadius) {
@@ -99 +99 @@
     }
     static fromURL(url, callback, onError = null) {
-        var img = Util_1.Util.createImageElement();
+        const img = Util_1.Util.createImageElement();
         img.onload = function () {
-            var image = new Image({
+            const image = new Image({
                 image: img,
             });

imaps-frontend/node_modules/konva/lib/shapes/Label.d.ts

@@ -30 +30 @@
         height: number;
     };
-    pointerDirection: GetSet<'left' | 'top' | 'right' | 'bottom', this>;
+    pointerDirection: GetSet<'left' | 'top' | 'right' | 'bottom' | 'up' | 'down', this>;
     pointerWidth: GetSet<number, this>;
     pointerHeight: GetSet<number, this>;

imaps-frontend/node_modules/konva/lib/shapes/Label.js

@@ -7 +7 @@
 const Validators_1 = require("../Validators");
 const Global_1 = require("../Global");
-var ATTR_CHANGE_LIST = [
+const ATTR_CHANGE_LIST = [
     'fontFamily',
     'fontSize',
@@ -35 +35 @@
     }
     _addListeners(text) {
-        var that = this, n;
-        var func = function () {
+        let that = this, n;
+        const func = function () {
             that._sync();
         };
@@ -50 +50 @@
     }
     _sync() {
-        var text = this.getText(), tag = this.getTag(), width, height, pointerDirection, pointerWidth, x, y, pointerHeight;
+        let text = this.getText(), tag = this.getTag(), width, height, pointerDirection, pointerWidth, x, y, pointerHeight;
         if (text && tag) {
             width = text.width();
@@ -95 +95 @@
 class Tag extends Shape_1.Shape {
     _sceneFunc(context) {
-        var width = this.width(), height = this.height(), pointerDirection = this.pointerDirection(), pointerWidth = this.pointerWidth(), pointerHeight = this.pointerHeight(), cornerRadius = this.cornerRadius();
+        const width = this.width(), height = this.height(), pointerDirection = this.pointerDirection(), pointerWidth = this.pointerWidth(), pointerHeight = this.pointerHeight(), cornerRadius = this.cornerRadius();
         let topLeft = 0;
         let topRight = 0;
@@ -147 +147 @@
     }
     getSelfRect() {
-        var x = 0, y = 0, pointerWidth = this.pointerWidth(), pointerHeight = this.pointerHeight(), direction = this.pointerDirection(), width = this.width(), height = this.height();
+        let x = 0, y = 0, pointerWidth = this.pointerWidth(), pointerHeight = this.pointerHeight(), direction = this.pointerDirection(), width = this.width(), height = this.height();
         if (direction === UP) {
             y -= pointerHeight;

imaps-frontend/node_modules/konva/lib/shapes/Line.d.ts

@@ -1 +1 @@
 import { Shape, ShapeConfig } from '../Shape.js';
+import { Context } from '../Context.js';
 import { GetSet } from '../types.js';
-import { Context } from '../Context.js';
 export interface LineConfig extends ShapeConfig {
     points?: number[] | Int8Array | Uint8Array | Uint8ClampedArray | Int16Array | Uint16Array | Int32Array | Uint32Array | Float32Array | Float64Array;

imaps-frontend/node_modules/konva/lib/shapes/Line.js

@@ -3 +3 @@
 exports.Line = void 0;
 const Factory_1 = require("../Factory");
+const Global_1 = require("../Global");
 const Shape_1 = require("../Shape");
 const Validators_1 = require("../Validators");
-const Global_1 = require("../Global");
 function getControlPoints(x0, y0, x1, y1, x2, y2, t) {
-    var d01 = Math.sqrt(Math.pow(x1 - x0, 2) + Math.pow(y1 - y0, 2)), d12 = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2)), fa = (t * d01) / (d01 + d12), fb = (t * d12) / (d01 + d12), p1x = x1 - fa * (x2 - x0), p1y = y1 - fa * (y2 - y0), p2x = x1 + fb * (x2 - x0), p2y = y1 + fb * (y2 - y0);
+    const d01 = Math.sqrt(Math.pow(x1 - x0, 2) + Math.pow(y1 - y0, 2)), d12 = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2)), fa = (t * d01) / (d01 + d12), fb = (t * d12) / (d01 + d12), p1x = x1 - fa * (x2 - x0), p1y = y1 - fa * (y2 - y0), p2x = x1 + fb * (x2 - x0), p2y = y1 + fb * (y2 - y0);
     return [p1x, p1y, p2x, p2y];
 }
 function expandPoints(p, tension) {
-    var len = p.length, allPoints = [], n, cp;
-    for (n = 2; n < len - 2; n += 2) {
-        cp = getControlPoints(p[n - 2], p[n - 1], p[n], p[n + 1], p[n + 2], p[n + 3], tension);
+    const len = p.length, allPoints = [];
+    for (let n = 2; n < len - 2; n += 2) {
+        const cp = getControlPoints(p[n - 2], p[n - 1], p[n], p[n + 1], p[n + 2], p[n + 3], tension);
         if (isNaN(cp[0])) {
             continue;
@@ -34 +34 @@
     }
     _sceneFunc(context) {
-        var points = this.points(), length = points.length, tension = this.tension(), closed = this.closed(), bezier = this.bezier(), tp, len, n;
+        let points = this.points(), length = points.length, tension = this.tension(), closed = this.closed(), bezier = this.bezier(), tp, len, n;
         if (!length) {
             return;
@@ -85 +85 @@
     }
     _getTensionPointsClosed() {
-        var p = this.points(), len = p.length, tension = this.tension(), firstControlPoints = getControlPoints(p[len - 2], p[len - 1], p[0], p[1], p[2], p[3], tension), lastControlPoints = getControlPoints(p[len - 4], p[len - 3], p[len - 2], p[len - 1], p[0], p[1], tension), middle = expandPoints(p, tension), tp = [firstControlPoints[2], firstControlPoints[3]]
+        const p = this.points(), len = p.length, tension = this.tension(), firstControlPoints = getControlPoints(p[len - 2], p[len - 1], p[0], p[1], p[2], p[3], tension), lastControlPoints = getControlPoints(p[len - 4], p[len - 3], p[len - 2], p[len - 1], p[0], p[1], tension), middle = expandPoints(p, tension), tp = [firstControlPoints[2], firstControlPoints[3]]
             .concat(middle)
             .concat([
@@ -108 +108 @@
     }
     getSelfRect() {
-        var points = this.points();
+        let points = this.points();
         if (points.length < 4) {
             return {
@@ -129 +129 @@
             points = this.points();
         }
-        var minX = points[0];
-        var maxX = points[0];
-        var minY = points[1];
-        var maxY = points[1];
-        var x, y;
-        for (var i = 0; i < points.length / 2; i++) {
+        let minX = points[0];
+        let maxX = points[0];
+        let minY = points[1];
+        let maxY = points[1];
+        let x, y;
+        for (let i = 0; i < points.length / 2; i++) {
             x = points[i * 2];
             y = points[i * 2 + 1];

imaps-frontend/node_modules/konva/lib/shapes/Path.d.ts

@@ -18 +18 @@
     getLength(): number;
     getPointAtLength(length: any): {
-        x: any;
-        y: any;
+        x: number;
+        y: number;
     } | null;
     data: GetSet<string, this>;
     static getLineLength(x1: any, y1: any, x2: any, y2: any): number;
     static getPathLength(dataArray: PathSegment[]): number;
-    static getPointAtLengthOfDataArray(length: number, dataArray: any): {
-        x: any;
-        y: any;
+    static getPointAtLengthOfDataArray(length: number, dataArray: PathSegment[]): {
+        x: number;
+        y: number;
     } | null;
-    static getPointOnLine(dist: any, P1x: any, P1y: any, P2x: any, P2y: any, fromX?: any, fromY?: any): {
-        x: any;
-        y: any;
+    static getPointOnLine(dist: number, P1x: number, P1y: number, P2x: number, P2y: number, fromX?: number, fromY?: number): {
+        x: number;
+        y: number;
     };
     static getPointOnCubicBezier(pct: any, P1x: any, P1y: any, P2x: any, P2y: any, P3x: any, P3y: any, P4x: any, P4y: any): {

imaps-frontend/node_modules/konva/lib/shapes/Path.js

@@ -21 +21 @@
     }
     _sceneFunc(context) {
-        var ca = this.dataArray;
+        const ca = this.dataArray;
         context.beginPath();
-        var isClosed = false;
-        for (var n = 0; n < ca.length; n++) {
-            var c = ca[n].command;
-            var p = ca[n].points;
+        let isClosed = false;
+        for (let n = 0; n < ca.length; n++) {
+            const c = ca[n].command;
+            const p = ca[n].points;
             switch (c) {
                 case 'L':
@@ -67 +67 @@
     }
     getSelfRect() {
-        var points = [];
+        let points = [];
         this.dataArray.forEach(function (data) {
             if (data.command === 'A') {
-                var start = data.points[4];
-                var dTheta = data.points[5];
-                var end = data.points[4] + dTheta;
-                var inc = Math.PI / 180.0;
+                const start = data.points[4];
+                const dTheta = data.points[5];
+                const end = data.points[4] + dTheta;
+                let inc = Math.PI / 180.0;
                 if (Math.abs(start - end) < inc) {
                     inc = Math.abs(start - end);
@@ -100 +100 @@
             }
         });
-        var minX = points[0];
-        var maxX = points[0];
-        var minY = points[1];
-        var maxY = points[1];
-        var x, y;
-        for (var i = 0; i < points.length / 2; i++) {
+        let minX = points[0];
+        let maxX = points[0];
+        let minY = points[1];
+        let maxY = points[1];
+        let x, y;
+        for (let i = 0; i < points.length / 2; i++) {
             x = points[i * 2];
             y = points[i * 2 + 1];
@@ -135 +135 @@
     static getPathLength(dataArray) {
         let pathLength = 0;
-        for (var i = 0; i < dataArray.length; ++i) {
+        for (let i = 0; i < dataArray.length; ++i) {
             pathLength += dataArray[i].pathLength;
         }
@@ -141 +141 @@
     }
     static getPointAtLengthOfDataArray(length, dataArray) {
-        var point, i = 0, ii = dataArray.length;
+        let points, i = 0, ii = dataArray.length;
         if (!ii) {
             return null;
@@ -150 +150 @@
         }
         if (i === ii) {
-            point = dataArray[i - 1].points.slice(-2);
+            points = dataArray[i - 1].points.slice(-2);
             return {
-                x: point[0],
-                y: point[1],
+                x: points[0],
+                y: points[1],
             };
         }
         if (length < 0.01) {
-            point = dataArray[i].points.slice(0, 2);
+            points = dataArray[i].points.slice(0, 2);
             return {
-                x: point[0],
-                y: point[1],
+                x: points[0],
+                y: points[1],
             };
         }
-        var cp = dataArray[i];
-        var p = cp.points;
+        const cp = dataArray[i];
+        const p = cp.points;
         switch (cp.command) {
             case 'L':
@@ -221 +221 @@
             return (1 - t) * (1 - t) * (1 - t);
         }
-        var x = P4x * CB1(pct) + P3x * CB2(pct) + P2x * CB3(pct) + P1x * CB4(pct);
-        var y = P4y * CB1(pct) + P3y * CB2(pct) + P2y * CB3(pct) + P1y * CB4(pct);
+        const x = P4x * CB1(pct) + P3x * CB2(pct) + P2x * CB3(pct) + P1x * CB4(pct);
+        const y = P4y * CB1(pct) + P3y * CB2(pct) + P2y * CB3(pct) + P1y * CB4(pct);
         return {
             x: x,
@@ -238 +238 @@
             return (1 - t) * (1 - t);
         }
-        var x = P3x * QB1(pct) + P2x * QB2(pct) + P1x * QB3(pct);
-        var y = P3y * QB1(pct) + P2y * QB2(pct) + P1y * QB3(pct);
+        const x = P3x * QB1(pct) + P2x * QB2(pct) + P1x * QB3(pct);
+        const y = P3y * QB1(pct) + P2y * QB2(pct) + P1y * QB3(pct);
         return {
             x: x,
@@ -246 +246 @@
     }
     static getPointOnEllipticalArc(cx, cy, rx, ry, theta, psi) {
-        var cosPsi = Math.cos(psi), sinPsi = Math.sin(psi);
-        var pt = {
+        const cosPsi = Math.cos(psi), sinPsi = Math.sin(psi);
+        const pt = {
             x: rx * Math.cos(theta),
             y: ry * Math.sin(theta),
@@ -260 +260 @@
             return [];
         }
-        var cs = data;
-        var cc = [
+        let cs = data;
+        const cc = [
             'm',
             'M',
@@ -287 +287 @@
             cs = cs.replace(new RegExp(cc[n], 'g'), '|' + cc[n]);
         }
-        var arr = cs.split('|');
-        var ca = [];
-        var coords = [];
-        var cpx = 0;
-        var cpy = 0;
-        var re = /([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:e[-+]?\d+)?)/gi;
-        var match;
+        const arr = cs.split('|');
+        const ca = [];
+        const coords = [];
+        let cpx = 0;
+        let cpy = 0;
+        const re = /([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:e[-+]?\d+)?)/gi;
+        let match;
         for (n = 1; n < arr.length; n++) {
-            var str = arr[n];
-            var c = str.charAt(0);
+            let str = arr[n];
+            let c = str.charAt(0);
             str = str.slice(1);
             coords.length = 0;
@@ -302 +302 @@
                 coords.push(match[0]);
             }
-            var p = [];
-            for (var j = 0, jlen = coords.length; j < jlen; j++) {
+            const p = [];
+            for (let j = 0, jlen = coords.length; j < jlen; j++) {
                 if (coords[j] === '00') {
                     p.push(0, 0);
                     continue;
                 }
-                var parsed = parseFloat(coords[j]);
+                const parsed = parseFloat(coords[j]);
                 if (!isNaN(parsed)) {
                     p.push(parsed);
@@ -320 +320 @@
                     break;
                 }
-                var cmd = '';
-                var points = [];
-                var startX = cpx, startY = cpy;
+                let cmd = '';
+                let points = [];
+                const startX = cpx, startY = cpy;
                 var prevCmd, ctlPtx, ctlPty;
                 var rx, ry, psi, fa, fs, x1, y1;
@@ -344 +344 @@
                         cmd = 'M';
                         if (ca.length > 2 && ca[ca.length - 1].command === 'z') {
-                            for (var idx = ca.length - 2; idx >= 0; idx--) {
+                            for (let idx = ca.length - 2; idx >= 0; idx--) {
                                 if (ca[idx].command === 'M') {
                                     cpx = ca[idx].points[0] + dx;
@@ -511 +511 @@
     }
     static calcLength(x, y, cmd, points) {
-        var len, p1, p2, t;
-        var path = Path;
+        let len, p1, p2, t;
+        const path = Path;
         switch (cmd) {
             case 'L':
@@ -551 +551 @@
     }
     static convertEndpointToCenterParameterization(x1, y1, x2, y2, fa, fs, rx, ry, psiDeg) {
-        var psi = psiDeg * (Math.PI / 180.0);
-        var xp = (Math.cos(psi) * (x1 - x2)) / 2.0 + (Math.sin(psi) * (y1 - y2)) / 2.0;
-        var yp = (-1 * Math.sin(psi) * (x1 - x2)) / 2.0 +
+        const psi = psiDeg * (Math.PI / 180.0);
+        const xp = (Math.cos(psi) * (x1 - x2)) / 2.0 + (Math.sin(psi) * (y1 - y2)) / 2.0;
+        const yp = (-1 * Math.sin(psi) * (x1 - x2)) / 2.0 +
             (Math.cos(psi) * (y1 - y2)) / 2.0;
-        var lambda = (xp * xp) / (rx * rx) + (yp * yp) / (ry * ry);
+        const lambda = (xp * xp) / (rx * rx) + (yp * yp) / (ry * ry);
         if (lambda > 1) {
             rx *= Math.sqrt(lambda);
             ry *= Math.sqrt(lambda);
         }
-        var f = Math.sqrt((rx * rx * (ry * ry) - rx * rx * (yp * yp) - ry * ry * (xp * xp)) /
+        let f = Math.sqrt((rx * rx * (ry * ry) - rx * rx * (yp * yp) - ry * ry * (xp * xp)) /
             (rx * rx * (yp * yp) + ry * ry * (xp * xp)));
         if (fa === fs) {
@@ -568 +568 @@
             f = 0;
         }
-        var cxp = (f * rx * yp) / ry;
-        var cyp = (f * -ry * xp) / rx;
-        var cx = (x1 + x2) / 2.0 + Math.cos(psi) * cxp - Math.sin(psi) * cyp;
-        var cy = (y1 + y2) / 2.0 + Math.sin(psi) * cxp + Math.cos(psi) * cyp;
-        var vMag = function (v) {
+        const cxp = (f * rx * yp) / ry;
+        const cyp = (f * -ry * xp) / rx;
+        const cx = (x1 + x2) / 2.0 + Math.cos(psi) * cxp - Math.sin(psi) * cyp;
+        const cy = (y1 + y2) / 2.0 + Math.sin(psi) * cxp + Math.cos(psi) * cyp;
+        const vMag = function (v) {
             return Math.sqrt(v[0] * v[0] + v[1] * v[1]);
         };
-        var vRatio = function (u, v) {
+        const vRatio = function (u, v) {
             return (u[0] * v[0] + u[1] * v[1]) / (vMag(u) * vMag(v));
         };
-        var vAngle = function (u, v) {
+        const vAngle = function (u, v) {
             return (u[0] * v[1] < u[1] * v[0] ? -1 : 1) * Math.acos(vRatio(u, v));
         };
-        var theta = vAngle([1, 0], [(xp - cxp) / rx, (yp - cyp) / ry]);
-        var u = [(xp - cxp) / rx, (yp - cyp) / ry];
-        var v = [(-1 * xp - cxp) / rx, (-1 * yp - cyp) / ry];
-        var dTheta = vAngle(u, v);
+        const theta = vAngle([1, 0], [(xp - cxp) / rx, (yp - cyp) / ry]);
+        const u = [(xp - cxp) / rx, (yp - cyp) / ry];
+        const v = [(-1 * xp - cxp) / rx, (-1 * yp - cyp) / ry];
+        let dTheta = vAngle(u, v);
         if (vRatio(u, v) <= -1) {
             dTheta = Math.PI;

imaps-frontend/node_modules/konva/lib/shapes/Rect.js

@@ -9 +9 @@
 class Rect extends Shape_1.Shape {
     _sceneFunc(context) {
-        var cornerRadius = this.cornerRadius(), width = this.width(), height = this.height();
+        const cornerRadius = this.cornerRadius(), width = this.width(), height = this.height();
         context.beginPath();
         if (!cornerRadius) {

imaps-frontend/node_modules/konva/lib/shapes/RegularPolygon.js

@@ -11 +11 @@
         context.beginPath();
         context.moveTo(points[0].x, points[0].y);
-        for (var n = 1; n < points.length; n++) {
+        for (let n = 1; n < points.length; n++) {
             context.lineTo(points[n].x, points[n].y);
         }
@@ -21 +21 @@
         const radius = this.attrs.radius || 0;
         const points = [];
-        for (var n = 0; n < sides; n++) {
+        for (let n = 0; n < sides; n++) {
             points.push({
                 x: radius * Math.sin((n * 2 * Math.PI) / sides),
@@ -31 +31 @@
     getSelfRect() {
         const points = this._getPoints();
-        var minX = points[0].x;
-        var maxX = points[0].y;
-        var minY = points[0].x;
-        var maxY = points[0].y;
+        let minX = points[0].x;
+        let maxX = points[0].y;
+        let minY = points[0].x;
+        let maxY = points[0].y;
         points.forEach((point) => {
             minX = Math.min(minX, point.x);

imaps-frontend/node_modules/konva/lib/shapes/Ring.js

@@ -6 +6 @@
 const Validators_1 = require("../Validators");
 const Global_1 = require("../Global");
-var PIx2 = Math.PI * 2;
+const PIx2 = Math.PI * 2;
 class Ring extends Shape_1.Shape {
     _sceneFunc(context) {

imaps-frontend/node_modules/konva/lib/shapes/Sprite.js

@@ -12 +12 @@
         this._updated = true;
         this.anim = new Animation_1.Animation(() => {
-            var updated = this._updated;
+            const updated = this._updated;
             this._updated = false;
             return updated;
@@ -31 +31 @@
     }
     _sceneFunc(context) {
-        var anim = this.animation(), index = this.frameIndex(), ix4 = index * 4, set = this.animations()[anim], offsets = this.frameOffsets(), x = set[ix4 + 0], y = set[ix4 + 1], width = set[ix4 + 2], height = set[ix4 + 3], image = this.image();
+        const anim = this.animation(), index = this.frameIndex(), ix4 = index * 4, set = this.animations()[anim], offsets = this.frameOffsets(), x = set[ix4 + 0], y = set[ix4 + 1], width = set[ix4 + 2], height = set[ix4 + 3], image = this.image();
         if (this.hasFill() || this.hasStroke()) {
             context.beginPath();
@@ -40 +40 @@
         if (image) {
             if (offsets) {
-                var offset = offsets[anim], ix2 = index * 2;
+                const offset = offsets[anim], ix2 = index * 2;
                 context.drawImage(image, x, y, width, height, offset[ix2 + 0], offset[ix2 + 1], width, height);
             }
@@ -49 +49 @@
     }
     _hitFunc(context) {
-        var anim = this.animation(), index = this.frameIndex(), ix4 = index * 4, set = this.animations()[anim], offsets = this.frameOffsets(), width = set[ix4 + 2], height = set[ix4 + 3];
+        const anim = this.animation(), index = this.frameIndex(), ix4 = index * 4, set = this.animations()[anim], offsets = this.frameOffsets(), width = set[ix4 + 2], height = set[ix4 + 3];
         context.beginPath();
         if (offsets) {
-            var offset = offsets[anim];
-            var ix2 = index * 2;
+            const offset = offsets[anim];
+            const ix2 = index * 2;
             context.rect(offset[ix2 + 0], offset[ix2 + 1], width, height);
         }
@@ -66 +66 @@
     }
     _setInterval() {
-        var that = this;
+        const that = this;
         this.interval = setInterval(function () {
             that._updateIndex();
@@ -75 +75 @@
             return;
         }
-        var layer = this.getLayer();
+        const layer = this.getLayer();
         this.anim.setLayers(layer);
         this._setInterval();
@@ -88 +88 @@
     }
     _updateIndex() {
-        var index = this.frameIndex(), animation = this.animation(), animations = this.animations(), anim = animations[animation], len = anim.length / 4;
+        const index = this.frameIndex(), animation = this.animation(), animations = this.animations(), anim = animations[animation], len = anim.length / 4;
         if (index < len - 1) {
             this.frameIndex(index + 1);

imaps-frontend/node_modules/konva/lib/shapes/Star.js

@@ -8 +8 @@
 class Star extends Shape_1.Shape {
     _sceneFunc(context) {
-        var innerRadius = this.innerRadius(), outerRadius = this.outerRadius(), numPoints = this.numPoints();
+        const innerRadius = this.innerRadius(), outerRadius = this.outerRadius(), numPoints = this.numPoints();
         context.beginPath();
         context.moveTo(0, 0 - outerRadius);
-        for (var n = 1; n < numPoints * 2; n++) {
-            var radius = n % 2 === 0 ? outerRadius : innerRadius;
-            var x = radius * Math.sin((n * Math.PI) / numPoints);
-            var y = -1 * radius * Math.cos((n * Math.PI) / numPoints);
+        for (let n = 1; n < numPoints * 2; n++) {
+            const radius = n % 2 === 0 ? outerRadius : innerRadius;
+            const x = radius * Math.sin((n * Math.PI) / numPoints);
+            const y = -1 * radius * Math.cos((n * Math.PI) / numPoints);
             context.lineTo(x, y);
         }

imaps-frontend/node_modules/konva/lib/shapes/Text.d.ts

@@ -38 +38 @@
     getTextWidth(): number;
     getTextHeight(): number;
-    measureSize(text: any): {
-        actualBoundingBoxAscent: any;
-        actualBoundingBoxDescent: any;
-        actualBoundingBoxLeft: any;
-        actualBoundingBoxRight: any;
-        alphabeticBaseline: any;
-        emHeightAscent: any;
-        emHeightDescent: any;
-        fontBoundingBoxAscent: any;
-        fontBoundingBoxDescent: any;
-        hangingBaseline: any;
-        ideographicBaseline: any;
-        width: any;
+    measureSize(text: string): {
+        actualBoundingBoxAscent: number;
+        actualBoundingBoxDescent: number;
+        actualBoundingBoxLeft: number;
+        actualBoundingBoxRight: number;
+        alphabeticBaseline: number;
+        emHeightAscent: number;
+        emHeightDescent: number;
+        fontBoundingBoxAscent: number;
+        fontBoundingBoxDescent: number;
+        hangingBaseline: number;
+        ideographicBaseline: number;
+        width: number;
         height: number;
     };

imaps-frontend/node_modules/konva/lib/shapes/Text.js

@@ -1 +1 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = exports.stringToArray = void 0;
+exports.Text = void 0;
+exports.stringToArray = stringToArray;
 const Util_1 = require("../Util");
 const Factory_1 = require("../Factory");
@@ -9 +10 @@
 const Global_2 = require("../Global");
 function stringToArray(string) {
-    return Array.from(string);
-}
-exports.stringToArray = stringToArray;
-var AUTO = 'auto', CENTER = 'center', INHERIT = 'inherit', JUSTIFY = 'justify', CHANGE_KONVA = 'Change.konva', CONTEXT_2D = '2d', DASH = '-', LEFT = 'left', LTR = 'ltr', TEXT = 'text', TEXT_UPPER = 'Text', TOP = 'top', BOTTOM = 'bottom', MIDDLE = 'middle', NORMAL = 'normal', PX_SPACE = 'px ', SPACE = ' ', RIGHT = 'right', RTL = 'rtl', WORD = 'word', CHAR = 'char', NONE = 'none', ELLIPSIS = '…', ATTR_CHANGE_LIST = [
+    return [...string].reduce((acc, char, index, array) => {
+        if (/\p{Emoji_Modifier_Base}\p{Emoji_Modifier}?(?:\u200D\p{Emoji_Presentation})+/u.test(char)) {
+            acc.push(char);
+        }
+        else if (/\p{Regional_Indicator}{2}/u.test(char + (array[index + 1] || ''))) {
+            acc.push(char + array[index + 1]);
+        }
+        else if (index > 0 && /\p{Mn}|\p{Me}|\p{Mc}/u.test(char)) {
+            acc[acc.length - 1] += char;
+        }
+        else {
+            acc.push(char);
+        }
+        return acc;
+    }, []);
+}
+const AUTO = 'auto', CENTER = 'center', INHERIT = 'inherit', JUSTIFY = 'justify', CHANGE_KONVA = 'Change.konva', CONTEXT_2D = '2d', DASH = '-', LEFT = 'left', TEXT = 'text', TEXT_UPPER = 'Text', TOP = 'top', BOTTOM = 'bottom', MIDDLE = 'middle', NORMAL = 'normal', PX_SPACE = 'px ', SPACE = ' ', RIGHT = 'right', RTL = 'rtl', WORD = 'word', CHAR = 'char', NONE = 'none', ELLIPSIS = '…', ATTR_CHANGE_LIST = [
     'direction',
     'fontFamily',
@@ -43 +57 @@
         .join(', ');
 }
-var dummyContext;
+let dummyContext;
 function getDummyContext() {
     if (dummyContext) {
@@ -72 +86 @@
         this._partialTextX = 0;
         this._partialTextY = 0;
-        for (var n = 0; n < attrChangeListLen; n++) {
+        for (let n = 0; n < attrChangeListLen; n++) {
             this.on(ATTR_CHANGE_LIST[n] + CHANGE_KONVA, this._setTextData);
         }
@@ -78 +92 @@
     }
     _sceneFunc(context) {
-        var textArr = this.textArr, textArrLen = textArr.length;
+        const textArr = this.textArr, textArrLen = textArr.length;
         if (!this.text()) {
             return;
         }
-        var padding = this.padding(), fontSize = this.fontSize(), lineHeightPx = this.lineHeight() * fontSize, verticalAlign = this.verticalAlign(), direction = this.direction(), alignY = 0, align = this.align(), totalWidth = this.getWidth(), letterSpacing = this.letterSpacing(), fill = this.fill(), textDecoration = this.textDecoration(), shouldUnderline = textDecoration.indexOf('underline') !== -1, shouldLineThrough = textDecoration.indexOf('line-through') !== -1, n;
+        let padding = this.padding(), fontSize = this.fontSize(), lineHeightPx = this.lineHeight() * fontSize, verticalAlign = this.verticalAlign(), direction = this.direction(), alignY = 0, align = this.align(), totalWidth = this.getWidth(), letterSpacing = this.letterSpacing(), fill = this.fill(), textDecoration = this.textDecoration(), shouldUnderline = textDecoration.indexOf('underline') !== -1, shouldLineThrough = textDecoration.indexOf('line-through') !== -1, n;
         direction = direction === INHERIT ? context.direction : direction;
-        var translateY = lineHeightPx / 2;
-        var baseline = MIDDLE;
+        let translateY = lineHeightPx / 2;
+        let baseline = MIDDLE;
         if (Global_1.Konva._fixTextRendering) {
-            var metrics = this.measureSize('M');
+            const metrics = this.measureSize('M');
             baseline = 'alphabetic';
             translateY =
@@ -122 +136 @@
                 context.save();
                 context.beginPath();
-                let yOffset = Global_1.Konva._fixTextRendering
+                const yOffset = Global_1.Konva._fixTextRendering
                     ? Math.round(fontSize / 4)
                     : Math.round(fontSize / 2);
@@ -142 +156 @@
                 context.save();
                 context.beginPath();
-                let yOffset = Global_1.Konva._fixTextRendering ? -Math.round(fontSize / 4) : 0;
+                const yOffset = Global_1.Konva._fixTextRendering ? -Math.round(fontSize / 4) : 0;
                 context.moveTo(lineTranslateX, translateY + lineTranslateY + yOffset);
                 spacesNumber = text.split(' ').length - 1;
@@ -159 +173 @@
             if (direction !== RTL && (letterSpacing !== 0 || align === JUSTIFY)) {
                 spacesNumber = text.split(' ').length - 1;
-                var array = stringToArray(text);
-                for (var li = 0; li < array.length; li++) {
-                    var letter = array[li];
+                const array = stringToArray(text);
+                for (let li = 0; li < array.length; li++) {
+                    const letter = array[li];
                     if (letter === ' ' && !lastLine && align === JUSTIFY) {
                         lineTranslateX += (totalWidth - padding * 2 - width) / spacesNumber;
@@ -188 +202 @@
     }
     _hitFunc(context) {
-        var width = this.getWidth(), height = this.getHeight();
+        const width = this.getWidth(), height = this.getHeight();
         context.beginPath();
         context.rect(0, 0, width, height);
@@ -195 +209 @@
     }
     setText(text) {
-        var str = Util_1.Util._isString(text)
+        const str = Util_1.Util._isString(text)
             ? text
             : text === null || text === undefined
@@ -204 +218 @@
     }
     getWidth() {
-        var isAuto = this.attrs.width === AUTO || this.attrs.width === undefined;
+        const isAuto = this.attrs.width === AUTO || this.attrs.width === undefined;
         return isAuto ? this.getTextWidth() + this.padding() * 2 : this.attrs.width;
     }
     getHeight() {
-        var isAuto = this.attrs.height === AUTO || this.attrs.height === undefined;
+        const isAuto = this.attrs.height === AUTO || this.attrs.height === undefined;
         return isAuto
             ? this.fontSize() * this.textArr.length * this.lineHeight() +
@@ -223 +237 @@
     measureSize(text) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        var _context = getDummyContext(), fontSize = this.fontSize(), metrics;
+        let _context = getDummyContext(), fontSize = this.fontSize(), metrics;
         _context.save();
         _context.font = this._getContextFont();
@@ -258 +272 @@
             line = line.trim();
         }
-        var width = this._getTextWidth(line);
+        const width = this._getTextWidth(line);
         return this.textArr.push({
             text: line,
@@ -266 +280 @@
     }
     _getTextWidth(text) {
-        var letterSpacing = this.letterSpacing();
-        var length = text.length;
+        const letterSpacing = this.letterSpacing();
+        const length = text.length;
         return (getDummyContext().measureText(text).width +
             (length ? letterSpacing * (length - 1) : 0));
     }
     _setTextData() {
-        var lines = this.text().split('\n'), fontSize = +this.fontSize(), textWidth = 0, lineHeightPx = this.lineHeight() * fontSize, width = this.attrs.width, height = this.attrs.height, fixedWidth = width !== AUTO && width !== undefined, fixedHeight = height !== AUTO && height !== undefined, padding = this.padding(), maxWidth = width - padding * 2, maxHeightPx = height - padding * 2, currentHeightPx = 0, wrap = this.wrap(), shouldWrap = wrap !== NONE, wrapAtWord = wrap !== CHAR && shouldWrap, shouldAddEllipsis = this.ellipsis();
+        let lines = this.text().split('\n'), fontSize = +this.fontSize(), textWidth = 0, lineHeightPx = this.lineHeight() * fontSize, width = this.attrs.width, height = this.attrs.height, fixedWidth = width !== AUTO && width !== undefined, fixedHeight = height !== AUTO && height !== undefined, padding = this.padding(), maxWidth = width - padding * 2, maxHeightPx = height - padding * 2, currentHeightPx = 0, wrap = this.wrap(), shouldWrap = wrap !== NONE, wrapAtWord = wrap !== CHAR && shouldWrap, shouldAddEllipsis = this.ellipsis();
         this.textArr = [];
         getDummyContext().font = this._getContextFont();
-        var additionalWidth = shouldAddEllipsis ? this._getTextWidth(ELLIPSIS) : 0;
-        for (var i = 0, max = lines.length; i < max; ++i) {
-            var line = lines[i];
-            var lineWidth = this._getTextWidth(line);
+        const additionalWidth = shouldAddEllipsis ? this._getTextWidth(ELLIPSIS) : 0;
+        for (let i = 0, max = lines.length; i < max; ++i) {
+            let line = lines[i];
+            let lineWidth = this._getTextWidth(line);
             if (fixedWidth && lineWidth > maxWidth) {
                 while (line.length > 0) {
-                    var low = 0, high = line.length, match = '', matchWidth = 0;
+                    let low = 0, high = line.length, match = '', matchWidth = 0;
                     while (low < high) {
-                        var mid = (low + high) >>> 1, substr = line.slice(0, mid + 1), substrWidth = this._getTextWidth(substr) + additionalWidth;
+                        const mid = (low + high) >>> 1, substr = line.slice(0, mid + 1), substrWidth = this._getTextWidth(substr) + additionalWidth;
                         if (substrWidth <= maxWidth) {
                             low = mid + 1;
@@ -296 +310 @@
                         if (wrapAtWord) {
                             var wrapIndex;
-                            var nextChar = line[match.length];
-                            var nextIsSpaceOrDash = nextChar === SPACE || nextChar === DASH;
+                            const nextChar = line[match.length];
+                            const nextIsSpaceOrDash = nextChar === SPACE || nextChar === DASH;
                             if (nextIsSpaceOrDash && matchWidth <= maxWidth) {
                                 wrapIndex = match.length;
@@ -316 +330 @@
                         textWidth = Math.max(textWidth, matchWidth);
                         currentHeightPx += lineHeightPx;
-                        var shouldHandleEllipsis = this._shouldHandleEllipsis(currentHeightPx);
+                        const shouldHandleEllipsis = this._shouldHandleEllipsis(currentHeightPx);
                         if (shouldHandleEllipsis) {
                             this._tryToAddEllipsisToLastLine();
@@ -357 +371 @@
     }
     _shouldHandleEllipsis(currentHeightPx) {
-        var fontSize = +this.fontSize(), lineHeightPx = this.lineHeight() * fontSize, height = this.attrs.height, fixedHeight = height !== AUTO && height !== undefined, padding = this.padding(), maxHeightPx = height - padding * 2, wrap = this.wrap(), shouldWrap = wrap !== NONE;
+        const fontSize = +this.fontSize(), lineHeightPx = this.lineHeight() * fontSize, height = this.attrs.height, fixedHeight = height !== AUTO && height !== undefined, padding = this.padding(), maxHeightPx = height - padding * 2, wrap = this.wrap(), shouldWrap = wrap !== NONE;
         return (!shouldWrap ||
             (fixedHeight && currentHeightPx + lineHeightPx > maxHeightPx));
     }
     _tryToAddEllipsisToLastLine() {
-        var width = this.attrs.width, fixedWidth = width !== AUTO && width !== undefined, padding = this.padding(), maxWidth = width - padding * 2, shouldAddEllipsis = this.ellipsis();
-        var lastLine = this.textArr[this.textArr.length - 1];
+        const width = this.attrs.width, fixedWidth = width !== AUTO && width !== undefined, padding = this.padding(), maxWidth = width - padding * 2, shouldAddEllipsis = this.ellipsis();
+        const lastLine = this.textArr[this.textArr.length - 1];
         if (!lastLine || !shouldAddEllipsis) {
             return;
         }
         if (fixedWidth) {
-            var haveSpace = this._getTextWidth(lastLine.text + ELLIPSIS) < maxWidth;
+            const haveSpace = this._getTextWidth(lastLine.text + ELLIPSIS) < maxWidth;
             if (!haveSpace) {
                 lastLine.text = lastLine.text.slice(0, lastLine.text.length - 3);

imaps-frontend/node_modules/konva/lib/shapes/TextPath.d.ts

@@ -29 +29 @@
     _getTextPathLength(): number;
     _getPointAtLength(length: number): {
-        x: any;
-        y: any;
+        x: number;
+        y: number;
     } | null;
     _readDataAttribute(): void;

imaps-frontend/node_modules/konva/lib/shapes/TextPath.js

@@ -9 +9 @@
 const Validators_1 = require("../Validators");
 const Global_1 = require("../Global");
-var EMPTY_STRING = '', NORMAL = 'normal';
+const EMPTY_STRING = '', NORMAL = 'normal';
 function _fillFunc(context) {
     context.fillText(this.partialText, 0, 0);
@@ -51 +51 @@
         context.setAttr('textAlign', 'left');
         context.save();
-        var textDecoration = this.textDecoration();
-        var fill = this.fill();
-        var fontSize = this.fontSize();
-        var glyphInfo = this.glyphInfo;
+        const textDecoration = this.textDecoration();
+        const fill = this.fill();
+        const fontSize = this.fontSize();
+        const glyphInfo = this.glyphInfo;
         if (textDecoration === 'underline') {
             context.beginPath();
         }
-        for (var i = 0; i < glyphInfo.length; i++) {
+        for (let i = 0; i < glyphInfo.length; i++) {
             context.save();
-            var p0 = glyphInfo[i].p0;
+            const p0 = glyphInfo[i].p0;
             context.translate(p0.x, p0.y);
             context.rotate(glyphInfo[i].rotation);
@@ -82 +82 @@
     _hitFunc(context) {
         context.beginPath();
-        var glyphInfo = this.glyphInfo;
+        const glyphInfo = this.glyphInfo;
         if (glyphInfo.length >= 1) {
-            var p0 = glyphInfo[0].p0;
+            const p0 = glyphInfo[0].p0;
             context.moveTo(p0.x, p0.y);
         }
-        for (var i = 0; i < glyphInfo.length; i++) {
-            var p1 = glyphInfo[i].p1;
+        for (let i = 0; i < glyphInfo.length; i++) {
+            const p1 = glyphInfo[i].p1;
             context.lineTo(p1.x, p1.y);
         }
@@ -109 +109 @@
     }
     _getTextSize(text) {
-        var dummyCanvas = this.dummyCanvas;
-        var _context = dummyCanvas.getContext('2d');
+        const dummyCanvas = this.dummyCanvas;
+        const _context = dummyCanvas.getContext('2d');
         _context.save();
         _context.font = this._getContextFont();
-        var metrics = _context.measureText(text);
+        const metrics = _context.measureText(text);
         _context.restore();
         return {
@@ -141 +141 @@
         const charArr = (0, Text_1.stringToArray)(this.text());
         let offsetToGlyph = offset;
-        for (var i = 0; i < charArr.length; i++) {
+        for (let i = 0; i < charArr.length; i++) {
             const charStartPoint = this._getPointAtLength(offsetToGlyph);
             if (!charStartPoint)
@@ -188 +188 @@
             };
         }
-        var points = [];
+        const points = [];
         this.glyphInfo.forEach(function (info) {
             points.push(info.p0.x);
@@ -195 +195 @@
             points.push(info.p1.y);
         });
-        var minX = points[0] || 0;
-        var maxX = points[0] || 0;
-        var minY = points[1] || 0;
-        var maxY = points[1] || 0;
-        var x, y;
-        for (var i = 0; i < points.length / 2; i++) {
+        let minX = points[0] || 0;
+        let maxX = points[0] || 0;
+        let minY = points[1] || 0;
+        let maxY = points[1] || 0;
+        let x, y;
+        for (let i = 0; i < points.length / 2; i++) {
             x = points[i * 2];
             y = points[i * 2 + 1];
@@ -208 +208 @@
             maxY = Math.max(maxY, y);
         }
-        var fontSize = this.fontSize();
+        const fontSize = this.fontSize();
         return {
             x: minX - fontSize / 2,

imaps-frontend/node_modules/konva/lib/shapes/Transformer.d.ts

@@ -95 +95 @@
         attrs: any;
         className: string;
-        children?: any[] | undefined;
+        children?: Array<any>;
     };
     clone(obj?: any): this;

imaps-frontend/node_modules/konva/lib/shapes/Transformer.js

@@ -11 +11 @@
 const Validators_1 = require("../Validators");
 const Global_2 = require("../Global");
-var EVENTS_NAME = 'tr-konva';
-var ATTR_CHANGE_LIST = [
+const EVENTS_NAME = 'tr-konva';
+const ATTR_CHANGE_LIST = [
     'resizeEnabledChange',
     'rotateAnchorOffsetChange',
@@ -31 +31 @@
     .map((e) => e + `.${EVENTS_NAME}`)
     .join(' ');
-var NODES_RECT = 'nodesRect';
-var TRANSFORM_CHANGE_STR = [
+const NODES_RECT = 'nodesRect';
+const TRANSFORM_CHANGE_STR = [
     'widthChange',
     'heightChange',
@@ -45 +45 @@
     'strokeWidthChange',
 ];
-var ANGLES = {
+const ANGLES = {
     'top-left': -45,
     'top-center': 0,
@@ -61 +61 @@
     }
     rad += Util_1.Util.degToRad(ANGLES[anchorName] || 0);
-    var angle = ((Util_1.Util.radToDeg(rad) % 360) + 360) % 360;
+    const angle = ((Util_1.Util.radToDeg(rad) % 360) + 360) % 360;
     if (Util_1.Util._inRange(angle, 315 + 22.5, 360) || Util_1.Util._inRange(angle, 0, 22.5)) {
         return 'ns-resize';
@@ -91 +91 @@
     }
 }
-var ANCHORS_NAMES = [
+const ANCHORS_NAMES = [
     'top-left',
     'top-center',
@@ -101 +101 @@
     'bottom-right',
 ];
-var MAX_SAFE_INTEGER = 100000000;
+const MAX_SAFE_INTEGER = 100000000;
 function getCenter(shape) {
     return {
@@ -208 +208 @@
         });
         this._resetTransformCache();
-        var elementsCreated = !!this.findOne('.top-left');
+        const elementsCreated = !!this.findOne('.top-left');
         if (elementsCreated) {
             this.update();
@@ -270 +270 @@
     }
     __getNodeShape(node, rot = this.rotation(), relative) {
-        var rect = node.getClientRect({
+        const rect = node.getClientRect({
             skipTransform: true,
             skipShadow: true,
             skipStroke: this.ignoreStroke(),
         });
-        var absScale = node.getAbsoluteScale(relative);
-        var absPos = node.getAbsolutePosition(relative);
-        var dx = rect.x * absScale.x - node.offsetX() * absScale.x;
-        var dy = rect.y * absScale.y - node.offsetY() * absScale.y;
+        const absScale = node.getAbsoluteScale(relative);
+        const absPos = node.getAbsolutePosition(relative);
+        const dx = rect.x * absScale.x - node.offsetX() * absScale.x;
+        const dy = rect.y * absScale.y - node.offsetY() * absScale.y;
         const rotation = (Global_1.Konva.getAngle(node.getAbsoluteRotation()) + Math.PI * 2) %
             (Math.PI * 2);
@@ -294 +294 @@
     }
     __getNodeRect() {
-        var node = this.getNode();
+        const node = this.getNode();
         if (!node) {
             return {
@@ -311 +311 @@
                 skipStroke: this.ignoreStroke(),
             });
-            var points = [
+            const points = [
                 { x: box.x, y: box.y },
                 { x: box.x + box.width, y: box.y },
@@ -317 +317 @@
                 { x: box.x, y: box.y + box.height },
             ];
-            var trans = node.getAbsoluteTransform();
+            const trans = node.getAbsoluteTransform();
             points.forEach(function (point) {
-                var transformed = trans.point(point);
+                const transformed = trans.point(point);
                 totalPoints.push(transformed);
             });
@@ -325 +325 @@
         const tr = new Util_1.Transform();
         tr.rotate(-Global_1.Konva.getAngle(this.rotation()));
-        var minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
+        let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
         totalPoints.forEach(function (point) {
-            var transformed = tr.point(point);
+            const transformed = tr.point(point);
             if (minX === undefined) {
                 minX = maxX = transformed.x;
@@ -367 +367 @@
     }
     _createAnchor(name) {
-        var anchor = new Rect_1.Rect({
+        const anchor = new Rect_1.Rect({
             stroke: 'rgb(0, 161, 255)',
             fill: 'white',
@@ -376 +376 @@
             hitStrokeWidth: TOUCH_DEVICE ? 10 : 'auto',
         });
-        var self = this;
+        const self = this;
         anchor.on('mousedown touchstart', function (e) {
             self._handleMouseDown(e);
@@ -388 +388 @@
         });
         anchor.on('mouseenter', () => {
-            var rad = Global_1.Konva.getAngle(this.rotation());
-            var rotateCursor = this.rotateAnchorCursor();
-            var cursor = getCursor(name, rad, rotateCursor);
+            const rad = Global_1.Konva.getAngle(this.rotation());
+            const rotateCursor = this.rotateAnchorCursor();
+            const cursor = getCursor(name, rad, rotateCursor);
             anchor.getStage().content &&
                 (anchor.getStage().content.style.cursor = cursor);
@@ -403 +403 @@
     }
     _createBack() {
-        var back = new Shape_1.Shape({
+        const back = new Shape_1.Shape({
             name: 'back',
             width: 0,
@@ -409 +409 @@
             draggable: true,
             sceneFunc(ctx, shape) {
-                var tr = shape.getParent();
-                var padding = tr.padding();
+                const tr = shape.getParent();
+                const padding = tr.padding();
                 ctx.beginPath();
                 ctx.rect(-padding, -padding, shape.width() + padding * 2, shape.height() + padding * 2);
@@ -423 +423 @@
                     return;
                 }
-                var padding = this.padding();
+                const padding = this.padding();
                 ctx.beginPath();
                 ctx.rect(-padding, -padding, shape.width() + padding * 2, shape.height() + padding * 2);
@@ -449 +449 @@
         }
         this._movingAnchorName = e.target.name().split(' ')[0];
-        var attrs = this._getNodeRect();
-        var width = attrs.width;
-        var height = attrs.height;
-        var hypotenuse = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));
+        const attrs = this._getNodeRect();
+        const width = attrs.width;
+        const height = attrs.height;
+        const hypotenuse = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));
         this.sin = Math.abs(height / hypotenuse);
         this.cos = Math.abs(width / hypotenuse);
@@ -462 +462 @@
         }
         this._transforming = true;
-        var ap = e.target.getAbsolutePosition();
-        var pos = e.target.getStage().getPointerPosition();
+        const ap = e.target.getAbsolutePosition();
+        const pos = e.target.getStage().getPointerPosition();
         this._anchorDragOffset = {
             x: pos.x - ap.x,
@@ -475 +475 @@
     }
     _handleMouseMove(e) {
-        var x, y, newHypotenuse;
-        var anchorNode = this.findOne('.' + this._movingAnchorName);
-        var stage = anchorNode.getStage();
+        let x, y, newHypotenuse;
+        const anchorNode = this.findOne('.' + this._movingAnchorName);
+        const stage = anchorNode.getStage();
         stage.setPointersPositions(e);
         const pp = stage.getPointerPosition();
@@ -494 +494 @@
         }
         if (this._movingAnchorName === 'rotater') {
-            var attrs = this._getNodeRect();
+            const attrs = this._getNodeRect();
             x = anchorNode.x() - attrs.width / 2;
             y = -anchorNode.y() + attrs.height / 2;
@@ -501 +501 @@
                 delta -= Math.PI;
             }
-            var oldRotation = Global_1.Konva.getAngle(this.rotation());
+            const oldRotation = Global_1.Konva.getAngle(this.rotation());
             const newRotation = oldRotation + delta;
             const tol = Global_1.Konva.getAngle(this.rotationSnapTolerance());
@@ -510 +510 @@
             return;
         }
-        var shiftBehavior = this.shiftBehavior();
-        var keepProportion;
+        const shiftBehavior = this.shiftBehavior();
+        let keepProportion;
         if (shiftBehavior === 'inverted') {
             keepProportion = this.keepRatio() && !e.shiftKey;
@@ -630 +630 @@
         var centeredScaling = this.centeredScaling() || e.altKey;
         if (centeredScaling) {
-            var topLeft = this.findOne('.top-left');
-            var bottomRight = this.findOne('.bottom-right');
-            var topOffsetX = topLeft.x();
-            var topOffsetY = topLeft.y();
-            var bottomOffsetX = this.getWidth() - bottomRight.x();
-            var bottomOffsetY = this.getHeight() - bottomRight.y();
+            const topLeft = this.findOne('.top-left');
+            const bottomRight = this.findOne('.bottom-right');
+            const topOffsetX = topLeft.x();
+            const topOffsetY = topLeft.y();
+            const bottomOffsetX = this.getWidth() - bottomRight.x();
+            const bottomOffsetY = this.getHeight() - bottomRight.y();
             bottomRight.move({
                 x: -topOffsetX,
@@ -645 +645 @@
             });
         }
-        var absPos = this.findOne('.top-left').getAbsolutePosition();
+        const absPos = this.findOne('.top-left').getAbsolutePosition();
         x = absPos.x;
         y = absPos.y;
-        var width = this.findOne('.bottom-right').x() - this.findOne('.top-left').x();
-        var height = this.findOne('.bottom-right').y() - this.findOne('.top-left').y();
+        const width = this.findOne('.bottom-right').x() - this.findOne('.top-left').x();
+        const height = this.findOne('.bottom-right').y() - this.findOne('.top-left').y();
         this._fitNodesInto({
             x: x,
@@ -674 +674 @@
                 window.removeEventListener('touchend', this._handleMouseUp, true);
             }
-            var node = this.getNode();
+            const node = this.getNode();
             activeTransformersCount--;
             this._fire('transformend', { evt: e, target: node });
@@ -689 +689 @@
     }
     _fitNodesInto(newAttrs, evt) {
-        var oldAttrs = this._getNodeRect();
+        const oldAttrs = this._getNodeRect();
         const minSize = 1;
         if (Util_1.Util._inRange(newAttrs.width, -this.padding() * 2 - minSize, minSize)) {
@@ -699 +699 @@
             return;
         }
-        var t = new Util_1.Transform();
+        const t = new Util_1.Transform();
         t.rotate(Global_1.Konva.getAngle(this.rotation()));
         if (this._movingAnchorName &&
@@ -816 +816 @@
     update() {
         var _a;
-        var attrs = this._getNodeRect();
+        const attrs = this._getNodeRect();
         this.rotation(Util_1.Util._getRotation(attrs.rotation));
-        var width = attrs.width;
-        var height = attrs.height;
-        var enabledAnchors = this.enabledAnchors();
-        var resizeEnabled = this.resizeEnabled();
-        var padding = this.padding();
-        var anchorSize = this.anchorSize();
+        const width = attrs.width;
+        const height = attrs.height;
+        const enabledAnchors = this.enabledAnchors();
+        const resizeEnabled = this.resizeEnabled();
+        const padding = this.padding();
+        const anchorSize = this.anchorSize();
         const anchors = this.find('._anchor');
         anchors.forEach((node) => {
@@ -918 +918 @@
         if (this._transforming) {
             this._removeEvents();
-            var anchorNode = this.findOne('.' + this._movingAnchorName);
+            const anchorNode = this.findOne('.' + this._movingAnchorName);
             if (anchorNode) {
                 anchorNode.stopDrag();
@@ -937 +937 @@
     }
     clone(obj) {
-        var node = Node_1.Node.prototype.clone.call(this, obj);
+        const node = Node_1.Node.prototype.clone.call(this, obj);
         return node;
     }