abcjs 6.1.1 → 6.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "abcjs",
-  "version": "6.1.1",
+  "version": "6.1.2",
   "description": "Renderer for abc music notation",
   "main": "index.js",
   "types": "types/index.d.ts",

package/src/write/abc_engraver_controller.js

@@ -249,14 +249,14 @@ EngraverController.prototype.engraveTune = function (abcTune, tuneNumber, lineOf
 
 	if (this.oneSvgPerLine) {
 		var div = this.renderer.paper.svg.parentNode
-		this.svgs = splitSvgIntoLines(div, abcTune.metaText.title)
+		this.svgs = splitSvgIntoLines(div, abcTune.metaText.title, this.responsive)
 	} else {
 		this.svgs = [this.renderer.paper.svg];
 	}
 	setupSelection(this, this.svgs);
 };
 
-function splitSvgIntoLines(output, title) {
+function splitSvgIntoLines(output, title, responsive) {
 	// Each line is a top level <g> in the svg. To split it into separate
 	// svgs iterate through each of those and put them in a new svg. Since
 	// they are placed absolutely, the viewBox needs to be manipulated to
@@ -265,8 +265,10 @@ function splitSvgIntoLines(output, title) {
 	// since we want that to include a count. And the height is now a fraction of the original svg.
 	if (!title) title = "Untitled"
 	var source = output.querySelector("svg")
+	if (responsive === 'resize')
+		output.style.paddingBottom = ''
 	var style = source.querySelector("style")
-	var width = source.getAttribute("width")
+	var width = responsive === 'resize' ? source.viewBox.baseVal.width : source.getAttribute("width")
 	var sections = output.querySelectorAll("svg > g") // each section is a line, or the top matter or the bottom matter, or text that has been inserted.
 	var nextTop = 0 // There are often gaps between the elements for spacing, so the actual top and height needs to be inferred.
 	var wrappers = [] // Create all the elements and place them at once because we use the current svg to get data. It would disappear after placing the first line.
@@ -277,11 +279,17 @@ function splitSvgIntoLines(output, title) {
 		var gapBetweenLines = box.y - nextTop // take the margin into account
 		var height = box.height + gapBetweenLines;
 		var wrapper = document.createElement("div");
-		wrapper.setAttribute("style", "overflow: hidden;height:"+height+"px;")
+		var divStyles = "overflow: hidden;"
+		if (responsive !== 'resize')
+			divStyles += "height:"+height+"px;"
+		wrapper.setAttribute("style", divStyles)
 		var svg = duplicateSvg(source)
 		var fullTitle = "Sheet Music for \"" + title + "\" section " + (i+1)
 		svg.setAttribute("aria-label", fullTitle)
-		svg.setAttribute("height", height)
+		if (responsive !== 'resize')
+			svg.setAttribute("height", height)
+		if (responsive === 'resize')
+			svg.style.position = ''
 		svg.setAttribute("viewBox", "0 " + nextTop + " " + width + " " + height )
 		svg.appendChild(style.cloneNode(true))
 		var titleEl = document.createElement("title")

package/version.js

@@ -1,3 +1,3 @@
-var version = '6.1.1';
+var version = '6.1.2';
 
 module.exports = version;