@gorpacrate/core-graphics/lib/renderer/rubber-band.js

A core library for creating shape-based graphic editors

"use strict";
exports.__esModule = true;
var tslib_1 = require("tslib");
var React = require("react");
var modes_1 = require("../declarations/modes");
var bounding_box_1 = require("../utils/bounding-box");
var constants_1 = require("./constants");
var RUBBERBAND_COLOR = constants_1.getAlphaMainColor(0.8);
var RubberBandRenderer = /** @class */ (function (_super) {
    tslib_1.__extends(RubberBandRenderer, _super);
    function RubberBandRenderer() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    RubberBandRenderer.prototype.render = function () {
        var mode = this.props.mode;
        if (modes_1.isRubberBandSelectionMode(mode)) {
            var _a = mode.payload, pStart = _a.pStart, pEnd = _a.pEnd;
            var _b = bounding_box_1.normalizeBB(bounding_box_1.getBoundingBoxFromTwoPoints(pStart, pEnd)), x1 = _b.x1, y1 = _b.y1, width = _b.width, height = _b.height;
            return (React.createElement("rect", { x: x1 + 0.5, y: y1 + 0.5, width: width, height: height, stroke: RUBBERBAND_COLOR, strokeWidth: '1', fill: 'none' }));
        }
        return null;
    };
    return RubberBandRenderer;
}(React.Component));
exports["default"] = RubberBandRenderer;
//# sourceMappingURL=rubber-band.js.map