@g20/grid
Version:
153 lines (146 loc) • 6.29 kB
JavaScript
/**
* @g20/grid 1.0.0-alpha.46
* (c) David Geo Holmes david.geo.holmes@gmail.com
* Released under the MIT License.
*/
System.register(['@g20/core'], (function (exports) {
'use strict';
var Group, Arrow, G20, Text, is_color, Line;
return {
setters: [function (module) {
Group = module.Group;
Arrow = module.Arrow;
G20 = module.G20;
Text = module.Text;
is_color = module.is_color;
Line = module.Line;
}],
execute: (function () {
class Axes extends Group {
xAxis;
yAxis;
xLabel;
yLabel;
constructor(board, options = {}) {
super(board, [], options);
const bbox = board.getBoundingBox();
const sizeX = Math.abs(bbox.right - bbox.left);
const sizeY = Math.abs(bbox.top - bbox.bottom);
const dx = sizeX * 0.05;
const dy = sizeY * 0.05;
const xHead = [(board.crazy ? bbox.left : bbox.right) - dx, 0];
const xTail = [(board.crazy ? bbox.right : bbox.left) + dx, 0];
const yHead = [0, (board.goofy ? bbox.bottom : bbox.top) - dy];
const yTail = [0, (board.goofy ? bbox.top : bbox.bottom) + dy];
this.xAxis = new Arrow(board, G20.ex.scale(sizeX - 2 * dx), {
position: xTail,
headLength: 0.025 * sizeX
});
this.add(this.xAxis);
this.yAxis = new Arrow(board, G20.ey.scale(sizeY - 2 * dy), {
position: yTail,
headLength: 0.025 * sizeY
});
this.add(this.yAxis);
this.xLabel = new Text(board, "x", {
position: xHead,
anchor: "start",
baseline: "middle",
dx: 16 * 0.6 // fontSize * ratio of width / height for typical character
});
this.add(this.xLabel);
resize(this.xLabel, board);
this.yLabel = new Text(board, "y", {
position: yHead,
anchor: "middle",
baseline: "middle",
dy: 16 // fontSize
});
this.add(this.yLabel);
resize(this.yLabel, board);
}
dispose() {
this.xLabel.dispose();
this.yLabel.dispose();
this.xAxis.dispose();
this.yAxis.dispose();
super.dispose();
}
render(viewDOM, parentElement, svgElement) {
if (this.zzz.viewee) ;
else {
super.render(viewDOM, parentElement, svgElement);
}
}
} exports("Axes", Axes);
function resize(shape, board) {
shape.sx = 1 / board.sx;
shape.sy = 1 / board.sy;
}
function default_color(attributeValue, defaultValue) {
if (is_color(attributeValue)) {
return attributeValue;
}
else {
return defaultValue;
}
}
function default_number(value, defaultValue) {
if (typeof value === "number") {
return value;
}
else {
return defaultValue;
}
}
const STROKE_WIDTH_OPEN_PATH_PIXELS = 3;
function default_open_path_stroke_width(strokeWidth, owner) {
if (typeof strokeWidth === "number") {
return strokeWidth;
}
else {
return STROKE_WIDTH_OPEN_PATH_PIXELS / owner.sx;
}
}
class Grid extends Group {
constructor(owner, options = {}) {
super(owner, [], options);
const Nx = 10;
const Ny = 10;
const Lx = Nx - 1;
const Ly = Ny - 1;
const Mx = Nx / 2 - 1;
const My = Ny / 2 - 1;
const bbox = owner.getBoundingBox();
const mx = (bbox.right - bbox.left) / Nx;
const my = (bbox.top - bbox.bottom) / Ny;
const lineOptions = {
fillColor: default_color(options.lineColor, owner.defaults.line.fillColor),
fillOpacity: default_number(options.lineOpacity, owner.defaults.line.fillOpacity),
strokeColor: default_color(options.lineColor, owner.defaults.line.strokeColor),
strokeOpacity: default_number(options.lineOpacity, owner.defaults.line.strokeOpacity),
strokeWidth: default_open_path_stroke_width(default_number(options.lineWidth, owner.defaults.line.strokeWidth), owner)
};
for (let i = 0; i < Ly; i++) {
const line = new Line(owner, [bbox.left, my * (i - My)], [bbox.right, my * (i - My)], lineOptions);
this.add(line);
}
for (let i = 0; i < Lx; i++) {
const line = new Line(owner, [mx * (i - Mx), bbox.bottom], [mx * (i - Mx), bbox.top], lineOptions);
this.add(line);
}
}
dispose() {
super.dispose();
}
render(viewDOM, parentElement, svgElement) {
if (this.zzz.viewee) ;
else {
super.render(viewDOM, parentElement, svgElement);
}
}
} exports("Grid", Grid);
})
};
}));
//# sourceMappingURL=index.js.map