40 lines
1 KiB
JavaScript
40 lines
1 KiB
JavaScript
|
export default function(part) {
|
||
|
|
let { Point, Path, points, paths, store } = part.shorthand();
|
||
|
|
|
||
|
|
let y = store.get("y");
|
||
|
|
let w = store.get("w");
|
||
|
|
let text = ["xs", "sm", "", "l", "xl", "xxl"];
|
||
|
|
y += 10;
|
||
|
|
points.tl = new Point(0, y);
|
||
|
|
points.tr = new Point(w, y);
|
||
|
|
paths.text = new Path()
|
||
|
|
.move(points.tl)
|
||
|
|
.line(points.tr)
|
||
|
|
.attr("data-text", "text");
|
||
|
|
y += 10;
|
||
|
|
points.tlc = new Point(0, y);
|
||
|
|
points.trc = new Point(w, y);
|
||
|
|
paths.textc = new Path()
|
||
|
|
.move(points.tlc)
|
||
|
|
.line(points.trc)
|
||
|
|
.attr("data-text", "text.center")
|
||
|
|
.attr("data-text-class", "center");
|
||
|
|
y += 10;
|
||
|
|
points.tlr = new Point(0, y);
|
||
|
|
points.trr = new Point(w, y);
|
||
|
|
paths.textr = new Path()
|
||
|
|
.move(points.tlr)
|
||
|
|
.line(points.trr)
|
||
|
|
.attr("data-text", "text.right")
|
||
|
|
.attr("data-text-class", "right");
|
||
|
|
for (let i in text) {
|
||
|
|
y += 15;
|
||
|
|
points["t" + i] = new Point(0, y)
|
||
|
|
.attr("data-text", "text" + text[i] === "" ? "" : ".text-" + text[i])
|
||
|
|
.attr("data-text-class", "text-" + text[i]);
|
||
|
|
}
|
||
|
|
store.set("y", y);
|
||
|
|
|
||
|
|
return part;
|
||
|
|
}
|