abcjs 6.1.9 → 6.2.1

package/src/write/creation/elements/free-text.js

@@ -0,0 +1,41 @@
+function FreeText(info, vskip, getFontAndAttr, paddingLeft, width, getTextSize) {
+	var text = info.text;
+	this.rows = [];
+	var size;
+	if (vskip)
+		this.rows.push({ move: vskip });
+	var hash = getFontAndAttr.calc('textfont', 'defined-text');
+	if (text === "") {	// we do want to print out blank lines if they have been specified.
+		this.rows.push({ move: hash.attr['font-size'] * 2 }); // move the distance of the line, plus the distance of the margin, which is also one line.
+	} else if (typeof text === 'string') {
+		this.rows.push({ move: hash.attr['font-size'] / 2 }); // TODO-PER: move down some - the y location should be the top of the text, but we output text specifying the center line.
+		this.rows.push({ left: paddingLeft, text: text, font: 'textfont', klass: 'defined-text', anchor: "start", startChar: info.startChar, endChar: info.endChar, absElemType: "freeText", name: "free-text" });
+		size = getTextSize.calc(text, 'textfont', 'defined-text');
+		this.rows.push({ move: size.height });
+	} else if (text) {
+		var maxHeight = 0;
+		var leftSide = paddingLeft;
+		var currentFont = 'textfont';
+		for (var i = 0; i < text.length; i++) {
+			if (text[i].font) {
+				currentFont = text[i].font;
+			} else
+				currentFont = 'textfont';
+			this.rows.push({ left: leftSide, text: text[i].text, font: currentFont, klass: 'defined-text', anchor: 'start', startChar: info.startChar, endChar: info.endChar, absElemType: "freeText", name: "free-text" });
+			size = getTextSize.calc(text[i].text, getFontAndAttr.calc(currentFont, 'defined-text').font, 'defined-text');
+			leftSide += size.width + size.height / 2; // add a little padding to the right side. The height of the font is probably a close enough approximation.
+			maxHeight = Math.max(maxHeight, size.height)
+		}
+		this.rows.push({ move: maxHeight });
+	} else {
+		// The structure is wrong here: it requires an array to do centering, but it shouldn't have.
+		if (info.length === 1) {
+			var x = width / 2;
+			this.rows.push({ left: x, text: info[0].text, font: 'textfont', klass: 'defined-text', anchor: 'middle', startChar: info.startChar, endChar: info.endChar, absElemType: "freeText", name: "free-text" });
+			size = getTextSize.calc(info[0].text, 'textfont', 'defined-text');
+			this.rows.push({ move: size.height });
+		}
+	}
+}
+
+module.exports = FreeText;

package/src/write/{abc_relative_element.js → creation/elements/relative-element.js}

@@ -19,8 +19,8 @@ var RelativeElement = function RelativeElement(c, dx, w, pitch, opt) {
 	this.bottom = pitch;
 	if (this.pitch2 !== undefined && this.pitch2 < this.bottom) this.bottom = this.pitch2;
 	if (opt.thickness) {
-		this.top += opt.thickness/2;
-		this.bottom -= opt.thickness/2;
+		this.top += opt.thickness / 2;
+		this.bottom -= opt.thickness / 2;
 	}
 	if (opt.stemHeight) {
 		if (opt.stemHeight > 0)
@@ -91,10 +91,10 @@ RelativeElement.prototype.getChordDim = function () {
 	// 	margin = margin / 2;
 	var margin = 0;
 
-	var offset = this.type === "chord" ? this.realWidth/2 : 0;
+	var offset = this.type === "chord" ? this.realWidth / 2 : 0;
 	var left = this.x - offset - margin;
 	var right = left + this.realWidth + margin;
-	return { left: left, right: right};
+	return { left: left, right: right };
 };
 
 RelativeElement.prototype.invertLane = function (total) {
@@ -107,9 +107,9 @@ RelativeElement.prototype.putChordInLane = function (i) {
 	this.lane = i;
 	// Add some extra space to account for the character's descenders.
 	if (this.chordHeightAbove)
-		this.chordHeightAbove = (this.height*1.25)*this.lane;
+		this.chordHeightAbove = (this.height * 1.25) * this.lane;
 	else
-		this.chordHeightBelow = (this.height*1.25)*this.lane;
+		this.chordHeightBelow = (this.height * 1.25) * this.lane;
 };
 
 RelativeElement.prototype.getLane = function () {
@@ -119,7 +119,7 @@ RelativeElement.prototype.getLane = function () {
 };
 
 RelativeElement.prototype.setX = function (x) {
-	this.x = x+this.dx;
+	this.x = x + this.dx;
 };
 
 module.exports = RelativeElement;

package/src/write/{separator.js → creation/elements/separator.js}

@@ -1,10 +1,10 @@
 function Separator(spaceAbove, lineLength, spaceBelow) {
 	this.rows = [];
 	if (spaceAbove)
-		this.rows.push({move: spaceAbove});
+		this.rows.push({ move: spaceAbove });
 	this.rows.push({ separator: lineLength, absElemType: "separator" });
 	if (spaceBelow)
-		this.rows.push({move: spaceBelow});
+		this.rows.push({ move: spaceBelow });
 }
 
 module.exports = Separator;

package/src/write/{abc_staff_group_element.js → creation/elements/staff-group-element.js}

@@ -26,9 +26,9 @@
 // TODO-PER: Where is that used? It looks like it might not be needed.
 // height: Set in the draw() method to the height actually used. Used by the calling function to know where to start the next staff group.
 // TODO-PER: This should actually be set in the layout method and passed back as a return value.
-var calcHeight = require('./calcHeight');
+var calcHeight = require('../calc-height');
 
-var StaffGroupElement = function(getTextSize) {
+var StaffGroupElement = function (getTextSize) {
 	this.getTextSize = getTextSize;
 	this.voices = [];
 	this.staffs = [];
@@ -36,7 +36,7 @@ var StaffGroupElement = function(getTextSize) {
 	this.bracket = undefined;
 };
 
-StaffGroupElement.prototype.setLimit = function(member, voice) {
+StaffGroupElement.prototype.setLimit = function (member, voice) {
 	if (!voice.specialY[member]) return;
 	if (!voice.staff.specialY[member])
 		voice.staff.specialY[member] = voice.specialY[member];
@@ -81,7 +81,7 @@ StaffGroupElement.prototype.setHeight = function () {
 
 StaffGroupElement.prototype.setWidth = function (width) {
 	this.w = width;
-	for (var i=0;i<this.voices.length;i++) {
+	for (var i = 0; i < this.voices.length; i++) {
 		this.voices[i].setWidth(width);
 	}
 };

package/src/write/{subtitle.js → creation/elements/subtitle.js}

@@ -1,12 +1,12 @@
 function Subtitle(spaceAbove, formatting, info, center, paddingLeft, getTextSize) {
 	this.rows = [];
 	if (spaceAbove)
-		this.rows.push({move: spaceAbove});
+		this.rows.push({ move: spaceAbove });
 	var tAnchor = formatting.titleleft ? 'start' : 'middle';
 	var tLeft = formatting.titleleft ? paddingLeft : center;
-	this.rows.push({left: tLeft, text: info.text, font: 'subtitlefont', klass: 'text subtitle', anchor: tAnchor, startChar: info.startChar, endChar: info.endChar, absElemType: "subtitle", name: "subtitle"});
+	this.rows.push({ left: tLeft, text: info.text, font: 'subtitlefont', klass: 'text subtitle', anchor: tAnchor, startChar: info.startChar, endChar: info.endChar, absElemType: "subtitle", name: "subtitle" });
 	var size = getTextSize.calc(info.text, 'subtitlefont', 'text subtitle');
-	this.rows.push({move: size.height});
+	this.rows.push({ move: size.height });
 }
 
 module.exports = Subtitle;

package/src/write/creation/elements/tempo-element.js

@@ -0,0 +1,63 @@
+//    abc_tempo_element.js: Definition of the TempoElement class.
+
+var AbsoluteElement = require('./absolute-element');
+var RelativeElement = require('./relative-element');
+
+var TempoElement = function TempoElement(tempo, tuneNumber, createNoteHead) {
+	this.type = "TempoElement";
+	this.tempo = tempo;
+	this.tempo.type = "tempo"; /// TODO-PER: this should be set earlier, in the parser, probably.
+	this.tuneNumber = tuneNumber;
+	// TODO: can these two properties be merged?
+	this.totalHeightInPitches = 6;
+	this.tempoHeightAbove = this.totalHeightInPitches;
+	this.pitch = undefined; // This will be set later
+	if (this.tempo.duration && !this.tempo.suppressBpm) {
+		this.note = this.createNote(createNoteHead, tempo, tuneNumber);
+	}
+};
+
+TempoElement.prototype.setX = function (x) {
+	this.x = x;
+};
+
+TempoElement.prototype.createNote = function (createNoteHead, tempo, tuneNumber) {
+	var temposcale = 0.75;
+	var duration = tempo.duration[0]; // TODO when multiple durations
+	var absElem = new AbsoluteElement(tempo, duration, 1, 'tempo', tuneNumber);
+	// There aren't an infinite number of note values, but we are passed a float, so just in case something is off upstream,
+	// merge all of the in between points.
+	var dot;
+	var flag;
+	var note;
+	if (duration <= 1 / 32) { note = "noteheads.quarter"; flag = "flags.u32nd"; dot = 0; }
+	else if (duration <= 1 / 16) { note = "noteheads.quarter"; flag = "flags.u16th"; dot = 0; }
+	else if (duration <= 3 / 32) { note = "noteheads.quarter"; flag = "flags.u16nd"; dot = 1; }
+	else if (duration <= 1 / 8) { note = "noteheads.quarter"; flag = "flags.u8th"; dot = 0; }
+	else if (duration <= 3 / 16) { note = "noteheads.quarter"; flag = "flags.u8th"; dot = 1; }
+	else if (duration <= 1 / 4) { note = "noteheads.quarter"; dot = 0; }
+	else if (duration <= 3 / 8) { note = "noteheads.quarter"; dot = 1; }
+	else if (duration <= 1 / 2) { note = "noteheads.half"; dot = 0; }
+	else if (duration <= 3 / 4) { note = "noteheads.half"; dot = 1; }
+	else if (duration <= 1) { note = "noteheads.whole"; dot = 0; }
+	else if (duration <= 1.5) { note = "noteheads.whole"; dot = 1; }
+	else if (duration <= 2) { note = "noteheads.dbl"; dot = 0; }
+	else { note = "noteheads.dbl"; dot = 1; }
+
+	var ret = createNoteHead(absElem, note, { verticalPos: 0 }, // This is just temporary: we'll offset the vertical positioning when we get the actual vertical spot.
+		{ dir: "up", flag: flag, dot: dot, scale: temposcale });
+	var tempoNote = ret.notehead;
+	absElem.addHead(tempoNote);
+	var stem;
+	if (note !== "noteheads.whole" && note !== "noteheads.dbl") {
+		var p1 = 1 / 3 * temposcale;
+		var p2 = 5 * temposcale;
+		var dx = tempoNote.dx + tempoNote.w;
+		var width = -0.6;
+		stem = new RelativeElement(null, dx, 0, p1, { "type": "stem", "pitch2": p2, linewidth: width });
+		absElem.addRight(stem);
+	}
+	return absElem;
+};
+
+module.exports = TempoElement;

package/src/write/{abc_tie_element.js → creation/elements/tie-element.js}

@@ -2,7 +2,7 @@
 
 var TieElem = function TieElem(options) {
 	this.type = "TieElem";
-//	console.log("constructor", options.anchor1 ? options.anchor1.pitch : "N/A", options.anchor2 ? options.anchor2.pitch : "N/A", options.isTie, options.isGrace);
+	//	console.log("constructor", options.anchor1 ? options.anchor1.pitch : "N/A", options.anchor2 ? options.anchor2.pitch : "N/A", options.isTie, options.isGrace);
 	this.anchor1 = options.anchor1; // must have a .x and a .pitch, and a .parent property or be null (means starts at the "beginning" of the line - after keysig)
 	this.anchor2 = options.anchor2; // must have a .x and a .pitch property or be null (means ends at the end of the line)
 	if (options.isGrace)
@@ -18,12 +18,12 @@ var TieElem = function TieElem(options) {
 	this.internalNotes = [];
 };
 
-TieElem.prototype.addInternalNote = function(note) {
+TieElem.prototype.addInternalNote = function (note) {
 	this.internalNotes.push(note);
 };
 
-TieElem.prototype.setEndAnchor = function(anchor2) {
-//	console.log("end", this.anchor1 ? this.anchor1.pitch : "N/A", anchor2 ? anchor2.pitch : "N/A", this.isTie, this.isGrace);
+TieElem.prototype.setEndAnchor = function (anchor2) {
+	//	console.log("end", this.anchor1 ? this.anchor1.pitch : "N/A", anchor2 ? anchor2.pitch : "N/A", this.isTie, this.isGrace);
 	this.anchor2 = anchor2; // must have a .x and a .pitch property or be null (means ends at the end of the line)
 
 	// we don't really have enough info to know what the vertical extent is yet and we won't until drawing. This will just give it enough
@@ -39,11 +39,11 @@ TieElem.prototype.setEndAnchor = function(anchor2) {
 };
 
 // If we encounter a repeat sign, then we don't want to extend either a tie or a slur past it, so these are called to be a limit.
-TieElem.prototype.setStartX = function(startLimitElem) {
+TieElem.prototype.setStartX = function (startLimitElem) {
 	this.startLimitX = startLimitElem;
 };
 
-TieElem.prototype.setEndX = function(endLimitElem) {
+TieElem.prototype.setEndX = function (endLimitElem) {
 	this.endLimitX = endLimitElem;
 };
 
@@ -121,9 +121,13 @@ TieElem.prototype.calcX = function (lineStartX, lineEndX) {
 		if (this.anchor1.scalex < 1) // this is a grace note - don't offset the tie as much.
 			this.startX -= 3;
 	} else if (this.startLimitX)
-		this.startX = this.startLimitX.x+this.startLimitX.w; // if there is no start element, but there is a repeat mark before the start of the line.
-	else
-		this.startX = lineStartX; // There is no element and no repeat mark: extend to the beginning of the line.
+		this.startX = this.startLimitX.x + this.startLimitX.w; // if there is no start element, but there is a repeat mark before the start of the line.
+	else {
+		if (this.anchor2)
+			this.startX = this.anchor2.x - 20; // There is no element and no repeat mark: make a small arc
+		else
+			this.startX = lineStartX; // Don't have any guidance, so extend to beginning of line
+	}
 	if (!this.anchor1 && this.dotted)
 		this.startX -= 3; // The arc needs to be long enough to tell that it is dotted.
 
@@ -160,7 +164,7 @@ TieElem.prototype.calcSlurY = function () {
 	if (this.anchor1 && this.anchor2) {
 		if (this.above && this.anchor1.stemDir === "up" && !this.fixedY) {
 			this.startY = (this.anchor1.highestVert + this.anchor1.pitch) / 2;
-			this.startX += this.anchor1.w/2; // When going to the middle of the stem, bump the line to the right a little bit to make it look right.
+			this.startX += this.anchor1.w / 2; // When going to the middle of the stem, bump the line to the right a little bit to make it look right.
 		} else
 			this.startY = this.anchor1.pitch;
 
@@ -169,7 +173,7 @@ TieElem.prototype.calcSlurY = function () {
 		var midPoint = (this.anchor2.highestVert + this.anchor2.pitch) / 2;
 		if (this.above && this.anchor2.stemDir === "up" && !this.fixedY && !beamInterferes && (midPoint < this.startY)) {
 			this.endY = midPoint;
-			this.endX += Math.round(this.anchor2.w/2); // When going to the middle of the stem, bump the line to the right a little bit to make it look right.
+			this.endX += Math.round(this.anchor2.w / 2); // When going to the middle of the stem, bump the line to the right a little bit to make it look right.
 		} else
 			this.endY = this.above && beamInterferes ? this.anchor2.highestVert : this.anchor2.pitch;
 

package/src/write/{top-text.js → creation/elements/top-text.js}

@@ -1,4 +1,4 @@
-const addTextIf = require("./add-text-if");
+const addTextIf = require("../add-text-if");
 
 function TopText(metaText, metaTextInfo, formatting, lines, width, isPrint, paddingLeft, spacing, getTextSize) {
 	this.rows = [];
@@ -7,38 +7,38 @@ function TopText(metaText, metaTextInfo, formatting, lines, width, isPrint, padd
 		// Note: whether there is a header or not doesn't change any other positioning, so this doesn't change the Y-coordinate.
 		// This text goes above the margin, so we'll temporarily move up.
 		var headerTextHeight = getTextSize.calc("X", "headerfont", 'abcjs-header abcjs-meta-top').height;
-		addTextIf(this.rows, { marginLeft: paddingLeft, text: metaText.header.left, font: 'headerfont', klass: 'header meta-top', marginTop: -headerTextHeight, info: metaTextInfo.header, name: "header"}, getTextSize);
-		addTextIf(this.rows, { marginLeft: paddingLeft + width / 2, text: metaText.header.center, font: 'headerfont', klass: 'header meta-top', marginTop: -headerTextHeight, anchor: 'middle', info: metaTextInfo.header, name: "header"}, getTextSize);
-		addTextIf(this.rows, { marginLeft: paddingLeft + width, text: metaText.header.right, font: 'headerfont', klass: 'header meta-top', marginTop: -headerTextHeight, anchor: 'end', info: metaTextInfo.header, name: "header"}, getTextSize);
+		addTextIf(this.rows, { marginLeft: paddingLeft, text: metaText.header.left, font: 'headerfont', klass: 'header meta-top', marginTop: -headerTextHeight, info: metaTextInfo.header, name: "header" }, getTextSize);
+		addTextIf(this.rows, { marginLeft: paddingLeft + width / 2, text: metaText.header.center, font: 'headerfont', klass: 'header meta-top', marginTop: -headerTextHeight, anchor: 'middle', info: metaTextInfo.header, name: "header" }, getTextSize);
+		addTextIf(this.rows, { marginLeft: paddingLeft + width, text: metaText.header.right, font: 'headerfont', klass: 'header meta-top', marginTop: -headerTextHeight, anchor: 'end', info: metaTextInfo.header, name: "header" }, getTextSize);
 
-//		TopText.prototype.addTextIf = function (marginLeft, text, font, klass, marginTop, marginBottom, anchor, getTextSize, absElemType, noMove) {
+		//		TopText.prototype.addTextIf = function (marginLeft, text, font, klass, marginTop, marginBottom, anchor, getTextSize, absElemType, noMove) {
 	}
 	if (isPrint)
-		this.rows.push({move: spacing.top});
+		this.rows.push({ move: spacing.top });
 	var tAnchor = formatting.titleleft ? 'start' : 'middle';
 	var tLeft = formatting.titleleft ? paddingLeft : paddingLeft + width / 2;
 	if (metaText.title) {
-		addTextIf(this.rows, { marginLeft: tLeft, text: metaText.title, font: 'titlefont', klass: 'title meta-top', marginTop: spacing.title, anchor: tAnchor, absElemType: "title", info: metaTextInfo.title, name: "title"}, getTextSize);
+		addTextIf(this.rows, { marginLeft: tLeft, text: metaText.title, font: 'titlefont', klass: 'title meta-top', marginTop: spacing.title, anchor: tAnchor, absElemType: "title", info: metaTextInfo.title, name: "title" }, getTextSize);
 	}
 	if (lines.length) {
 		var index = 0;
 		while (index < lines.length && lines[index].subtitle) {
-			addTextIf(this.rows, {marginLeft: tLeft, text: lines[index].subtitle.text, font: 'subtitlefont', klass: 'text meta-top subtitle', marginTop: spacing.subtitle, anchor: tAnchor, absElemType: "subtitle", info: lines[index].subtitle, name: "subtitle"}, getTextSize);
+			addTextIf(this.rows, { marginLeft: tLeft, text: lines[index].subtitle.text, font: 'subtitlefont', klass: 'text meta-top subtitle', marginTop: spacing.subtitle, anchor: tAnchor, absElemType: "subtitle", info: lines[index].subtitle, name: "subtitle" }, getTextSize);
 			index++;
 		}
 	}
 
 	if (metaText.rhythm || metaText.origin || metaText.composer) {
-		this.rows.push({move: spacing.composer});
+		this.rows.push({ move: spacing.composer });
 		if (metaText.rhythm && metaText.rhythm.length > 0) {
 			var noMove = !!(metaText.composer || metaText.origin);
-			addTextIf(this.rows, { marginLeft: paddingLeft, text: metaText.rhythm, font: 'infofont', klass: 'meta-top rhythm', absElemType: "rhythm", noMove: noMove, info: metaTextInfo.rhythm, name: "rhythm"}, getTextSize);
+			addTextIf(this.rows, { marginLeft: paddingLeft, text: metaText.rhythm, font: 'infofont', klass: 'meta-top rhythm', absElemType: "rhythm", noMove: noMove, info: metaTextInfo.rhythm, name: "rhythm" }, getTextSize);
 		}
 		var composerLine = "";
 		if (metaText.composer) composerLine += metaText.composer;
 		if (metaText.origin) composerLine += ' (' + metaText.origin + ')';
 		if (composerLine.length > 0) {
-			addTextIf(this.rows, { marginLeft: paddingLeft + width, text: composerLine, font: 'composerfont', klass: 'meta-top composer', anchor: "end", absElemType: "composer", info: metaTextInfo.composer, name: "composer"}, getTextSize);
+			addTextIf(this.rows, { marginLeft: paddingLeft + width, text: composerLine, font: 'composerfont', klass: 'meta-top composer', anchor: "end", absElemType: "composer", info: metaTextInfo.composer, name: "composer" }, getTextSize);
 		}
 	}
 
@@ -47,7 +47,7 @@ function TopText(metaText, metaTextInfo, formatting, lines, width, isPrint, padd
 	}
 
 	if (metaText.partOrder && metaText.partOrder.length > 0) {
-		addTextIf(this.rows, { marginLeft: paddingLeft, text: metaText.partOrder, font: 'partsfont', klass: 'meta-top part-order', absElemType: "partOrder", info: metaTextInfo.partOrder, name: "part-order"}, getTextSize);
+		addTextIf(this.rows, { marginLeft: paddingLeft, text: metaText.partOrder, font: 'partsfont', klass: 'meta-top part-order', absElemType: "partOrder", info: metaTextInfo.partOrder, name: "part-order" }, getTextSize);
 	}
 }
 

package/src/write/creation/elements/triplet-element.js

@@ -0,0 +1,28 @@
+//    abc_triplet_element.js: Definition of the TripletElem class.
+
+var TripletElem = function TripletElem(number, anchor1, options) {
+	this.type = "TripletElem";
+	this.anchor1 = anchor1; // must have a .x and a .parent property or be null (means starts at the "beginning" of the line - after key signature)
+	this.number = number;
+	this.durationClass = ('d' + (Math.round(anchor1.parent.durationClass * 1000) / 1000)).replace(/\./, '-');
+	this.middleElems = []; // This is to calculate the highest interior pitch. It is used to make sure that the drawn bracket never crosses a really high middle note.
+	this.flatBeams = options.flatBeams;
+};
+
+TripletElem.prototype.isClosed = function () {
+	return !!this.anchor2;
+};
+
+TripletElem.prototype.middleNote = function (elem) {
+	this.middleElems.push(elem);
+};
+
+TripletElem.prototype.setCloseAnchor = function (anchor2) {
+	this.anchor2 = anchor2;
+	// TODO-PER: This used to be just for beamed triplets but it looks like bracketed triplets need extra room, too. The only one that doesn't is stem down and beamed
+	//if (this.anchor1.parent.beam)
+	if (!this.anchor1.parent.beam || this.anchor1.stemDir === 'up')
+		this.endingHeightAbove = 4;
+};
+
+module.exports = TripletElem;

package/src/write/{abc_voice_element.js → creation/elements/voice-element.js}

@@ -43,7 +43,7 @@ VoiceElement.prototype.addChild = function (absElem) {
 	this.setRange(absElem);
 };
 
-VoiceElement.prototype.setLimit = function(member, child) {
+VoiceElement.prototype.setLimit = function (member, child) {
 	// Sometimes we get an absolute element in here and sometimes we get some type of relative element.
 	// If there is a "specialY" element, then assume it is an absolute element. If that doesn't exist, look for the
 	// same members at the top level, because that's where they are in relative elements.
@@ -56,14 +56,14 @@ VoiceElement.prototype.setLimit = function(member, child) {
 		this.specialY[member] = Math.max(this.specialY[member], specialY[member]);
 };
 
-VoiceElement.prototype.adjustRange = function(child) {
+VoiceElement.prototype.adjustRange = function (child) {
 	if (child.bottom !== undefined)
 		this.bottom = Math.min(this.bottom, child.bottom);
 	if (child.top !== undefined)
 		this.top = Math.max(this.top, child.top);
 };
 
-VoiceElement.prototype.setRange = function(child) {
+VoiceElement.prototype.setRange = function (child) {
 	this.adjustRange(child);
 	this.setLimit('tempoHeightAbove', child);
 	this.setLimit('partHeightAbove', child);