@threekit-tools/treble 0.0.90-next-09 → 0.0.91

package/dist/hooks/useRoomBuilder/validators.js

@@ -0,0 +1,362 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runValidators = exports.isVertexLandingOnFeature = exports.areWallsDuplicated = exports.areWallsOrphaningFeatures = exports.areWallsIntersecting = exports.areWallsTooShort = exports.isFeatureCollidingWithExistingFeature = exports.isFeatureOutsideWallBounds = exports.isWallEndingOnFeature = exports.isWallOverlappingExisitingWalls = exports.isWallIntersectingFeature = exports.isWallTooShort = void 0;
+var types_1 = require("./types");
+var geometry_1 = require("./geometry");
+var messaging_1 = require("./messaging");
+var constants_1 = require("./constants");
+function isLineTooShort(wallOrLine) {
+    var minLength = constants_1.MIN_WALL_LENGTH;
+    var line = Array.isArray(wallOrLine) ? wallOrLine : wallOrLine.line;
+    var tooClose = geometry_1.arePointsWithinProximity.apply(void 0, __spreadArray(__spreadArray([], line, false), [minLength], false));
+    if (tooClose)
+        return {
+            message: messaging_1.errorMessages.wallTooShort(),
+            type: types_1.IErrorTypes.HARD,
+        };
+    return false;
+}
+function isWallTooShort(input) {
+    return isLineTooShort(input.newWall.line);
+}
+exports.isWallTooShort = isWallTooShort;
+function isWallIntersectingFeature(input) {
+    var _a;
+    var newWall = input.newWall, walls = input.walls, features = input.features;
+    if (!walls.length || !Object.values(features).flat().length)
+        return false;
+    var intersectingFeature;
+    for (var i = 0; i < walls.length && !intersectingFeature; i++) {
+        if (!walls[i].connections)
+            continue;
+        var intersectionPoint = (0, geometry_1.getLineSegmentsIntersection)(newWall.line, walls[i].line);
+        if (!intersectionPoint)
+            continue;
+        var intersectionOffset = (0, geometry_1.getLengthOfLineSegment)([
+            walls[i].line[0],
+            intersectionPoint,
+        ]);
+        for (var j = 0; j < walls[i].connections.length && !intersectingFeature; j++) {
+            var _b = walls[i].connections[j], type = _b[0], index = _b[1];
+            var feature = (_a = features[type]) === null || _a === void 0 ? void 0 : _a[index];
+            if (!feature)
+                continue;
+            if (feature.offset < intersectionOffset &&
+                intersectionOffset < feature.offset + feature.length)
+                intersectingFeature = { type: type, index: index };
+        }
+    }
+    if (!intersectingFeature)
+        return false;
+    return ({
+        address: intersectingFeature,
+        message: messaging_1.errorMessages.addWallCollidingWithFeature(intersectingFeature.type),
+        type: types_1.IErrorTypes.SOFT,
+    } || false);
+}
+exports.isWallIntersectingFeature = isWallIntersectingFeature;
+function isWallOverlappingExisitingWalls(input) {
+    var newWall = input.newWall, walls = input.walls;
+    var snapStartTo = newWall.snapStartTo, snapEndTo = newWall.snapEndTo;
+    if ((snapStartTo === null || snapStartTo === void 0 ? void 0 : snapStartTo.type) === types_1.IElements.WALL &&
+        (snapEndTo === null || snapEndTo === void 0 ? void 0 : snapEndTo.type) === types_1.IElements.WALL &&
+        snapStartTo.index === snapEndTo.index) {
+        return {
+            address: {
+                type: types_1.IElements.WALL,
+                index: snapStartTo.index,
+            },
+            type: types_1.IErrorTypes.SOFT,
+            message: messaging_1.errorMessages.wallsNotUnique(),
+        };
+    }
+    var overlappingIndex = walls.findIndex(function (wall, i) {
+        var line = wall.line;
+        if ((0, geometry_1.areLinesEqual)(line, newWall.line))
+            return true;
+        if ((snapStartTo === null || snapStartTo === void 0 ? void 0 : snapStartTo.type) === types_1.IElements.VERTEX &&
+            ((0, geometry_1.arePointsEqual)(snapStartTo.point, line[0]) ||
+                (0, geometry_1.arePointsEqual)(snapStartTo.point, line[1])) &&
+            (snapEndTo === null || snapEndTo === void 0 ? void 0 : snapEndTo.type) === types_1.IElements.WALL &&
+            snapEndTo.index === i) {
+            return true;
+        }
+        if ((snapEndTo === null || snapEndTo === void 0 ? void 0 : snapEndTo.type) === types_1.IElements.VERTEX &&
+            ((0, geometry_1.arePointsEqual)(snapEndTo.point, line[0]) ||
+                (0, geometry_1.arePointsEqual)(snapEndTo.point, line[1])) &&
+            (snapStartTo === null || snapStartTo === void 0 ? void 0 : snapStartTo.type) === types_1.IElements.WALL &&
+            snapStartTo.index === i) {
+            return true;
+        }
+        return false;
+    });
+    if (overlappingIndex !== -1) {
+        return {
+            address: {
+                type: types_1.IElements.WALL,
+                index: overlappingIndex,
+            },
+            type: types_1.IErrorTypes.SOFT,
+            message: messaging_1.errorMessages.wallsNotUnique(),
+        };
+    }
+    return false;
+}
+exports.isWallOverlappingExisitingWalls = isWallOverlappingExisitingWalls;
+function isWallEndingOnFeature(input) {
+    var snapPoint = input.newWall.snapEndTo;
+    if (!snapPoint)
+        return false;
+    if (snapPoint.type === types_1.IElements.WINDOW ||
+        snapPoint.type === types_1.IElements.DOOR ||
+        snapPoint.type === types_1.IElements.OPENING)
+        return {
+            address: snapPoint,
+            message: messaging_1.errorMessages.addWallCollidingWithFeature(snapPoint.type),
+            type: types_1.IErrorTypes.SOFT,
+        };
+    return false;
+}
+exports.isWallEndingOnFeature = isWallEndingOnFeature;
+function isFeatureOutsideWallBounds(input) {
+    var wall = input.wall, updatedFeature = input.updatedFeature;
+    var padding = constants_1.WALL_PADDING_FOR_FEATURE;
+    var wallLength = (0, geometry_1.getLengthOfLineSegment)(wall.line);
+    if (updatedFeature.offset < padding ||
+        updatedFeature.offset + updatedFeature.length > wallLength - padding)
+        return {
+            address: updatedFeature.address,
+            type: types_1.IErrorTypes.HARD,
+            message: messaging_1.errorMessages.featureOutsideWallBounds(),
+        };
+    return false;
+}
+exports.isFeatureOutsideWallBounds = isFeatureOutsideWallBounds;
+function isFeatureCollidingWithExistingFeature(input) {
+    var _a, _b;
+    var features = input.features, wall = input.wall, updatedFeature = input.updatedFeature;
+    if (!features || !((_a = wall.connections) === null || _a === void 0 ? void 0 : _a.length))
+        return false;
+    if (!Object.values(updatedFeature).flat().length)
+        return false;
+    for (var i = 0; i < wall.connections.length; i++) {
+        var _c = wall.connections[i], type = _c[0], index = _c[1];
+        if (updatedFeature.address.type === type &&
+            updatedFeature.address.index === index)
+            continue;
+        var existingFeature = (_b = features[type]) === null || _b === void 0 ? void 0 : _b[index];
+        if (!existingFeature)
+            continue;
+        if ((0, geometry_1.doLinesOverlap)([updatedFeature.offset, updatedFeature.length], [existingFeature.offset, existingFeature.length]))
+            return {
+                address: { type: type, index: index },
+                type: types_1.IErrorTypes.SOFT,
+                message: messaging_1.errorMessages.featuresColliding(type),
+            };
+    }
+    return false;
+}
+exports.isFeatureCollidingWithExistingFeature = isFeatureCollidingWithExistingFeature;
+function areWallsTooShort(input) {
+    var walls = input.walls, vertex = input.vertex, updatedPosition = input.updatedPosition;
+    var _a = vertex.connections.reduce(function (output, connection) {
+        var _a;
+        var wallIndex = connection[0], vertexIndex = connection[1];
+        output.wallIndexes.push(wallIndex);
+        output.updatedVerticesMap = Object.assign(output.updatedVerticesMap, (_a = {},
+            _a[wallIndex] = vertexIndex,
+            _a));
+        return output;
+    }, {
+        wallIndexes: [],
+        updatedVerticesMap: {},
+    }), wallIndexes = _a.wallIndexes, updatedVerticesMap = _a.updatedVerticesMap;
+    for (var _i = 0, wallIndexes_1 = wallIndexes; _i < wallIndexes_1.length; _i++) {
+        var index = wallIndexes_1[_i];
+        var line = walls[index].line;
+        line[updatedVerticesMap[index]] = updatedPosition.point;
+        if (isLineTooShort(line))
+            return {
+                address: { type: types_1.IElements.WALL, index: index },
+                message: messaging_1.errorMessages.wallTooShort(),
+                type: types_1.IErrorTypes.HARD,
+            };
+    }
+    return false;
+}
+exports.areWallsTooShort = areWallsTooShort;
+function areWallsIntersecting(input) {
+    var walls = input.walls, vertex = input.vertex, updatedPosition = input.updatedPosition;
+    var _a = vertex.connections.reduce(function (output, connection) {
+        var _a;
+        var wallIndex = connection[0], vertexIndex = connection[1];
+        output.wallIndexes.add(wallIndex);
+        output.updatedVerticesMap = Object.assign(output.updatedVerticesMap, (_a = {},
+            _a[wallIndex] = vertexIndex,
+            _a));
+        return output;
+    }, {
+        wallIndexes: new Set([]),
+        updatedVerticesMap: {},
+    }), wallIndexes = _a.wallIndexes, updatedVerticesMap = _a.updatedVerticesMap;
+    for (var _i = 0, _b = Array.from(wallIndexes); _i < _b.length; _i++) {
+        var validateWallIndex = _b[_i];
+        var line = walls[validateWallIndex].line;
+        line[updatedVerticesMap[validateWallIndex]] = updatedPosition.point;
+        for (var i = 0; i < walls.length; i++) {
+            if (wallIndexes.has(i))
+                continue;
+            var wall = walls[i];
+            if (!wall)
+                continue;
+            var intersectionPoint = (0, geometry_1.getLineSegmentsIntersection)(line, wall.line);
+            if (intersectionPoint)
+                return {
+                    address: { type: types_1.IElements.WALL, index: i },
+                    message: messaging_1.errorMessages.addWallCollidingWithWall(),
+                    type: types_1.IErrorTypes.SOFT,
+                };
+        }
+    }
+    return false;
+}
+exports.areWallsIntersecting = areWallsIntersecting;
+function areWallsOrphaningFeatures(input) {
+    var _a;
+    var walls = input.walls, vertex = input.vertex, features = input.features, updatedPosition = input.updatedPosition;
+    var _b = vertex.connections.reduce(function (output, connection) {
+        var _a;
+        var wallIndex = connection[0], vertexIndex = connection[1];
+        output.wallIndexes.add(wallIndex);
+        output.updatedVerticesMap = Object.assign(output.updatedVerticesMap, (_a = {},
+            _a[wallIndex] = vertexIndex,
+            _a));
+        return output;
+    }, {
+        wallIndexes: new Set([]),
+        updatedVerticesMap: {},
+    }), wallIndexes = _b.wallIndexes, updatedVerticesMap = _b.updatedVerticesMap;
+    for (var _i = 0, _c = Array.from(wallIndexes); _i < _c.length; _i++) {
+        var wallIdx = _c[_i];
+        var wall = walls[wallIdx];
+        if (!wall.connections.length)
+            continue;
+        var updatedLine = JSON.parse(JSON.stringify(wall.line));
+        updatedLine[updatedVerticesMap[wallIdx]] = updatedPosition.point;
+        var currentWallLength = (0, geometry_1.getLengthOfLineSegment)(wall.line);
+        var updatedWallLength = (0, geometry_1.getLengthOfLineSegment)(updatedLine);
+        var wallLengthDelta = updatedWallLength - currentWallLength;
+        for (var i = 0; i < wall.connections.length; i++) {
+            var _d = wall.connections[i], type = _d[0], index = _d[1];
+            var feat = (_a = features[type]) === null || _a === void 0 ? void 0 : _a[index];
+            if (!feat)
+                continue;
+            var error = {
+                address: { type: type, index: index },
+                message: 'feature collision',
+                type: types_1.IErrorTypes.HARD,
+            };
+            if (updatedVerticesMap[wallIdx] === 0 &&
+                feat.offset - wallLengthDelta < constants_1.WALL_PADDING_FOR_FEATURE)
+                return error;
+            else if (feat.offset + feat.length >
+                updatedWallLength - constants_1.WALL_PADDING_FOR_FEATURE) {
+                return error;
+            }
+        }
+    }
+    return false;
+}
+exports.areWallsOrphaningFeatures = areWallsOrphaningFeatures;
+function areWallsDuplicated(input) {
+    var _a, _b, _c;
+    var walls = input.walls, vertex = input.vertex, updatedPosition = input.updatedPosition;
+    var point = (_b = (_a = updatedPosition.snapTo) === null || _a === void 0 ? void 0 : _a.point) !== null && _b !== void 0 ? _b : updatedPosition.point;
+    var _d = vertex.connections.reduce(function (output, connection) {
+        var _a;
+        var wallIndex = connection[0], vertexIndex = connection[1];
+        output.wallIndexes.add(wallIndex);
+        output.updatedVerticesMap = Object.assign(output.updatedVerticesMap, (_a = {},
+            _a[wallIndex] = vertexIndex,
+            _a));
+        return output;
+    }, {
+        wallIndexes: new Set([]),
+        updatedVerticesMap: {},
+    }), wallIndexes = _d.wallIndexes, updatedVerticesMap = _d.updatedVerticesMap;
+    for (var _i = 0, _e = Array.from(wallIndexes); _i < _e.length; _i++) {
+        var wallIdx = _e[_i];
+        var wall = walls[wallIdx];
+        var updatedLine = JSON.parse(JSON.stringify(wall.line));
+        updatedLine[updatedVerticesMap[wallIdx]] = point;
+        if (((_c = updatedPosition.snapTo) === null || _c === void 0 ? void 0 : _c.type) === types_1.IElements.WALL &&
+            updatedPosition.snapTo.index !== wallIdx) {
+            var _f = walls[updatedPosition.snapTo.index].line, xTest = _f[0], yTest = _f[1];
+            var unmovedPoint = updatedLine[updatedVerticesMap[wallIdx] === 1 ? 0 : 1];
+            if ((0, geometry_1.arePointsEqual)(unmovedPoint, xTest) ||
+                (0, geometry_1.arePointsEqual)(unmovedPoint, yTest))
+                return {
+                    address: {
+                        type: types_1.IElements.WALL,
+                        index: updatedPosition.snapTo.index,
+                    },
+                    type: types_1.IErrorTypes.SOFT,
+                    message: messaging_1.errorMessages.wallsNotUnique(),
+                };
+        }
+        for (var i = 0; i < walls.length; i++) {
+            if (wallIdx === i)
+                continue;
+            var existingWall = walls[i];
+            var error = {
+                address: { type: types_1.IElements.WALL, index: i },
+                type: types_1.IErrorTypes.SOFT,
+                message: messaging_1.errorMessages.wallsNotUnique(),
+            };
+            if (((0, geometry_1.arePointsEqual)(existingWall[0], wall.line[0]) &&
+                (0, geometry_1.arePointsEqual)(existingWall[1], wall.line[1])) ||
+                ((0, geometry_1.arePointsEqual)(existingWall[0], wall.line[1]) &&
+                    (0, geometry_1.arePointsEqual)(existingWall[1], wall.line[0]))) {
+                return error;
+            }
+        }
+    }
+    return false;
+}
+exports.areWallsDuplicated = areWallsDuplicated;
+function isVertexLandingOnFeature(input) {
+    var snapPoint = input.updatedPosition.snapTo;
+    if (!snapPoint)
+        return false;
+    if (snapPoint.type === types_1.IElements.WINDOW ||
+        snapPoint.type === types_1.IElements.DOOR ||
+        snapPoint.type === types_1.IElements.OPENING)
+        return {
+            address: snapPoint,
+            message: messaging_1.errorMessages.addWallCollidingWithFeature(snapPoint.type),
+            type: types_1.IErrorTypes.SOFT,
+        };
+    return false;
+}
+exports.isVertexLandingOnFeature = isVertexLandingOnFeature;
+function runValidators(validators, input) {
+    var errors = validators.reduce(function (output, validate) {
+        var error = validate(input);
+        if (error)
+            output.push(error);
+        return output;
+    }, []);
+    if (errors.length)
+        return errors;
+    return null;
+}
+exports.runValidators = runValidators;

package/dist/hooks/useSpaces/Canvas.d.ts

@@ -0,0 +1,37 @@
+import { ICoordinate2D, ICoordinatesLine, IGridToDraw, IUnits } from './types';
+declare class Canvas {
+    private _scale;
+    private _dimensions;
+    private _zoom;
+    private _zoomLimits;
+    private _translate;
+    private _translateLimits;
+    private _unit;
+    constructor(scale: number, dimensions: ICoordinate2D, zoom: number, translate: ICoordinate2D, unit: IUnits);
+    get dimensions(): ICoordinate2D;
+    set dimensions(dimensions: ICoordinate2D);
+    get width(): ICoordinate2D;
+    get height(): ICoordinate2D;
+    get zoom(): number;
+    set zoom(delta: number);
+    get zoomFactor(): number;
+    set zoomFactor(val: number);
+    get zoomMin(): ICoordinate2D;
+    get zoomMax(): ICoordinate2D;
+    get translate(): ICoordinate2D;
+    get translateMin(): ICoordinatesLine;
+    get translateMax(): ICoordinatesLine;
+    set translate(position: ICoordinate2D);
+    get unit(): IUnits;
+    set unit(unit: IUnits);
+    get gridUnitLength(): number;
+    get gridUnitLengthToDraw(): number;
+    get gridOffset(): ICoordinate2D;
+    get gridToDraw(): IGridToDraw;
+    transformLengthFromCanvas(length: number): number;
+    transformLengthToCanvas(length: number): number;
+    transformPointToCanvas(point: ICoordinate2D): ICoordinate2D;
+    transformPointFromCanvas(point: ICoordinate2D): ICoordinate2D;
+    transformLineToCanvas(line: ICoordinatesLine): ICoordinatesLine;
+}
+export default Canvas;

package/dist/hooks/useSpaces/Canvas.js

@@ -0,0 +1,199 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var constants_1 = require("./constants");
+var dataHandlers_1 = require("./dataHandlers");
+var types_1 = require("./types");
+var Canvas = (function () {
+    function Canvas(scale, dimensions, zoom, translate, unit) {
+        this._scale = scale;
+        this._dimensions = dimensions;
+        this._zoom = zoom;
+        this._zoomLimits = [constants_1.ZOOM_MIN, constants_1.ZOOM_MAX];
+        this._translate = translate;
+        this._translateLimits = [constants_1.TRANSLATE_MIN, constants_1.TRANSLATE_MAX];
+        this._unit = unit;
+    }
+    Object.defineProperty(Canvas.prototype, "dimensions", {
+        get: function () {
+            return this._dimensions;
+        },
+        set: function (dimensions) {
+            this._dimensions = dimensions;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "width", {
+        get: function () {
+            return this._dimensions[0];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "height", {
+        get: function () {
+            return this._dimensions[1];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "zoom", {
+        get: function () {
+            return this._zoom;
+        },
+        set: function (delta) {
+            var newZoom = this.zoom + delta;
+            var preppedZoom = newZoom < this.zoomMin
+                ? this.zoomMin
+                : newZoom > this.zoomMax
+                    ? this.zoomMax
+                    : newZoom;
+            if (preppedZoom === this.zoom)
+                return;
+            this._zoom = preppedZoom;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "zoomFactor", {
+        get: function () {
+            return this._zoom / this.zoomMin;
+        },
+        set: function (val) {
+            var updatedZoom = val * this.zoomMin;
+            if (updatedZoom < this.zoomMin)
+                this._zoom = this.zoomMin;
+            else if (updatedZoom > this.zoomMax)
+                this._zoom = this.zoomMax;
+            else
+                this._zoom = updatedZoom;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "zoomMin", {
+        get: function () {
+            return this._zoomLimits[0];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "zoomMax", {
+        get: function () {
+            return this._zoomLimits[1];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "translate", {
+        get: function () {
+            return this._translate;
+        },
+        set: function (position) {
+            var zoomFactor = this._zoom / this.zoomMin;
+            var delta = [
+                (position[0] - this._translate[0]) / zoomFactor,
+                (position[1] - this._translate[1]) / zoomFactor,
+            ];
+            this._translate = [
+                this._translate[0] + delta[0],
+                this._translate[1] + delta[1],
+            ];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "translateMin", {
+        get: function () {
+            return this._translateLimits[0];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "translateMax", {
+        get: function () {
+            return this._translateLimits[1];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "unit", {
+        get: function () {
+            return this._unit;
+        },
+        set: function (unit) {
+            this._unit = unit;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "gridUnitLength", {
+        get: function () {
+            var length = [types_1.IUnits.FEET, types_1.IUnits.INCH].includes(this.unit)
+                ? (0, dataHandlers_1.convertLengthUnit)(1, types_1.IUnits.FEET, types_1.IUnits.METER)
+                : 1;
+            return length / this._scale;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "gridUnitLengthToDraw", {
+        get: function () {
+            return this.transformLengthToCanvas(this.gridUnitLength);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "gridOffset", {
+        get: function () {
+            var gridLength = this.gridUnitLengthToDraw;
+            var translate = this.transformPointToCanvas([0, 0]);
+            return [translate[0] % gridLength, translate[1] % gridLength];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "gridToDraw", {
+        get: function () {
+            return {
+                unitLength: this.gridUnitLengthToDraw,
+                offset: this.gridOffset,
+                subdivisions: [types_1.IUnits.FEET, types_1.IUnits.INCH].includes(this.unit) ? 4 : 5,
+            };
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Canvas.prototype.transformLengthFromCanvas = function (length) {
+        return length / this.zoomFactor;
+    };
+    Canvas.prototype.transformLengthToCanvas = function (length) {
+        return length * this.zoomFactor;
+    };
+    Canvas.prototype.transformPointToCanvas = function (point) {
+        var widthOffset = this.width / 2;
+        var heightOffset = this.height / 2;
+        return [
+            this.transformLengthToCanvas(point[0] + this.translate[0]) -
+                widthOffset * (this.zoomFactor - 1),
+            this.transformLengthToCanvas(point[1] + this.translate[1]) -
+                heightOffset * (this.zoomFactor - 1),
+        ];
+    };
+    Canvas.prototype.transformPointFromCanvas = function (point) {
+        var widthOffset = this.width / 2;
+        var heightOffset = this.height / 2;
+        return [
+            this.transformLengthFromCanvas(point[0] + widthOffset * (this.zoomFactor - 1)) - this.translate[0],
+            this.transformLengthFromCanvas(point[1] + heightOffset * (this.zoomFactor - 1)) - this.translate[1],
+        ];
+    };
+    Canvas.prototype.transformLineToCanvas = function (line) {
+        return [
+            this.transformPointToCanvas(line[0]),
+            this.transformPointToCanvas(line[1]),
+        ];
+    };
+    return Canvas;
+}());
+exports.default = Canvas;

package/dist/icons/AngleSnapping.d.ts

@@ -0,0 +1,3 @@
+import { IIcon } from './types';
+export declare const AngleSnapping: IIcon;
+export default AngleSnapping;

package/dist/icons/AngleSnapping.js

@@ -0,0 +1,28 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AngleSnapping = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var Path = styled_components_1.default.path(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fill: ", ";\n"], ["\n  fill: ", ";\n"])), function (props) { return props.color || props.theme.textColor; });
+var AngleSnapping = function (props) {
+    return (react_1.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement(Path, { color: props.color, fillRule: "evenodd", clipRule: "evenodd", d: "M7.45664 2.10874C7.58614 1.9779 7.78102 1.99096 7.89191 2.13791L18.7612 16.5419C18.8196 16.6192 18.8431 16.7182 18.8333 16.8137C18.8515 16.855 18.8616 16.9007 18.8615 16.9488C18.8611 17.1329 18.7116 17.2816 18.5275 17.2809L9.33325 17.2483V16.5817L12.7405 16.5937C12.7363 16.453 12.7372 16.2902 12.7486 16.1119C12.7862 15.5202 12.9395 14.743 13.409 14.0338C13.9153 13.2692 14.4387 12.8542 14.8471 12.6305C14.8805 12.6122 14.913 12.5953 14.9447 12.5795L7.42294 2.61173C7.31205 2.46478 7.32714 2.23959 7.45664 2.10874ZM15.3807 13.1573C15.3115 13.1845 15.231 13.221 15.1418 13.2698C14.8153 13.4486 14.3648 13.7971 13.9152 14.4761C13.5326 15.0539 13.4031 15.6943 13.371 16.1987C13.3617 16.3457 13.3607 16.4799 13.3639 16.596L17.9879 16.6124L15.3807 13.1573Z" }),
+        react_1.default.createElement(Path, { color: props.color, "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.66468 16.5545L1.60623 16.5543C1.42214 16.5536 1.2726 16.7023 1.27222 16.8864C1.27184 17.0705 1.42078 17.2203 1.60487 17.2209L1.93253 17.2221C2.09272 17.5251 2.29725 17.805 2.53549 18.0511C3.10732 18.6419 3.8835 19.0488 4.73024 19.1115C5.57476 19.1741 6.46997 18.8928 7.27794 18.1457L7.27956 18.1473L9.76024 15.6895C9.8647 15.586 9.8647 15.4182 9.76024 15.3147L9.61838 15.1742L9.61601 15.1765L8.81017 14.3782L8.81254 14.3758L8.67069 14.2353C8.56622 14.1318 8.39686 14.1318 8.2924 14.2353L5.91771 16.588C5.35754 17.0597 4.64816 16.9369 4.19905 16.5135C3.97593 16.3031 3.82824 16.0264 3.80058 15.7276C3.77376 15.4377 3.858 15.1085 4.12828 14.7765L6.48347 12.4431C6.58793 12.3396 6.58793 12.1718 6.48347 12.0683L6.34161 11.9277L6.33924 11.9301L5.53341 11.1317L5.53578 11.1293L5.39392 10.9888C5.28946 10.8853 5.1201 10.8853 5.01563 10.9888L2.59608 13.386L2.5952 13.3851C1.82198 14.1335 1.51256 15.0044 1.54953 15.8427C1.56022 16.0852 1.59981 16.3237 1.66468 16.5545ZM2.01719 15.8225C1.98628 15.1215 2.2403 14.3785 2.91927 13.7198L2.92021 13.7207L4.18812 12.4645L4.99396 13.2629L3.78537 14.4603L3.81872 14.4934L3.78202 14.4633C3.42861 14.8872 3.29485 15.3423 3.33442 15.7699C3.37364 16.1937 3.58121 16.5712 3.87635 16.8495C4.46377 17.4033 5.44326 17.5956 6.22055 16.941L6.20546 16.9234L6.22332 16.9411L7.39801 15.7773L8.20385 16.5756L6.97892 17.7892L6.97811 17.7884C6.25369 18.4671 5.47724 18.7018 4.76516 18.6491C4.04771 18.5959 3.37567 18.2491 2.87336 17.7301C2.37094 17.211 2.04839 16.53 2.01719 15.8225ZM5.31013 12.9497L6.02307 12.2433L5.21724 11.4449L4.50429 12.1513L5.31013 12.9497ZM9.29984 15.4898L8.52002 16.2624L7.71418 15.464L8.494 14.6914L9.29984 15.4898Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M5.86834 8.88C5.73908 8.88 5.63429 8.98382 5.63429 9.11189V10.2382C5.63429 10.3663 5.73908 10.4701 5.86834 10.4701C5.99761 10.4701 6.1024 10.3663 6.1024 10.2382V9.11189C6.1024 8.98382 5.99761 8.88 5.86834 8.88Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M9.21198 12.1927C9.08272 12.1927 8.97793 12.2966 8.97793 12.4246V13.5509C8.97793 13.679 9.08272 13.7828 9.21198 13.7828C9.34125 13.7828 9.44604 13.679 9.44604 13.5509V12.4246C9.44604 12.2966 9.34125 12.1927 9.21198 12.1927Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M6.838 11.6958C6.838 11.8239 6.94279 11.9277 7.07205 11.9277H8.20889C8.33816 11.9277 8.44295 11.8239 8.44295 11.6958C8.44295 11.5678 8.33816 11.4639 8.20889 11.4639H7.07205C6.94279 11.4639 6.838 11.5678 6.838 11.6958Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M10.1816 15.0085C10.1816 15.1366 10.2864 15.2404 10.4157 15.2404H11.5525C11.6818 15.2404 11.7866 15.1366 11.7866 15.0085C11.7866 14.8805 11.6818 14.7767 11.5525 14.7767H10.4157C10.2864 14.7767 10.1816 14.8805 10.1816 15.0085Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M7.80401 9.57401C7.7126 9.48345 7.56441 9.48345 7.473 9.57401L6.66914 10.3704C6.57773 10.461 6.57773 10.6078 6.66914 10.6984C6.76054 10.7889 6.90874 10.7889 7.00014 10.6984L7.80401 9.90195C7.89541 9.81139 7.89541 9.66457 7.80401 9.57401Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M11.1476 12.8867C11.0562 12.7962 10.908 12.7962 10.8166 12.8867L10.0128 13.6832C9.92137 13.7737 9.92137 13.9206 10.0128 14.0111C10.1042 14.1017 10.2524 14.1017 10.3438 14.0111L11.1476 13.2147C11.239 13.1241 11.239 12.9773 11.1476 12.8867Z" })));
+};
+exports.AngleSnapping = AngleSnapping;
+exports.AngleSnapping.iconName = 'angle-snapping';
+exports.default = exports.AngleSnapping;
+var templateObject_1;

package/dist/icons/Center.d.ts

@@ -0,0 +1,3 @@
+import { IIcon } from './types';
+export declare const Center: IIcon;
+export default Center;

package/dist/icons/Center.js

@@ -0,0 +1,24 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Center = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var Path = styled_components_1.default.path(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fill: ", ";\n"], ["\n  fill: ", ";\n"])), function (props) { return props.color || props.theme.textColor || 'white'; });
+var Center = function (props) {
+    return (react_1.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement(Path, { color: props.color, d: "M1.52851 2.47141L5.72377 6.66666H3.99992C3.63173 6.66666 3.33325 6.96513 3.33325 7.33332C3.33325 7.70151 3.63173 7.99999 3.99992 7.99999H7.33325C7.70144 7.99999 7.99992 7.70151 7.99992 7.33332V3.99999C7.99992 3.6318 7.70144 3.33332 7.33325 3.33332C6.96506 3.33332 6.66659 3.6318 6.66659 3.99999V5.72386L2.47132 1.5286C2.21097 1.26825 1.78886 1.26825 1.52851 1.5286C1.26816 1.78895 1.26816 2.21106 1.52851 2.47141Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M18.4713 2.47141L14.2761 6.66666H15.9999C16.3681 6.66666 16.6666 6.96513 16.6666 7.33332C16.6666 7.70151 16.3681 7.99999 15.9999 7.99999H12.6666C12.2984 7.99999 11.9999 7.70151 11.9999 7.33332V3.99999C11.9999 3.6318 12.2984 3.33332 12.6666 3.33332C13.0348 3.33332 13.3333 3.6318 13.3333 3.99999V5.72386L17.5285 1.5286C17.7889 1.26825 18.211 1.26825 18.4713 1.5286C18.7317 1.78895 18.7317 2.21106 18.4713 2.47141Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M14.2761 13.3334L18.4713 17.5286C18.7317 17.7889 18.7317 18.2111 18.4713 18.4714C18.211 18.7318 17.7889 18.7318 17.5285 18.4714L13.3333 14.2761V16C13.3333 16.3682 13.0348 16.6667 12.6666 16.6667C12.2984 16.6667 11.9999 16.3682 11.9999 16V12.6667C11.9999 12.2985 12.2984 12 12.6666 12H15.9999C16.3681 12 16.6666 12.2985 16.6666 12.6667C16.6666 13.0349 16.3681 13.3334 15.9999 13.3334H14.2761Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M1.52851 17.5286L5.72377 13.3334H3.99992C3.63173 13.3334 3.33325 13.0349 3.33325 12.6667C3.33325 12.2985 3.63173 12 3.99992 12H7.33325C7.70144 12 7.99992 12.2985 7.99992 12.6667V16C7.99992 16.3682 7.70144 16.6667 7.33325 16.6667C6.96506 16.6667 6.66659 16.3682 6.66659 16V14.2761L2.47132 18.4714C2.21097 18.7318 1.78886 18.7318 1.52851 18.4714C1.26816 18.2111 1.26816 17.7889 1.52851 17.5286Z" })));
+};
+exports.Center = Center;
+exports.Center.iconName = 'center';
+exports.default = exports.Center;
+var templateObject_1;