@threekit-tools/treble 0.0.95-next-01 → 0.0.96

package/dist/hooks/useSpaces/draw/clearCanvas.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function clearCanvas(canvas) {
-    var ctx = canvas.getContext('2d');
-    if (!ctx)
-        return;
-    ctx.clearRect(0, 0, canvas.width, canvas.height);
-}
-exports.default = clearCanvas;

package/dist/hooks/useSpaces/draw/drawBackground.d.ts

@@ -1,2 +0,0 @@
-declare function drawBackground(canvas: HTMLCanvasElement, color?: string): void;
-export default drawBackground;

package/dist/hooks/useSpaces/draw/drawBackground.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function drawBackground(canvas, color) {
-    if (!color)
-        return;
-    var ctx = canvas.getContext('2d');
-    if (!ctx)
-        return;
-    ctx.fillStyle = color;
-    ctx.fillRect(0, 0, canvas.width, canvas.height);
-}
-exports.default = drawBackground;

package/dist/hooks/useSpaces/draw/drawDimensions.d.ts

@@ -1,3 +0,0 @@
-import { ICoordinatesLine, ILineDimensions, ISpacesConfigInternal, IStylesDimension } from '../types';
-export declare function drawDimension(canvas: HTMLCanvasElement, line: ICoordinatesLine, styles: IStylesDimension, message: string): void;
-export declare function drawDimensions(canvas: HTMLCanvasElement, dimensions: Array<ILineDimensions>, config: ISpacesConfigInternal): void;

package/dist/hooks/useSpaces/draw/drawDimensions.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawDimensions = exports.drawDimension = void 0;
-var geometry_1 = require("../geometry");
-function drawDimension(canvas, line, styles, message) {
-    var ctx = canvas.getContext('2d');
-    if (!ctx)
-        return;
-    var dimensionsBoxHeight = styles.fontSize + 6;
-    var dimensionsHeight = dimensionsBoxHeight + 6;
-    var line1 = (0, geometry_1.getParallelLineSegmentAtDistance)(line, styles.padding);
-    var line2 = (0, geometry_1.getParallelLineSegmentAtDistance)(line, styles.padding + dimensionsHeight / 2);
-    var line3 = (0, geometry_1.getParallelLineSegmentAtDistance)(line, styles.padding + dimensionsHeight);
-    var textLine = (0, geometry_1.getParallelLineSegmentAtDistance)(line, styles.padding + dimensionsHeight / 3);
-    var textCoordinates = (0, geometry_1.getMidpointOfLineSegment)(textLine);
-    var textAngle = (0, geometry_1.getAngleOfLineSegment)(textLine);
-    if (2 < textAngle || textAngle < -2)
-        textAngle += Math.PI;
-    ctx.strokeStyle = styles.lineColor;
-    ctx.lineWidth = 1;
-    ctx.beginPath();
-    ctx.moveTo.apply(ctx, line2[0]);
-    ctx.lineTo.apply(ctx, line2[1]);
-    ctx.stroke();
-    ctx.beginPath();
-    ctx.moveTo.apply(ctx, line1[0]);
-    ctx.lineTo.apply(ctx, line3[0]);
-    ctx.stroke();
-    ctx.beginPath();
-    ctx.moveTo.apply(ctx, line1[1]);
-    ctx.lineTo.apply(ctx, line3[1]);
-    ctx.stroke();
-    ctx.beginPath();
-    ctx.font = "".concat(styles.fontSize, "px ").concat(styles.font);
-    ctx.font = "".concat(styles.fontSize, "px ").concat(styles.font);
-    ctx.translate.apply(ctx, textCoordinates);
-    ctx.rotate(textAngle);
-    ctx.fillStyle = styles.textBackgroundColor;
-    var textWidth = ctx.measureText(message).width + 12;
-    ctx.fillRect(-(textWidth / 2), -((dimensionsBoxHeight * 3) / 4), textWidth, dimensionsBoxHeight);
-    ctx.fillStyle = styles.textColor;
-    ctx.textAlign = 'center';
-    ctx.fillText(message, 0, 0);
-    ctx.resetTransform();
-}
-exports.drawDimension = drawDimension;
-function drawDimensions(canvas, dimensions, config) {
-    dimensions.forEach(function (_a) {
-        var line = _a.line, label = _a.label;
-        drawDimension(canvas, line, config.styles.dimensions, label);
-    });
-}
-exports.drawDimensions = drawDimensions;

package/dist/hooks/useSpaces/draw/drawDoors.d.ts

@@ -1,9 +0,0 @@
-import { IFeatureDoor, ISpacesStyles } from '../types';
-import { IWallToDraw } from './drawWalls';
-declare function drawDoors(canvas: HTMLCanvasElement, walls: Array<IWallToDraw>, doors: Array<IFeatureDoor>, selections: {
-    active: Array<number>;
-    highlighted: Array<number>;
-    error: Array<number>;
-    hidden: Array<number>;
-}, styles: ISpacesStyles): void;
-export default drawDoors;

package/dist/hooks/useSpaces/draw/drawDoors.js

@@ -1,99 +0,0 @@
-"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 });
-var constants_1 = require("../constants");
-var geometry_1 = require("../geometry");
-var types_1 = require("../types");
-function drawDoor(canvas, wall, offset, length, showSwing, openingDirection, orientation, style, mode) {
-    var ctx = canvas.getContext('2d');
-    if (!ctx)
-        return;
-    var doorLine = (0, geometry_1.getLineAtOffsetOnLineSegment)(wall.line, offset, length);
-    var points = (0, geometry_1.addThicknessToLine)(doorLine, style.thickness);
-    var angle = (0, geometry_1.getAngleOfLineSegment)(doorLine);
-    var stroke = style.stroke, fill = style.fill, strokeWidth = style.strokeWidth;
-    if (mode) {
-        stroke = style[mode].stroke;
-        fill = style[mode].fill;
-    }
-    ctx.beginPath();
-    ctx.strokeStyle = stroke || fill;
-    ctx.lineWidth = 2;
-    var swingRatio = showSwing === constants_1.DoorShowSwing.SHOW ? 2 : 48;
-    if (openingDirection === constants_1.DoorOpeningDirections.INSIDE) {
-        if (orientation === constants_1.DoorOrientations.LEFT) {
-            ctx.moveTo.apply(ctx, points[0]);
-            ctx.arc.apply(ctx, __spreadArray(__spreadArray([], points[0], false), [length, angle - Math.PI / swingRatio, angle], false));
-        }
-        else {
-            ctx.moveTo.apply(ctx, points[1]);
-            ctx.arc.apply(ctx, __spreadArray(__spreadArray([], points[1], false), [length,
-                angle - (Math.PI * (swingRatio - 1)) / swingRatio,
-                angle - Math.PI,
-                true], false));
-        }
-    }
-    else {
-        if (orientation === constants_1.DoorOrientations.LEFT) {
-            ctx.moveTo.apply(ctx, points[2]);
-            ctx.arc.apply(ctx, __spreadArray(__spreadArray([], points[2], false), [length,
-                angle + (Math.PI * (swingRatio - 1)) / swingRatio,
-                angle + Math.PI], false));
-        }
-        else {
-            ctx.moveTo.apply(ctx, points[3]);
-            ctx.arc.apply(ctx, __spreadArray(__spreadArray([], points[3], false), [length, angle + Math.PI / swingRatio, angle, true], false));
-        }
-    }
-    ctx.stroke();
-    ctx.strokeStyle = stroke || fill;
-    ctx.fillStyle = fill;
-    ctx.lineWidth = strokeWidth || 1;
-    ctx.beginPath();
-    ctx.moveTo.apply(ctx, points[0]);
-    for (var i = 1; i < points.length; i++) {
-        ctx.lineTo.apply(ctx, points[i]);
-    }
-    ctx.lineTo.apply(ctx, points[0]);
-    ctx.fill();
-    if (style.stroke)
-        ctx.stroke();
-}
-function drawDoors(canvas, walls, doors, selections, styles) {
-    var styled = [
-        selections.active,
-        selections.highlighted,
-        selections.error,
-        selections.hidden,
-    ];
-    var defaultOpenings = doors.reduce(function (output, _, i) {
-        if (!styled.flat().includes(i))
-            output.push(i);
-        return output;
-    }, []);
-    var doorsMap = [
-        [types_1.IElementStyleModes.ACTIVE, selections.active],
-        [types_1.IElementStyleModes.HIGHLIGHT, selections.highlighted],
-        [types_1.IElementStyleModes.ERROR, selections.error],
-        [undefined, defaultOpenings],
-    ];
-    doorsMap.forEach(function (_a) {
-        var mode = _a[0], doorsIndexes = _a[1];
-        return doorsIndexes.forEach(function (index) {
-            var door = doors[index];
-            if (!(door === null || door === void 0 ? void 0 : door.connectedTo.length))
-                return;
-            var wallIndex = door.connectedTo[1];
-            drawDoor(canvas, walls[wallIndex], door.offset, door.length, door.showSwing, door.openingDirection, door.orientation, styles.feature, mode);
-        });
-    });
-}
-exports.default = drawDoors;

package/dist/hooks/useSpaces/draw/drawFloor.d.ts

@@ -1,3 +0,0 @@
-import { IEnclosedSpace, IStylesFloor } from '../types';
-export declare function drawFloor(canvas: HTMLCanvasElement, enclosedSpaces: Array<IEnclosedSpace>, styles: IStylesFloor): void;
-export declare function drawFloorArea(canvas: HTMLCanvasElement, enclosedSpaces: Array<IEnclosedSpace>, styles: IStylesFloor): void;

package/dist/hooks/useSpaces/draw/drawFloor.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawFloorArea = exports.drawFloor = void 0;
-function drawFloor(canvas, enclosedSpaces, styles) {
-    var ctx = canvas.getContext('2d');
-    if (!ctx)
-        return;
-    if (!enclosedSpaces.length)
-        return;
-    for (var _i = 0, enclosedSpaces_1 = enclosedSpaces; _i < enclosedSpaces_1.length; _i++) {
-        var enclosedSpace = enclosedSpaces_1[_i];
-        var loop = enclosedSpace.loop;
-        ctx.fillStyle = styles.color;
-        ctx.beginPath();
-        ctx.moveTo.apply(ctx, loop[0]);
-        for (var i = 1; i < loop.length; i++)
-            ctx.lineTo.apply(ctx, loop[i]);
-        ctx.fill();
-    }
-}
-exports.drawFloor = drawFloor;
-function drawFloorArea(canvas, enclosedSpaces, styles) {
-    var ctx = canvas.getContext('2d');
-    if (!ctx)
-        return;
-    if (!enclosedSpaces.length)
-        return;
-    for (var _i = 0, enclosedSpaces_2 = enclosedSpaces; _i < enclosedSpaces_2.length; _i++) {
-        var enclosedSpace = enclosedSpaces_2[_i];
-        var center = enclosedSpace.center, area = enclosedSpace.area;
-        ctx.font = '20px Arial';
-        ctx.fillStyle = styles.textColor;
-        ctx.fillText(area, center[0], center[1]);
-    }
-}
-exports.drawFloorArea = drawFloorArea;

package/dist/hooks/useSpaces/draw/drawGrid.d.ts

@@ -1,3 +0,0 @@
-import type { IGridToDraw, IStylesGrid } from '../types';
-declare function drawGrid(canvas: HTMLCanvasElement, grid: IGridToDraw, styles: IStylesGrid): void;
-export default drawGrid;

package/dist/hooks/useSpaces/draw/drawGrid.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function drawGrid(canvas, grid, styles) {
-    var ctx = canvas.getContext('2d');
-    if (!ctx)
-        return;
-    var unitLength = grid.unitLength, subdivisions = grid.subdivisions;
-    var showSubdivisions = styles.showSubdivisions &&
-        unitLength / subdivisions > styles.subdivisionThreshold;
-    var length = showSubdivisions ? unitLength / subdivisions : unitLength;
-    var offset = showSubdivisions
-        ? [grid.offset[0] % length, grid.offset[1] % length]
-        : grid.offset;
-    ctx.strokeStyle = styles.lineColor;
-    var numHorizontalLines = Math.ceil(canvas.height / length) +
-        1 * (showSubdivisions ? subdivisions : 1);
-    var numVerticalLines = Math.ceil(canvas.width / length) +
-        1 * (showSubdivisions ? subdivisions : 1);
-    for (var i = 0; i < numHorizontalLines; i++) {
-        var y = i * length + offset[1];
-        ctx.lineWidth = showSubdivisions && i % subdivisions === 0 ? 2 : 1;
-        ctx.beginPath();
-        ctx.moveTo(0, y);
-        ctx.lineTo(canvas.width, y);
-        ctx.stroke();
-    }
-    for (var i = 0; i < numVerticalLines; i++) {
-        var x = i * length + offset[0];
-        ctx.lineWidth = showSubdivisions && i % subdivisions === 0 ? 2 : 1;
-        ctx.beginPath();
-        ctx.moveTo(x, 0);
-        ctx.lineTo(x, canvas.height);
-        ctx.stroke();
-    }
-}
-exports.default = drawGrid;

package/dist/hooks/useSpaces/draw/drawGuides.d.ts

@@ -1,3 +0,0 @@
-import { GUIDE_ORIENTATIONS, ICoordinate2D, IStylesGuides } from '../types';
-declare function drawGuides(canvas: HTMLCanvasElement, point: ICoordinate2D, orientations: Array<GUIDE_ORIENTATIONS>, style: IStylesGuides): void;
-export default drawGuides;

package/dist/hooks/useSpaces/draw/drawGuides.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var types_1 = require("../types");
-function drawGuides(canvas, point, orientations, style) {
-    var ctx = canvas.getContext('2d');
-    if (!ctx)
-        return;
-    ctx.strokeStyle = style.color;
-    ctx.lineWidth = style.thickness;
-    if (orientations.includes(types_1.GUIDE_ORIENTATIONS.VERTICAL)) {
-        ctx.beginPath();
-        ctx.moveTo(point[0], 0);
-        ctx.lineTo(point[0], canvas.height);
-        ctx.stroke();
-    }
-    if (orientations.includes(types_1.GUIDE_ORIENTATIONS.HORIZONTAL)) {
-        ctx.beginPath();
-        ctx.moveTo(0, point[1]);
-        ctx.lineTo(canvas.width, point[1]);
-        ctx.stroke();
-    }
-}
-exports.default = drawGuides;

package/dist/hooks/useSpaces/draw/drawOpenings.d.ts

@@ -1,9 +0,0 @@
-import { IFeature, ISpacesStyles } from '../types';
-import { IWallToDraw } from './drawWalls';
-declare function drawOpenings(canvas: HTMLCanvasElement, walls: Array<IWallToDraw>, openings: Array<IFeature>, selections: {
-    active: Array<number>;
-    highlighted: Array<number>;
-    error: Array<number>;
-    hidden: Array<number>;
-}, styles: ISpacesStyles): void;
-export default drawOpenings;

package/dist/hooks/useSpaces/draw/drawOpenings.js

@@ -1,72 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var geometry_1 = require("../geometry");
-var types_1 = require("../types");
-function drawOpening(canvas, wall, offset, length, style, mode) {
-    var ctx = canvas.getContext('2d');
-    if (!ctx)
-        return;
-    var openingLine = (0, geometry_1.getLineAtOffsetOnLineSegment)(wall.line, offset, length);
-    var points = (0, geometry_1.addThicknessToLine)(openingLine, style.thickness);
-    var stroke = style.stroke, fill = style.fill, strokeWidth = style.strokeWidth;
-    if (mode) {
-        stroke = style[mode].stroke;
-        fill = style[mode].fill;
-    }
-    ctx.fillStyle = 'white';
-    ctx.beginPath();
-    ctx.moveTo.apply(ctx, points[0]);
-    for (var i = 1; i < points.length; i++) {
-        ctx.lineTo.apply(ctx, points[i]);
-    }
-    ctx.lineTo.apply(ctx, points[0]);
-    ctx.fill();
-    ctx.beginPath();
-    ctx.strokeStyle = stroke || fill;
-    ctx.fillStyle = fill;
-    ctx.lineWidth = strokeWidth || 1;
-    ctx.setLineDash([10, 10]);
-    ctx.moveTo.apply(ctx, openingLine[0]);
-    ctx.lineTo.apply(ctx, openingLine[1]);
-    ctx.stroke();
-    ctx.closePath();
-    ctx.beginPath();
-    ctx.setLineDash([]);
-    var angle = (0, geometry_1.getAngleOfLineSegment)(openingLine);
-    ctx.arc(openingLine[0][0], openingLine[0][1], style.thickness / 2, angle - Math.PI / 2, angle + Math.PI / 2);
-    ctx.fill();
-    ctx.closePath();
-    ctx.beginPath();
-    ctx.arc(openingLine[1][0], openingLine[1][1], style.thickness / 2, angle + Math.PI / 2, angle - Math.PI / 2);
-    ctx.fill();
-}
-function drawOpenings(canvas, walls, openings, selections, styles) {
-    var styled = [
-        selections.active,
-        selections.highlighted,
-        selections.error,
-        selections.hidden,
-    ];
-    var defaultOpenings = openings.reduce(function (output, _, i) {
-        if (!styled.flat().includes(i))
-            output.push(i);
-        return output;
-    }, []);
-    var openingsMap = [
-        [types_1.IElementStyleModes.ACTIVE, selections.active],
-        [types_1.IElementStyleModes.HIGHLIGHT, selections.highlighted],
-        [types_1.IElementStyleModes.ERROR, selections.error],
-        [undefined, defaultOpenings],
-    ];
-    openingsMap.forEach(function (_a) {
-        var mode = _a[0], openingsIndexes = _a[1];
-        return openingsIndexes.forEach(function (index) {
-            var opening = openings[index];
-            if (!(opening === null || opening === void 0 ? void 0 : opening.connectedTo.length))
-                return;
-            var wallIndex = opening.connectedTo[1];
-            drawOpening(canvas, walls[wallIndex], opening.offset, opening.length, styles.feature, mode);
-        });
-    });
-}
-exports.default = drawOpenings;

package/dist/hooks/useSpaces/draw/drawVertices.d.ts

@@ -1,8 +0,0 @@
-import { ICoordinate2D, IVertex, IElementStyleModes, IStylesVertex } from '../types';
-export declare function drawVertex(canvas: HTMLCanvasElement, point: ICoordinate2D, style: IStylesVertex, mode?: IElementStyleModes): void;
-export declare function drawVertices(canvas: HTMLCanvasElement, vertices: Array<IVertex>, selections: {
-    active: Array<number>;
-    highlighted: Array<number>;
-    error: Array<number>;
-    hidden: Array<number>;
-}, styles: IStylesVertex): void;

package/dist/hooks/useSpaces/draw/drawVertices.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawVertices = exports.drawVertex = void 0;
-var types_1 = require("../types");
-function drawVertex(canvas, point, style, mode) {
-    var ctx = canvas.getContext('2d');
-    if (!ctx)
-        return;
-    var stroke = style.stroke, innerFill = style.innerFill, outerFill = style.outerFill, strokeWidth = style.strokeWidth, outerRadius = style.outerRadius;
-    if (mode) {
-        stroke = style[mode].stroke;
-        innerFill = style[mode].innerFill;
-        outerFill = style[mode].outerFill;
-    }
-    ctx.lineWidth = strokeWidth || 1;
-    ctx.strokeStyle = stroke || innerFill;
-    ctx.fillStyle = outerFill;
-    if (outerRadius) {
-        ctx.beginPath();
-        ctx.arc(point[0], point[1], outerRadius, 0, 2 * Math.PI);
-        if (style.strokeWidth)
-            ctx.stroke();
-        ctx.fill();
-    }
-    ctx.lineWidth = strokeWidth || 1;
-    ctx.fillStyle = innerFill;
-    ctx.strokeStyle = stroke || innerFill;
-    ctx.beginPath();
-    ctx.arc(point[0], point[1], style.innerRadius, 0, 2 * Math.PI);
-    ctx.fill();
-    if (!outerRadius && strokeWidth)
-        ctx.stroke();
-}
-exports.drawVertex = drawVertex;
-function drawVertices(canvas, vertices, selections, styles) {
-    var styled = [
-        selections.active,
-        selections.highlighted,
-        selections.error,
-        selections.hidden,
-    ];
-    var defaultOpenings = vertices.reduce(function (output, _, i) {
-        if (!styled.flat().includes(i))
-            output.push(i);
-        return output;
-    }, []);
-    var verticesMap = [
-        [types_1.IElementStyleModes.ACTIVE, selections.active],
-        [types_1.IElementStyleModes.HIGHLIGHT, selections.highlighted],
-        [types_1.IElementStyleModes.ERROR, selections.error],
-        [undefined, defaultOpenings],
-    ];
-    verticesMap.forEach(function (_a) {
-        var mode = _a[0], vertexIndexes = _a[1];
-        return vertexIndexes.forEach(function (index) {
-            var point = vertices[index].point;
-            drawVertex(canvas, point, styles, mode);
-        });
-    });
-}
-exports.drawVertices = drawVertices;

package/dist/hooks/useSpaces/draw/drawWalls.d.ts

@@ -1,11 +0,0 @@
-import { IWall, ICoordinatesLine, ISpacesStyles, IStylesWall, IElementStyleModes } from '../types';
-import { WallModes } from '../constants';
-export interface IWallToDraw extends Pick<IWall, 'line' | 'path' | 'mode'> {
-}
-export declare function drawNewWall(canvas: HTMLCanvasElement, line: ICoordinatesLine, wallMode: WallModes, styles: ISpacesStyles, mode?: IElementStyleModes.ERROR): void;
-export declare function drawWalls(canvas: HTMLCanvasElement, walls: Array<IWallToDraw>, selections: {
-    active: Array<number>;
-    highlighted: Array<number>;
-    error: Array<number>;
-    hidden: Array<number>;
-}, styles: IStylesWall): void;

package/dist/hooks/useSpaces/draw/drawWalls.js

@@ -1,90 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawWalls = exports.drawNewWall = void 0;
-var types_1 = require("../types");
-var geometry_1 = require("../geometry");
-var drawVertices_1 = require("./drawVertices");
-var constants_1 = require("../constants");
-function drawBoundary(canvas, wall, style, mode) {
-    var ctx = canvas.getContext('2d');
-    if (!ctx)
-        return;
-    var stroke = style.stroke, fill = style.fill;
-    if (mode) {
-        stroke = style[mode].stroke;
-        fill = style[mode].fill;
-    }
-    ctx.strokeStyle = stroke || fill;
-    ctx.fillStyle = fill;
-    ctx.lineWidth = style.thickness;
-    ctx.beginPath();
-    ctx.setLineDash([10, 10]);
-    ctx.moveTo.apply(ctx, wall.line[0]);
-    ctx.lineTo.apply(ctx, wall.line[1]);
-    ctx.stroke();
-    ctx.closePath();
-    ctx.beginPath();
-    ctx.setLineDash([]);
-}
-function drawWall(canvas, wall, style, mode) {
-    var _a;
-    var ctx = canvas.getContext('2d');
-    if (!ctx)
-        return;
-    var path = (_a = wall.path) !== null && _a !== void 0 ? _a : (0, geometry_1.addThicknessToLine)(wall.line, style.thickness);
-    var stroke = style.stroke, fill = style.fill, strokeWidth = style.strokeWidth;
-    if (mode) {
-        stroke = style[mode].stroke;
-        fill = style[mode].fill;
-    }
-    ctx.strokeStyle = stroke || fill;
-    ctx.fillStyle = fill;
-    ctx.lineWidth = strokeWidth || 1;
-    ctx.beginPath();
-    ctx.moveTo.apply(ctx, path[0]);
-    for (var i = 1; i < path.length; i++) {
-        ctx.lineTo.apply(ctx, path[i]);
-    }
-    ctx.lineTo.apply(ctx, path[0]);
-    ctx.fill();
-    if (style.stroke && style.strokeWidth)
-        ctx.stroke();
-}
-function drawNewWall(canvas, line, wallMode, styles, mode) {
-    var draw = wallMode === constants_1.WallModes.WALL ? drawWall : drawBoundary;
-    draw(canvas, {
-        line: line,
-        path: (0, geometry_1.addThicknessToLine)(line, styles.wall.thickness),
-    }, styles.wall, mode !== null && mode !== void 0 ? mode : types_1.IElementStyleModes.ACTIVE);
-    line.forEach(function (point) {
-        return (0, drawVertices_1.drawVertex)(canvas, point, styles.vertex, mode !== null && mode !== void 0 ? mode : types_1.IElementStyleModes.HIGHLIGHT);
-    });
-}
-exports.drawNewWall = drawNewWall;
-function drawWalls(canvas, walls, selections, styles) {
-    var styled = [
-        selections.active,
-        selections.highlighted,
-        selections.error,
-        selections.hidden,
-    ];
-    var defaultOpenings = walls.reduce(function (output, _, i) {
-        if (!styled.flat().includes(i))
-            output.push(i);
-        return output;
-    }, []);
-    var wallsMap = [
-        [types_1.IElementStyleModes.ACTIVE, selections.active],
-        [types_1.IElementStyleModes.HIGHLIGHT, selections.highlighted],
-        [types_1.IElementStyleModes.ERROR, selections.error],
-        [undefined, defaultOpenings],
-    ];
-    wallsMap.forEach(function (_a) {
-        var mode = _a[0], wallIndexes = _a[1];
-        return wallIndexes.forEach(function (index) {
-            var draw = walls[index].mode === constants_1.WallModes.WALL ? drawWall : drawBoundary;
-            draw(canvas, walls[index], styles, mode);
-        });
-    });
-}
-exports.drawWalls = drawWalls;

package/dist/hooks/useSpaces/draw/drawWindows.d.ts

@@ -1,9 +0,0 @@
-import { IFeature, ISpacesStyles } from '../types';
-import { IWallToDraw } from './drawWalls';
-declare function drawWindows(canvas: HTMLCanvasElement, walls: Array<IWallToDraw>, windows: Array<IFeature>, selections: {
-    active: Array<number>;
-    highlighted: Array<number>;
-    error: Array<number>;
-    hidden: Array<number>;
-}, styles: ISpacesStyles): void;
-export default drawWindows;

package/dist/hooks/useSpaces/draw/drawWindows.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var geometry_1 = require("../geometry");
-var types_1 = require("../types");
-function drawWindow(canvas, wall, offset, length, style, mode) {
-    var ctx = canvas.getContext('2d');
-    if (!ctx)
-        return;
-    var windowLine = (0, geometry_1.getLineAtOffsetOnLineSegment)(wall.line, offset, length);
-    var windowRectangleLine = (0, geometry_1.getLineAtOffsetOnLineSegment)(wall.line, offset + style.thickness / 2, length - style.thickness);
-    var points = (0, geometry_1.addThicknessToLine)(windowLine, style.thickness);
-    var rectanglePoints = (0, geometry_1.addThicknessToLine)(windowRectangleLine, style.thickness);
-    var stroke = style.stroke, fill = style.fill, strokeWidth = style.strokeWidth;
-    if (mode) {
-        stroke = style[mode].stroke;
-        fill = style[mode].fill;
-    }
-    ctx.fillStyle = 'white';
-    ctx.beginPath();
-    ctx.moveTo.apply(ctx, points[0]);
-    for (var i = 1; i < points.length; i++) {
-        ctx.lineTo.apply(ctx, points[i]);
-    }
-    ctx.lineTo.apply(ctx, points[0]);
-    ctx.fill();
-    ctx.closePath();
-    ctx.strokeStyle = stroke || fill;
-    ctx.fillStyle = fill;
-    ctx.lineWidth = strokeWidth || 1;
-    ctx.moveTo.apply(ctx, rectanglePoints[0]);
-    ctx.beginPath();
-    for (var i = 1; i < points.length; i++) {
-        ctx.lineTo.apply(ctx, rectanglePoints[i]);
-    }
-    ctx.lineTo.apply(ctx, rectanglePoints[0]);
-    ctx.fill();
-    ctx.closePath();
-    ctx.beginPath();
-    ctx.moveTo.apply(ctx, windowLine[0]);
-    ctx.lineTo.apply(ctx, windowLine[1]);
-    if (style.stroke)
-        ctx.stroke();
-    ctx.closePath();
-    var angle = (0, geometry_1.getAngleOfLineSegment)(windowLine);
-    ctx.beginPath();
-    ctx.arc(windowLine[0][0], windowLine[0][1], style.thickness / 2, angle - Math.PI / 2, angle + Math.PI / 2);
-    ctx.fill();
-    ctx.closePath();
-    ctx.beginPath();
-    ctx.arc(windowLine[1][0], windowLine[1][1], style.thickness / 2, angle + Math.PI / 2, angle - Math.PI / 2);
-    ctx.fill();
-}
-function drawWindows(canvas, walls, windows, selections, styles) {
-    var styled = [
-        selections.active,
-        selections.highlighted,
-        selections.error,
-        selections.hidden,
-    ];
-    var defaultOpenings = windows.reduce(function (output, _, i) {
-        if (!styled.flat().includes(i))
-            output.push(i);
-        return output;
-    }, []);
-    var windowsMap = [
-        [types_1.IElementStyleModes.ACTIVE, selections.active],
-        [types_1.IElementStyleModes.HIGHLIGHT, selections.highlighted],
-        [types_1.IElementStyleModes.ERROR, selections.error],
-        [undefined, defaultOpenings],
-    ];
-    windowsMap.forEach(function (_a) {
-        var mode = _a[0], windowIndexes = _a[1];
-        return windowIndexes.forEach(function (index) {
-            var window = windows[index];
-            if (!(window === null || window === void 0 ? void 0 : window.connectedTo.length))
-                return;
-            var wallIndex = window.connectedTo[1];
-            drawWindow(canvas, walls[wallIndex], window.offset, window.length, styles.feature, mode);
-        });
-    });
-}
-exports.default = drawWindows;