abcjs 6.2.1 → 6.2.2

package/dist/abcjs-basic.js

@@ -211,6 +211,8 @@ var GuitarTablature = __webpack_require__(/*! ../tablatures/instruments/guitar/t
 // Existing tab classes 
 var pluginTab = {
   'violin': 'ViolinTab',
+  'fiddle': 'ViolinTab',
+  'mandolin': 'ViolinTab',
   'guitar': 'GuitarTab'
 };
 var abcTablatures = {
@@ -16632,6 +16634,7 @@ TabRenderer.prototype.doLayout = function () {
   this.tabStaff.voices = [];
   for (var ii = 0; ii < nbVoices; ii++) {
     var tabVoice = new VoiceElement(0, 0);
+    if (ii > 0) tabVoice.duplicate = true;
     var nameHeight = buildTabName(this, tabVoice) / spacing.STEP;
     nameHeight = Math.max(nameHeight, 1); // If there is no label for the tab line, then there needs to be a little padding
     staffGroup.staffs[this.staffIndex].top += nameHeight;
@@ -21565,14 +21568,20 @@ function printLine(renderer, x1, x2, y, klass, name, dy) {
   x2 = roundNumber(x2);
   var y1 = roundNumber(y - dy);
   var y2 = roundNumber(y + dy);
-  // TODO-PER: This fixes a firefox bug where a path needs to go over the 0.5 mark or it isn't displayed
-  if (renderer.firefox112 && dy < 1) {
-    var _int = Math.floor(y2);
-    var distToHalf = 0.52 - (y2 - _int);
-    if (distToHalf > 0) {
-      y1 += distToHalf;
-      y2 += distToHalf;
-    }
+  // TODO-PER: This fixes a firefox bug where it isn't displayed
+  if (renderer.firefox112) {
+    y += dy / 2; // Because the y coordinate is the edge of where the line goes but the width widens from the middle.
+    var attr = {
+      x1: x1,
+      x2: x2,
+      y1: y,
+      y2: y,
+      stroke: renderer.foregroundColor,
+      'stroke-width': Math.abs(dy * 2)
+    };
+    if (klass) attr['class'] = klass;
+    if (name) attr['data-name'] = name;
+    return renderer.paper.lineToBack(attr);
   }
   var pathString = sprintf("M %f %f L %f %f L %f %f L %f %f z", x1, y1, x2, y1, x2, y2, x1, y2);
   var options = {
@@ -21623,15 +21632,20 @@ function printStem(renderer, x, dx, y1, y2, klass, name) {
   }
   x = roundNumber(x);
   var x2 = roundNumber(x + dx);
-  // TODO-PER: This fixes a firefox bug where a path needs to go over the 0.5 mark or it isn't displayed
-  if (renderer.firefox112 && Math.abs(dx) < 1) {
-    var higher = Math.max(x, x2);
-    var _int = Math.floor(higher);
-    var distToHalf = 0.52 - (higher - _int);
-    if (distToHalf > 0) {
-      x += distToHalf;
-      x2 += distToHalf;
-    }
+  // TODO-PER: This fixes a firefox bug where it isn't displayed
+  if (renderer.firefox112) {
+    x += dx / 2; // Because the x coordinate is the edge of where the line goes but the width widens from the middle.
+    var attr = {
+      x1: x,
+      x2: x,
+      y1: y1,
+      y2: y2,
+      stroke: renderer.foregroundColor,
+      'stroke-width': Math.abs(dx)
+    };
+    if (klass) attr['class'] = klass;
+    if (name) attr['data-name'] = name;
+    return renderer.paper.lineToBack(attr);
   }
   var pathArray = [["M", x, y1], ["L", x, y2], ["L", x2, y2], ["L", x2, y1], ["z"]];
   var attr = {
@@ -23147,13 +23161,13 @@ EngraverController.prototype.engraveTune = function (abcTune, tuneNumber, lineOf
   this.selectables = ret.selectables;
   if (this.oneSvgPerLine) {
     var div = this.renderer.paper.svg.parentNode;
-    this.svgs = splitSvgIntoLines(div, abcTune.metaText.title, this.responsive);
+    this.svgs = splitSvgIntoLines(this.renderer, div, abcTune.metaText.title, this.responsive);
   } else {
     this.svgs = [this.renderer.paper.svg];
   }
   setupSelection(this, this.svgs);
 };
-function splitSvgIntoLines(output, title, responsive) {
+function splitSvgIntoLines(renderer, 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
@@ -23183,7 +23197,9 @@ function splitSvgIntoLines(output, title, responsive) {
     svg.setAttribute("aria-label", fullTitle);
     if (responsive !== 'resize') svg.setAttribute("height", height);
     if (responsive === 'resize') svg.style.position = '';
-    svg.setAttribute("viewBox", "0 " + nextTop + " " + width + " " + height);
+    // TODO-PER: Hack! Not sure why this is needed.
+    var viewBoxHeight = renderer.firefox112 ? height + 1 : height;
+    svg.setAttribute("viewBox", "0 " + nextTop + " " + width + " " + viewBoxHeight);
     svg.appendChild(style.cloneNode(true));
     var titleEl = document.createElement("title");
     titleEl.innerText = fullTitle;
@@ -25486,6 +25502,15 @@ Svg.prototype.pathToBack = function (attr) {
   this.prepend(el);
   return el;
 };
+Svg.prototype.lineToBack = function (attr) {
+  var el = document.createElementNS(svgNS, 'line');
+  var keys = Object.keys(attr);
+  for (var i = 0; i < keys.length; i++) {
+    el.setAttribute(keys[i], attr[keys[i]]);
+  }
+  this.prepend(el);
+  return el;
+};
 Svg.prototype.append = function (el) {
   if (this.currentGroup.length > 0) this.currentGroup[0].appendChild(el);else this.svg.appendChild(el);
 };
@@ -25521,7 +25546,7 @@ module.exports = Svg;
   \********************/
 /***/ (function(module) {
 
-var version = '6.2.1';
+var version = '6.2.2';
 module.exports = version;
 
 /***/ })