A tool for visualization of ancient Greek musical accent. https://aksento.glossa.info/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

23268 lines
948 KiB

(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["Vex"] = factory();
else
root["Vex"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
var _element = __webpack_require__(5);
var _fraction = __webpack_require__(3);
var _renderer = __webpack_require__(10);
var _formatter = __webpack_require__(14);
var _music = __webpack_require__(30);
var _glyph = __webpack_require__(4);
var _stave = __webpack_require__(43);
var _stavenote = __webpack_require__(20);
var _stavemodifier = __webpack_require__(45);
var _voice = __webpack_require__(18);
var _accidental = __webpack_require__(29);
var _beam = __webpack_require__(15);
var _stavetie = __webpack_require__(33);
var _tabstave = __webpack_require__(55);
var _tabnote = __webpack_require__(56);
var _bend = __webpack_require__(41);
var _vibrato = __webpack_require__(42);
var _vibratobracket = __webpack_require__(57);
var _note = __webpack_require__(22);
var _modifiercontext = __webpack_require__(27);
var _tickcontext = __webpack_require__(39);
var _articulation = __webpack_require__(37);
var _annotation = __webpack_require__(40);
var _stavebarline = __webpack_require__(44);
var _notehead = __webpack_require__(21);
var _staveconnector = __webpack_require__(19);
var _clefnote = __webpack_require__(58);
var _keysignature = __webpack_require__(52);
var _timesignature = __webpack_require__(53);
var _timesignote = __webpack_require__(59);
var _stem = __webpack_require__(17);
var _tabtie = __webpack_require__(34);
var _clef = __webpack_require__(51);
var _modifier = __webpack_require__(25);
var _tabslide = __webpack_require__(60);
var _tuplet = __webpack_require__(16);
var _gracenote = __webpack_require__(61);
var _gracetabnote = __webpack_require__(62);
var _tuning = __webpack_require__(63);
var _keymanager = __webpack_require__(64);
var _stavehairpin = __webpack_require__(65);
var _boundingbox = __webpack_require__(8);
var _strokes = __webpack_require__(35);
var _textnote = __webpack_require__(50);
var _curve = __webpack_require__(66);
var _textdynamics = __webpack_require__(67);
var _staveline = __webpack_require__(68);
var _ornament = __webpack_require__(38);
var _pedalmarking = __webpack_require__(69);
var _textbracket = __webpack_require__(70);
var _frethandfinger = __webpack_require__(28);
var _staverepetition = __webpack_require__(46);
var _barnote = __webpack_require__(71);
var _ghostnote = __webpack_require__(72);
var _notesubgroup = __webpack_require__(31);
var _gracenotegroup = __webpack_require__(32);
var _tremolo = __webpack_require__(73);
var _stringnumber = __webpack_require__(36);
var _crescendo = __webpack_require__(74);
var _stavevolta = __webpack_require__(54);
var _vexflow_font = __webpack_require__(9);
var _system = __webpack_require__(75);
var _factory = __webpack_require__(76);
var _parser = __webpack_require__(78);
var _easyscore = __webpack_require__(77);
var _registry = __webpack_require__(6);
// [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
_vex.Vex.Flow = _tables.Flow;
_vex.Vex.Flow.Element = _element.Element;
_vex.Vex.Flow.Fraction = _fraction.Fraction;
_vex.Vex.Flow.Renderer = _renderer.Renderer;
_vex.Vex.Flow.Formatter = _formatter.Formatter;
_vex.Vex.Flow.Music = _music.Music;
_vex.Vex.Flow.Glyph = _glyph.Glyph;
_vex.Vex.Flow.Stave = _stave.Stave;
_vex.Vex.Flow.StaveNote = _stavenote.StaveNote;
_vex.Vex.Flow.StaveModifier = _stavemodifier.StaveModifier;
_vex.Vex.Flow.Voice = _voice.Voice;
_vex.Vex.Flow.Accidental = _accidental.Accidental;
_vex.Vex.Flow.Beam = _beam.Beam;
_vex.Vex.Flow.StaveTie = _stavetie.StaveTie;
_vex.Vex.Flow.TabStave = _tabstave.TabStave;
_vex.Vex.Flow.TabNote = _tabnote.TabNote;
_vex.Vex.Flow.Bend = _bend.Bend;
_vex.Vex.Flow.Vibrato = _vibrato.Vibrato;
_vex.Vex.Flow.VibratoBracket = _vibratobracket.VibratoBracket;
_vex.Vex.Flow.Note = _note.Note;
_vex.Vex.Flow.ModifierContext = _modifiercontext.ModifierContext;
_vex.Vex.Flow.TickContext = _tickcontext.TickContext;
_vex.Vex.Flow.Articulation = _articulation.Articulation;
_vex.Vex.Flow.Annotation = _annotation.Annotation;
_vex.Vex.Flow.Barline = _stavebarline.Barline;
_vex.Vex.Flow.NoteHead = _notehead.NoteHead;
_vex.Vex.Flow.StaveConnector = _staveconnector.StaveConnector;
_vex.Vex.Flow.ClefNote = _clefnote.ClefNote;
_vex.Vex.Flow.KeySignature = _keysignature.KeySignature;
_vex.Vex.Flow.TimeSignature = _timesignature.TimeSignature;
_vex.Vex.Flow.TimeSigNote = _timesignote.TimeSigNote;
_vex.Vex.Flow.Stem = _stem.Stem;
_vex.Vex.Flow.TabTie = _tabtie.TabTie;
_vex.Vex.Flow.Clef = _clef.Clef;
_vex.Vex.Flow.Modifier = _modifier.Modifier;
_vex.Vex.Flow.TabSlide = _tabslide.TabSlide;
_vex.Vex.Flow.Tuplet = _tuplet.Tuplet;
_vex.Vex.Flow.GraceNote = _gracenote.GraceNote;
_vex.Vex.Flow.GraceTabNote = _gracetabnote.GraceTabNote;
_vex.Vex.Flow.Tuning = _tuning.Tuning;
_vex.Vex.Flow.KeyManager = _keymanager.KeyManager;
_vex.Vex.Flow.StaveHairpin = _stavehairpin.StaveHairpin;
_vex.Vex.Flow.BoundingBox = _boundingbox.BoundingBox;
_vex.Vex.Flow.Stroke = _strokes.Stroke;
_vex.Vex.Flow.TextNote = _textnote.TextNote;
_vex.Vex.Flow.Curve = _curve.Curve;
_vex.Vex.Flow.TextDynamics = _textdynamics.TextDynamics;
_vex.Vex.Flow.StaveLine = _staveline.StaveLine;
_vex.Vex.Flow.Ornament = _ornament.Ornament;
_vex.Vex.Flow.PedalMarking = _pedalmarking.PedalMarking;
_vex.Vex.Flow.TextBracket = _textbracket.TextBracket;
_vex.Vex.Flow.FretHandFinger = _frethandfinger.FretHandFinger;
_vex.Vex.Flow.Repetition = _staverepetition.Repetition;
_vex.Vex.Flow.BarNote = _barnote.BarNote;
_vex.Vex.Flow.GhostNote = _ghostnote.GhostNote;
_vex.Vex.Flow.NoteSubGroup = _notesubgroup.NoteSubGroup;
_vex.Vex.Flow.GraceNoteGroup = _gracenotegroup.GraceNoteGroup;
_vex.Vex.Flow.Tremolo = _tremolo.Tremolo;
_vex.Vex.Flow.StringNumber = _stringnumber.StringNumber;
_vex.Vex.Flow.Crescendo = _crescendo.Crescendo;
_vex.Vex.Flow.Volta = _stavevolta.Volta;
_vex.Vex.Flow.Font = _vexflow_font.Font;
_vex.Vex.Flow.System = _system.System;
_vex.Vex.Flow.Factory = _factory.Factory;
_vex.Vex.Flow.Parser = _parser.Parser;
_vex.Vex.Flow.EasyScore = _easyscore.EasyScore;
_vex.Vex.Flow.Registry = _registry.Registry;
exports.default = _vex.Vex;
module.exports = exports['default'];
/***/ },
/* 1 */
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
// [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// This file implements utility methods used by the rest of the VexFlow
// codebase.
//
var Vex = function Vex() {};
// Default log function sends all arguments to console.
Vex.L = function (block, args) {
if (!args) return;
var line = Array.prototype.slice.call(args).join(' ');
window.console.log(block + ': ' + line);
};
Vex.MakeException = function (name) {
var exception = function (_Error) {
_inherits(exception, _Error);
function exception(message, data) {
_classCallCheck(this, exception);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(exception).call(this, message));
_this.name = name;
_this.message = message;
_this.data = data;
return _this;
}
return exception;
}(Error);
return exception;
};
// Default runtime exception.
var RuntimeError = function () {
function RuntimeError(code, message) {
_classCallCheck(this, RuntimeError);
this.code = code;
this.message = message;
}
_createClass(RuntimeError, [{
key: 'toString',
value: function toString() {
return '[RuntimeError] ' + this.code + ':' + this.message;
}
}]);
return RuntimeError;
}();
// Shortcut method for `RuntimeError`.
Vex.RuntimeError = RuntimeError;
Vex.RERR = Vex.RuntimeError;
// Merge `destination` hash with `source` hash, overwriting like keys
// in `source` if necessary.
Vex.Merge = function (destination, source) {
for (var property in source) {
// eslint-disable-line guard-for-in
destination[property] = source[property];
}
return destination;
};
// DEPRECATED. Use `Math.*`.
Vex.Min = Math.min;
Vex.Max = Math.max;
Vex.forEach = function (a, fn) {
for (var i = 0; i < a.length; i++) {
fn(a[i], i);
}
};
// Round number to nearest fractional value (`.5`, `.25`, etc.)
Vex.RoundN = function (x, n) {
return x % n >= n / 2 ? parseInt(x / n, 10) * n + n : parseInt(x / n, 10) * n;
};
// Locate the mid point between stave lines. Returns a fractional line if a space.
Vex.MidLine = function (a, b) {
var mid_line = b + (a - b) / 2;
if (mid_line % 2 > 0) {
mid_line = Vex.RoundN(mid_line * 10, 5) / 10;
}
return mid_line;
};
// Take `arr` and return a new list consisting of the sorted, unique,
// contents of arr. Does not modify `arr`.
Vex.SortAndUnique = function (arr, cmp, eq) {
if (arr.length > 1) {
var newArr = [];
var last = void 0;
arr.sort(cmp);
for (var i = 0; i < arr.length; ++i) {
if (i === 0 || !eq(arr[i], last)) {
newArr.push(arr[i]);
}
last = arr[i];
}
return newArr;
} else {
return arr;
}
};
// Check if array `a` contains `obj`.
Vex.Contains = function (a, obj) {
var i = a.length;
while (i--) {
if (a[i] === obj) {
return true;
}
}
return false;
};
// Get the 2D Canvas context from DOM element `canvas_sel`.
Vex.getCanvasContext = function (canvas_sel) {
if (!canvas_sel) {
throw new Vex.RERR('BadArgument', 'Invalid canvas selector: ' + canvas_sel);
}
var canvas = document.getElementById(canvas_sel);
if (!(canvas && canvas.getContext)) {
throw new Vex.RERR('UnsupportedBrowserError', 'This browser does not support HTML5 Canvas');
}
return canvas.getContext('2d');
};
// Draw a tiny dot marker on the specified canvas. A great debugging aid.
//
// `ctx`: Canvas context.
// `x`, `y`: Dot coordinates.
Vex.drawDot = function (ctx, x, y) {
var color = arguments.length <= 3 || arguments[3] === undefined ? '#55' : arguments[3];
ctx.save();
ctx.setFillStyle(color);
// draw a circle
ctx.beginPath();
ctx.arc(x, y, 3, 0, Math.PI * 2, true);
ctx.closePath();
ctx.fill();
ctx.restore();
};
// Benchmark. Run function `f` once and report time elapsed shifted by `s` milliseconds.
Vex.BM = function (s, f) {
var start_time = new Date().getTime();
f();
var elapsed = new Date().getTime() - start_time;
Vex.L(s + elapsed + 'ms');
};
// Get stack trace.
Vex.StackTrace = function () {
var err = new Error();
return err.stack;
};
// Dump warning to console.
Vex.W = function () {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
var line = Array.prototype.slice.call(args).join(' ');
window.console.log('Warning: ', line, Vex.StackTrace());
};
// Used by various classes (e.g., SVGContext) to provide a
// unique prefix to element names (or other keys in shared namespaces).
Vex.Prefix = function (text) {
return Vex.Prefix.prefix + text;
};
Vex.Prefix.prefix = 'vf-';
exports.Vex = Vex;
/***/ },
/* 2 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Flow = undefined;
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; }; // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
/* eslint-disable key-spacing */
var _vex = __webpack_require__(1);
var _fraction = __webpack_require__(3);
var _glyph = __webpack_require__(4);
var Flow = {
STEM_WIDTH: 1.5,
STEM_HEIGHT: 35,
STAVE_LINE_THICKNESS: 1,
RESOLUTION: 16384,
DEFAULT_NOTATION_FONT_SCALE: 39,
DEFAULT_TABLATURE_FONT_SCALE: 39,
SLASH_NOTEHEAD_WIDTH: 15,
// HACK:
// Since text origins are positioned at the baseline, we must
// compensate for the ascender of the text. Of course, 1 staff space is
// a very poor approximation.
//
// This will be deprecated in the future. This is a temporary solution until
// we have more robust text metrics.
TEXT_HEIGHT_OFFSET_HACK: 1,
/* Kerning (DEPRECATED) */
IsKerned: true
};
Flow.clefProperties = function (clef) {
if (!clef) throw new _vex.Vex.RERR('BadArgument', 'Invalid clef: ' + clef);
var props = Flow.clefProperties.values[clef];
if (!props) throw new _vex.Vex.RERR('BadArgument', 'Invalid clef: ' + clef);
return props;
};
Flow.clefProperties.values = {
'treble': { line_shift: 0 },
'bass': { line_shift: 6 },
'tenor': { line_shift: 4 },
'alto': { line_shift: 3 },
'soprano': { line_shift: 1 },
'percussion': { line_shift: 0 },
'mezzo-soprano': { line_shift: 2 },
'baritone-c': { line_shift: 5 },
'baritone-f': { line_shift: 5 },
'subbass': { line_shift: 7 },
'french': { line_shift: -1 }
};
/*
Take a note in the format "Key/Octave" (e.g., "C/5") and return properties.
The last argument, params, is a struct the currently can contain one option,
octave_shift for clef ottavation (0 = default; 1 = 8va; -1 = 8vb, etc.).
*/
Flow.keyProperties = function (key, clef, params) {
if (clef === undefined) {
clef = 'treble';
}
var options = { octave_shift: 0 };
if ((typeof params === 'undefined' ? 'undefined' : _typeof(params)) === 'object') {
_vex.Vex.Merge(options, params);
}
var pieces = key.split('/');
if (pieces.length < 2) {
throw new _vex.Vex.RERR('BadArguments', 'Key must have note + octave and an optional glyph: ' + key);
}
var k = pieces[0].toUpperCase();
var value = Flow.keyProperties.note_values[k];
if (!value) throw new _vex.Vex.RERR('BadArguments', 'Invalid key name: ' + k);
if (value.octave) pieces[1] = value.octave;
var octave = parseInt(pieces[1], 10);
// Octave_shift is the shift to compensate for clef 8va/8vb.
octave += -1 * options.octave_shift;
var base_index = octave * 7 - 4 * 7;
var line = (base_index + value.index) / 2;
line += Flow.clefProperties(clef).line_shift;
var stroke = 0;
if (line <= 0 && line * 2 % 2 === 0) stroke = 1; // stroke up
if (line >= 6 && line * 2 % 2 === 0) stroke = -1; // stroke down
// Integer value for note arithmetic.
var int_value = typeof value.int_val !== 'undefined' ? octave * 12 + value.int_val : null;
/* Check if the user specified a glyph. */
var code = value.code;
var shift_right = value.shift_right;
if (pieces.length > 2 && pieces[2]) {
var glyph_name = pieces[2].toUpperCase();
var note_glyph = Flow.keyProperties.note_glyph[glyph_name];
if (note_glyph) {
code = note_glyph.code;
shift_right = note_glyph.shift_right;
}
}
return {
key: k,
octave: octave,
line: line,
int_value: int_value,
accidental: value.accidental,
code: code,
stroke: stroke,
shift_right: shift_right,
displaced: false
};
};
Flow.keyProperties.note_values = {
'C': { index: 0, int_val: 0, accidental: null },
'CN': { index: 0, int_val: 0, accidental: 'n' },
'C#': { index: 0, int_val: 1, accidental: '#' },
'C##': { index: 0, int_val: 2, accidental: '##' },
'CB': { index: 0, int_val: -1, accidental: 'b' },
'CBB': { index: 0, int_val: -2, accidental: 'bb' },
'D': { index: 1, int_val: 2, accidental: null },
'DN': { index: 1, int_val: 2, accidental: 'n' },
'D#': { index: 1, int_val: 3, accidental: '#' },
'D##': { index: 1, int_val: 4, accidental: '##' },
'DB': { index: 1, int_val: 1, accidental: 'b' },
'DBB': { index: 1, int_val: 0, accidental: 'bb' },
'E': { index: 2, int_val: 4, accidental: null },
'EN': { index: 2, int_val: 4, accidental: 'n' },
'E#': { index: 2, int_val: 5, accidental: '#' },
'E##': { index: 2, int_val: 6, accidental: '##' },
'EB': { index: 2, int_val: 3, accidental: 'b' },
'EBB': { index: 2, int_val: 2, accidental: 'bb' },
'F': { index: 3, int_val: 5, accidental: null },
'FN': { index: 3, int_val: 5, accidental: 'n' },
'F#': { index: 3, int_val: 6, accidental: '#' },
'F##': { index: 3, int_val: 7, accidental: '##' },
'FB': { index: 3, int_val: 4, accidental: 'b' },
'FBB': { index: 3, int_val: 3, accidental: 'bb' },
'G': { index: 4, int_val: 7, accidental: null },
'GN': { index: 4, int_val: 7, accidental: 'n' },
'G#': { index: 4, int_val: 8, accidental: '#' },
'G##': { index: 4, int_val: 9, accidental: '##' },
'GB': { index: 4, int_val: 6, accidental: 'b' },
'GBB': { index: 4, int_val: 5, accidental: 'bb' },
'A': { index: 5, int_val: 9, accidental: null },
'AN': { index: 5, int_val: 9, accidental: 'n' },
'A#': { index: 5, int_val: 10, accidental: '#' },
'A##': { index: 5, int_val: 11, accidental: '##' },
'AB': { index: 5, int_val: 8, accidental: 'b' },
'ABB': { index: 5, int_val: 7, accidental: 'bb' },
'B': { index: 6, int_val: 11, accidental: null },
'BN': { index: 6, int_val: 11, accidental: 'n' },
'B#': { index: 6, int_val: 12, accidental: '#' },
'B##': { index: 6, int_val: 13, accidental: '##' },
'BB': { index: 6, int_val: 10, accidental: 'b' },
'BBB': { index: 6, int_val: 9, accidental: 'bb' },
'R': { index: 6, int_val: 9, rest: true }, // Rest
'X': {
index: 6,
accidental: '',
octave: 4,
code: 'v3e',
shift_right: 5.5
}
};
Flow.keyProperties.note_glyph = {
/* Diamond */
'D0': { code: 'v27', shift_right: -0.5 },
'D1': { code: 'v2d', shift_right: -0.5 },
'D2': { code: 'v22', shift_right: -0.5 },
'D3': { code: 'v70', shift_right: -0.5 },
/* Triangle */
'T0': { code: 'v49', shift_right: -2 },
'T1': { code: 'v93', shift_right: 0.5 },
'T2': { code: 'v40', shift_right: 0.5 },
'T3': { code: 'v7d', shift_right: 0.5 },
/* Cross */
'X0': { code: 'v92', shift_right: -2 },
'X1': { code: 'v95', shift_right: -0.5 },
'X2': { code: 'v7f', shift_right: 0.5 },
'X3': { code: 'v3b', shift_right: -2 }
};
Flow.integerToNote = function (integer) {
if (typeof integer === 'undefined') {
throw new _vex.Vex.RERR('BadArguments', 'Undefined integer for integerToNote');
}
if (integer < -2) {
throw new _vex.Vex.RERR('BadArguments', 'integerToNote requires integer > -2: ' + integer);
}
var noteValue = Flow.integerToNote.table[integer];
if (!noteValue) {
throw new _vex.Vex.RERR('BadArguments', 'Unknown note value for integer: ' + integer);
}
return noteValue;
};
Flow.integerToNote.table = {
0: 'C',
1: 'C#',
2: 'D',
3: 'D#',
4: 'E',
5: 'F',
6: 'F#',
7: 'G',
8: 'G#',
9: 'A',
10: 'A#',
11: 'B'
};
Flow.tabToGlyph = function (fret) {
var scale = arguments.length <= 1 || arguments[1] === undefined ? 1.0 : arguments[1];
var glyph = null;
var width = 0;
var shift_y = 0;
if (fret.toString().toUpperCase() === 'X') {
var glyphMetrics = new _glyph.Glyph('v7f', Flow.DEFAULT_TABLATURE_FONT_SCALE).getMetrics();
glyph = 'v7f';
width = glyphMetrics.width;
shift_y = -glyphMetrics.height / 2;
} else {
width = Flow.textWidth(fret.toString());
}
return {
text: fret,
code: glyph,
getWidth: function getWidth() {
return width * scale;
},
shift_y: shift_y
};
};
Flow.textWidth = function (text) {
return 7 * text.toString().length;
};
Flow.articulationCodes = function (artic) {
return Flow.articulationCodes.articulations[artic];
};
Flow.articulationCodes.articulations = {
'a.': { code: 'v23', between_lines: true }, // Staccato
'av': { code: 'v28', between_lines: true }, // Staccatissimo
'a>': { code: 'v42', between_lines: true }, // Accent
'a-': { code: 'v25', between_lines: true }, // Tenuto
'a^': { code: 'va', between_lines: false }, // Marcato
'a+': { code: 'v8b', between_lines: false }, // Left hand pizzicato
'ao': { code: 'v94', between_lines: false }, // Snap pizzicato
'ah': { code: 'vb9', between_lines: false }, // Natural harmonic or open note
'a@a': { code: 'v43', between_lines: false }, // Fermata above staff
'a@u': { code: 'v5b', between_lines: false }, // Fermata below staff
'a|': { code: 'v75', between_lines: false }, // Bow up - up stroke
'am': { code: 'v97', between_lines: false }, // Bow down - down stroke
'a,': { code: 'vb3', between_lines: false } };
Flow.accidentalCodes = function (acc) {
return Flow.accidentalCodes.accidentals[acc];
};
Flow.accidentalCodes.accidentals = {
'#': { code: 'v18', parenRightPaddingAdjustment: -1 },
'##': { code: 'v7f', parenRightPaddingAdjustment: -1 },
'b': { code: 'v44', parenRightPaddingAdjustment: -2 },
'bb': { code: 'v26', parenRightPaddingAdjustment: -2 },
'n': { code: 'v4e', parenRightPaddingAdjustment: -1 },
'{': { code: 'v9c', parenRightPaddingAdjustment: -1 },
'}': { code: 'v84', parenRightPaddingAdjustment: -1 },
'db': { code: 'v9e', parenRightPaddingAdjustment: -1 },
'd': { code: 'vab', parenRightPaddingAdjustment: 0 },
'bbs': { code: 'v90', parenRightPaddingAdjustment: -1 },
'++': { code: 'v51', parenRightPaddingAdjustment: -1 },
'+': { code: 'v78', parenRightPaddingAdjustment: -1 },
'+-': { code: 'v8d', parenRightPaddingAdjustment: -1 },
'++-': { code: 'v7a', parenRightPaddingAdjustment: -1 },
'bs': { code: 'vb7', parenRightPaddingAdjustment: -1 },
'bss': { code: 'v39', parenRightPaddingAdjustment: -1 }
};
Flow.accidentalColumnsTable = {
1: { a: [1], b: [1] },
2: { a: [1, 2] },
3: { a: [1, 3, 2], b: [1, 2, 1], second_on_bottom: [1, 2, 3] },
4: { a: [1, 3, 4, 2], b: [1, 2, 3, 1], spaced_out_tetrachord: [1, 2, 1, 2] },
5: { a: [1, 3, 5, 4, 2], b: [1, 2, 4, 3, 1],
spaced_out_pentachord: [1, 2, 3, 2, 1],
very_spaced_out_pentachord: [1, 2, 1, 2, 1] },
6: { a: [1, 3, 5, 6, 4, 2], b: [1, 2, 4, 5, 3, 1],
spaced_out_hexachord: [1, 3, 2, 1, 3, 2],
very_spaced_out_hexachord: [1, 2, 1, 2, 1, 2] }
};
Flow.ornamentCodes = function (acc) {
return Flow.ornamentCodes.ornaments[acc];
};
Flow.ornamentCodes.ornaments = {
'mordent': { code: 'v1e' },
'mordent_inverted': { code: 'v45' },
'turn': { code: 'v72' },
'turn_inverted': { code: 'v33' },
'tr': { code: 'v1f' },
'upprall': { code: 'v60' },
'downprall': { code: 'vb4' },
'prallup': { code: 'v6d' },
'pralldown': { code: 'v2c' },
'upmordent': { code: 'v29' },
'downmordent': { code: 'v68' },
'lineprall': { code: 'v20' },
'prallprall': { code: 'v86' }
};
Flow.keySignature = function (spec) {
var keySpec = Flow.keySignature.keySpecs[spec];
if (!keySpec) {
throw new _vex.Vex.RERR('BadKeySignature', 'Bad key signature spec: \'' + spec + '\'');
}
if (!keySpec.acc) {
return [];
}
var notes = Flow.keySignature.accidentalList(keySpec.acc);
var acc_list = [];
for (var i = 0; i < keySpec.num; ++i) {
var line = notes[i];
acc_list.push({ type: keySpec.acc, line: line });
}
return acc_list;
};
Flow.keySignature.keySpecs = {
'C': { acc: null, num: 0 },
'Am': { acc: null, num: 0 },
'F': { acc: 'b', num: 1 },
'Dm': { acc: 'b', num: 1 },
'Bb': { acc: 'b', num: 2 },
'Gm': { acc: 'b', num: 2 },
'Eb': { acc: 'b', num: 3 },
'Cm': { acc: 'b', num: 3 },
'Ab': { acc: 'b', num: 4 },
'Fm': { acc: 'b', num: 4 },
'Db': { acc: 'b', num: 5 },
'Bbm': { acc: 'b', num: 5 },
'Gb': { acc: 'b', num: 6 },
'Ebm': { acc: 'b', num: 6 },
'Cb': { acc: 'b', num: 7 },
'Abm': { acc: 'b', num: 7 },
'G': { acc: '#', num: 1 },
'Em': { acc: '#', num: 1 },
'D': { acc: '#', num: 2 },
'Bm': { acc: '#', num: 2 },
'A': { acc: '#', num: 3 },
'F#m': { acc: '#', num: 3 },
'E': { acc: '#', num: 4 },
'C#m': { acc: '#', num: 4 },
'B': { acc: '#', num: 5 },
'G#m': { acc: '#', num: 5 },
'F#': { acc: '#', num: 6 },
'D#m': { acc: '#', num: 6 },
'C#': { acc: '#', num: 7 },
'A#m': { acc: '#', num: 7 }
};
Flow.unicode = {
// Unicode accidentals
'sharp': String.fromCharCode(parseInt('266F', 16)),
'flat': String.fromCharCode(parseInt('266D', 16)),
'natural': String.fromCharCode(parseInt('266E', 16)),
// Major Chord
'triangle': String.fromCharCode(parseInt('25B3', 16)),
// half-diminished
'o-with-slash': String.fromCharCode(parseInt('00F8', 16)),
// Diminished
'degrees': String.fromCharCode(parseInt('00B0', 16)),
'circle': String.fromCharCode(parseInt('25CB', 16))
};
Flow.keySignature.accidentalList = function (acc) {
var patterns = {
'b': [2, 0.5, 2.5, 1, 3, 1.5, 3.5],
'#': [0, 1.5, -0.5, 1, 2.5, 0.5, 2]
};
return patterns[acc];
};
Flow.parseNoteDurationString = function (durationString) {
if (typeof durationString !== 'string') {
return null;
}
var regexp = /(\d*\/?\d+|[a-z])(d*)([nrhms]|$)/;
var result = regexp.exec(durationString);
if (!result) {
return null;
}
var duration = result[1];
var dots = result[2].length;
var type = result[3];
if (type.length === 0) {
type = 'n';
}
return {
duration: duration,
dots: dots,
type: type
};
};
Flow.parseNoteData = function (noteData) {
var duration = noteData.duration;
// Preserve backwards-compatibility
var durationStringData = Flow.parseNoteDurationString(duration);
if (!durationStringData) {
return null;
}
var ticks = Flow.durationToTicks(durationStringData.duration);
if (ticks == null) {
return null;
}
var type = noteData.type;
if (type) {
if (!(type === 'n' || type === 'r' || type === 'h' || type === 'm' || type === 's')) {
return null;
}
} else {
type = durationStringData.type;
if (!type) {
type = 'n';
}
}
var dots = noteData.dots ? noteData.dots : durationStringData.dots;
if (typeof dots !== 'number') {
return null;
}
var currentTicks = ticks;
for (var i = 0; i < dots; i++) {
if (currentTicks <= 1) return null;
currentTicks = currentTicks / 2;
ticks += currentTicks;
}
return {
duration: durationStringData.duration,
type: type,
dots: dots,
ticks: ticks
};
};
// Used to convert duration aliases to the number based duration.
// If the input isn't an alias, simply return the input.
//
// example: 'q' -> '4', '8' -> '8'
Flow.sanitizeDuration = function (duration) {
var alias = Flow.durationAliases[duration];
if (alias !== undefined) {
duration = alias;
}
if (Flow.durationToTicks.durations[duration] === undefined) {
throw new _vex.Vex.RERR('BadArguments', 'The provided duration is not valid: ' + duration);
}
return duration;
};
// Convert the `duration` to an fraction
Flow.durationToFraction = function (duration) {
return new _fraction.Fraction().parse(Flow.sanitizeDuration(duration));
};
// Convert the `duration` to an number
Flow.durationToNumber = function (duration) {
return Flow.durationToFraction(duration).value();
};
// Convert the `duration` to total ticks
Flow.durationToTicks = function (duration) {
duration = Flow.sanitizeDuration(duration);
var ticks = Flow.durationToTicks.durations[duration];
if (ticks === undefined) {
return null;
}
return ticks;
};
Flow.durationToTicks.durations = {
'1/2': Flow.RESOLUTION * 2,
'1': Flow.RESOLUTION / 1,
'2': Flow.RESOLUTION / 2,
'4': Flow.RESOLUTION / 4,
'8': Flow.RESOLUTION / 8,
'16': Flow.RESOLUTION / 16,
'32': Flow.RESOLUTION / 32,
'64': Flow.RESOLUTION / 64,
'128': Flow.RESOLUTION / 128,
'256': Flow.RESOLUTION / 256
};
Flow.durationAliases = {
'w': '1',
'h': '2',
'q': '4',
// This is the default duration used to render bars (BarNote). Bars no longer
// consume ticks, so this should be a no-op.
//
// TODO(0xfe): This needs to be cleaned up.
'b': '256'
};
Flow.durationToGlyph = function (duration, type) {
duration = Flow.sanitizeDuration(duration);
var code = Flow.durationToGlyph.duration_codes[duration];
if (code === undefined) {
return null;
}
if (!type) {
type = 'n';
}
var glyphTypeProperties = code.type[type];
if (glyphTypeProperties === undefined) {
return null;
}
return _vex.Vex.Merge(_vex.Vex.Merge({}, code.common), glyphTypeProperties);
};
Flow.durationToGlyph.duration_codes = {
'1/2': {
common: {
getWidth: function getWidth() {
var scale = arguments.length <= 0 || arguments[0] === undefined ? Flow.DEFAULT_NOTATION_FONT_SCALE : arguments[0];
return new _glyph.Glyph(this.code_head || 'v53', scale).getMetrics().width;
},
stem: false,
stem_offset: 0,
flag: false,
stem_up_extension: -Flow.STEM_HEIGHT,
stem_down_extension: -Flow.STEM_HEIGHT,
gracenote_stem_up_extension: -Flow.STEM_HEIGHT,
gracenote_stem_down_extension: -Flow.STEM_HEIGHT,
tabnote_stem_up_extension: -Flow.STEM_HEIGHT,
tabnote_stem_down_extension: -Flow.STEM_HEIGHT,
dot_shiftY: 0,
line_above: 0,
line_below: 0
},
type: {
'n': { // Breve note
code_head: 'v53'
},
'h': { // Breve note harmonic
code_head: 'v59'
},
'm': { // Breve note muted -
code_head: 'vf',
stem_offset: 0
},
'r': { // Breve rest
code_head: 'v31',
rest: true,
position: 'B/5',
dot_shiftY: 0.5
},
's': { // Breve note slash -
// Drawn with canvas primitives
getWidth: function getWidth() {
return Flow.SLASH_NOTEHEAD_WIDTH;
},
position: 'B/4'
}
}
},
'1': {
common: {
getWidth: function getWidth() {
var scale = arguments.length <= 0 || arguments[0] === undefined ? Flow.DEFAULT_NOTATION_FONT_SCALE : arguments[0];
return new _glyph.Glyph(this.code_head || 'v1d', scale).getMetrics().width;
},
stem: false,
stem_offset: 0,
flag: false,
stem_up_extension: -Flow.STEM_HEIGHT,
stem_down_extension: -Flow.STEM_HEIGHT,
gracenote_stem_up_extension: -Flow.STEM_HEIGHT,
gracenote_stem_down_extension: -Flow.STEM_HEIGHT,
tabnote_stem_up_extension: -Flow.STEM_HEIGHT,
tabnote_stem_down_extension: -Flow.STEM_HEIGHT,
dot_shiftY: 0,
line_above: 0,
line_below: 0
},
type: {
'n': { // Whole note
code_head: 'v1d'
},
'h': { // Whole note harmonic
code_head: 'v46'
},
'm': { // Whole note muted
code_head: 'v92',
stem_offset: -3
},
'r': { // Whole rest
code_head: 'v5c',
rest: true,
position: 'D/5',
dot_shiftY: 0.5
},
's': { // Whole note slash
// Drawn with canvas primitives
getWidth: function getWidth() {
return Flow.SLASH_NOTEHEAD_WIDTH;
},
position: 'B/4'
}
}
},
'2': {
common: {
getWidth: function getWidth() {
var scale = arguments.length <= 0 || arguments[0] === undefined ? Flow.DEFAULT_NOTATION_FONT_SCALE : arguments[0];
return new _glyph.Glyph(this.code_head || 'v81', scale).getMetrics().width;
},
stem: true,
stem_offset: 0,
flag: false,
stem_up_extension: 0,
stem_down_extension: 0,
gracenote_stem_up_extension: -14,
gracenote_stem_down_extension: -14,
tabnote_stem_up_extension: 0,
tabnote_stem_down_extension: 0,
dot_shiftY: 0,
line_above: 0,
line_below: 0
},
type: {
'n': { // Half note
code_head: 'v81'
},
'h': { // Half note harmonic
code_head: 'v2d'
},
'm': { // Half note muted
code_head: 'v95',
stem_offset: -3
},
'r': { // Half rest
code_head: 'vc',
stem: false,
rest: true,
position: 'B/4',
dot_shiftY: -0.5
},
's': { // Half note slash
// Drawn with canvas primitives
getWidth: function getWidth() {
return Flow.SLASH_NOTEHEAD_WIDTH;
},
position: 'B/4'
}
}
},
'4': {
common: {
getWidth: function getWidth() {
var scale = arguments.length <= 0 || arguments[0] === undefined ? Flow.DEFAULT_NOTATION_FONT_SCALE : arguments[0];
return new _glyph.Glyph(this.code_head || 'vb', scale).getMetrics().width;
},
stem: true,
stem_offset: 0,
flag: false,
stem_up_extension: 0,
stem_down_extension: 0,
gracenote_stem_up_extension: -14,
gracenote_stem_down_extension: -14,
tabnote_stem_up_extension: 0,
tabnote_stem_down_extension: 0,
dot_shiftY: 0,
line_above: 0,
line_below: 0
},
type: {
'n': { // Quarter note
code_head: 'vb'
},
'h': { // Quarter harmonic
code_head: 'v22'
},
'm': { // Quarter muted
code_head: 'v3e',
stem_offset: -3
},
'r': { // Quarter rest
code_head: 'v7c',
stem: false,
rest: true,
position: 'B/4',
dot_shiftY: -0.5,
line_above: 1.5,
line_below: 1.5
},
's': { // Quarter slash
// Drawn with canvas primitives
getWidth: function getWidth() {
return Flow.SLASH_NOTEHEAD_WIDTH;
},
position: 'B/4'
}
}
},
'8': {
common: {
getWidth: function getWidth() {
var scale = arguments.length <= 0 || arguments[0] === undefined ? Flow.DEFAULT_NOTATION_FONT_SCALE : arguments[0];
return new _glyph.Glyph(this.code_head || 'vb', scale).getMetrics().width;
},
stem: true,
stem_offset: 0,
flag: true,
beam_count: 1,
code_flag_upstem: 'v54',
code_flag_downstem: 'v9a',
stem_up_extension: 0,
stem_down_extension: 0,
gracenote_stem_up_extension: -14,
gracenote_stem_down_extension: -14,
tabnote_stem_up_extension: 0,
tabnote_stem_down_extension: 0,
dot_shiftY: 0,
line_above: 0,
line_below: 0
},
type: {
'n': { // Eighth note
code_head: 'vb'
},
'h': { // Eighth note harmonic
code_head: 'v22'
},
'm': { // Eighth note muted
code_head: 'v3e'
},
'r': { // Eighth rest
code_head: 'va5',
stem: false,
flag: false,
rest: true,
position: 'B/4',
dot_shiftY: -0.5,
line_above: 1.0,
line_below: 1.0
},
's': { // Eight slash
// Drawn with canvas primitives
getWidth: function getWidth() {
return Flow.SLASH_NOTEHEAD_WIDTH;
},
position: 'B/4'
}
}
},
'16': {
common: {
beam_count: 2,
getWidth: function getWidth() {
var scale = arguments.length <= 0 || arguments[0] === undefined ? Flow.DEFAULT_NOTATION_FONT_SCALE : arguments[0];
return new _glyph.Glyph(this.code_head || 'vb', scale).getMetrics().width;
},
stem: true,
stem_offset: 0,
flag: true,
code_flag_upstem: 'v3f',
code_flag_downstem: 'v8f',
stem_up_extension: 0,
stem_down_extension: 0,
gracenote_stem_up_extension: -14,
gracenote_stem_down_extension: -14,
tabnote_stem_up_extension: 0,
tabnote_stem_down_extension: 0,
dot_shiftY: 0,
line_above: 0,
line_below: 0
},
type: {
'n': { // Sixteenth note
code_head: 'vb'
},
'h': { // Sixteenth note harmonic
code_head: 'v22'
},
'm': { // Sixteenth note muted
code_head: 'v3e'
},
'r': { // Sixteenth rest
code_head: 'v3c',
stem: false,
flag: false,
rest: true,
position: 'B/4',
dot_shiftY: -0.5,
line_above: 1.0,
line_below: 2.0
},
's': { // Sixteenth slash
// Drawn with canvas primitives
getWidth: function getWidth() {
return Flow.SLASH_NOTEHEAD_WIDTH;
},
position: 'B/4'
}
}
},
'32': {
common: {
beam_count: 3,
getWidth: function getWidth() {
var scale = arguments.length <= 0 || arguments[0] === undefined ? Flow.DEFAULT_NOTATION_FONT_SCALE : arguments[0];
return new _glyph.Glyph(this.code_head || 'vb', scale).getMetrics().width;
},
stem: true,
stem_offset: 0,
flag: true,
code_flag_upstem: 'v47',
code_flag_downstem: 'v2a',
stem_up_extension: 9,
stem_down_extension: 9,
gracenote_stem_up_extension: -12,
gracenote_stem_down_extension: -12,
tabnote_stem_up_extension: 8,
tabnote_stem_down_extension: 5,
dot_shiftY: 0,
line_above: 0,
line_below: 0
},
type: {
'n': { // Thirty-second note
code_head: 'vb'
},
'h': { // Thirty-second harmonic
code_head: 'v22'
},
'm': { // Thirty-second muted
code_head: 'v3e'
},
'r': { // Thirty-second rest
code_head: 'v55',
stem: false,
flag: false,
rest: true,
position: 'B/4',
dot_shiftY: -1.5,
line_above: 2.0,
line_below: 2.0
},
's': { // Thirty-second slash
// Drawn with canvas primitives
getWidth: function getWidth() {
return Flow.SLASH_NOTEHEAD_WIDTH;
},
position: 'B/4'
}
}
},
'64': {
common: {
beam_count: 4,
getWidth: function getWidth() {
var scale = arguments.length <= 0 || arguments[0] === undefined ? Flow.DEFAULT_NOTATION_FONT_SCALE : arguments[0];
return new _glyph.Glyph(this.code_head || 'vb', scale).getMetrics().width;
},
stem: true,
stem_offset: 0,
flag: true,
code_flag_upstem: 'va9',
code_flag_downstem: 'v58',
stem_up_extension: 13,
stem_down_extension: 13,
gracenote_stem_up_extension: -10,
gracenote_stem_down_extension: -10,
tabnote_stem_up_extension: 12,
tabnote_stem_down_extension: 9,
dot_shiftY: 0,
line_above: 0,
line_below: 0
},
type: {
'n': { // Sixty-fourth note
code_head: 'vb'
},
'h': { // Sixty-fourth harmonic
code_head: 'v22'
},
'm': { // Sixty-fourth muted
code_head: 'v3e'
},
'r': { // Sixty-fourth rest
code_head: 'v38',
stem: false,
flag: false,
rest: true,
position: 'B/4',
dot_shiftY: -1.5,
line_above: 2.0,
line_below: 3.0
},
's': { // Sixty-fourth slash
// Drawn with canvas primitives
getWidth: function getWidth() {
return Flow.SLASH_NOTEHEAD_WIDTH;
},
position: 'B/4'
}
}
},
'128': {
common: {
beam_count: 5,
getWidth: function getWidth() {
var scale = arguments.length <= 0 || arguments[0] === undefined ? Flow.DEFAULT_NOTATION_FONT_SCALE : arguments[0];
return new _glyph.Glyph(this.code_head || 'vb', scale).getMetrics().width;
},
stem: true,
stem_offset: 0,
flag: true,
code_flag_upstem: 'v9b',
code_flag_downstem: 'v30',
stem_up_extension: 22,
stem_down_extension: 22,
gracenote_stem_up_extension: -8,
gracenote_stem_down_extension: -8,
tabnote_stem_up_extension: 21,
tabnote_stem_down_extension: 18,
dot_shiftY: 0,
line_above: 0,
line_below: 0
},
type: {
'n': { // Hundred-twenty-eight note
code_head: 'vb'
},
'h': { // Hundred-twenty-eight harmonic
code_head: 'v22'
},
'm': { // Hundred-twenty-eight muted
code_head: 'v3e'
},
'r': { // Hundred-twenty-eight rest
code_head: 'vaa',
stem: false,
flag: false,
rest: true,
position: 'B/4',
dot_shiftY: 1.5,
line_above: 3.0,
line_below: 3.0
},
's': { // Hundred-twenty-eight rest
// Drawn with canvas primitives
getWidth: function getWidth() {
return Flow.SLASH_NOTEHEAD_WIDTH;
},
position: 'B/4'
}
}
}
};
// Some defaults
Flow.TIME4_4 = {
num_beats: 4,
beat_value: 4,
resolution: Flow.RESOLUTION
};
exports.Flow = Flow;
/***/ },
/* 3 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Fraction = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// Fraction class that represents a rational number
//
// @author zz85
// @author incompleteopus (modifications)
/* eslint-disable no-underscore-dangle */
var _vex = __webpack_require__(1);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Fraction = function () {
_createClass(Fraction, null, [{
key: 'GCD',
/**
* GCD: Find greatest common divisor using Euclidean algorithm
*/
value: function GCD(a, b) {
if (typeof a !== 'number' || typeof b !== 'number') {
throw new _vex.Vex.RERR('BadArgument', 'Invalid numbers: ' + a + ', ' + b);
}
var t = void 0;
while (b !== 0) {
t = b;
b = a % b;
a = t;
}
return a;
}
/**
* LCM: Lowest common multiple
*/
}, {
key: 'LCM',
value: function LCM(a, b) {
return a * b / Fraction.GCD(a, b);
}
/**
* LCMM: Lowest common multiple for more than two numbers
*/
}, {
key: 'LCMM',
value: function LCMM(args) {
if (args.length === 0) {
return 0;
} else if (args.length === 1) {
return args[0];
} else if (args.length === 2) {
return Fraction.LCM(args[0], args[1]);
} else {
var arg0 = args[0];
args.shift();
return Fraction.LCM(arg0, Fraction.LCMM(args));
}
}
}]);
function Fraction(numerator, denominator) {
_classCallCheck(this, Fraction);
this.set(numerator, denominator);
}
_createClass(Fraction, [{
key: 'set',
value: function set(numerator, denominator) {
this.numerator = numerator === undefined ? 1 : numerator;
this.denominator = denominator === undefined ? 1 : denominator;
return this;
}
}, {
key: 'value',
value: function value() {
return this.numerator / this.denominator;
}
}, {
key: 'simplify',
value: function simplify() {
var u = this.numerator;
var d = this.denominator;
var gcd = Fraction.GCD(u, d);
u /= gcd;
d /= gcd;
if (d < 0) {
d = -d;
u = -u;
}
return this.set(u, d);
}
}, {
key: 'add',
value: function add(param1, param2) {
var otherNumerator = void 0;
var otherDenominator = void 0;
if (param1 instanceof Fraction) {
otherNumerator = param1.numerator;
otherDenominator = param1.denominator;
} else {
if (param1 !== undefined) {
otherNumerator = param1;
} else {
otherNumerator = 0;
}
if (param2 !== undefined) {
otherDenominator = param2;
} else {
otherDenominator = 1;
}
}
var lcm = Fraction.LCM(this.denominator, otherDenominator);
var a = lcm / this.denominator;
var b = lcm / otherDenominator;
var u = this.numerator * a + otherNumerator * b;
return this.set(u, lcm);
}
}, {
key: 'subtract',
value: function subtract(param1, param2) {
var otherNumerator = void 0;
var otherDenominator = void 0;
if (param1 instanceof Fraction) {
otherNumerator = param1.numerator;
otherDenominator = param1.denominator;
} else {
if (param1 !== undefined) {
otherNumerator = param1;
} else {
otherNumerator = 0;
}
if (param2 !== undefined) {
otherDenominator = param2;
} else {
otherDenominator = 1;
}
}
var lcm = Fraction.LCM(this.denominator, otherDenominator);
var a = lcm / this.denominator;
var b = lcm / otherDenominator;
var u = this.numerator * a - otherNumerator * b;
return this.set(u, lcm);
}
}, {
key: 'multiply',
value: function multiply(param1, param2) {
var otherNumerator = void 0;
var otherDenominator = void 0;
if (param1 instanceof Fraction) {
otherNumerator = param1.numerator;
otherDenominator = param1.denominator;
} else {
if (param1 !== undefined) {
otherNumerator = param1;
} else {
otherNumerator = 1;
}
if (param2 !== undefined) {
otherDenominator = param2;
} else {
otherDenominator = 1;
}
}
return this.set(this.numerator * otherNumerator, this.denominator * otherDenominator);
}
}, {
key: 'divide',
value: function divide(param1, param2) {
var otherNumerator = void 0;
var otherDenominator = void 0;
if (param1 instanceof Fraction) {
otherNumerator = param1.numerator;
otherDenominator = param1.denominator;
} else {
if (param1 !== undefined) {
otherNumerator = param1;
} else {
otherNumerator = 1;
}
if (param2 !== undefined) {
otherDenominator = param2;
} else {
otherDenominator = 1;
}
}
return this.set(this.numerator * otherDenominator, this.denominator * otherNumerator);
}
// Simplifies both sides and checks if they are equal.
}, {
key: 'equals',
value: function equals(compare) {
var a = Fraction.__compareA.copy(compare).simplify();
var b = Fraction.__compareB.copy(this).simplify();
return a.numerator === b.numerator && a.denominator === b.denominator;
}
// Greater than operator.
}, {
key: 'greaterThan',
value: function greaterThan(compare) {
var a = Fraction.__compareB.copy(this);
a.subtract(compare);
return a.numerator > 0;
}
// Greater than or equals operator.
}, {
key: 'greaterThanEquals',
value: function greaterThanEquals(compare) {
var a = Fraction.__compareB.copy(this);
a.subtract(compare);
return a.numerator >= 0;
}
// Less than operator.
}, {
key: 'lessThan',
value: function lessThan(compare) {
return !this.greaterThanEquals(compare);
}
// Less than or equals operator.
}, {
key: 'lessThanEquals',
value: function lessThanEquals(compare) {
return !this.greaterThan(compare);
}
// Creates a new copy with this current values.
}, {
key: 'clone',
value: function clone() {
return new Fraction(this.numerator, this.denominator);
}
// Copies value of another Fraction into itself.
}, {
key: 'copy',
value: function copy(_copy) {
return this.set(_copy.numerator, _copy.denominator);
}
// Returns the integer component eg. (4/2) == 2
}, {
key: 'quotient',
value: function quotient() {
return Math.floor(this.numerator / this.denominator);
}
// Returns the fraction component when reduced to a mixed number
}, {
key: 'fraction',
value: function fraction() {
return this.numerator % this.denominator;
}
// Returns the absolute value
}, {
key: 'abs',
value: function abs() {
this.denominator = Math.abs(this.denominator);
this.numerator = Math.abs(this.numerator);
return this;
}
// Returns a raw string representation
}, {
key: 'toString',
value: function toString() {
return this.numerator + '/' + this.denominator;
}
// Returns a simplified string respresentation
}, {
key: 'toSimplifiedString',
value: function toSimplifiedString() {
return Fraction.__tmp.copy(this).simplify().toString();
}
// Returns string representation in mixed form
}, {
key: 'toMixedString',
value: function toMixedString() {
var s = '';
var q = this.quotient();
var f = Fraction.__tmp.copy(this);
if (q < 0) {
f.abs().fraction();
} else {
f.fraction();
}
if (q !== 0) {
s += q;
if (f.numerator !== 0) {
s += ' ' + f.toSimplifiedString();
}
} else {
if (f.numerator === 0) {
s = '0';
} else {
s = f.toSimplifiedString();
}
}
return s;
}
// Parses a fraction string
}, {
key: 'parse',
value: function parse(str) {
var i = str.split('/');
var n = parseInt(i[0], 10);
var d = i[1] ? parseInt(i[1], 10) : 1;
return this.set(n, d);
}
}]);
return Fraction;
}();
// Temporary cached objects
exports.Fraction = Fraction;
Fraction.__compareA = new Fraction();
Fraction.__compareB = new Fraction();
Fraction.__tmp = new Fraction();
/***/ },
/* 4 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Glyph = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _element = __webpack_require__(5);
var _boundingboxcomputation = __webpack_require__(7);
var _boundingbox = __webpack_require__(8);
var _vexflow_font = __webpack_require__(9);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
function processOutline(outline, originX, originY, scaleX, scaleY, outlineFns) {
var command = void 0;
var x = void 0;
var y = void 0;
var i = 0;
function nextX() {
return originX + outline[i++] * scaleX;
}
function nextY() {
return originY + outline[i++] * scaleY;
}
while (i < outline.length) {
command = outline[i++];
switch (command) {
case 'm':
case 'l':
outlineFns[command](nextX(), nextY());
break;
case 'q':
x = nextX();
y = nextY();
outlineFns.q(nextX(), nextY(), x, y);
break;
case 'b':
x = nextX();
y = nextY();
outlineFns.b(nextX(), nextY(), nextX(), nextY(), x, y);
break;
default:
break;
}
}
}
var Glyph = exports.Glyph = function (_Element) {
_inherits(Glyph, _Element);
_createClass(Glyph, null, [{
key: 'loadMetrics',
/* Static methods used to implement loading / unloading of glyphs */
value: function loadMetrics(font, code, cache) {
var glyph = font.glyphs[code];
if (!glyph) {
throw new _vex.Vex.RERR('BadGlyph', 'Glyph ' + code + ' does not exist in font.');
}
var x_min = glyph.x_min;
var x_max = glyph.x_max;
var ha = glyph.ha;
var outline = void 0;
if (glyph.o) {
if (cache) {
if (glyph.cached_outline) {
outline = glyph.cached_outline;
} else {
outline = glyph.o.split(' ');
glyph.cached_outline = outline;
}
} else {
if (glyph.cached_outline) delete glyph.cached_outline;
outline = glyph.o.split(' ');
}
return {
x_min: x_min,
x_max: x_max,
ha: ha,
outline: outline
};
} else {
throw new _vex.Vex.RERR('BadGlyph', 'Glyph ' + code + ' has no outline defined.');
}
}
/**
* A quick and dirty static glyph renderer. Renders glyphs from the default
* font defined in Vex.Flow.Font.
*
* @param {!Object} ctx The canvas context.
* @param {number} x_pos X coordinate.
* @param {number} y_pos Y coordinate.
* @param {number} point The point size to use.
* @param {string} val The glyph code in Vex.Flow.Font.
* @param {boolean} nocache If set, disables caching of font outline.
*/
}, {
key: 'renderGlyph',
value: function renderGlyph(ctx, x_pos, y_pos, point, val, nocache) {
var scale = point * 72.0 / (_vexflow_font.Font.resolution * 100.0);
var metrics = Glyph.loadMetrics(_vexflow_font.Font, val, !nocache);
Glyph.renderOutline(ctx, metrics.outline, scale, x_pos, y_pos);
}
}, {
key: 'renderOutline',
value: function renderOutline(ctx, outline, scale, x_pos, y_pos) {
ctx.beginPath();
ctx.moveTo(x_pos, y_pos);
processOutline(outline, x_pos, y_pos, scale, -scale, {
m: ctx.moveTo.bind(ctx),
l: ctx.lineTo.bind(ctx),
q: ctx.quadraticCurveTo.bind(ctx),
b: ctx.bezierCurveTo.bind(ctx)
});
ctx.fill();
}
}, {
key: 'getOutlineBoundingBox',
value: function getOutlineBoundingBox(outline, scale, x_pos, y_pos) {
var bboxComp = new _boundingboxcomputation.BoundingBoxComputation();
processOutline(outline, x_pos, y_pos, scale, -scale, {
m: bboxComp.addPoint.bind(bboxComp),
l: bboxComp.addPoint.bind(bboxComp),
q: bboxComp.addQuadraticCurve.bind(bboxComp),
b: bboxComp.addBezierCurve.bind(bboxComp)
});
return new _boundingbox.BoundingBox(bboxComp.x1, bboxComp.y1, bboxComp.width(), bboxComp.height());
}
/**
* @constructor
*/
}]);
function Glyph(code, point, options) {
_classCallCheck(this, Glyph);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Glyph).call(this));
_this.setAttribute('type', 'Glyph');
_this.code = code;
_this.point = point;
_this.options = {
cache: true,
font: _vexflow_font.Font
};
_this.metrics = null;
_this.x_shift = 0;
_this.y_shift = 0;
_this.originShift = {
x: 0,
y: 0
};
if (options) {
_this.setOptions(options);
} else {
_this.reset();
}
return _this;
}
_createClass(Glyph, [{
key: 'setOptions',
value: function setOptions(options) {
_vex.Vex.Merge(this.options, options);
this.reset();
}
}, {
key: 'setPoint',
value: function setPoint(point) {
this.point = point;return this;
}
}, {
key: 'setStave',
value: function setStave(stave) {
this.stave = stave;return this;
}
}, {
key: 'setXShift',
value: function setXShift(x_shift) {
this.x_shift = x_shift;return this;
}
}, {
key: 'setYShift',
value: function setYShift(y_shift) {
this.y_shift = y_shift;return this;
}
}, {
key: 'reset',
value: function reset() {
this.scale = this.point * 72 / (this.options.font.resolution * 100);
this.metrics = Glyph.loadMetrics(this.options.font, this.code, this.options.cache);
this.bbox = Glyph.getOutlineBoundingBox(this.metrics.outline, this.scale, 0, 0);
}
}, {
key: 'getMetrics',
value: function getMetrics() {
if (!this.metrics) {
throw new _vex.Vex.RuntimeError('BadGlyph', 'Glyph ' + this.code + ' is not initialized.');
}
return {
x_min: this.metrics.x_min * this.scale,
x_max: this.metrics.x_max * this.scale,
width: this.bbox.getW(),
height: this.bbox.getH()
};
}
}, {
key: 'setOriginX',
value: function setOriginX(x) {
var bbox = this.bbox;
var originX = Math.abs(bbox.getX() / bbox.getW());
var xShift = (x - originX) * bbox.getW();
this.originShift.x = -xShift;
}
}, {
key: 'setOriginY',
value: function setOriginY(y) {
var bbox = this.bbox;
var originY = Math.abs(bbox.getY() / bbox.getH());
var yShift = (y - originY) * bbox.getH();
this.originShift.y = -yShift;
}
}, {
key: 'setOrigin',
value: function setOrigin(x, y) {
this.setOriginX(x);
this.setOriginY(y);
}
}, {
key: 'render',
value: function render(ctx, x, y) {
if (!this.metrics) {
throw new _vex.Vex.RuntimeError('BadGlyph', 'Glyph ' + this.code + ' is not initialized.');
}
var outline = this.metrics.outline;
var scale = this.scale;
this.setRendered();
Glyph.renderOutline(ctx, outline, scale, x + this.originShift.x, y + this.originShift.y);
}
}, {
key: 'renderToStave',
value: function renderToStave(x) {
this.checkContext();
if (!this.metrics) {
throw new _vex.Vex.RuntimeError('BadGlyph', 'Glyph ' + this.code + ' is not initialized.');
}
if (!this.stave) {
throw new _vex.Vex.RuntimeError('GlyphError', 'No valid stave');
}
var outline = this.metrics.outline;
var scale = this.scale;
this.setRendered();
Glyph.renderOutline(this.context, outline, scale, x + this.x_shift, this.stave.getYForGlyphs() + this.y_shift);
}
}]);
return Glyph;
}(_element.Element);
/***/ },
/* 5 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Element = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// @author Mohit Cheppudira
//
// ## Description
//
// This file implements a generic base class for VexFlow, with implementations
// of general functions and properties that can be inherited by all VexFlow elements.
var _vex = __webpack_require__(1);
var _registry = __webpack_require__(6);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Element = exports.Element = function () {
_createClass(Element, null, [{
key: 'newID',
value: function newID() {
return 'auto' + Element.ID++;
}
}]);
function Element() {
var _ref = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
var type = _ref.type;
_classCallCheck(this, Element);
this.attrs = {
id: Element.newID(),
el: null,
type: type || 'Base',
classes: {}
};
this.boundingBox = null;
this.context = null;
this.rendered = false;
// If a default registry exist, then register with it right away.
if (_registry.Registry.getDefaultRegistry()) {
_registry.Registry.getDefaultRegistry().register(this);
}
}
// An element can have multiple class labels.
_createClass(Element, [{
key: 'hasClass',
value: function hasClass(className) {
return this.attrs.classes[className] === true;
}
}, {
key: 'addClass',
value: function addClass(className) {
this.attrs.classes[className] = true;
if (this.registry) {
this.registry.onUpdate({
id: this.getAttribute('id'),
name: 'class',
value: className,
oldValue: null
});
}
return this;
}
}, {
key: 'removeClass',
value: function removeClass(className) {
delete this.attrs.classes[className];
if (this.registry) {
this.registry.onUpdate({
id: this.getAttribute('id'),
name: 'class',
value: null,
oldValue: className
});
}
return this;
}
// This is called by the registry after the element is registered.
}, {
key: 'onRegister',
value: function onRegister(registry) {
this.registry = registry;return this;
}
}, {
key: 'isRendered',
value: function isRendered() {
return this.rendered;
}
}, {
key: 'setRendered',
value: function setRendered() {
var rendered = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];
this.rendered = rendered;return this;
}
}, {
key: 'getAttributes',
value: function getAttributes() {
return this.attrs;
}
}, {
key: 'getAttribute',
value: function getAttribute(name) {
return this.attrs[name];
}
}, {
key: 'setAttribute',
value: function setAttribute(name, value) {
var id = this.attrs.id;
var oldValue = this.attrs[name];
this.attrs[name] = value;
if (this.registry) {
// Register with old id to support id changes.
this.registry.onUpdate({ id: id, name: name, value: value, oldValue: oldValue });
}
return this;
}
}, {
key: 'getContext',
value: function getContext() {
return this.context;
}
}, {
key: 'setContext',
value: function setContext(context) {
this.context = context;return this;
}
}, {
key: 'getBoundingBox',
value: function getBoundingBox() {
return this.boundingBox;
}
// Validators
}, {
key: 'checkContext',
value: function checkContext() {
if (!this.context) {
throw new _vex.Vex.RERR('NoContext', 'No rendering context attached to instance');
}
return this.context;
}
}]);
return Element;
}();
Element.ID = 1000;
/***/ },
/* 6 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Registry = exports.X = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// @author Mohit Cheppudira
//
// ## Description
//
// This file implements a registry for VexFlow elements. It allows users
// to track, query, and manage some subset of generated elements, and
// dynamically get and set attributes.
//
// There are two ways to regiser with a registry:
//
// 1) Explicitly call `element.register(registry)`, or,
// 2) Call `Registry.enableDefaultRegistry(registry)` when ready, and all future
// elements will automatically register with it.
//
// Once an element is registered, selected attributes are tracked and indexed by
// the registry. This allows fast look up of elements by attributes like id, type,
// and class.
var _vex = __webpack_require__(1);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var X = exports.X = _vex.Vex.MakeException('RegistryError');
function setIndexValue(index, name, value, id, elem) {
if (!index[name][value]) index[name][value] = {};
index[name][value][id] = elem;
}
var Registry = exports.Registry = function () {
_createClass(Registry, null, [{
key: 'INDEXES',
get: function get() {
return ['type'];
}
}]);
function Registry() {
_classCallCheck(this, Registry);
this.clear();
}
// If you call `enableDefaultRegistry`, any new elements will auto-register with
// the provided registry as soon as they're constructed.
_createClass(Registry, [{
key: 'clear',
value: function clear() {
// Indexes are represented as maps of maps (of maps). This allows
// for both multi-labeling (e.g., an element can have multiple classes)
// and efficient lookup.
this.index = {
id: {},
type: {},
class: {}
};
return this;
}
// Updates the indexes for element 'id'. If an element's attribute changes
// from A -> B, make sure to remove the element from A.
}, {
key: 'updateIndex',
value: function updateIndex(_ref) {
var id = _ref.id;
var name = _ref.name;
var value = _ref.value;
var oldValue = _ref.oldValue;
var elem = this.getElementById(id);
if (oldValue !== null && this.index[name][oldValue]) {
delete this.index[name][oldValue][id];
}
if (value !== null) {
setIndexValue(this.index, name, value, elem.getAttribute('id'), elem);
}
}
// Register element `elem` with this registry. This adds the element to its index and watches
// it for attribute changes.
}, {
key: 'register',
value: function register(elem, id) {
var _this = this;
id = id || elem.getAttribute('id');
if (!id) {
throw new X('Can\'t add element without `id` attribute to registry', elem);
}
// Manually add id to index, then update other indexes.
elem.setAttribute('id', id);
setIndexValue(this.index, 'id', id, id, elem);
Registry.INDEXES.forEach(function (name) {
_this.updateIndex({ id: id, name: name, value: elem.getAttribute(name), oldValue: null });
});
elem.onRegister(this);
return this;
}
}, {
key: 'getElementById',
value: function getElementById(id) {
return this.index.id[id] ? this.index.id[id][id] : null;
}
}, {
key: 'getElementsByAttribute',
value: function getElementsByAttribute(attrName, value) {
var index = this.index[attrName];
if (index && index[value]) {
return Object.keys(index[value]).map(function (i) {
return index[value][i];
});
} else {
return [];
}
}
}, {
key: 'getElementsByType',
value: function getElementsByType(type) {
return this.getElementsByAttribute('type', type);
}
}, {
key: 'getElementsByClass',
value: function getElementsByClass(className) {
return this.getElementsByAttribute('class', className);
}
// This is called by the element when an attribute value changes. If an indexed
// attribute changes, then update the local index.
}, {
key: 'onUpdate',
value: function onUpdate(_ref2) {
var id = _ref2.id;
var name = _ref2.name;
var value = _ref2.value;
var oldValue = _ref2.oldValue;
function includes(array, value) {
return array.filter(function (x) {
return x === value;
}).length > 0;
}
if (!includes(Registry.INDEXES.concat(['id', 'class']), name)) return this;
this.updateIndex({ id: id, name: name, value: value, oldValue: oldValue });
return this;
}
}], [{
key: 'enableDefaultRegistry',
value: function enableDefaultRegistry(registry) {
Registry.defaultRegistry = registry;
}
}, {
key: 'getDefaultRegistry',
value: function getDefaultRegistry() {
return Registry.defaultRegistry;
}
}, {
key: 'disableDefaultRegistry',
value: function disableDefaultRegistry() {
Registry.defaultRegistry = null;
}
}]);
return Registry;
}();
Registry.defaultRegistry = null;
/***/ },
/* 7 */
/***/ function(module, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
// ## Description
//
// Object which computes metrics for a bounding box by continuously
// taking canvas path commands
// Warning: This file is merely a crutch to get bounding box information without
// explicit metadata. This is likely to get deprecated following SMuFL support.
//
// taken from: https://github.com/gabelerner/canvg/blob/860e418aca67b9a41e858a223d74d375793ec364/ca
// nvg.js#L449
var BoundingBoxComputation = exports.BoundingBoxComputation = function () {
function BoundingBoxComputation(x1, y1, x2, y2) {
_classCallCheck(this, BoundingBoxComputation);
// pass in initial points if you want
this.x1 = Number.NaN;
this.y1 = Number.NaN;
this.x2 = Number.NaN;
this.y2 = Number.NaN;
this.addPoint(x1, y1);
this.addPoint(x2, y2);
}
_createClass(BoundingBoxComputation, [{
key: "width",
value: function width() {
return this.x2 - this.x1;
}
}, {
key: "height",
value: function height() {
return this.y2 - this.y1;
}
}, {
key: "addPoint",
value: function addPoint(x, y) {
if (x != null) {
if (isNaN(this.x1) || isNaN(this.x2)) {
this.x1 = x;
this.x2 = x;
}
if (x < this.x1) this.x1 = x;
if (x > this.x2) this.x2 = x;
}
if (y != null) {
if (isNaN(this.y1) || isNaN(this.y2)) {
this.y1 = y;
this.y2 = y;
}
if (y < this.y1) this.y1 = y;
if (y > this.y2) this.y2 = y;
}
}
}, {
key: "addX",
value: function addX(x) {
this.addPoint(x, null);
}
}, {
key: "addY",
value: function addY(y) {
this.addPoint(null, y);
}
}, {
key: "addQuadraticCurve",
value: function addQuadraticCurve(p0x, p0y, p1x, p1y, p2x, p2y) {
var cp1x = p0x + 2 / 3 * (p1x - p0x); // CP1 = QP0 + 2/3 *(QP1-QP0)
var cp1y = p0y + 2 / 3 * (p1y - p0y); // CP1 = QP0 + 2/3 *(QP1-QP0)
var cp2x = cp1x + 1 / 3 * (p2x - p0x); // CP2 = CP1 + 1/3 *(QP2-QP0)
var cp2y = cp1y + 1 / 3 * (p2y - p0y); // CP2 = CP1 + 1/3 *(QP2-QP0)
this.addBezierCurve(p0x, p0y, cp1x, cp1y, cp2x, cp2y, p2x, p2y);
}
}, {
key: "addBezierCurve",
value: function addBezierCurve(p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y) {
// from http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html
var p0 = [p0x, p0y];
var p1 = [p1x, p1y];
var p2 = [p2x, p2y];
var p3 = [p3x, p3y];
var i = void 0;
this.addPoint(p0[0], p0[1]);
this.addPoint(p3[0], p3[1]);
var f = function f(t, i) {
return Math.pow(1 - t, 3) * p0[i] + 3 * Math.pow(1 - t, 2) * t * p1[i] + 3 * (1 - t) * Math.pow(t, 2) * p2[i] + Math.pow(t, 3) * p3[i];
};
for (i = 0; i <= 1; i++) {
var b = 6 * p0[i] - 12 * p1[i] + 6 * p2[i];
var a = -3 * p0[i] + 9 * p1[i] - 9 * p2[i] + 3 * p3[i];
var c = 3 * p1[i] - 3 * p0[i];
if (a === 0) {
if (b === 0) continue;
var t = -c / b;
if (0 < t && t < 1) {
if (i === 0) this.addX(f(t, i));
if (i === 1) this.addY(f(t, i));
}
continue;
}
var b2ac = Math.pow(b, 2) - 4 * c * a;
if (b2ac < 0) continue;
var t1 = (-b + Math.sqrt(b2ac)) / (2 * a);
if (0 < t1 && t1 < 1) {
if (i === 0) this.addX(f(t1, i));
if (i === 1) this.addY(f(t1, i));
}
var t2 = (-b - Math.sqrt(b2ac)) / (2 * a);
if (0 < t2 && t2 < 1) {
if (i === 0) this.addX(f(t2, i));
if (i === 1) this.addY(f(t2, i));
}
}
}
}]);
return BoundingBoxComputation;
}();
/***/ },
/* 8 */
/***/ function(module, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
// Vex Music Notation
// Mohit Muthanna <mohit@muthanna.com>
//
// Copyright Mohit Muthanna 2010
// Bounding boxes for interactive notation
var BoundingBox = exports.BoundingBox = function () {
_createClass(BoundingBox, null, [{
key: "copy",
value: function copy(that) {
return new BoundingBox(that.x, that.y, that.w, that.h);
}
}]);
function BoundingBox(x, y, w, h) {
_classCallCheck(this, BoundingBox);
this.x = x;
this.y = y;
this.w = w;
this.h = h;
}
_createClass(BoundingBox, [{
key: "getX",
value: function getX() {
return this.x;
}
}, {
key: "getY",
value: function getY() {
return this.y;
}
}, {
key: "getW",
value: function getW() {
return this.w;
}
}, {
key: "getH",
value: function getH() {
return this.h;
}
}, {
key: "setX",
value: function setX(x) {
this.x = x;return this;
}
}, {
key: "setY",
value: function setY(y) {
this.y = y;return this;
}
}, {
key: "setW",
value: function setW(w) {
this.w = w;return this;
}
}, {
key: "setH",
value: function setH(h) {
this.h = h;return this;
}
}, {
key: "move",
value: function move(x, y) {
this.x += x;this.y += y;
}
}, {
key: "clone",
value: function clone() {
return BoundingBox.copy(this);
}
// Merge my box with given box. Creates a bigger bounding box unless
// the given box is contained in this one.
}, {
key: "mergeWith",
value: function mergeWith(boundingBox, ctx) {
var that = boundingBox;
var new_x = this.x < that.x ? this.x : that.x;
var new_y = this.y < that.y ? this.y : that.y;
var new_w = this.x + this.w < that.x + that.w ? that.x + that.w - this.x : this.x + this.w - Math.min(this.x, that.x);
var new_h = this.y + this.h < that.y + that.h ? that.y + that.h - this.y : this.y + this.h - Math.min(this.y, that.y);
this.x = new_x;
this.y = new_y;
this.w = new_w;
this.h = new_h;
if (ctx) this.draw(ctx);
return this;
}
}, {
key: "draw",
value: function draw(ctx, x, y) {
if (!x) x = 0;
if (!y) y = 0;
ctx.rect(this.x + x, this.y + y, this.w, this.h);
ctx.stroke();
}
}]);
return BoundingBox;
}();
/***/ },
/* 9 */
/***/ function(module, exports) {
"use strict";Object.defineProperty(exports,"__esModule",{value:true});var Font=exports.Font={"glyphs":{"v0":{"x_min":0,"x_max":514.5,"ha":525,"o":"m 236 648 b 246 648 238 648 242 648 b 288 646 261 648 283 648 b 472 513 364 634 428 587 b 514 347 502 464 514 413 b 462 163 514 272 499 217 b 257 44 409 83 333 44 b 50 163 181 44 103 83 b 0 347 14 217 0 272 b 40 513 0 413 12 464 b 236 648 87 591 155 638 m 277 614 b 253 616 273 616 261 616 b 242 616 247 616 243 616 b 170 499 193 609 181 589 b 159 348 163 446 159 398 b 166 222 159 308 161 266 b 201 91 174 138 183 106 b 257 76 215 81 235 76 b 311 91 277 76 299 81 b 347 222 330 106 338 138 b 353 348 352 266 353 308 b 344 499 353 398 351 446 b 277 614 333 587 322 606 m 257 -1 l 258 -1 l 255 -1 l 257 -1 m 257 673 l 258 673 l 255 673 l 257 673 "},"v1":{"x_min":-1.359375,"x_max":344.359375,"ha":351,"o":"m 126 637 l 129 638 l 198 638 l 266 638 l 269 635 b 274 631 272 634 273 632 l 277 627 l 277 395 b 279 156 277 230 277 161 b 329 88 281 123 295 106 b 344 69 341 81 344 79 b 337 55 344 62 343 59 l 333 54 l 197 54 l 61 54 l 58 55 b 50 69 53 59 50 62 b 65 88 50 79 53 81 b 80 97 72 91 74 93 b 117 156 103 113 112 129 b 117 345 117 161 117 222 l 117 528 l 100 503 l 38 406 b 14 383 24 384 23 383 b -1 398 5 383 -1 390 b 4 415 -1 403 1 409 b 16 437 5 416 10 426 l 72 539 l 100 596 b 121 632 119 631 119 631 b 126 637 122 634 125 635 m 171 -1 l 172 -1 l 170 -1 l 171 -1 m 171 673 l 172 673 l 170 673 l 171 673 "},"v2":{"x_min":-1.359375,"x_max":458.6875,"ha":468,"o":"m 197 648 b 216 648 201 648 208 648 b 258 646 232 648 253 648 b 419 546 333 637 393 599 b 432 489 428 528 432 509 b 356 342 432 440 405 384 b 235 278 322 313 288 295 b 69 170 166 256 107 217 b 69 169 69 170 69 169 b 69 169 69 169 69 169 b 74 173 69 169 72 170 b 209 222 112 204 163 222 b 310 195 247 222 274 215 b 371 179 332 184 352 179 b 396 181 379 179 387 179 b 428 202 409 184 423 194 b 442 212 431 209 436 212 b 458 197 450 212 458 206 b 441 148 458 190 449 165 b 299 44 409 84 353 44 b 288 45 295 44 292 44 b 250 61 274 45 268 49 b 122 99 212 86 164 99 b 73 91 104 99 88 97 b 28 63 53 84 34 72 b 14 54 25 56 20 54 b 1 62 9 54 4 56 l -1 65 l -1 79 b 0 99 -1 91 0 95 b 2 113 1 102 2 108 b 164 309 20 197 81 272 b 285 470 232 341 277 398 b 287 487 287 476 287 481 b 171 595 287 551 239 595 b 155 595 166 595 160 595 b 142 592 145 594 142 594 b 145 589 142 592 142 591 b 179 527 168 576 179 551 b 132 455 179 496 163 467 b 104 451 122 452 112 451 b 27 530 62 451 27 487 b 29 555 27 538 27 546 b 197 648 44 601 115 639 m 228 -1 l 230 -1 l 227 -1 l 228 -1 m 228 673 l 230 673 l 227 673 l 228 673 "},"v3":{"x_min":-1.359375,"x_max":409.6875,"ha":418,"o":"m 174 648 b 191 648 176 648 183 648 b 225 648 204 648 220 648 b 402 523 317 638 389 588 b 404 503 404 517 404 510 b 402 484 404 495 404 488 b 264 373 389 437 334 394 b 257 370 259 371 257 371 b 257 370 257 370 257 370 b 264 369 258 370 261 369 b 409 202 359 334 409 267 b 318 72 409 152 381 104 b 200 43 281 52 240 43 b 23 113 134 43 69 68 b 0 169 6 129 0 149 b 77 249 0 210 29 249 l 77 249 b 152 174 125 249 152 212 b 103 102 152 145 137 116 b 103 102 103 102 103 102 b 147 94 103 101 132 95 b 153 94 149 94 151 94 b 265 206 219 94 265 141 b 264 226 265 213 265 219 b 147 355 253 299 204 353 b 126 371 133 356 126 362 b 147 388 126 383 132 388 b 254 474 196 391 238 424 b 259 502 258 484 259 494 b 182 592 259 544 228 582 b 156 595 175 595 166 595 b 115 592 142 595 129 594 l 111 591 l 115 588 b 152 524 141 574 152 549 b 92 449 152 491 130 458 b 76 448 87 448 81 448 b -1 530 32 448 -1 488 b 20 581 -1 548 5 566 b 174 648 55 619 108 641 m 204 -1 l 205 -1 l 202 -1 l 204 -1 m 204 673 l 205 673 l 202 673 l 204 673 "},"v4":{"x_min":0,"x_max":468.21875,"ha":478,"o":"m 174 637 b 232 638 175 638 189 638 b 277 638 245 638 259 638 l 378 638 l 381 635 b 389 623 386 632 389 627 b 382 609 389 617 386 613 b 366 589 381 606 372 598 l 313 528 l 245 451 l 209 410 l 155 348 l 84 267 b 59 240 72 252 59 240 b 59 240 59 240 59 240 b 151 238 59 238 68 238 l 242 238 l 242 303 b 243 371 242 369 242 370 b 289 426 245 374 254 385 l 303 441 l 317 456 l 338 483 l 360 506 l 371 520 b 386 527 375 526 381 527 b 400 519 392 527 397 524 b 401 440 401 516 401 514 b 401 377 401 423 401 402 l 401 238 l 426 238 b 453 237 449 238 450 238 b 465 217 461 234 465 226 b 460 202 465 212 464 206 b 426 197 454 197 453 197 l 401 197 l 401 180 b 451 88 402 129 412 109 b 468 69 465 81 468 79 b 461 55 468 62 466 59 l 458 54 l 321 54 l 185 54 l 182 55 b 175 69 176 59 175 62 b 191 88 175 79 176 81 b 240 180 230 109 240 129 l 240 197 l 125 197 b 73 195 104 195 87 195 b 8 197 10 195 9 197 b 0 212 2 199 0 205 b 0 212 0 212 0 212 b 20 242 0 219 0 219 b 163 610 104 344 163 492 b 174 637 163 628 166 634 m 234 -1 l 235 -1 l 232 -1 l 234 -1 m 234 673 l 235 673 l 232 673 l 234 673 "},"v5":{"x_min":0,"x_max":409.6875,"ha":418,"o":"m 47 637 b 53 638 49 638 50 638 b 69 634 55 638 61 637 b 210 610 114 619 161 610 b 363 634 259 610 311 619 b 382 638 372 637 378 638 b 392 634 386 638 389 637 b 397 623 396 630 397 627 b 393 610 397 620 396 616 b 298 505 368 552 338 520 b 212 494 277 498 246 494 b 65 517 163 494 106 502 b 61 517 62 517 61 517 b 61 517 61 517 61 517 b 51 408 61 517 51 412 b 51 408 51 408 51 408 b 51 408 51 408 51 408 b 61 412 53 408 55 409 b 125 434 80 421 103 430 b 185 441 145 440 166 441 b 409 244 310 441 409 353 b 401 191 409 227 406 209 b 197 43 375 105 287 43 b 159 47 183 43 171 44 b 23 123 112 56 61 86 b 0 180 6 140 0 159 b 76 260 0 220 31 260 b 92 259 81 260 87 259 b 152 183 132 251 152 216 b 100 112 152 152 134 122 b 95 111 98 112 95 111 b 95 111 95 111 95 111 b 129 98 95 109 119 101 b 148 97 136 97 141 97 b 264 235 206 97 261 158 b 265 248 265 240 265 244 b 210 398 265 312 243 373 b 179 408 201 406 194 408 b 174 408 178 408 176 408 b 53 369 130 408 88 394 b 34 359 39 359 38 359 b 17 374 24 359 17 365 b 39 628 17 384 38 625 b 47 637 40 631 43 635 m 204 -1 l 205 -1 l 202 -1 l 204 -1 m 204 673 l 205 673 l 202 673 l 204 673 "},"v6":{"x_min":0,"x_max":475.03125,"ha":485,"o":"m 255 648 b 274 648 259 648 266 648 b 314 646 288 648 307 648 b 450 555 374 637 438 594 b 454 530 453 546 454 538 b 375 451 454 485 416 451 b 328 467 359 451 343 455 b 300 526 310 483 300 503 b 352 598 300 557 319 589 b 356 599 355 598 356 599 b 352 602 356 599 355 601 b 288 616 330 612 308 616 b 210 584 257 616 230 605 b 164 433 189 559 174 508 b 160 374 163 415 160 381 b 160 374 160 374 160 374 b 160 374 160 374 160 374 b 168 377 160 374 164 376 b 258 395 200 390 228 395 b 366 367 294 395 328 387 b 475 223 436 333 475 283 b 472 197 475 215 473 206 b 349 65 462 141 419 95 b 259 43 317 51 288 43 b 167 69 230 43 200 52 b 4 290 80 113 20 195 b 0 349 1 309 0 328 b 20 467 0 391 6 433 b 255 648 58 563 155 637 m 269 363 b 257 363 265 363 261 363 b 210 345 236 363 220 356 b 186 226 196 324 186 272 b 187 198 186 216 186 206 b 213 95 191 151 202 112 b 257 76 221 83 238 76 b 270 77 261 76 266 76 b 321 156 299 81 310 99 b 329 229 326 183 329 206 b 321 301 329 252 326 274 b 269 363 311 342 298 359 m 236 -1 l 238 -1 l 235 -1 l 236 -1 m 236 673 l 238 673 l 235 673 l 236 673 "},"v7":{"x_min":0,"x_max":442.359375,"ha":451,"o":"m 147 648 b 166 649 153 649 160 649 b 313 598 217 649 273 630 b 340 587 323 588 328 587 l 341 587 b 412 628 367 587 390 601 b 427 638 416 635 421 638 b 439 632 431 638 435 637 b 442 623 441 630 442 628 b 430 569 442 616 439 603 b 352 369 408 492 377 410 b 300 259 325 324 313 298 b 273 84 283 205 273 140 b 265 55 273 65 272 59 l 261 54 l 181 54 l 99 54 l 96 55 b 91 61 95 56 92 59 l 89 63 l 89 77 b 147 263 89 133 111 202 b 261 401 176 313 212 355 b 378 541 315 449 349 489 l 382 548 l 375 544 b 240 495 333 512 285 495 b 129 535 198 495 160 509 b 84 560 108 552 95 560 b 76 559 81 560 78 560 b 31 487 59 555 43 530 b 14 470 27 473 24 470 b 1 477 8 470 4 471 l 0 480 l 0 553 l 0 627 l 1 630 b 16 638 4 635 9 638 b 23 635 17 638 20 637 b 49 626 36 626 39 626 b 96 638 59 626 80 630 b 104 639 99 638 102 639 b 117 644 107 641 112 642 b 147 648 125 645 137 648 m 220 -1 l 221 -1 l 219 -1 l 220 -1 m 220 673 l 221 673 l 219 673 l 220 673 "},"v8":{"x_min":0,"x_max":488.640625,"ha":499,"o":"m 217 648 b 245 649 225 648 235 649 b 453 516 343 649 430 595 b 458 478 455 503 458 491 b 412 370 458 440 441 398 b 411 369 412 369 411 369 b 415 365 411 367 412 367 b 488 231 462 331 488 281 b 472 165 488 208 483 186 b 243 43 434 86 338 43 b 63 104 178 43 112 62 b 0 233 20 140 0 186 b 73 365 0 283 24 331 l 77 369 l 72 374 b 29 476 42 406 29 441 b 217 648 29 557 103 635 m 258 605 b 242 606 253 605 247 606 b 157 552 198 606 157 580 b 160 541 157 548 159 544 b 319 413 176 503 242 452 l 337 403 l 338 406 b 359 476 352 428 359 452 b 258 605 359 537 318 595 m 138 326 b 130 330 134 328 130 330 b 130 330 130 330 130 330 b 107 305 127 330 112 313 b 84 231 91 281 84 256 b 243 86 84 156 151 86 b 249 87 245 86 246 87 b 347 156 303 88 347 120 b 344 172 347 162 345 167 b 156 319 325 227 257 281 b 138 326 151 322 144 324 m 243 -1 l 245 -1 l 242 -1 l 243 -1 m 243 673 l 245 673 l 242 673 l 243 673 "},"v9":{"x_min":0,"x_max":475.03125,"ha":485,"o":"m 191 646 b 212 649 198 648 205 649 b 255 644 227 649 243 646 b 458 448 348 616 428 539 b 475 342 469 415 475 378 b 460 244 475 308 469 274 b 193 44 421 124 303 44 b 91 69 157 44 122 51 b 19 161 43 97 19 126 b 21 181 19 167 20 174 b 98 241 32 220 65 241 b 170 186 129 241 160 223 b 172 166 171 179 172 173 b 121 94 172 134 152 102 b 117 93 118 94 117 93 b 121 90 117 93 118 91 b 185 76 142 80 164 76 b 270 119 220 76 251 91 b 308 259 287 145 300 194 b 313 317 310 277 313 310 b 313 317 313 317 313 317 b 313 317 313 317 313 317 b 304 315 313 317 308 316 b 216 295 273 302 245 295 b 145 308 193 295 170 299 b 19 398 88 327 42 360 b 0 469 5 420 0 444 b 24 551 0 496 8 526 b 191 646 54 596 125 637 m 227 614 b 215 616 224 616 220 616 b 202 614 210 616 206 616 b 152 535 174 610 163 592 b 144 463 147 509 144 485 b 152 391 144 440 147 417 b 216 328 163 344 179 328 b 280 391 253 328 269 344 b 288 463 285 417 288 440 b 280 535 288 485 285 509 b 227 614 269 594 258 610 m 236 -1 l 238 -1 l 235 -1 l 236 -1 m 236 673 l 238 673 l 235 673 l 236 673 "},"va":{"x_min":-149.71875,"x_max":148.359375,"ha":151,"o":"m -8 -1 b -1 0 -5 -1 -4 0 b 16 -11 5 0 13 -4 b 83 -186 17 -12 47 -90 l 148 -358 l 148 -363 b 127 -385 148 -376 138 -385 b 112 -378 122 -385 118 -383 b 54 -226 110 -374 114 -385 b 0 -81 24 -147 0 -81 b -55 -226 -1 -81 -25 -147 b -114 -378 -115 -385 -111 -374 b -129 -385 -119 -383 -123 -385 b -149 -363 -140 -385 -149 -376 l -149 -358 l -84 -186 b -19 -11 -49 -90 -19 -12 b -8 -1 -17 -8 -12 -4 "},"vb":{"x_min":0,"x_max":428.75,"ha":438,"o":"m 262 186 b 273 186 266 186 272 186 b 274 186 273 186 274 186 b 285 186 274 186 280 186 b 428 48 375 181 428 122 b 386 -68 428 12 416 -29 b 155 -187 329 -145 236 -187 b 12 -111 92 -187 38 -162 b 0 -51 4 -91 0 -72 b 262 186 0 58 122 179 "},"vc":{"x_min":0,"x_max":447.8125,"ha":457,"o":"m 0 86 l 0 173 l 223 173 l 447 173 l 447 86 l 447 0 l 223 0 l 0 0 l 0 86 "},"vd":{"x_min":0,"x_max":343,"ha":350,"o":"m 329 331 b 333 331 330 331 332 331 b 343 322 338 331 343 327 b 343 320 343 322 343 320 b 318 276 341 317 340 313 b 279 223 291 227 294 230 b 202 208 257 212 236 208 b 144 210 186 208 167 208 b 93 212 123 212 107 212 b 19 195 59 212 39 208 b 8 191 14 192 10 191 b 0 198 5 191 2 194 b 0 201 0 199 0 199 b 23 248 0 205 4 213 b 62 301 50 297 47 292 b 140 316 84 312 104 316 b 197 313 155 316 174 315 b 249 310 217 312 234 310 b 322 328 283 310 303 316 b 329 331 325 328 328 331 "},"ve":{"x_min":-390.640625,"x_max":389.28125,"ha":397,"o":"m -378 502 l -374 503 l 0 503 l 372 503 l 377 502 b 387 491 381 499 385 496 l 389 488 l 389 251 l 389 15 l 387 12 b 367 0 383 4 375 0 b 348 12 360 0 352 4 l 347 15 l 347 174 l 347 335 l 0 335 l -348 335 l -348 174 l -348 15 l -349 12 b -368 0 -353 4 -362 0 b -389 12 -377 0 -385 4 l -390 15 l -390 251 l -390 488 l -389 491 b -378 502 -386 496 -382 499 m -13 131 b -1 133 -9 133 -5 133 b 50 105 19 133 39 123 b 61 70 57 95 61 83 b 50 34 61 58 57 45 b -1 6 39 16 19 6 b -46 27 -17 6 -34 13 b -62 69 -58 38 -62 55 b -13 131 -62 98 -44 124 "},"vf":{"x_min":0,"x_max":370.21875,"ha":378,"o":"m 0 0 l 0 277 l 61 277 l 122 277 l 122 0 l 122 -278 l 61 -278 l 0 -278 l 0 0 m 246 -1 l 246 277 l 308 277 l 370 277 l 370 -1 l 370 -278 l 308 -278 l 246 -278 l 246 -1 "},"v10":{"x_min":0,"x_max":559.421875,"ha":571,"o":"m 5 127 b 14 127 6 127 9 127 b 51 126 25 127 43 127 b 175 98 93 122 138 112 l 186 94 b 279 51 210 86 255 65 b 285 47 280 51 283 48 b 319 27 291 44 311 31 l 326 22 b 359 0 332 19 352 4 l 367 -6 b 371 -9 368 -6 370 -8 l 379 -15 b 387 -22 383 -18 386 -20 l 398 -30 l 411 -40 l 417 -47 l 427 -55 l 434 -61 b 441 -66 436 -62 439 -65 l 446 -72 l 453 -77 l 462 -87 b 558 -188 490 -113 549 -176 b 559 -195 559 -191 559 -194 b 548 -205 559 -201 555 -205 b 541 -204 547 -205 544 -205 b 534 -198 539 -201 536 -199 l 525 -191 b 481 -162 518 -187 490 -167 b 472 -155 477 -159 472 -156 b 468 -152 470 -155 469 -154 b 461 -149 466 -152 464 -151 b 428 -130 454 -145 441 -137 b 371 -99 413 -122 372 -99 b 363 -95 371 -99 367 -98 b 353 -91 357 -94 353 -91 b 348 -90 353 -91 352 -91 b 332 -81 343 -87 341 -86 b 27 -12 230 -37 127 -13 b 0 -5 4 -11 2 -11 b 0 58 0 -2 0 27 b 0 122 0 88 0 120 b 5 127 1 124 4 126 "},"v11":{"x_min":-155.171875,"x_max":153.8125,"ha":157,"o":"m -137 353 b -130 353 -136 353 -133 353 b -112 349 -125 353 -119 352 b -100 342 -110 347 -104 344 b 0 317 -69 326 -35 317 b 111 349 38 317 76 328 b 129 353 117 352 123 353 b 153 327 142 353 153 344 b 144 302 153 320 153 317 b 27 6 93 226 50 113 b 21 -13 24 -11 24 -11 b 0 -26 17 -22 8 -26 b -24 -12 -9 -26 -19 -22 b -28 5 -24 -9 -27 -2 b -145 302 -53 117 -95 224 b -155 327 -155 317 -155 320 b -137 353 -155 340 -148 349 "},"v12":{"x_min":0,"x_max":699.609375,"ha":714,"o":"m 0 0 l 0 563 l 65 563 l 132 563 l 132 0 l 132 -564 l 65 -564 l 0 -564 l 0 0 m 181 0 l 181 563 l 197 563 l 215 563 l 215 294 b 215 24 215 95 215 24 b 228 37 216 24 221 30 b 332 245 274 84 311 159 b 344 262 334 258 338 262 b 349 262 347 262 348 262 b 359 244 356 259 357 256 b 488 91 364 158 424 91 b 519 97 499 91 509 94 b 582 306 570 113 582 156 l 582 308 b 544 501 582 423 573 471 b 464 528 525 520 496 528 b 387 512 439 528 412 523 b 381 508 383 509 381 508 b 383 508 381 508 382 508 b 430 473 400 508 421 491 b 436 445 434 464 436 455 b 372 380 436 412 408 380 b 366 380 370 380 368 380 b 304 449 328 384 304 416 b 323 498 304 467 310 484 b 465 555 362 537 413 555 b 656 453 536 555 611 520 b 699 312 686 410 699 360 b 496 66 699 191 617 74 b 487 66 494 66 490 66 b 412 91 461 66 438 74 b 404 97 408 95 405 97 b 404 95 404 97 404 97 b 348 1 404 95 352 9 l 347 0 l 375 -49 b 405 -98 392 -76 404 -98 l 405 -98 b 415 -91 405 -97 409 -94 b 492 -68 438 -74 464 -68 b 598 -105 526 -68 564 -80 b 688 -238 641 -136 673 -184 b 699 -313 695 -263 699 -290 b 594 -516 699 -395 661 -469 b 465 -556 555 -542 510 -556 b 353 -523 426 -556 386 -545 b 304 -460 321 -501 307 -484 b 304 -451 304 -458 304 -453 b 372 -381 304 -410 337 -381 b 408 -392 383 -381 396 -384 b 436 -445 427 -405 436 -426 b 385 -508 436 -474 417 -503 l 379 -509 l 387 -513 b 464 -530 412 -524 438 -530 b 522 -517 485 -530 506 -526 b 579 -390 558 -501 574 -463 b 582 -299 582 -370 582 -334 b 581 -226 582 -272 582 -242 b 519 -98 575 -144 560 -112 b 488 -93 510 -95 499 -93 b 359 -245 424 -93 364 -158 b 345 -263 357 -258 355 -263 b 332 -244 337 -263 336 -260 b 220 -30 310 -155 268 -73 l 215 -24 l 215 -295 l 215 -564 l 197 -564 l 181 -564 l 181 0 "},"v13":{"x_min":-1.359375,"x_max":455.96875,"ha":465,"o":"m 352 541 b 357 542 353 542 355 542 b 377 530 364 542 372 537 l 378 526 l 378 394 l 379 262 l 404 266 b 436 270 420 269 430 270 b 450 265 443 270 446 269 b 455 220 455 259 455 260 l 455 208 l 455 161 l 454 156 b 411 140 449 147 447 147 b 378 133 393 137 379 134 b 378 68 378 133 378 106 b 378 22 378 54 378 38 l 379 -87 l 404 -83 b 436 -79 420 -80 430 -79 b 450 -84 443 -79 446 -80 b 455 -129 455 -90 455 -88 l 455 -141 l 455 -188 l 454 -192 b 413 -209 449 -202 447 -202 b 382 -215 398 -212 383 -215 l 378 -215 l 378 -345 l 378 -380 b 375 -485 378 -484 378 -480 b 357 -494 371 -491 364 -494 b 340 -485 351 -494 344 -491 b 336 -383 337 -480 336 -484 l 336 -349 l 336 -223 l 334 -223 b 291 -231 334 -223 314 -227 l 247 -240 l 247 -371 l 246 -503 l 245 -506 b 225 -519 242 -514 234 -519 b 206 -506 219 -519 210 -514 l 205 -503 l 205 -376 l 205 -248 l 160 -256 l 115 -265 l 115 -396 l 115 -527 l 114 -531 b 95 -544 110 -539 102 -544 b 76 -531 87 -544 78 -539 l 73 -527 l 73 -399 b 73 -273 73 -330 73 -273 b 49 -277 73 -273 61 -274 b 17 -281 32 -280 24 -281 b 4 -276 10 -281 8 -280 b -1 -234 0 -269 -1 -272 b 0 -219 -1 -229 0 -224 l 0 -170 l 1 -167 b 10 -158 2 -163 6 -159 b 49 -149 13 -156 16 -155 l 73 -145 l 73 -34 b 73 76 73 26 73 76 b 49 72 73 76 61 74 b 17 68 32 69 24 68 b 4 73 10 68 8 69 b -1 115 0 80 -1 77 b 0 130 -1 120 0 124 l 0 179 l 1 181 b 10 191 2 186 6 190 b 49 199 13 192 16 194 l 73 204 l 73 338 b 73 374 73 352 73 365 b 77 483 73 484 73 477 b 95 492 81 489 88 492 b 111 483 100 492 107 489 b 115 378 115 477 115 483 l 115 342 b 117 212 115 223 115 212 b 204 229 117 212 200 227 l 205 229 l 205 365 l 205 502 l 206 505 b 225 517 210 513 219 517 b 245 505 234 517 242 513 l 246 502 l 247 369 l 247 237 l 249 237 b 336 254 253 238 336 254 b 337 390 336 254 337 302 l 337 526 l 338 530 b 352 541 341 535 347 539 m 336 15 b 336 126 336 102 336 126 l 336 126 b 291 117 336 126 315 122 l 247 109 l 247 -1 l 247 -112 l 249 -112 b 336 -95 253 -111 336 -95 b 336 15 336 -95 336 -56 m 205 -120 b 205 -55 205 -120 205 -93 b 205 -9 205 -41 205 -24 l 205 101 l 160 93 l 115 84 l 115 -26 b 115 -83 115 -49 115 -69 b 117 -137 115 -133 115 -137 b 205 -120 118 -137 204 -120 "},"v14":{"x_min":-1.359375,"x_max":349.8125,"ha":357,"o":"m 230 287 b 243 287 234 287 238 287 b 266 285 251 287 261 287 b 349 180 319 274 349 227 b 307 95 349 149 336 117 b 208 63 280 74 245 63 b 84 106 166 63 122 79 b 76 113 80 111 77 113 b 76 113 76 113 76 113 b 132 -74 76 112 102 27 b 187 -272 179 -235 187 -263 b 186 -276 187 -273 186 -274 b 166 -288 183 -284 174 -288 b 148 -278 159 -288 152 -285 b -1 231 145 -273 -1 227 b 20 252 -1 244 9 252 b 36 244 25 252 32 249 b 40 234 38 242 39 238 b 167 112 63 174 112 127 l 174 111 l 170 113 b 142 181 152 133 142 158 b 230 287 142 230 176 277 "},"v15":{"x_min":-209.609375,"x_max":208.25,"ha":213,"o":"m -12 248 b -1 249 -9 249 -5 249 b 55 219 20 249 43 237 b 66 180 62 206 66 194 b 36 123 66 158 55 137 b 0 112 25 116 12 112 b -57 142 -21 112 -43 122 b -68 180 -63 154 -68 167 b -12 248 -68 212 -46 242 m -197 19 b 1 20 -194 19 -96 20 b 196 19 98 20 193 19 b 208 -1 204 15 208 6 b 202 -15 208 -5 206 -11 b 95 -22 197 -20 212 -22 b -1 -22 69 -22 38 -22 b -96 -22 -39 -22 -70 -22 b -204 -15 -213 -22 -198 -20 b -209 -1 -208 -11 -209 -5 b -197 19 -209 6 -205 15 "},"v16":{"x_min":-155.171875,"x_max":153.8125,"ha":157,"o":"m -137 353 b -129 355 -134 353 -132 355 b -102 333 -118 355 -111 348 b -8 129 -63 273 -32 205 b 0 106 -4 116 -1 106 b 6 129 0 106 2 116 b 100 333 31 205 62 273 b 114 349 107 344 108 347 b 127 353 118 352 123 353 b 153 327 141 353 153 344 b 144 302 153 320 153 317 b 29 18 96 227 54 123 l 25 -4 b -1 -26 21 -19 13 -26 b -27 -4 -14 -26 -23 -19 l -31 18 b -145 302 -55 123 -98 227 b -155 327 -155 317 -155 320 b -137 353 -155 340 -148 349 "},"v17":{"x_min":0,"x_max":102.078125,"ha":104,"o":"m 42 104 b 47 104 43 104 46 104 b 66 102 54 104 62 102 b 102 51 89 94 102 72 b 76 5 102 33 93 15 b 51 -1 68 1 59 -1 b 10 18 35 -1 20 5 b 0 51 2 27 0 38 b 42 104 0 76 16 99 "},"v18":{"x_min":0,"x_max":323.9375,"ha":331,"o":"m 217 535 b 225 537 220 537 221 537 b 245 524 235 537 242 533 l 246 521 l 247 390 l 247 258 l 273 265 b 306 270 288 269 299 270 b 322 259 315 270 319 267 b 323 208 323 256 323 233 b 322 158 323 184 323 159 b 288 140 318 148 315 147 b 247 130 254 131 247 130 b 247 65 247 130 247 104 b 247 20 247 51 247 36 l 247 -88 l 273 -81 b 306 -76 289 -77 299 -76 b 318 -81 311 -76 315 -77 b 323 -123 323 -87 323 -86 l 323 -138 l 323 -154 b 318 -195 323 -191 323 -190 b 269 -210 314 -199 315 -199 b 249 -216 259 -213 250 -216 l 247 -216 l 247 -349 l 246 -483 l 245 -487 b 225 -499 242 -495 234 -499 b 206 -487 219 -499 210 -495 l 205 -483 l 205 -355 l 205 -227 l 204 -227 l 181 -233 l 138 -244 b 117 -249 127 -247 117 -249 b 115 -385 115 -249 115 -256 l 115 -523 l 114 -526 b 95 -538 110 -534 102 -538 b 74 -526 87 -538 78 -534 l 73 -523 l 73 -391 b 72 -260 73 -269 73 -260 b 72 -260 72 -260 72 -260 b 19 -273 61 -263 23 -273 b 0 -260 10 -273 4 -267 b 0 -209 0 -256 0 -256 l 0 -162 l 1 -158 b 61 -134 5 -148 5 -148 l 73 -131 l 73 -22 b 72 86 73 79 73 86 b 72 86 72 86 72 86 b 19 74 61 83 23 74 b 0 86 10 74 4 79 b 0 137 0 90 0 90 l 0 184 l 1 188 b 61 212 5 198 5 198 l 73 215 l 73 348 l 73 481 l 74 485 b 95 498 78 492 87 498 b 103 495 98 498 100 496 b 114 485 107 494 111 489 l 115 481 l 115 353 l 115 226 l 121 226 b 159 235 123 227 141 231 l 198 247 l 205 248 l 205 384 l 205 521 l 206 524 b 217 535 209 528 212 533 m 205 9 b 205 119 205 70 205 119 l 205 119 b 182 113 204 119 194 116 l 138 102 b 117 97 127 99 117 97 b 115 -12 115 97 115 91 l 115 -122 l 121 -120 b 159 -111 123 -119 141 -115 l 198 -101 l 205 -98 l 205 9 "},"v19":{"x_min":-10.890625,"x_max":366.140625,"ha":363,"o":"m 98 172 b 110 173 102 173 106 173 b 210 120 142 173 172 156 b 281 66 235 95 264 74 b 294 63 285 63 289 63 b 341 87 307 63 322 72 b 356 97 348 94 352 97 b 363 93 359 97 362 95 b 366 87 364 90 366 88 b 355 72 366 83 363 79 b 268 2 317 31 288 9 b 243 -1 259 0 251 -1 b 144 52 212 -1 181 16 b 72 106 119 77 91 98 b 61 109 69 108 65 109 b 13 84 47 109 31 101 b 0 76 5 77 2 76 b -10 86 -6 76 -10 80 b -10 88 -10 87 -10 88 b 62 158 -9 95 43 145 b 98 172 73 165 87 170 "},"v1a":{"x_min":-149.71875,"x_max":148.359375,"ha":151,"o":"m -9 151 b -1 152 -6 151 -2 152 b 1 152 0 152 0 152 l 9 151 b 144 37 72 148 127 99 b 148 -62 148 19 148 15 b 148 -111 148 -76 148 -93 l 148 -216 l 147 -219 b 127 -231 144 -227 136 -231 b 108 -219 119 -231 112 -227 l 107 -216 l 107 -104 b 103 26 106 18 107 12 b -1 109 89 76 46 109 b -38 102 -13 109 -25 106 b -104 27 -70 90 -96 62 b -108 -101 -108 15 -108 22 l -108 -216 l -110 -219 b -129 -231 -114 -227 -122 -231 b -148 -219 -137 -231 -145 -227 l -149 -216 l -149 -99 b -149 -63 -149 -87 -149 -74 b -145 37 -149 26 -149 20 b -9 151 -130 101 -74 148 "},"v1b":{"x_min":0,"x_max":559.421875,"ha":571,"o":"m 544 204 b 548 204 545 204 547 204 b 559 194 555 204 559 199 b 559 190 559 192 559 191 b 530 156 559 188 556 184 b 462 86 510 134 481 104 b 453 76 458 81 454 77 l 446 70 l 441 65 b 434 59 439 63 436 61 l 427 54 b 409 37 426 51 416 44 b 392 23 398 29 394 26 b 387 19 389 22 387 20 b 379 13 386 19 383 16 l 371 8 l 367 5 l 359 -1 l 337 -16 b 285 -48 319 -29 298 -41 l 279 -52 b 186 -95 255 -66 210 -87 l 175 -99 b 23 -129 127 -117 68 -129 b 17 -129 20 -129 19 -129 b 1 -123 2 -129 2 -129 b 0 -49 0 -122 0 -83 b 0 4 0 -22 0 1 b 27 11 2 9 4 9 b 185 31 78 12 145 20 b 198 34 186 31 193 33 b 314 73 234 44 277 58 b 349 88 328 79 340 84 b 353 90 352 90 353 90 b 363 94 353 90 357 93 b 371 98 367 97 371 98 b 428 129 372 98 413 120 b 461 148 441 136 454 144 b 468 151 464 149 466 151 b 472 154 469 152 470 154 b 481 161 473 155 477 158 b 525 190 490 166 518 186 l 534 197 b 540 201 536 198 539 199 b 544 204 541 202 544 204 "},"v1c":{"x_min":0,"x_max":326.671875,"ha":333,"o":"m 10 460 b 20 462 13 462 14 462 b 39 449 28 462 35 458 l 40 446 l 40 326 b 40 205 40 259 40 205 b 127 227 40 205 80 215 b 220 249 196 244 213 249 b 227 247 224 249 225 248 b 238 237 231 245 235 241 l 239 233 l 239 -105 b 239 -262 239 -167 239 -219 b 238 -448 239 -416 239 -445 b 238 -451 238 -449 238 -451 b 238 -452 238 -452 238 -452 b 243 -451 239 -452 240 -451 b 298 -431 262 -448 280 -441 b 308 -427 300 -428 304 -427 b 326 -446 318 -427 326 -435 l 326 -446 l 326 -452 l 321 -462 b 238 -674 283 -520 253 -599 b 219 -695 234 -689 230 -695 b 197 -670 206 -695 202 -689 b 115 -462 179 -591 152 -520 l 110 -452 l 110 -446 l 110 -446 b 127 -427 110 -435 118 -427 b 138 -431 130 -427 134 -428 b 193 -451 155 -441 172 -448 b 198 -452 196 -452 197 -452 b 198 -451 198 -452 198 -452 b 198 -448 198 -451 198 -449 b 197 -323 197 -445 197 -426 b 197 -201 197 -247 197 -201 b 110 -223 196 -201 157 -210 b 17 -245 42 -240 24 -245 b 10 -242 13 -245 13 -244 b 0 -233 6 -241 2 -237 l 0 -230 l 0 108 l 0 446 l 0 449 b 10 460 2 453 6 458 m 197 22 b 197 70 197 41 197 58 b 196 116 197 113 197 116 l 196 116 b 118 97 196 116 160 106 l 40 77 l 40 -18 b 40 -112 40 -69 40 -112 l 119 -93 l 197 -73 l 197 22 "},"v1d":{"x_min":0,"x_max":619.3125,"ha":632,"o":"m 274 184 b 307 186 285 186 296 186 b 616 22 465 186 597 116 b 619 -1 617 13 619 5 b 308 -187 619 -104 483 -187 b 0 -1 133 -187 0 -102 b 5 36 0 11 1 23 b 274 184 29 115 141 176 m 289 161 b 272 162 284 162 277 162 b 171 41 209 162 171 108 b 205 -73 171 5 182 -34 b 345 -163 243 -133 298 -163 b 436 -98 385 -163 420 -142 b 446 -43 443 -80 446 -62 b 289 161 446 47 377 147 "},"v1e":{"x_min":-402.890625,"x_max":401.53125,"ha":410,"o":"m -219 173 b -213 174 -217 174 -215 174 b -202 173 -209 174 -205 173 b -114 86 -200 172 -179 151 b -28 0 -66 37 -28 0 b 40 84 -28 0 2 37 b 117 174 111 173 110 172 b 122 174 118 174 119 174 b 132 173 125 174 129 173 b 295 11 134 172 171 134 l 307 -1 l 336 34 b 374 76 366 72 368 74 b 381 77 375 77 378 77 b 401 56 392 77 401 68 b 400 48 401 54 401 51 b 223 -172 397 41 230 -166 b 210 -176 220 -174 215 -176 b 201 -174 206 -176 204 -176 b 112 -87 198 -173 178 -152 b 27 0 65 -38 27 0 b -42 -86 27 0 -4 -38 b -118 -174 -112 -174 -111 -173 b -123 -176 -119 -176 -121 -176 b -133 -174 -126 -176 -130 -174 b -296 -12 -136 -173 -172 -137 l -308 0 l -337 -34 b -375 -77 -367 -73 -370 -76 b -382 -79 -377 -79 -379 -79 b -402 -58 -393 -79 -402 -69 b -401 -49 -402 -55 -402 -52 b -224 172 -398 -43 -228 167 b -219 173 -223 172 -220 173 "},"v1f":{"x_min":-340.28125,"x_max":338.921875,"ha":346,"o":"m -32 520 b -29 521 -31 520 -31 521 b -23 519 -27 521 -24 520 b -20 513 -21 517 -20 516 b -21 506 -20 512 -20 509 b -31 474 -23 502 -27 488 l -53 402 l -66 352 l -68 349 l -57 349 b -32 351 -51 349 -40 351 b 123 370 19 352 74 359 b 137 371 127 370 133 371 b 170 356 152 371 164 366 b 171 355 170 355 170 355 b 216 366 174 355 183 358 b 280 378 268 377 266 377 b 287 378 283 378 284 378 b 332 349 307 378 322 369 b 338 319 336 341 338 330 b 332 301 338 310 336 302 b 242 280 329 299 246 280 b 242 280 242 280 242 280 b 235 288 236 280 235 283 b 235 292 235 290 235 291 b 236 302 236 297 236 299 b 220 337 236 316 230 330 l 216 340 l 210 335 b 159 276 189 322 172 301 b 118 149 152 265 156 274 b 81 34 84 36 85 36 b -8 13 78 33 -4 13 b -8 13 -8 13 -8 13 b -14 20 -12 15 -14 15 b -8 44 -14 24 -12 31 b -2 66 -5 55 -2 65 b -2 66 -2 66 -2 66 l -2 66 b -43 41 -2 66 -21 55 b -114 4 -98 8 -98 8 b -144 0 -123 0 -134 0 b -242 99 -197 0 -242 43 b -242 109 -242 102 -242 105 b -212 219 -240 122 -242 116 b -185 312 -197 270 -185 312 l -185 312 b -189 312 -185 312 -186 312 b -259 312 -200 312 -227 312 b -321 310 -291 312 -310 310 b -334 312 -330 310 -334 312 b -340 319 -338 313 -340 316 b -336 326 -340 322 -338 324 b -291 337 -334 326 -314 331 l -247 347 l -210 348 b -172 348 -190 348 -172 348 b -168 363 -172 348 -171 355 b -145 442 -151 424 -145 441 b -133 452 -144 444 -140 446 l -77 489 b -32 520 -53 506 -32 520 m 57 334 b 53 335 55 335 54 335 b 44 334 50 335 49 335 b -70 316 8 326 -28 320 b -78 309 -78 316 -78 316 b -108 202 -80 305 -88 274 b -141 81 -136 112 -141 93 b -140 74 -141 79 -141 77 b -117 49 -137 59 -127 49 b -107 52 -114 49 -110 51 b 16 127 -106 54 14 126 b 42 217 16 127 42 215 b 49 241 42 222 44 229 b 73 320 53 251 73 317 b 57 334 73 327 65 333 "},"v20":{"x_min":-571.671875,"x_max":570.3125,"ha":582,"o":"m -559 351 b -551 352 -556 352 -553 352 b -530 338 -543 352 -533 348 b -529 169 -530 337 -529 291 l -529 1 l -507 27 l -441 112 b -382 174 -394 169 -390 174 b -378 174 -381 174 -379 174 b -281 86 -370 174 -375 179 b -196 0 -234 37 -196 0 b -126 84 -196 0 -164 37 b -50 174 -55 173 -57 172 b -44 174 -49 174 -47 174 b -35 173 -42 174 -38 173 b 53 86 -32 172 -12 151 b 138 0 100 37 138 0 b 208 84 140 0 170 37 b 284 174 279 173 279 172 b 289 174 285 174 288 174 b 300 173 294 174 298 173 b 462 11 303 172 340 134 l 475 -1 l 503 34 b 541 76 534 72 536 74 b 548 77 544 77 545 77 b 570 56 560 77 570 68 b 567 48 570 54 568 51 b 392 -172 564 41 397 -166 b 378 -176 387 -174 382 -176 b 368 -174 375 -176 371 -176 b 280 -87 367 -173 347 -152 b 194 0 234 -38 194 0 b 126 -86 194 0 163 -38 b 49 -174 54 -174 55 -173 b 44 -176 47 -176 46 -176 b 34 -174 40 -176 36 -174 b -54 -87 31 -173 10 -152 b -140 0 -102 -38 -140 0 b -209 -86 -140 0 -171 -38 b -285 -174 -280 -174 -279 -173 b -291 -176 -287 -176 -288 -176 b -300 -174 -294 -176 -298 -174 b -464 -11 -303 -173 -374 -102 l -476 0 l -506 -37 b -539 -76 -528 -65 -537 -74 b -551 -80 -543 -79 -547 -80 b -570 -68 -558 -80 -566 -76 l -571 -65 l -571 136 b -570 340 -571 331 -571 337 b -559 351 -568 344 -564 348 "},"v21":{"x_min":-149.71875,"x_max":148.359375,"ha":151,"o":"m -138 229 b -129 230 -136 230 -133 230 b -110 217 -121 230 -114 226 l -108 215 l -108 99 b -104 -29 -108 -23 -108 -16 b -38 -104 -96 -63 -70 -91 b -1 -111 -25 -108 -13 -111 b 103 -27 46 -111 89 -77 b 107 102 107 -13 106 -19 l 107 215 l 108 217 b 127 230 112 226 119 230 b 137 229 130 230 134 230 b 147 217 141 226 145 223 l 148 215 l 148 109 b 148 63 148 91 148 76 b 147 -24 148 -1 148 -13 b -1 -154 134 -101 70 -154 b -38 -148 -13 -154 -25 -151 b -145 -38 -91 -134 -133 -93 b -149 62 -149 -22 -149 -27 b -149 98 -149 73 -149 86 l -149 215 l -148 217 b -138 229 -147 223 -142 226 "},"v22":{"x_min":0,"x_max":432.828125,"ha":442,"o":"m 209 186 b 213 187 210 187 212 187 b 216 187 215 187 216 187 b 224 174 216 186 220 180 b 420 -1 269 105 338 43 b 432 -12 431 -8 432 -9 b 421 -23 432 -15 432 -16 b 228 -180 345 -70 264 -137 b 219 -188 221 -188 221 -188 l 219 -188 b 208 -177 215 -188 215 -188 b 10 1 163 -106 93 -44 b 0 11 0 6 0 8 b 10 22 0 13 0 15 b 202 179 87 69 167 136 b 209 186 206 183 209 186 "},"v23":{"x_min":0,"x_max":133.390625,"ha":136,"o":"m 54 66 b 65 68 58 68 61 68 b 122 37 88 68 110 56 b 133 -1 130 26 133 12 b 104 -58 133 -23 123 -44 b 66 -69 92 -65 78 -69 b 10 -38 44 -69 23 -58 b 0 -1 2 -27 0 -13 b 54 66 0 30 20 61 "},"v24":{"x_min":-627.46875,"x_max":626.109375,"ha":639,"o":"m -69 173 b -53 174 -62 174 -58 174 b -42 172 -49 174 -44 174 b -28 149 -32 166 -28 158 b -42 126 -28 140 -32 131 b -231 73 -44 124 -29 129 l -371 34 l -469 8 b -499 0 -485 2 -499 0 b -469 -9 -499 -1 -485 -4 l -371 -36 l -231 -74 b -40 -129 -21 -131 -44 -124 b -28 -151 -32 -133 -28 -141 b -40 -172 -28 -159 -32 -167 b -54 -176 -44 -174 -49 -176 b -69 -174 -58 -176 -62 -176 l -288 -113 l -552 -41 b -616 -22 -619 -23 -611 -24 b -627 0 -623 -18 -627 -9 b -616 20 -627 8 -623 16 b -615 22 -615 22 -615 22 b -615 22 -615 22 -615 22 b -288 112 -615 23 -598 27 l -69 173 m 44 174 b 51 174 47 174 49 174 b 68 173 55 174 61 174 l 287 112 l 551 40 b 615 20 617 22 609 23 b 626 0 622 16 626 8 b 615 -22 626 -9 622 -18 b 613 -23 613 -23 613 -23 b 613 -23 613 -23 613 -23 b 287 -113 613 -24 597 -29 l 68 -174 b 53 -176 61 -176 57 -176 b 39 -172 47 -176 43 -174 b 27 -151 31 -167 27 -159 b 39 -129 27 -141 31 -133 b 230 -74 43 -124 20 -131 l 370 -36 l 468 -9 b 498 0 484 -4 498 -1 b 468 8 498 0 484 2 l 370 34 l 230 73 b 40 126 28 129 43 124 b 27 149 31 131 27 140 b 44 174 27 161 34 170 "},"v25":{"x_min":0,"x_max":318.5,"ha":325,"o":"m 20 376 b 167 377 23 377 96 377 b 296 376 231 377 294 377 b 318 347 311 371 318 359 b 296 316 318 333 311 320 b 159 315 294 315 227 315 b 21 316 91 315 24 315 b 0 345 6 320 0 333 b 20 376 0 359 6 371 "},"v26":{"x_min":-21.78125,"x_max":483.1875,"ha":493,"o":"m -8 631 b -1 632 -6 632 -4 632 b 19 620 8 632 16 628 b 20 383 20 616 20 616 l 20 148 l 21 151 b 140 199 59 183 102 199 b 206 179 164 199 187 192 l 210 176 l 210 396 l 210 617 l 212 621 b 231 632 216 628 223 632 b 250 620 239 632 247 628 b 251 383 251 616 251 616 l 251 148 l 254 151 b 370 199 291 183 332 199 b 415 191 385 199 400 197 b 483 84 458 176 483 134 b 461 0 483 58 476 29 b 332 -142 439 -40 411 -72 l 255 -215 b 231 -229 240 -229 239 -229 b 216 -223 224 -229 220 -227 b 210 -158 210 -217 210 -223 b 210 -120 210 -148 210 -136 l 210 -29 l 205 -34 b 100 -142 182 -65 159 -88 l 23 -215 b -1 -229 9 -229 6 -229 b -20 -216 -9 -229 -17 -224 l -21 -212 l -21 201 l -21 616 l -20 620 b -8 631 -17 624 -13 630 m 110 131 b 96 133 106 133 100 133 b 89 133 93 133 91 133 b 24 87 63 129 40 113 l 20 80 l 20 -37 l 20 -156 l 23 -152 b 144 81 96 -72 144 20 l 144 83 b 110 131 144 113 134 126 m 341 131 b 328 133 337 133 332 133 b 322 133 326 133 323 133 b 257 87 296 129 273 113 l 251 80 l 251 -37 l 251 -156 l 255 -152 b 375 81 328 -72 375 20 l 375 83 b 341 131 375 113 367 126 "},"v27":{"x_min":0,"x_max":432.828125,"ha":442,"o":"m 208 184 b 213 187 209 186 212 187 b 224 176 217 187 221 183 b 245 147 225 172 235 159 b 419 -1 288 90 347 38 b 431 -8 424 -4 431 -8 b 432 -12 432 -9 432 -11 b 430 -18 432 -13 432 -16 b 364 -61 424 -20 383 -47 b 225 -183 307 -102 250 -152 b 223 -187 224 -184 223 -187 b 220 -188 221 -188 220 -188 b 208 -176 216 -188 210 -184 b 187 -148 205 -173 197 -159 b 12 0 144 -90 84 -38 b 0 11 4 5 0 8 b 16 24 0 13 4 18 b 183 158 83 69 141 115 b 208 184 194 169 198 173 m 183 105 b 176 113 181 109 176 113 b 172 109 176 113 175 112 b 92 45 149 90 117 62 l 88 41 l 102 31 b 247 -105 160 -6 210 -55 l 254 -115 l 257 -112 l 269 -102 b 340 -45 287 -87 319 -61 l 344 -43 l 330 -33 b 183 105 272 6 221 54 "},"v28":{"x_min":-73.5,"x_max":72.140625,"ha":74,"o":"m -72 252 l -73 254 l 0 254 l 72 254 l 70 252 b 0 -1 70 248 0 -1 b -72 252 -1 -1 -72 248 "},"v29":{"x_min":-590.71875,"x_max":589.359375,"ha":601,"o":"m 175 273 b 182 274 178 273 181 274 b 202 262 190 274 198 269 b 204 158 204 259 204 259 l 204 56 l 250 112 b 303 174 296 172 298 172 b 308 174 304 174 307 174 b 318 173 313 174 317 173 b 481 11 322 172 357 134 l 494 -1 l 522 34 b 560 76 553 72 555 74 b 567 77 563 77 564 77 b 589 56 579 77 589 68 b 586 48 589 54 588 51 b 411 -172 583 41 416 -166 b 397 -176 406 -174 401 -176 b 387 -174 393 -176 390 -176 b 299 -87 386 -173 366 -152 b 213 0 253 -38 213 0 b 208 -6 213 0 210 -2 l 204 -12 l 204 -147 b 204 -210 204 -173 204 -194 b 198 -292 204 -297 204 -287 b 183 -299 194 -297 189 -299 b 164 -287 175 -299 167 -295 b 163 -174 163 -284 163 -284 l 161 -63 l 119 -117 b 65 -176 76 -170 73 -176 b 61 -176 63 -176 62 -176 b -35 -87 51 -174 57 -180 b -121 0 -83 -38 -121 0 b -190 -86 -122 0 -152 -38 b -266 -174 -261 -174 -259 -173 b -272 -176 -268 -176 -270 -176 b -281 -174 -276 -176 -280 -174 b -371 -86 -284 -173 -304 -152 b -457 0 -417 -38 -457 0 l -457 0 b -477 -26 -457 0 -470 -16 b -548 -227 -524 -88 -548 -161 b -536 -303 -548 -254 -544 -280 b -533 -317 -534 -309 -533 -313 b -553 -338 -533 -330 -541 -338 b -577 -315 -566 -338 -571 -333 b -590 -227 -586 -287 -590 -258 b -518 -9 -590 -154 -564 -77 b -465 56 -509 2 -504 8 l -402 134 b -363 174 -374 170 -371 174 b -359 174 -362 174 -360 174 b -262 86 -351 174 -356 179 b -176 0 -216 37 -176 0 b -107 84 -176 0 -145 37 b -31 174 -36 173 -38 172 b -25 174 -29 174 -28 174 b -16 173 -23 174 -19 173 b 147 11 -13 172 35 123 l 157 -1 l 160 1 l 163 4 l 163 130 b 164 260 163 256 163 258 b 175 273 166 266 170 270 "},"v2a":{"x_min":-21.78125,"x_max":366.140625,"ha":374,"o":"m 276 1378 b 284 1379 279 1379 281 1379 b 306 1360 292 1379 298 1374 b 352 1247 326 1326 343 1286 b 366 1139 362 1213 366 1175 b 347 1009 366 1093 359 1049 l 344 1002 l 347 992 b 352 971 348 986 351 977 b 366 863 362 936 366 899 b 347 732 366 818 359 773 l 344 725 l 347 716 b 352 695 348 710 351 700 b 366 588 362 659 366 623 b 223 262 366 464 314 345 b 189 233 212 252 212 252 b 35 76 126 183 73 129 b -1 16 20 56 2 27 b -19 4 -4 9 -12 4 l -21 4 l -21 137 l -21 270 l -17 270 b 186 344 59 281 134 308 b 319 606 270 399 319 499 b 317 650 319 620 319 635 l 315 659 l 314 655 b 223 537 288 607 258 570 b 189 509 212 528 212 528 b 35 352 126 459 73 405 b -1 292 20 333 2 303 b -19 280 -4 285 -12 280 l -21 280 l -21 413 l -21 546 l -17 546 b 186 620 59 557 134 584 b 319 882 270 675 319 775 b 317 925 319 896 319 911 l 315 935 l 314 931 b 223 813 288 884 258 846 b 189 785 212 805 212 805 b 35 628 126 735 73 681 b -1 569 20 609 2 580 b -19 556 -4 562 -12 556 l -21 556 l -21 689 l -21 823 l -17 823 b 202 907 68 835 152 867 b 319 1157 280 968 319 1061 b 270 1338 319 1218 303 1281 b 262 1358 264 1349 262 1353 b 262 1364 262 1360 262 1363 b 276 1378 265 1371 269 1376 "},"v2b":{"x_min":0,"x_max":386.5625,"ha":394,"o":"m 0 0 l 0 347 l 193 347 l 386 347 l 386 0 l 386 -348 l 193 -348 l 0 -348 l 0 0 "},"v2c":{"x_min":-597.53125,"x_max":596.171875,"ha":608,"o":"m -413 173 b -408 174 -412 174 -409 174 b -397 173 -404 174 -400 173 b -308 86 -394 172 -374 151 b -223 0 -261 37 -223 0 b -153 84 -223 0 -191 37 b -77 174 -83 173 -84 172 b -72 174 -76 174 -74 174 b -62 173 -68 174 -63 173 b 25 86 -59 172 -39 151 b 112 0 73 37 111 0 b 181 84 112 0 144 37 b 257 174 251 173 251 172 b 262 174 258 174 261 174 b 273 173 266 174 270 173 b 436 9 276 172 347 101 l 447 -1 l 477 36 b 522 79 511 79 513 79 l 522 79 b 552 51 533 79 539 73 b 596 -112 582 6 596 -51 b 567 -262 596 -161 586 -213 b 539 -322 558 -287 544 -316 b 524 -327 534 -326 529 -327 b 504 -315 515 -327 507 -323 b 503 -308 503 -312 503 -309 b 511 -285 503 -302 504 -297 b 555 -113 540 -227 555 -169 b 544 -34 555 -86 551 -59 b 522 19 540 -16 530 8 l 521 22 l 481 -26 l 405 -122 b 353 -176 366 -172 362 -176 b 349 -176 352 -176 351 -176 b 253 -87 341 -176 347 -180 b 167 0 206 -38 167 0 b 99 -86 167 0 136 -38 b 21 -174 27 -174 28 -173 b 17 -176 20 -176 19 -176 b 6 -174 13 -176 9 -174 b -81 -87 4 -173 -14 -152 b -167 0 -129 -38 -167 0 b -236 -86 -167 0 -198 -38 b -313 -174 -307 -174 -306 -173 b -318 -176 -314 -176 -315 -176 b -328 -174 -321 -176 -325 -174 b -491 -12 -330 -173 -367 -137 l -503 0 l -530 -34 b -570 -77 -562 -73 -564 -76 b -577 -79 -571 -79 -574 -79 b -597 -58 -588 -79 -597 -69 b -596 -49 -597 -55 -597 -52 b -417 172 -593 -43 -423 167 b -413 173 -417 172 -415 173 "},"v2d":{"x_min":0,"x_max":438.28125,"ha":447,"o":"m 212 190 b 219 191 213 191 216 191 b 236 176 225 191 228 190 b 419 18 277 105 341 49 b 436 5 431 13 434 11 b 438 -1 438 4 438 1 b 424 -16 438 -8 432 -13 b 356 -49 409 -20 379 -36 b 234 -180 306 -83 258 -133 b 219 -192 230 -188 224 -192 b 200 -176 213 -192 206 -187 b 9 -15 157 -102 89 -45 b 0 0 2 -12 0 -6 b 16 18 0 9 2 12 b 200 176 93 48 159 104 b 212 190 205 186 208 188 m 239 113 b 236 117 238 116 238 117 b 230 108 235 117 234 115 b 92 -15 196 58 140 8 b 88 -18 91 -16 88 -18 b 92 -20 88 -18 91 -19 b 198 -116 130 -43 166 -74 b 200 -117 200 -117 200 -117 b 201 -117 200 -117 201 -117 b 264 -43 212 -98 242 -62 b 345 15 288 -19 321 4 b 348 18 347 16 348 16 b 344 20 348 18 347 19 b 239 113 307 41 266 79 "},"v2e":{"x_min":-108.890625,"x_max":251.8125,"ha":257,"o":"m -8 863 b 0 864 -5 864 -2 864 b 12 859 4 864 9 863 b 19 843 16 856 16 853 b 102 631 34 768 65 689 l 107 621 l 107 616 l 107 616 b 89 596 107 605 99 596 b 78 601 85 596 83 598 b 47 614 69 606 55 612 b 19 621 39 617 21 621 b 19 621 19 621 19 621 b 19 619 19 621 19 620 b 20 383 20 616 20 585 l 20 148 l 21 151 b 137 199 59 183 99 199 b 182 191 152 199 167 197 b 251 84 227 176 251 134 b 228 0 251 58 243 29 b 100 -142 206 -40 178 -72 l 23 -215 b 0 -229 9 -229 6 -229 b -20 -216 -9 -229 -17 -224 l -21 -212 l -21 201 b -20 619 -21 563 -21 616 b -20 621 -20 620 -20 621 b -20 621 -20 621 -20 621 b -49 614 -23 621 -40 617 b -80 601 -57 612 -70 606 b -91 596 -84 598 -87 596 b -108 616 -100 596 -108 605 l -108 616 l -108 621 l -103 631 b -20 839 -66 689 -38 760 b -8 863 -17 856 -14 859 m 110 131 b 96 133 106 133 100 133 b 89 133 93 133 91 133 b 24 87 63 129 40 113 l 20 80 l 20 -37 l 20 -156 l 23 -152 b 144 81 96 -72 144 20 l 144 83 b 110 131 144 113 134 126 "},"v2f":{"x_min":-1.359375,"x_max":680.5625,"ha":694,"o":"m 597 1042 b 604 1042 600 1042 602 1042 b 642 1002 627 1042 642 1022 b 619 966 642 988 635 974 b 439 927 574 942 503 927 l 426 927 l 426 921 b 430 838 428 893 430 866 b 345 480 430 696 398 560 b 179 391 307 423 249 391 b 156 392 171 391 164 392 b 138 394 149 394 142 394 b 103 434 115 396 103 416 b 129 471 103 451 111 466 b 141 474 133 473 137 474 b 172 459 153 474 164 469 b 181 455 175 456 176 455 b 187 456 182 455 185 455 b 253 520 212 460 234 483 b 315 836 294 605 315 714 b 311 928 315 867 314 898 b 302 945 310 943 311 942 b 245 953 283 950 262 953 b 130 891 193 953 149 931 b 84 860 119 870 102 860 b 36 905 61 860 39 877 b 36 910 36 907 36 909 b 80 970 36 931 50 949 b 249 1017 125 1000 187 1017 b 322 1009 273 1017 299 1014 l 341 1003 b 436 991 372 995 406 991 b 577 1031 495 991 545 1004 b 597 1042 583 1038 590 1041 m 416 360 b 424 360 419 360 421 360 b 481 309 454 360 479 338 b 503 145 484 280 495 199 b 585 -185 525 16 555 -106 b 630 -245 596 -213 613 -237 l 634 -247 l 638 -245 b 647 -244 641 -245 645 -244 b 680 -278 666 -244 680 -262 b 664 -308 680 -290 675 -301 b 638 -312 658 -310 650 -312 b 613 -309 631 -312 623 -310 b 477 -201 555 -303 502 -260 b 417 -2 460 -159 434 -72 b 416 5 417 1 416 5 b 416 5 416 5 416 5 b 411 -5 415 5 413 0 b 359 -97 397 -33 377 -70 b 353 -106 355 -102 353 -105 b 359 -112 353 -108 355 -109 b 409 -130 375 -123 390 -129 b 426 -134 420 -130 421 -131 b 431 -147 428 -137 431 -141 b 420 -162 431 -152 427 -159 b 382 -169 409 -166 396 -169 b 323 -155 363 -169 341 -165 l 317 -152 l 314 -155 b 62 -303 240 -240 148 -295 b 36 -305 55 -305 44 -305 b 23 -303 29 -305 24 -305 b -1 -273 6 -299 -1 -287 b 31 -240 -1 -256 10 -240 b 36 -240 32 -240 34 -240 b 42 -241 38 -241 39 -241 b 134 -204 63 -241 99 -226 b 367 288 265 -115 357 81 b 375 330 368 313 370 320 b 416 360 383 347 400 358 m 360 -359 b 379 -359 363 -359 371 -359 b 424 -360 396 -359 416 -359 b 646 -502 536 -373 624 -430 b 649 -527 649 -510 649 -519 b 530 -673 649 -578 604 -635 l 521 -677 l 529 -681 b 653 -811 592 -714 637 -762 b 660 -853 658 -827 660 -839 b 645 -911 660 -873 656 -892 b 426 -1021 608 -981 519 -1021 b 283 -989 377 -1021 328 -1011 b 235 -949 249 -972 239 -964 b 234 -936 234 -946 234 -941 b 234 -928 234 -934 234 -931 l 235 -925 l 234 -927 l 225 -934 b 87 -982 186 -966 138 -982 b 80 -982 85 -982 83 -982 b 55 -981 70 -981 58 -981 b 17 -943 32 -981 17 -964 b 54 -904 17 -921 35 -904 b 78 -914 62 -904 72 -909 l 83 -918 l 88 -918 b 190 -831 122 -918 166 -881 b 269 -506 242 -727 269 -612 b 268 -462 269 -492 269 -477 b 266 -449 266 -458 266 -452 b 265 -444 266 -445 266 -444 b 257 -446 264 -444 261 -445 b 132 -545 196 -470 152 -505 b 88 -573 122 -563 104 -573 b 39 -523 63 -573 39 -553 b 63 -476 39 -505 44 -494 b 360 -359 136 -408 235 -369 m 419 -424 b 393 -423 411 -423 406 -423 l 375 -423 l 377 -426 b 379 -439 377 -427 378 -434 b 383 -510 382 -463 383 -487 b 314 -811 383 -609 360 -710 b 266 -893 296 -850 285 -870 b 264 -898 265 -896 264 -898 l 264 -898 b 264 -898 264 -898 264 -898 b 268 -898 264 -898 266 -898 b 273 -898 270 -898 272 -898 b 300 -909 283 -898 291 -900 b 426 -957 340 -941 385 -957 b 476 -949 443 -957 460 -954 b 547 -853 522 -931 547 -893 b 485 -745 547 -816 526 -775 b 397 -707 460 -727 432 -714 b 366 -675 375 -703 366 -692 b 396 -642 366 -657 377 -645 b 530 -557 455 -637 511 -601 b 536 -527 534 -548 536 -537 b 419 -424 536 -480 490 -437 "},"v30":{"x_min":-21.78125,"x_max":367.5,"ha":375,"o":"m 276 1900 b 284 1901 279 1900 281 1901 b 306 1883 291 1901 298 1896 b 367 1686 347 1825 367 1757 b 343 1558 367 1643 359 1600 l 338 1549 l 343 1537 b 367 1411 359 1497 367 1454 b 343 1282 367 1367 359 1324 l 338 1272 l 343 1261 b 367 1135 359 1221 367 1178 b 343 1007 367 1090 359 1047 l 338 996 l 343 985 b 367 859 359 945 367 902 b 343 731 367 814 359 771 l 338 720 l 343 709 b 367 582 359 667 367 626 b 289 362 367 503 340 426 b 239 312 276 345 259 330 b 29 77 152 237 76 152 b -1 18 14 54 2 30 b -19 4 -4 11 -12 4 l -21 4 l -21 133 l -20 260 l -13 262 b 98 299 17 269 62 284 b 111 305 103 302 110 305 b 167 334 123 310 156 327 b 319 595 264 391 319 491 b 313 659 319 616 318 638 b 310 667 311 664 311 667 b 307 663 310 667 308 666 b 240 588 289 637 269 614 b 16 331 141 505 62 413 b -1 294 8 316 1 302 b -19 280 -4 287 -12 280 l -21 280 l -21 408 l -20 537 l -13 538 b 98 576 17 545 62 560 b 111 581 103 578 110 581 b 167 610 123 587 156 603 b 319 871 264 667 319 767 b 313 935 319 892 318 913 b 310 942 311 941 311 942 b 307 939 310 942 308 941 b 240 864 289 913 269 889 b 16 607 141 781 62 689 b -1 570 8 592 1 578 b -19 556 -4 563 -12 556 l -21 556 l -21 684 l -20 813 l -13 814 b 98 852 17 821 62 836 b 111 857 103 855 110 857 b 167 886 123 863 156 880 b 319 1147 264 943 319 1043 b 313 1211 319 1168 318 1189 b 310 1218 311 1217 311 1218 b 307 1215 310 1218 308 1217 b 240 1140 289 1188 269 1165 b 16 884 141 1057 62 966 b -1 846 8 868 1 855 b -19 832 -4 839 -12 832 l -21 832 l -21 960 l -20 1089 l -13 1090 b 98 1128 17 1097 62 1111 b 111 1134 103 1131 110 1134 b 167 1163 123 1139 156 1156 b 319 1424 264 1220 319 1320 b 313 1486 319 1444 318 1465 b 310 1494 311 1493 311 1494 b 307 1492 310 1494 308 1493 b 240 1417 289 1464 269 1442 b 16 1160 141 1333 62 1242 b -1 1121 8 1145 1 1131 b -19 1109 -4 1115 -12 1109 l -21 1109 l -21 1236 l -20 1365 l -13 1367 b 98 1404 17 1374 62 1388 b 111 1410 103 1407 110 1410 b 250 1508 172 1437 215 1467 b 319 1701 296 1564 319 1633 b 270 1859 319 1757 303 1814 b 262 1882 265 1868 262 1875 b 276 1900 262 1890 266 1896 "},"v31":{"x_min":0,"x_max":386.5625,"ha":394,"o":"m 0 173 l 0 347 l 193 347 l 386 347 l 386 173 l 386 0 l 193 0 l 0 0 l 0 173 "},"v32":{"x_min":-390.640625,"x_max":389.28125,"ha":397,"o":"m -378 573 l -374 576 l 0 576 l 372 576 l 377 573 b 387 563 381 571 385 567 l 389 559 l 389 287 l 389 15 l 387 12 b 367 0 383 4 375 0 b 348 12 360 0 352 4 l 347 15 l 347 210 l 347 406 l 0 406 l -348 406 l -348 210 l -348 15 l -349 12 b -368 0 -353 4 -362 0 b -389 12 -377 0 -385 4 l -390 15 l -390 287 l -390 559 l -389 563 b -378 573 -386 567 -382 571 m -274 337 l -270 338 l 0 338 l 269 338 l 273 337 b 284 326 279 334 281 330 l 285 323 l 285 169 l 285 15 l 284 12 b 265 -1 280 4 272 -1 b 245 12 257 -1 249 4 l 245 15 l 243 108 l 243 201 l 0 201 l -245 201 l -245 108 l -245 15 l -246 12 b -266 -1 -250 4 -258 -1 b -285 12 -273 -1 -281 4 l -287 15 l -287 169 l -287 323 l -285 326 b -274 337 -283 330 -280 334 m -13 131 b -1 133 -9 133 -5 133 b 50 105 19 133 39 123 b 61 70 57 95 61 83 b 50 34 61 58 57 45 b -1 6 39 16 19 6 b -46 27 -17 6 -34 13 b -62 69 -58 38 -62 55 b -13 131 -62 98 -44 124 "},"v33":{"x_min":-423.3125,"x_max":421.9375,"ha":431,"o":"m -10 276 b -2 277 -8 277 -5 277 b 17 265 5 277 13 273 b 19 163 19 260 19 260 l 19 68 l 39 45 b 277 -95 122 -34 200 -81 b 289 -97 281 -97 285 -97 b 378 0 332 -97 371 -54 b 378 11 378 4 378 6 b 302 83 378 55 345 83 b 242 66 283 83 262 77 b 208 56 231 59 219 56 b 148 120 175 56 148 81 b 200 186 148 151 164 172 b 261 198 220 194 240 198 b 420 45 341 198 411 137 b 421 22 421 37 421 29 b 257 -198 421 -86 347 -188 b 242 -198 251 -198 247 -198 b 20 -105 181 -198 95 -163 l 19 -104 l 19 -183 b 19 -216 19 -195 19 -206 b 12 -273 19 -272 17 -267 b -2 -278 8 -277 2 -278 b -21 -266 -10 -278 -19 -274 b -23 -165 -23 -263 -23 -262 l -23 -69 l -44 -47 b -250 86 -117 23 -183 66 b -295 94 -270 93 -284 94 b -315 91 -302 94 -308 94 b -381 5 -356 81 -381 43 b -355 -56 -381 -16 -372 -40 b -299 -81 -338 -73 -319 -81 b -246 -68 -283 -81 -265 -77 b -212 -58 -234 -61 -223 -58 b -168 -77 -196 -58 -179 -65 b -151 -122 -156 -90 -151 -105 b -179 -174 -151 -141 -160 -162 b -239 -195 -194 -184 -217 -192 b -257 -197 -245 -195 -250 -197 b -423 -5 -349 -197 -423 -113 b -423 0 -423 -4 -423 -1 b -277 194 -420 97 -362 173 b -247 197 -268 197 -258 197 b -24 104 -185 197 -100 162 l -23 102 l -23 181 b -21 265 -23 260 -23 260 b -10 276 -20 269 -14 274 "},"v34":{"x_min":0,"x_max":622.03125,"ha":635,"o":"m 398 417 b 406 419 401 419 404 419 b 427 398 417 419 427 409 b 427 391 427 395 427 392 b 34 -274 424 385 38 -272 b 20 -280 29 -278 25 -280 b 0 -259 9 -280 0 -270 b 0 -252 0 -256 0 -254 b 393 413 2 -247 389 410 b 398 417 394 415 397 416 m 592 417 b 600 419 594 419 597 419 b 622 398 611 419 622 409 b 620 391 622 395 620 392 b 227 -274 617 385 231 -272 b 213 -280 223 -278 219 -280 b 193 -259 202 -280 193 -270 b 194 -252 193 -256 193 -254 b 586 413 196 -247 582 410 b 592 417 588 415 590 416 "},"v35":{"x_min":0,"x_max":323.9375,"ha":331,"o":"m 217 535 b 225 537 220 537 221 537 b 245 524 235 537 242 533 l 246 521 l 247 390 l 247 258 l 273 265 b 306 270 288 269 299 270 b 322 259 315 270 319 267 b 323 208 323 256 323 233 b 322 158 323 184 323 159 b 288 140 318 148 315 147 b 247 130 254 131 247 130 b 247 65 247 130 247 104 b 247 20 247 51 247 36 l 247 -88 l 273 -81 b 306 -76 289 -77 299 -76 b 318 -81 311 -76 315 -77 b 323 -123 323 -87 323 -86 l 323 -138 l 323 -154 b 318 -195 323 -191 323 -190 b 269 -210 314 -199 315 -199 b 249 -216 259 -213 250 -216 l 247 -216 l 247 -349 l 246 -483 l 245 -487 b 225 -499 242 -495 234 -499 b 206 -487 219 -499 210 -495 l 205 -483 l 205 -355 l 205 -227 l 204 -227 l 181 -233 l 138 -244 b 117 -249 127 -247 117 -249 b 115 -385 115 -249 115 -256 l 115 -523 l 114 -526 b 95 -538 110 -534 102 -538 b 74 -526 87 -538 78 -534 l 73 -523 l 73 -391 b 72 -260 73 -269 73 -260 b 72 -260 72 -260 72 -260 b 19 -273 61 -263 23 -273 b 0 -260 10 -273 4 -267 b 0 -209 0 -256 0 -256 l 0 -162 l 1 -158 b 61 -134 5 -148 5 -148 l 73 -131 l 73 -22 b 72 86 73 79 73 86 b 72 86 72 86 72 86 b 19 74 61 83 23 74 b 0 86 10 74 4 79 b 0 137 0 90 0 90 l 0 184 l 1 188 b 61 212 5 198 5 198 l 73 215 l 73 348 l 73 481 l 74 485 b 95 498 78 492 87 498 b 103 495 98 498 100 496 b 114 485 107 494 111 489 l 115 481 l 115 353 l 115 226 l 121 226 b 159 235 123 227 141 231 l 198 247 l 205 248 l 205 384 l 205 521 l 206 524 b 217 535 209 528 212 533 m 205 9 b 205 119 205 70 205 119 l 205 119 b 182 113 204 119 194 116 l 138 102 b 117 97 127 99 117 97 b 115 -12 115 97 115 91 l 115 -122 l 121 -120 b 159 -111 123 -119 141 -115 l 198 -101 l 205 -98 l 205 9 "},"v36":{"x_min":-1.359375,"x_max":1064.390625,"ha":1086,"o":"m 296 692 b 314 694 302 694 307 694 b 386 685 337 694 366 689 b 548 498 480 660 548 580 b 548 481 548 492 548 487 b 455 395 541 426 499 395 b 370 462 420 395 383 417 b 362 496 364 477 362 488 b 377 514 362 509 367 514 b 393 501 386 514 390 510 b 432 474 397 484 413 474 b 470 487 445 474 458 478 b 491 530 484 496 491 510 b 490 544 491 534 491 539 b 333 660 479 606 411 657 l 323 662 l 315 646 b 269 524 285 591 269 556 b 321 431 269 492 287 466 b 349 395 338 413 343 408 b 363 342 359 378 363 362 b 359 312 363 333 362 322 b 285 158 348 266 318 206 b 281 152 283 155 281 152 b 281 152 281 152 281 152 b 287 154 283 152 284 152 b 318 155 298 154 308 155 b 461 98 371 155 419 136 l 464 97 l 483 112 b 503 129 494 120 503 127 b 504 130 503 129 504 129 b 503 138 504 131 503 134 b 500 180 500 152 500 166 b 553 326 500 238 518 288 b 604 366 560 331 592 358 b 649 381 617 376 632 381 b 696 362 665 381 681 374 b 724 302 714 347 724 324 b 695 238 724 278 714 255 b 660 210 691 234 662 212 b 579 148 658 209 582 151 b 579 148 579 148 579 148 b 596 106 579 144 589 119 b 622 77 604 88 609 83 b 657 69 632 72 645 69 b 748 112 688 69 721 84 b 755 123 754 117 755 120 b 755 127 755 124 755 126 b 751 165 752 137 751 151 b 758 219 751 183 754 202 b 894 387 774 290 820 347 b 896 390 896 388 896 388 b 891 398 896 391 895 392 b 622 560 827 477 730 535 b 600 580 605 564 600 569 b 617 596 600 591 607 596 b 628 595 622 596 624 596 b 1057 248 846 552 1020 412 b 1064 191 1061 229 1064 209 b 922 0 1064 94 1005 9 b 902 -1 916 -1 909 -1 b 774 76 847 -1 800 26 b 769 83 770 81 770 83 b 769 81 769 83 769 83 b 627 -1 733 29 677 -1 b 548 27 597 -1 570 8 b 515 88 537 37 525 61 l 513 95 l 510 93 l 453 45 b 390 0 396 0 396 0 b 390 0 390 0 390 0 b 374 15 381 0 377 4 b 268 105 359 69 314 105 b 250 104 262 105 257 105 l 243 102 l 234 90 b 155 1 201 49 159 2 b 147 -1 152 0 149 -1 b 130 15 138 -1 130 6 b 132 20 130 18 132 19 b 136 31 133 22 134 27 b 220 131 149 74 178 109 b 231 137 225 134 230 136 b 302 278 280 202 302 244 b 265 335 302 299 295 309 b 209 442 234 363 213 402 b 209 455 209 446 209 451 b 279 648 209 502 232 564 l 285 659 l 283 659 b 176 627 238 653 210 645 b 57 477 111 594 66 538 b 55 459 55 471 55 464 b 72 409 55 437 61 415 b 93 403 78 405 87 403 b 152 467 123 403 151 431 b 168 488 153 483 157 488 b 185 462 181 488 185 483 l 185 460 b 137 344 183 409 168 369 b 78 322 119 328 98 322 b 13 360 50 322 25 335 b -1 426 4 380 -1 402 b 89 610 -1 488 32 559 b 296 692 147 659 210 685 m 926 348 b 921 353 924 351 922 353 b 914 348 920 353 918 351 b 823 167 857 306 823 237 b 828 124 823 154 826 138 b 890 31 837 79 862 40 b 896 31 892 31 894 31 b 956 104 916 31 940 59 b 970 191 965 129 970 159 b 966 241 970 208 969 224 b 926 348 959 277 945 313 m 627 326 b 619 326 624 326 622 326 b 598 316 611 326 604 323 b 568 215 579 288 568 255 b 568 208 568 213 568 210 b 571 183 570 195 570 184 l 571 183 b 594 201 571 183 582 191 l 634 231 b 660 259 653 247 656 248 b 664 278 662 266 664 272 b 627 326 664 299 649 320 "},"v37":{"x_min":0,"x_max":333.46875,"ha":340,"o":"m 219 818 b 225 821 220 820 223 821 b 239 816 231 821 235 818 b 245 800 242 811 243 810 b 328 587 259 725 291 646 l 333 578 l 333 573 l 333 571 b 315 553 333 560 325 553 b 306 556 313 553 308 555 b 251 577 288 567 270 574 b 246 578 249 577 247 578 b 245 577 246 578 245 578 b 246 576 245 577 246 577 b 247 416 246 574 246 542 l 247 258 l 273 265 b 306 270 288 269 299 270 b 322 259 315 270 319 267 b 323 208 323 256 323 233 b 322 158 323 184 323 159 b 288 140 318 148 315 147 b 247 130 254 131 247 130 b 247 65 247 130 247 104 b 247 20 247 51 247 36 l 247 -88 l 273 -81 b 306 -76 289 -77 299 -76 b 318 -81 311 -76 315 -77 b 323 -123 323 -87 323 -86 l 323 -138 l 323 -154 b 318 -195 323 -191 323 -190 b 269 -210 314 -199 315 -199 b 249 -216 259 -213 250 -216 l 247 -216 l 247 -349 l 246 -483 l 245 -487 b 225 -499 242 -495 234 -499 b 206 -487 219 -499 210 -495 l 205 -483 l 205 -355 l 205 -227 l 204 -227 l 181 -233 l 138 -244 b 117 -249 127 -247 117 -249 b 115 -385 115 -249 115 -256 l 115 -523 l 114 -526 b 95 -538 110 -534 102 -538 b 74 -526 87 -538 78 -534 l 73 -523 l 73 -391 b 72 -260 73 -269 73 -260 b 72 -260 72 -260 72 -260 b 19 -273 61 -263 23 -273 b 0 -260 10 -273 4 -267 b 0 -209 0 -256 0 -256 l 0 -162 l 1 -158 b 61 -134 5 -148 5 -148 l 73 -131 l 73 -22 b 72 86 73 79 73 86 b 72 86 72 86 72 86 b 19 74 61 83 23 74 b 0 86 10 74 4 79 b 0 137 0 90 0 90 l 0 184 l 1 188 b 61 212 5 198 5 198 l 73 215 l 73 348 l 73 481 l 74 485 b 95 498 78 494 87 498 b 114 485 102 498 110 494 l 115 481 l 115 353 l 115 226 l 121 226 b 159 235 123 227 141 231 l 198 247 l 205 248 l 205 409 b 206 574 205 546 205 571 b 206 577 206 576 206 577 b 205 578 206 578 206 578 b 200 577 205 578 202 577 b 147 556 181 574 163 567 b 136 553 142 555 138 553 b 118 571 126 553 118 560 l 118 573 l 118 578 l 123 587 b 205 796 160 646 187 717 b 219 818 209 813 210 816 m 205 9 b 205 119 205 70 205 119 l 205 119 b 182 113 204 119 194 116 l 138 102 b 117 97 127 99 117 97 b 115 -12 115 97 115 91 l 115 -122 l 121 -120 b 159 -111 123 -119 141 -115 l 198 -101 l 205 -98 l 205 9 "},"v38":{"x_min":-1.359375,"x_max":651.96875,"ha":665,"o":"m 389 644 b 405 645 394 645 400 645 b 504 566 450 645 492 613 b 507 541 506 557 507 549 b 480 471 507 514 498 489 l 477 467 l 483 470 b 609 591 539 485 586 531 b 613 601 611 595 613 599 b 631 609 619 607 624 609 b 651 588 641 609 651 602 b 200 -946 651 584 204 -941 b 182 -957 197 -953 190 -957 b 163 -945 174 -957 166 -953 b 161 -939 161 -942 161 -942 b 217 -743 161 -931 170 -904 b 272 -555 247 -639 272 -555 b 272 -555 272 -555 272 -555 b 264 -560 272 -555 268 -557 b 140 -603 227 -589 182 -603 b 36 -567 102 -603 65 -592 b -1 -487 12 -548 -1 -517 b 17 -427 -1 -466 5 -445 b 103 -380 38 -395 70 -380 b 191 -433 137 -380 172 -398 b 205 -484 201 -448 205 -466 b 178 -553 205 -509 196 -535 l 175 -557 l 182 -555 b 307 -435 236 -539 284 -494 b 372 -213 308 -430 372 -215 b 372 -213 372 -213 372 -213 b 364 -219 372 -213 368 -216 b 240 -262 328 -247 283 -262 b 137 -226 202 -262 166 -249 b 99 -145 112 -206 99 -176 b 118 -84 99 -124 106 -104 b 204 -38 138 -54 171 -38 b 292 -91 238 -38 273 -56 b 306 -141 302 -106 306 -124 b 279 -212 306 -167 296 -194 l 276 -215 l 281 -213 b 408 -93 336 -198 385 -151 b 473 129 409 -88 473 127 b 473 129 473 129 473 129 b 465 122 473 129 469 126 b 341 80 428 94 383 80 b 236 115 303 80 266 91 b 200 195 213 136 200 165 b 217 256 200 217 206 238 b 304 303 239 287 272 303 b 393 249 338 303 374 285 b 406 199 402 234 406 217 b 379 129 406 173 397 148 l 377 126 l 382 127 b 509 248 436 142 485 190 b 574 470 510 254 574 469 b 574 470 574 470 574 470 b 566 464 574 470 570 467 b 442 421 529 435 484 421 b 337 458 404 421 367 433 b 300 537 313 478 300 508 b 389 644 300 585 334 635 "},"v39":{"x_min":-171.5,"x_max":251.8125,"ha":257,"o":"m -8 631 b -1 632 -6 632 -4 632 b 19 620 8 632 16 628 b 20 553 20 616 20 614 b 20 491 20 503 20 491 l 20 491 b 153 535 47 501 149 535 b 174 514 167 535 174 524 b 164 496 174 508 171 501 b 92 470 164 495 132 484 l 20 445 l 20 390 b 20 363 20 378 20 370 b 20 333 20 340 20 333 l 20 333 b 153 377 47 344 149 377 b 174 356 167 377 174 367 b 164 338 174 349 171 342 b 92 312 164 338 132 326 l 20 288 l 20 219 l 20 148 l 21 151 b 137 199 59 183 99 199 b 182 191 152 199 167 197 b 251 84 227 176 251 134 b 228 0 251 58 243 29 b 100 -142 206 -40 178 -72 l 23 -215 b -1 -229 9 -229 6 -229 b -20 -216 -9 -229 -17 -224 b -21 30 -21 -212 -21 -212 b -21 273 -21 163 -21 273 b -84 252 -21 273 -50 263 b -152 230 -133 234 -145 230 b -157 231 -155 230 -156 231 b -171 252 -166 234 -171 244 b -160 270 -171 259 -167 266 b -27 316 -159 270 -93 294 l -21 319 l -21 374 b -21 431 -21 406 -21 431 b -84 409 -21 431 -50 421 b -152 388 -133 392 -145 388 b -157 390 -155 388 -156 388 b -171 409 -166 392 -171 401 b -160 428 -171 417 -167 424 b -27 474 -159 428 -93 451 l -21 476 l -21 546 b -20 620 -21 614 -21 616 b -8 631 -17 624 -13 630 m 110 131 b 96 133 106 133 100 133 b 89 133 93 133 91 133 b 24 87 63 129 40 113 l 20 80 l 20 -37 l 20 -156 l 23 -152 b 144 81 96 -72 144 20 l 144 83 b 110 131 144 113 134 126 "},"v3a":{"x_min":-1.359375,"x_max":227.3125,"ha":232,"o":"m 182 210 b 196 215 189 213 193 215 b 204 209 200 215 202 212 b 205 204 205 206 205 205 b 193 191 205 199 201 195 b 104 54 137 159 104 105 b 122 -8 104 31 110 11 l 123 -11 l 130 -11 b 202 -45 156 -11 185 -24 b 227 -112 219 -65 227 -88 b 172 -205 227 -149 208 -186 b 127 -216 157 -212 142 -216 b -1 -52 59 -216 -1 -144 b 0 -37 -1 -48 0 -43 b 182 210 6 58 80 155 "},"v3b":{"x_min":0,"x_max":484.5625,"ha":494,"o":"m 228 245 b 239 247 234 247 239 247 b 243 247 240 247 242 247 b 303 238 257 247 287 242 b 484 -2 417 208 484 104 b 412 -177 484 -65 461 -127 b 243 -248 363 -226 303 -248 b 6 -63 138 -248 36 -180 b 0 -1 1 -41 0 -20 b 228 245 0 127 98 240 m 255 181 b 240 183 247 183 245 183 b 232 181 238 183 235 183 b 142 152 200 180 168 170 l 138 149 l 190 97 l 242 44 l 294 97 l 345 149 l 340 152 b 255 181 315 169 284 180 m 147 -54 l 197 -1 l 147 51 l 95 104 l 91 99 b 62 -1 72 70 62 34 b 66 -43 62 -15 63 -29 b 91 -101 72 -63 80 -84 l 95 -106 l 147 -54 m 393 99 b 389 104 390 102 389 104 b 337 51 389 104 366 80 l 285 -1 l 337 -54 l 389 -106 l 393 -101 b 421 -1 412 -72 421 -36 b 393 99 421 34 412 69 m 294 -98 b 242 -45 265 -69 242 -45 b 190 -98 242 -45 219 -69 l 138 -151 l 142 -154 b 242 -184 172 -174 206 -184 b 340 -154 276 -184 311 -174 l 345 -151 l 294 -98 "},"v3c":{"x_min":0,"x_max":450.53125,"ha":460,"o":"m 189 302 b 204 303 193 302 198 303 b 303 224 250 303 292 270 b 306 199 304 216 306 208 b 279 129 306 173 296 147 l 276 126 l 281 127 b 408 249 337 142 385 190 b 412 259 409 254 412 258 b 430 267 417 265 423 267 b 450 247 441 267 450 259 b 200 -605 450 242 204 -599 b 182 -616 197 -612 190 -616 b 163 -602 174 -616 166 -610 b 161 -598 161 -601 161 -601 b 217 -402 161 -589 170 -562 b 272 -213 247 -298 272 -213 b 272 -213 272 -213 272 -213 b 264 -219 272 -213 268 -216 b 140 -262 227 -247 182 -262 b 36 -226 102 -262 65 -249 b 0 -145 12 -206 0 -176 b 17 -84 0 -124 5 -104 b 103 -38 38 -54 70 -38 b 191 -91 137 -38 172 -56 b 205 -141 201 -106 205 -124 b 178 -212 205 -167 196 -194 l 175 -215 l 182 -213 b 307 -93 236 -198 284 -151 b 372 129 308 -88 372 127 b 372 129 372 129 372 129 b 364 122 372 129 368 126 b 240 80 328 94 283 80 b 137 115 202 80 166 91 b 99 194 111 136 99 165 b 189 302 99 244 133 292 "},"v3d":{"x_min":0,"x_max":677.828125,"ha":692,"o":"m 390 1199 b 396 1200 392 1200 394 1200 b 426 1179 404 1200 412 1195 b 528 975 468 1135 507 1059 b 543 863 537 938 543 900 b 401 533 543 743 494 627 l 364 496 l 344 476 l 345 471 l 355 430 l 383 291 l 385 284 l 387 284 b 420 287 398 285 409 287 b 616 192 494 287 567 251 b 677 18 658 140 677 79 b 502 -244 677 -88 615 -195 b 496 -247 499 -245 496 -247 b 514 -334 496 -247 499 -259 l 526 -394 b 537 -467 536 -437 537 -444 b 307 -700 536 -602 428 -700 b 215 -681 276 -700 245 -695 b 114 -595 174 -663 130 -626 b 103 -544 107 -578 103 -562 b 156 -444 103 -505 122 -466 b 219 -424 175 -431 197 -424 b 303 -463 250 -424 283 -438 b 329 -535 321 -485 329 -510 b 234 -644 329 -588 292 -638 l 224 -644 l 225 -645 b 268 -659 235 -650 254 -656 b 307 -663 281 -662 294 -663 b 498 -494 401 -663 484 -592 b 500 -467 499 -484 500 -476 b 491 -406 500 -452 498 -435 l 480 -348 b 461 -259 466 -284 461 -259 b 461 -259 461 -259 461 -259 b 457 -260 460 -259 458 -259 b 374 -270 430 -267 402 -270 b 190 -222 311 -270 246 -254 b 0 115 68 -151 0 -20 b 46 303 0 179 14 242 b 268 581 80 369 182 496 l 281 595 l 280 605 l 254 730 b 236 850 239 799 236 813 b 235 868 235 857 235 863 b 239 927 235 888 236 903 b 340 1153 250 1010 285 1090 b 390 1199 356 1171 383 1197 m 446 1039 b 434 1041 442 1041 438 1041 b 306 921 389 1041 332 989 b 284 810 291 884 284 849 b 296 705 284 780 288 745 l 308 649 b 313 627 311 637 313 627 l 313 627 b 344 657 314 627 332 645 b 487 957 434 757 487 870 b 483 995 487 970 485 982 b 446 1039 477 1021 468 1034 m 315 437 b 314 442 314 440 314 442 b 314 442 314 442 314 442 b 230 345 311 442 255 378 b 104 101 142 234 115 183 b 102 55 103 86 102 70 b 374 -242 102 -108 225 -242 b 420 -238 389 -242 404 -241 b 454 -229 431 -237 453 -230 b 454 -229 454 -229 454 -229 b 451 -213 454 -227 453 -220 l 441 -162 l 426 -93 l 378 136 b 372 149 375 145 375 149 b 364 147 371 149 368 148 b 270 12 306 123 270 70 b 274 -20 270 1 272 -9 b 333 -101 281 -52 302 -80 b 343 -117 340 -105 343 -112 b 330 -133 343 -124 338 -130 b 328 -133 329 -133 328 -133 b 238 -70 308 -133 262 -101 b 193 61 206 -30 193 15 b 340 272 193 151 247 240 b 348 276 345 274 348 276 b 347 284 348 276 348 280 l 315 437 m 443 155 b 421 156 436 156 428 156 b 412 155 416 156 412 156 b 412 155 412 155 412 155 b 420 117 412 154 416 137 l 435 44 l 449 -19 l 460 -72 l 475 -147 b 488 -212 484 -188 488 -208 b 490 -213 488 -212 490 -213 b 494 -210 490 -213 491 -212 b 571 -134 525 -194 553 -165 b 601 -33 592 -102 601 -66 b 443 155 601 56 539 140 "},"v3e":{"x_min":0,"x_max":406.96875,"ha":415,"o":"m 21 183 b 28 183 24 183 25 183 b 42 181 34 183 39 183 b 127 108 47 179 47 179 b 202 41 168 72 202 41 b 279 108 204 41 238 72 b 357 177 321 145 356 176 b 375 183 363 181 370 183 b 406 151 392 183 406 169 b 404 137 406 147 405 141 b 322 62 401 131 398 129 b 251 0 284 27 251 0 b 322 -63 251 -1 284 -29 b 404 -138 398 -130 401 -133 b 406 -152 405 -142 406 -148 b 375 -184 406 -170 392 -184 b 357 -179 370 -184 363 -183 b 279 -109 356 -177 321 -147 b 202 -43 238 -73 204 -43 b 127 -109 202 -43 168 -73 b 49 -179 85 -147 50 -177 b 31 -184 43 -183 36 -184 b 0 -152 13 -184 0 -170 b 2 -138 0 -148 0 -142 b 83 -63 5 -133 8 -130 b 155 0 122 -29 155 -1 b 83 62 155 0 122 27 b 8 129 43 97 10 127 b 0 151 2 136 0 144 b 21 183 0 165 8 177 "},"v3f":{"x_min":-24.5,"x_max":317.140625,"ha":324,"o":"m -24 -147 l -24 -5 l -20 -5 b -1 -19 -12 -5 -4 -11 b 58 -123 6 -43 31 -86 b 196 -278 93 -173 134 -219 b 317 -570 274 -356 317 -460 b 294 -713 317 -617 308 -666 l 289 -724 l 294 -735 b 317 -873 308 -780 317 -827 b 235 -1132 317 -963 288 -1054 b 209 -1165 228 -1140 224 -1146 b 189 -1177 204 -1172 196 -1177 b 171 -1164 182 -1177 175 -1172 b 168 -1154 170 -1161 168 -1159 b 181 -1132 168 -1149 172 -1142 b 269 -891 238 -1064 269 -975 b 269 -881 269 -886 269 -884 b 262 -814 269 -857 265 -827 b 258 -800 261 -811 259 -806 b 142 -628 240 -731 198 -667 b -8 -589 112 -606 47 -589 b -20 -589 -13 -589 -19 -589 l -24 -589 l -24 -449 l -24 -308 l -20 -308 b -1 -322 -12 -308 -4 -313 b 58 -424 6 -345 31 -388 b 194 -580 93 -476 136 -523 b 259 -660 221 -606 245 -635 b 261 -663 259 -662 261 -663 b 264 -656 262 -663 262 -660 b 269 -587 268 -632 269 -610 b 264 -521 269 -566 268 -544 b 262 -512 264 -517 262 -513 b 258 -498 261 -509 259 -503 b 142 -326 240 -428 198 -365 b -8 -287 112 -303 47 -288 b -20 -287 -13 -287 -19 -287 l -24 -287 l -24 -147 "},"v40":{"x_min":-1.359375,"x_max":436.921875,"ha":446,"o":"m 213 205 b 217 205 215 205 216 205 b 234 194 224 205 234 199 b 236 187 234 194 235 190 l 245 167 l 261 129 l 270 106 b 355 -61 294 54 329 -13 b 420 -163 381 -105 402 -138 b 436 -188 435 -184 436 -184 b 436 -191 436 -190 436 -190 b 421 -206 436 -201 431 -206 l 421 -206 l 416 -206 l 405 -201 b 217 -158 347 -172 283 -158 b 31 -201 153 -158 88 -172 l 20 -206 l 14 -206 l 14 -206 b 0 -191 5 -206 0 -201 b -1 -188 0 -190 -1 -190 b 14 -163 -1 -186 0 -184 b 95 -34 36 -136 72 -77 b 166 106 119 8 148 68 l 175 129 l 183 148 l 200 188 b 213 205 205 199 208 202 "},"v41":{"x_min":-1.359375,"x_max":556.6875,"ha":568,"o":"m 294 322 b 318 323 299 322 308 323 b 360 320 334 323 352 322 b 526 217 430 310 490 273 b 543 166 537 202 543 184 b 447 70 543 117 503 70 b 445 70 447 70 446 70 b 359 159 394 72 359 113 b 368 201 359 173 362 187 b 442 245 382 229 412 245 b 455 244 446 245 451 245 b 460 244 458 244 460 244 b 460 244 460 244 460 244 b 454 248 460 244 458 245 b 325 291 417 276 372 291 b 285 287 313 291 299 290 b 144 -2 183 269 144 190 b 281 -290 144 -208 179 -280 b 304 -291 289 -291 298 -291 b 524 -105 412 -291 506 -212 b 541 -84 526 -88 530 -84 b 556 -101 551 -84 556 -90 b 549 -138 556 -111 553 -122 b 334 -322 521 -237 435 -310 b 302 -324 323 -323 313 -324 b 13 -101 172 -324 54 -234 b -1 -1 4 -68 -1 -34 b 294 322 -1 161 121 303 "},"v42":{"x_min":-348.4375,"x_max":24.5,"ha":25,"o":"m -330 155 b -322 156 -329 156 -326 156 b -315 156 -319 156 -317 156 b -298 147 -311 155 -308 154 b -19 30 -224 98 -122 55 l 2 26 b 24 -1 17 22 24 13 b 2 -27 24 -15 17 -23 l -19 -31 b -298 -148 -122 -56 -224 -99 b -322 -158 -313 -158 -315 -158 b -348 -131 -338 -158 -348 -145 b -344 -117 -348 -127 -347 -122 b -328 -104 -341 -112 -338 -111 b -127 -8 -269 -65 -202 -33 b -106 0 -115 -4 -106 -1 b -127 6 -106 0 -115 2 b -328 102 -202 31 -269 63 b -344 116 -338 109 -341 111 b -348 130 -347 120 -348 124 b -330 155 -348 141 -341 152 "},"v43":{"x_min":-442.359375,"x_max":441,"ha":450,"o":"m -31 487 b -1 488 -21 488 -10 488 b 434 104 216 488 397 330 b 441 27 438 79 441 47 b 439 12 441 20 439 15 b 419 0 435 4 427 0 b 404 5 413 0 408 1 b 398 30 400 11 398 13 b 0 351 390 213 213 351 b -59 348 -20 351 -39 349 b -400 30 -251 324 -393 191 b -405 5 -400 13 -401 11 b -420 0 -409 1 -415 0 b -441 12 -428 0 -436 4 b -442 27 -441 15 -442 20 b -435 104 -442 47 -439 79 b -31 487 -401 316 -235 474 m -13 131 b -1 133 -9 133 -5 133 b 51 105 19 133 39 123 b 61 70 58 95 61 83 b 51 34 61 58 58 45 b -1 6 39 16 19 6 b -46 27 -17 6 -34 13 b -62 69 -57 38 -62 54 b -13 131 -62 98 -44 124 "},"v44":{"x_min":-21.78125,"x_max":251.8125,"ha":257,"o":"m -8 631 b -1 632 -6 632 -4 632 b 19 620 8 632 16 628 b 20 383 20 616 20 616 l 20 148 l 21 151 b 137 199 59 183 99 199 b 182 191 152 199 167 197 b 251 84 227 176 251 134 b 228 0 251 58 243 29 b 100 -142 206 -40 178 -72 l 23 -215 b 0 -229 9 -229 6 -229 b -20 -216 -9 -229 -17 -224 l -21 -212 l -21 201 l -21 616 l -20 620 b -8 631 -17 624 -13 630 m 110 131 b 96 133 106 133 100 133 b 89 133 93 133 91 133 b 24 87 63 129 40 113 l 20 80 l 20 -37 l 20 -156 l 23 -152 b 144 81 96 -72 144 20 l 144 83 b 110 131 144 113 134 126 "},"v45":{"x_min":-402.890625,"x_max":401.53125,"ha":410,"o":"m -10 273 b -4 274 -9 273 -6 274 b 16 262 4 274 12 269 b 17 158 17 259 17 259 l 17 56 l 62 112 b 117 174 110 172 110 172 b 122 174 118 174 119 174 b 132 173 125 174 129 173 b 295 11 134 172 171 134 l 307 -1 l 336 34 b 374 76 366 72 368 74 b 381 77 375 77 378 77 b 401 56 392 77 401 68 b 400 48 401 54 401 51 b 223 -172 397 41 230 -166 b 210 -176 220 -174 215 -176 b 201 -174 206 -176 204 -176 b 112 -87 198 -173 178 -152 b 27 0 65 -38 27 0 b 21 -6 27 0 24 -2 l 17 -12 l 17 -147 b 17 -210 17 -173 17 -194 b 10 -292 17 -297 16 -287 b -2 -299 6 -297 2 -299 b -21 -287 -10 -299 -19 -295 b -24 -174 -23 -284 -23 -284 l -24 -63 l -66 -117 b -121 -176 -110 -170 -114 -176 b -125 -176 -122 -176 -123 -176 b -296 -12 -134 -174 -125 -184 l -308 0 l -337 -34 b -375 -77 -367 -73 -370 -76 b -382 -79 -377 -79 -379 -79 b -402 -58 -393 -79 -402 -69 b -401 -49 -402 -55 -402 -52 b -224 170 -398 -43 -231 165 b -212 174 -221 173 -216 174 b -202 173 -208 174 -205 174 b -39 11 -200 172 -151 122 l -28 -1 l -25 1 l -24 4 l -24 130 b -23 260 -24 256 -24 258 b -10 273 -20 266 -16 270 "},"v46":{"x_min":0,"x_max":627.46875,"ha":640,"o":"m 306 190 b 314 191 308 191 311 191 b 326 184 318 191 322 190 l 336 173 b 510 52 377 127 442 80 b 515 49 513 51 515 49 b 611 16 537 40 579 24 b 627 0 624 13 627 9 b 607 -18 627 -11 624 -13 b 330 -181 490 -49 389 -109 b 314 -192 323 -190 319 -192 b 306 -191 311 -192 308 -192 b 294 -177 302 -188 302 -188 b 257 -140 287 -170 265 -148 b 19 -18 193 -84 114 -44 b 0 0 2 -13 0 -11 b 16 16 0 9 2 13 b 110 49 47 24 89 40 b 117 52 111 49 114 51 b 145 65 126 56 130 58 b 281 163 200 93 245 124 b 300 186 288 170 291 174 b 306 190 300 187 303 188 m 317 137 b 313 142 315 141 314 142 b 308 137 313 142 311 141 b 161 4 276 84 220 33 b 155 0 159 1 155 0 b 163 -4 155 0 159 -2 b 308 -138 220 -34 276 -84 b 313 -142 311 -141 313 -142 b 317 -138 314 -142 315 -141 b 464 -4 351 -84 406 -34 b 470 0 468 -2 470 0 b 464 4 470 0 468 1 b 317 137 406 33 351 84 "},"v47":{"x_min":-24.5,"x_max":315.78125,"ha":322,"o":"m -24 -145 l -24 -5 l -20 -5 b 1 -26 -10 -5 -6 -9 b 175 -241 31 -86 96 -166 b 314 -548 259 -323 304 -420 b 315 -589 315 -555 315 -571 b 314 -630 315 -606 315 -623 b 298 -730 311 -664 306 -699 l 295 -742 l 296 -748 b 314 -850 304 -778 311 -813 b 315 -892 315 -857 315 -874 b 314 -932 315 -909 315 -925 b 298 -1032 311 -967 306 -1002 l 295 -1045 l 296 -1050 b 314 -1153 304 -1081 311 -1115 b 315 -1193 315 -1160 315 -1177 b 314 -1235 315 -1211 315 -1228 b 217 -1526 306 -1338 270 -1444 b 201 -1533 213 -1532 208 -1533 b 182 -1522 193 -1533 185 -1529 b 179 -1514 181 -1518 179 -1517 b 189 -1489 179 -1508 182 -1501 b 266 -1217 240 -1403 266 -1308 b 262 -1156 266 -1196 265 -1177 b 110 -907 247 -1043 190 -950 b 0 -889 87 -895 50 -889 l -1 -889 l -24 -889 l -24 -749 l -24 -610 l -20 -610 b 1 -631 -10 -610 -6 -614 b 175 -846 31 -691 96 -771 b 259 -956 213 -884 236 -914 b 265 -966 262 -961 264 -966 b 265 -966 265 -966 265 -966 b 265 -953 265 -964 265 -959 b 266 -920 266 -943 266 -932 b 262 -853 266 -898 265 -873 b 110 -605 247 -741 190 -648 b 0 -587 87 -592 50 -587 l -1 -587 l -24 -587 l -24 -448 l -24 -308 l -20 -308 b 1 -328 -10 -308 -6 -312 b 175 -544 31 -388 96 -469 b 259 -655 213 -581 236 -612 b 265 -663 262 -659 264 -663 b 265 -663 265 -663 265 -663 b 265 -650 265 -663 265 -657 b 266 -617 266 -641 266 -630 b 262 -551 266 -595 265 -570 b 110 -303 247 -438 190 -345 b 0 -284 87 -290 50 -284 l -1 -284 l -24 -284 l -24 -145 "},"v48":{"x_min":0,"x_max":720.03125,"ha":735,"o":"m 251 280 b 269 280 258 280 264 280 b 487 215 348 280 432 255 b 594 -2 558 159 594 87 b 590 -55 594 -19 593 -37 b 44 -598 553 -309 330 -533 b 10 -605 25 -603 16 -605 b 1 -599 5 -605 2 -603 b 0 -594 0 -598 0 -595 b 8 -580 0 -587 2 -580 b 43 -566 9 -580 32 -571 b 453 -54 279 -467 434 -274 b 454 -9 454 -48 454 -29 b 453 34 454 9 454 29 b 351 230 443 129 411 192 b 259 255 323 247 292 255 b 70 133 183 255 103 208 b 68 124 68 127 68 124 b 68 123 68 123 68 123 b 70 126 68 123 69 124 b 126 141 88 137 107 141 b 202 109 153 141 182 131 b 234 33 224 87 234 59 b 126 -77 234 -23 191 -77 b 5 61 53 -77 5 -13 b 27 147 5 88 12 119 b 251 280 68 226 151 274 m 672 172 b 677 173 673 173 676 173 b 720 130 700 173 720 152 b 714 111 720 124 717 117 b 677 88 707 95 692 88 b 642 108 664 88 650 95 b 637 130 638 115 637 123 b 672 172 637 151 650 169 m 672 -90 b 677 -90 673 -90 676 -90 b 720 -131 700 -90 720 -109 b 714 -151 720 -138 717 -144 b 677 -174 707 -166 692 -174 b 642 -154 664 -174 650 -167 b 637 -133 638 -147 637 -140 b 672 -90 637 -112 650 -93 "},"v49":{"x_min":0,"x_max":630.203125,"ha":643,"o":"m 308 204 b 314 205 310 205 313 205 b 326 201 319 205 323 204 b 355 154 328 199 338 180 b 401 83 362 142 392 95 l 409 72 b 431 41 412 66 424 49 b 619 -174 498 -51 570 -134 b 630 -192 626 -180 630 -186 b 626 -202 630 -195 628 -199 b 616 -206 623 -205 620 -206 b 552 -188 608 -206 592 -202 b 310 -155 488 -169 392 -155 b 268 -156 295 -155 281 -155 b 77 -188 197 -161 126 -173 b 13 -206 35 -202 20 -206 b 9 -206 12 -206 10 -206 b 0 -191 2 -202 0 -197 b 8 -176 0 -186 2 -180 b 204 49 58 -136 138 -43 l 220 72 l 227 83 b 295 188 245 108 281 166 b 308 204 299 197 304 202 m 315 147 b 314 147 315 147 314 147 b 314 147 314 147 314 147 b 306 129 314 145 310 138 l 296 105 b 281 72 292 97 284 77 l 274 56 b 181 -123 247 -4 212 -72 l 174 -134 l 176 -133 b 314 -123 215 -127 272 -123 b 451 -133 356 -123 413 -127 l 454 -134 l 449 -123 b 353 56 417 -72 381 -4 l 347 72 b 332 105 344 77 336 97 l 322 129 b 315 147 318 138 315 145 "},"v4a":{"x_min":70.78125,"x_max":378.390625,"ha":315,"o":"m 246 373 b 254 373 249 373 251 373 b 372 324 303 373 360 351 b 378 302 377 317 378 309 b 338 251 378 278 362 255 b 328 249 334 249 332 249 b 283 294 303 249 283 270 b 288 315 283 301 284 308 b 289 319 289 317 289 319 b 289 319 289 319 289 319 b 283 320 289 320 287 320 b 270 322 279 322 274 322 b 206 288 242 322 215 308 b 206 283 206 287 206 285 b 257 223 206 267 230 238 b 284 206 272 213 277 210 b 351 90 328 173 351 130 b 340 47 351 74 348 59 b 205 -30 314 -2 264 -30 b 182 -29 198 -30 190 -30 b 84 15 147 -24 103 -5 b 70 48 74 24 70 36 b 108 99 70 70 85 94 b 121 102 112 101 117 102 b 167 56 147 102 167 80 b 159 31 167 48 164 40 l 156 26 l 157 26 b 190 20 167 22 178 20 b 220 26 201 20 212 22 b 258 65 243 34 258 51 b 257 70 258 66 258 69 b 204 126 249 94 234 109 b 114 258 148 158 114 209 b 125 302 114 273 118 288 b 246 373 147 342 193 370 "},"v4b":{"x_min":0,"x_max":503.609375,"ha":514,"o":"m 274 430 b 277 430 276 430 277 430 b 310 394 296 430 310 415 b 308 383 310 391 308 387 b 306 367 307 381 307 374 b 236 120 298 305 272 210 b 40 -273 189 -5 125 -134 b 20 -287 35 -283 27 -287 b 5 -281 14 -287 9 -285 b 0 -267 1 -277 0 -273 b 9 -242 0 -262 2 -255 b 246 395 137 -12 232 242 b 274 430 249 416 257 427 m 468 430 b 472 430 469 430 470 430 b 503 394 490 430 503 415 b 502 383 503 391 503 387 b 499 367 502 381 500 374 b 431 120 491 305 465 210 b 234 -273 382 -5 318 -134 b 213 -287 228 -283 220 -287 b 198 -281 208 -287 202 -285 b 193 -267 194 -277 193 -273 b 202 -242 193 -262 196 -255 b 439 395 330 -12 426 242 b 468 430 442 416 451 427 "},"v4c":{"x_min":-348.4375,"x_max":24.5,"ha":25,"o":"m -330 155 b -322 156 -329 156 -326 156 b -315 156 -319 156 -317 156 b -298 147 -311 155 -308 154 b -6 27 -221 95 -117 52 b 10 23 1 26 8 23 b 24 -1 20 18 24 8 b 12 -23 24 -9 20 -19 b -8 -29 9 -26 9 -26 b -298 -148 -112 -52 -223 -97 b -322 -158 -313 -158 -315 -158 b -348 -133 -338 -158 -348 -147 b -343 -115 -348 -127 -347 -120 b -313 -1 -323 -79 -313 -40 b -337 101 -313 34 -321 69 b -343 113 -338 105 -341 111 b -348 131 -347 119 -348 126 b -330 155 -348 142 -343 152 "},"v4d":{"x_min":-311.6875,"x_max":310.328125,"ha":317,"o":"m -9 388 b -2 390 -8 390 -5 390 b 5 388 1 390 4 390 b 19 378 10 387 16 383 b 23 333 23 371 23 371 b 24 298 23 299 24 298 b 81 276 34 298 65 285 b 213 91 145 240 190 177 b 224 24 217 76 224 36 b 257 24 224 24 235 24 b 299 19 292 24 292 24 b 310 -1 306 15 310 6 b 299 -23 310 -11 306 -19 b 257 -27 292 -27 292 -27 b 224 -29 235 -27 224 -29 b 213 -95 224 -40 217 -80 b 81 -280 190 -181 145 -244 b 24 -301 65 -290 34 -301 b 23 -335 24 -301 23 -303 l 23 -340 b 17 -381 23 -374 23 -374 b -1 -391 13 -388 5 -391 b -21 -381 -9 -391 -17 -388 b -27 -340 -27 -374 -27 -374 l -27 -335 b -28 -301 -27 -303 -27 -301 b -85 -280 -38 -301 -69 -290 b -217 -95 -149 -244 -194 -181 b -228 -29 -221 -80 -228 -40 b -259 -27 -228 -29 -238 -27 b -300 -23 -294 -27 -294 -27 b -311 -2 -307 -19 -311 -11 b -294 23 -311 8 -304 19 b -259 24 -291 23 -284 24 b -228 24 -239 24 -228 24 b -217 91 -228 36 -221 76 b -85 276 -194 177 -149 240 b -28 298 -69 285 -38 298 b -27 333 -27 298 -27 299 b -27 371 -27 362 -27 369 b -9 388 -24 378 -17 385 m -27 136 b -28 247 -27 197 -28 247 b -61 216 -31 247 -53 226 b -123 33 -95 172 -121 98 l -125 24 l -76 24 l -27 24 l -27 136 m 29 242 b 24 247 27 245 24 247 b 23 136 24 247 23 197 l 23 24 l 72 24 l 121 24 l 119 33 b 29 242 115 116 77 206 m -27 -140 l -27 -27 l -76 -27 l -125 -27 l -123 -36 b -61 -220 -121 -102 -95 -176 b -28 -251 -53 -230 -31 -251 b -27 -140 -28 -251 -27 -201 m 119 -36 l 121 -27 l 72 -27 l 23 -27 l 23 -140 b 24 -251 23 -201 24 -251 b 57 -220 27 -251 49 -230 b 119 -36 91 -176 117 -102 "},"v4e":{"x_min":0,"x_max":239.5625,"ha":244,"o":"m 10 460 b 20 462 13 462 14 462 b 39 449 28 462 35 458 l 40 446 l 40 326 b 40 205 40 259 40 205 b 127 227 40 205 80 215 b 220 249 196 244 213 249 b 227 247 224 249 225 248 b 238 237 231 245 235 241 l 239 233 l 239 -106 l 239 -448 l 238 -451 b 219 -463 234 -459 225 -463 b 198 -451 210 -463 202 -459 l 197 -448 l 197 -324 b 197 -201 197 -248 197 -201 b 110 -223 196 -201 157 -210 b 17 -245 42 -240 24 -245 b 10 -242 13 -245 13 -244 b 0 -233 6 -241 2 -237 l 0 -230 l 0 108 l 0 446 l 0 449 b 10 460 2 453 6 458 m 197 22 b 197 70 197 41 197 58 b 196 116 197 113 197 116 l 196 116 b 118 97 196 116 160 106 l 40 77 l 40 -18 b 40 -112 40 -69 40 -112 l 119 -93 l 197 -73 l 197 22 "},"v4f":{"x_min":0,"x_max":193.28125,"ha":197,"o":"m 85 514 b 95 517 88 517 89 517 b 114 505 103 517 110 513 l 115 502 l 115 376 b 115 249 115 306 115 249 b 141 258 117 249 127 252 l 167 266 l 172 266 b 190 254 181 265 187 262 l 193 251 l 193 202 l 193 188 b 187 147 193 149 191 152 b 147 130 183 142 182 141 l 115 119 l 115 9 b 115 -99 115 -51 115 -99 b 141 -91 115 -99 127 -95 b 171 -81 166 -81 167 -81 l 171 -81 b 191 -94 181 -81 189 -87 b 193 -142 191 -97 193 -120 b 191 -195 193 -167 191 -194 b 125 -227 187 -205 187 -204 l 115 -230 l 115 -366 l 115 -503 l 114 -506 b 95 -519 110 -514 102 -519 b 74 -506 87 -519 78 -514 l 73 -503 l 73 -374 b 73 -245 73 -260 73 -245 b 73 -245 73 -245 73 -245 b 55 -252 72 -245 63 -249 l 32 -260 b 19 -263 27 -262 23 -263 b 4 -256 13 -263 8 -260 b 0 -215 0 -251 0 -254 b 0 -199 0 -210 0 -206 l 0 -152 l 1 -149 b 8 -140 2 -145 5 -141 b 42 -127 9 -140 24 -133 l 73 -116 l 73 -5 b 73 23 73 4 73 15 b 73 105 73 70 73 105 b 49 97 73 105 61 101 b 17 88 32 91 23 88 b 4 95 10 88 8 91 b 0 137 0 101 0 98 b 0 151 0 141 0 145 l 0 199 l 1 202 b 43 224 5 212 5 212 l 73 234 l 73 367 l 73 502 l 74 505 b 85 514 77 509 81 513 "},"v50":{"x_min":-111.609375,"x_max":110.25,"ha":113,"o":"m -8 112 b -1 112 -5 112 -2 112 b 110 -1 63 112 110 58 b 87 -69 110 -24 103 -48 b -1 -113 65 -98 32 -113 b -88 -69 -34 -113 -66 -98 b -111 -1 -104 -48 -111 -24 b -8 112 -111 55 -70 108 m 17 94 b 0 95 12 95 6 95 b -53 79 -17 95 -38 90 b -95 -1 -80 61 -95 30 b -72 -63 -95 -23 -88 -45 b -1 -97 -53 -87 -27 -97 b 89 -31 38 -97 74 -73 b 93 0 92 -20 93 -11 b 17 94 93 44 63 83 "},"v51":{"x_min":-1.359375,"x_max":455.96875,"ha":465,"o":"m 352 541 b 357 542 353 542 355 542 b 377 530 364 542 372 537 l 378 526 l 378 394 l 379 262 l 404 266 b 436 270 420 269 430 270 b 450 265 443 270 446 269 b 455 220 455 259 455 260 l 455 208 l 455 161 l 454 156 b 411 140 449 147 447 147 b 378 133 393 137 379 134 b 378 68 378 133 378 106 b 378 22 378 54 378 38 l 379 -87 l 404 -83 b 436 -79 420 -80 430 -79 b 450 -84 443 -79 446 -80 b 455 -129 455 -90 455 -88 l 455 -141 l 455 -188 l 454 -192 b 413 -209 449 -202 447 -202 b 382 -215 398 -212 383 -215 l 378 -215 l 378 -345 l 378 -380 b 375 -485 378 -484 378 -480 b 357 -494 371 -491 364 -494 b 340 -485 351 -494 344 -491 b 336 -383 337 -480 336 -484 l 336 -349 l 336 -223 l 334 -223 b 291 -231 334 -223 314 -227 l 247 -240 l 247 -371 l 246 -503 l 245 -506 b 225 -519 242 -514 234 -519 b 206 -506 219 -519 210 -514 l 205 -503 l 205 -376 l 205 -248 l 160 -256 l 115 -265 l 115 -396 l 115 -527 l 114 -531 b 95 -544 110 -539 102 -544 b 76 -531 87 -544 78 -539 l 73 -527 l 73 -399 b 73 -273 73 -330 73 -273 b 49 -277 73 -273 61 -274 b 17 -281 32 -280 24 -281 b 4 -276 10 -281 8 -280 b -1 -234 0 -269 -1 -272 b 0 -219 -1 -229 0 -224 l 0 -170 l 1 -167 b 10 -158 2 -163 6 -159 b 49 -149 13 -156 16 -155 l 73 -145 l 73 -34 b 73 76 73 26 73 76 b 49 72 73 76 61 74 b 17 68 32 69 24 68 b 4 73 10 68 8 69 b -1 115 0 80 -1 77 b 0 130 -1 120 0 124 l 0 179 l 1 181 b 10 191 2 186 6 190 b 49 199 13 192 16 194 l 73 204 l 73 338 b 73 374 73 352 73 365 b 77 483 73 484 73 477 b 95 492 81 489 88 492 b 111 483 100 492 107 489 b 115 378 115 477 115 483 l 115 342 b 117 212 115 223 115 212 b 204 229 117 212 200 227 l 205 229 l 205 365 l 205 502 l 206 505 b 225 517 210 513 219 517 b 245 505 234 517 242 513 l 246 502 l 247 369 l 247 237 l 249 237 b 336 254 253 238 336 254 b 337 390 336 254 337 302 l 337 526 l 338 530 b 352 541 341 535 347 539 m 336 15 b 336 126 336 102 336 126 l 336 126 b 291 117 336 126 315 122 l 247 109 l 247 -1 l 247 -112 l 249 -112 b 336 -95 253 -111 336 -95 b 336 15 336 -95 336 -56 m 205 -120 b 205 -55 205 -120 205 -93 b 205 -9 205 -41 205 -24 l 205 101 l 160 93 l 115 84 l 115 -26 b 115 -83 115 -49 115 -69 b 117 -137 115 -133 115 -137 b 205 -120 118 -137 204 -120 "},"v52":{"x_min":-10.890625,"x_max":298.078125,"ha":294,"o":"m 138 473 b 142 474 140 473 141 474 b 164 459 148 474 153 470 b 191 402 183 442 191 423 b 181 353 191 388 187 371 b 178 349 179 352 178 349 b 179 348 178 348 179 348 b 185 349 181 348 182 348 b 255 376 210 355 234 363 b 272 381 264 381 266 381 b 298 355 287 381 298 370 b 288 330 298 348 298 345 b 171 34 238 254 194 141 b 166 13 168 16 168 16 b 144 1 161 5 152 1 b 121 15 134 1 125 5 b 115 33 119 18 117 24 b 0 330 91 145 49 252 b -10 355 -9 345 -10 348 b 13 381 -10 371 0 381 b 31 376 19 381 25 380 b 132 345 61 358 103 345 l 136 345 l 137 355 b 145 378 138 359 142 370 b 152 415 149 394 152 405 b 137 452 152 427 148 438 b 133 464 134 458 133 460 b 138 473 133 467 134 470 "},"v53":{"x_min":0,"x_max":902.421875,"ha":921,"o":"m 17 240 b 24 241 19 241 21 241 b 32 240 28 241 31 241 b 46 229 38 238 43 234 b 50 88 50 223 50 237 b 50 -1 50 63 50 34 b 50 -90 50 -36 50 -65 b 46 -231 50 -238 50 -224 b 25 -242 42 -238 34 -242 b 0 -224 14 -242 4 -235 b 0 2 0 -222 0 -108 b 0 223 0 112 0 220 b 17 240 2 230 9 237 m 110 240 b 118 241 111 241 114 241 b 126 240 121 241 123 241 b 142 223 133 237 140 230 b 144 123 144 220 144 205 b 144 29 144 45 144 29 b 144 29 144 29 144 29 b 393 183 166 106 264 167 b 450 186 412 184 431 186 b 756 29 600 186 732 120 b 756 29 756 29 756 29 b 758 123 758 29 758 45 b 760 227 758 226 758 223 b 784 241 766 237 774 241 b 804 229 792 241 800 237 b 809 88 808 223 809 237 l 809 -1 l 809 -90 b 804 -231 809 -238 808 -224 b 784 -242 800 -238 792 -242 b 762 -231 775 -242 766 -238 b 758 -124 756 -224 758 -231 b 756 -30 758 -47 758 -30 b 756 -30 756 -30 756 -30 b 509 -184 736 -108 637 -169 b 450 -187 488 -187 469 -187 b 144 -30 300 -187 168 -122 b 144 -30 144 -30 144 -30 b 144 -124 144 -30 144 -47 b 140 -231 144 -231 144 -224 b 118 -242 134 -238 126 -242 b 92 -224 107 -242 96 -235 b 92 2 92 -222 92 -108 b 92 223 92 112 92 220 b 110 240 95 230 102 237 m 432 161 b 413 162 426 162 420 162 b 313 41 351 162 313 109 b 347 -73 313 5 323 -34 b 487 -163 385 -133 439 -163 b 578 -97 526 -163 562 -142 b 588 -43 585 -80 588 -62 b 432 161 588 47 518 147 m 868 240 b 876 241 869 241 872 241 b 884 240 879 241 882 241 b 898 229 890 238 894 234 b 902 88 902 223 902 237 l 902 -1 l 902 -90 b 898 -231 902 -238 902 -224 b 876 -242 892 -238 884 -242 b 852 -224 865 -242 854 -235 b 850 2 850 -222 850 -108 b 852 223 850 112 850 220 b 868 240 853 230 860 237 "},"v54":{"x_min":-24.5,"x_max":317.140625,"ha":324,"o":"m -24 -161 l -24 -5 l -20 -5 b 0 -24 -9 -5 -2 -12 b 171 -315 21 -124 84 -233 b 317 -660 268 -406 317 -531 b 187 -1014 317 -782 274 -909 b 161 -1034 172 -1034 171 -1034 b 141 -1013 149 -1034 141 -1025 b 152 -991 141 -1004 142 -1002 b 266 -682 228 -899 266 -788 b 174 -430 266 -588 236 -498 b -23 -317 136 -388 66 -348 b -24 -161 -23 -316 -24 -285 "},"v55":{"x_min":0,"x_max":551.25,"ha":563,"o":"m 289 644 b 304 645 294 645 299 645 b 404 566 349 645 392 613 b 406 541 405 557 406 549 b 379 471 406 514 397 489 l 377 467 l 382 470 b 509 591 438 485 485 531 b 513 601 510 595 513 599 b 530 609 518 607 524 609 b 551 588 540 609 551 602 b 200 -605 551 584 204 -599 b 182 -616 197 -612 190 -616 b 163 -602 174 -616 166 -610 b 161 -598 161 -601 161 -601 b 217 -402 161 -589 170 -562 b 272 -213 247 -298 272 -213 b 272 -213 272 -213 272 -213 b 264 -219 272 -213 268 -216 b 140 -262 227 -247 182 -262 b 36 -226 102 -262 65 -249 b 0 -145 12 -206 0 -176 b 17 -84 0 -124 5 -104 b 103 -38 38 -54 70 -38 b 191 -91 137 -38 172 -56 b 205 -141 201 -106 205 -124 b 178 -212 205 -167 196 -194 l 175 -215 l 182 -213 b 307 -93 236 -198 284 -151 b 372 129 308 -88 372 127 b 372 129 372 129 372 129 b 364 122 372 129 368 126 b 240 80 328 94 283 80 b 137 115 202 80 166 91 b 99 195 112 136 99 165 b 118 256 99 217 106 238 b 204 303 138 287 171 303 b 292 249 238 303 273 285 b 306 199 302 234 306 217 b 279 129 306 173 296 148 l 276 126 l 281 127 b 408 248 336 142 385 190 b 473 470 409 254 473 469 b 473 470 473 470 473 470 b 465 464 473 470 469 467 b 341 421 428 435 383 421 b 236 458 303 421 266 433 b 200 537 212 478 200 508 b 289 644 200 585 234 635 "},"v56":{"x_min":0,"x_max":1159.671875,"ha":1183,"o":"m 0 0 l 0 347 l 193 347 l 386 347 l 386 0 l 386 -348 l 193 -348 l 0 -348 l 0 0 m 773 -1 l 773 347 l 966 347 l 1159 347 l 1159 -1 l 1159 -348 l 966 -348 l 773 -348 l 773 -1 "},"v57":{"x_min":0,"x_max":272.21875,"ha":278,"o":"m 243 631 b 250 632 246 632 249 632 b 270 620 259 632 268 628 l 272 616 l 272 201 l 272 -212 l 270 -216 b 251 -229 268 -224 259 -229 b 227 -215 243 -229 240 -229 l 151 -142 b 32 -16 81 -80 53 -49 b 0 84 9 18 0 52 b 111 199 0 149 42 199 b 137 197 119 199 127 198 b 228 151 168 191 197 177 l 231 148 l 231 383 b 232 620 231 616 231 616 b 243 631 234 624 238 630 m 168 131 b 152 133 163 133 157 133 b 107 102 130 133 111 120 b 106 86 107 97 106 91 b 111 41 106 73 108 56 b 227 -152 125 -13 171 -90 l 231 -156 l 231 -37 l 231 80 l 225 87 b 168 131 210 111 190 126 "},"v58":{"x_min":-21.78125,"x_max":367.5,"ha":375,"o":"m 259 1553 b 265 1553 261 1553 264 1553 b 288 1540 272 1553 277 1550 b 367 1351 340 1493 367 1424 b 336 1221 367 1308 357 1263 l 332 1211 l 333 1208 b 367 1077 356 1170 367 1124 b 336 945 367 1032 357 986 l 332 935 l 333 932 b 367 800 356 893 367 848 b 336 669 367 756 357 710 l 332 659 l 333 656 b 367 523 356 617 367 571 b 345 412 367 485 360 446 b 231 273 322 356 284 310 b -1 19 121 195 27 93 b -17 4 -4 11 -10 5 l -21 4 l -21 134 l -21 265 l -17 265 b 133 291 20 265 96 278 b 318 537 245 328 318 433 b 307 603 318 559 315 582 b 303 614 304 612 304 614 b 298 609 302 614 300 613 b 231 549 281 589 258 567 b -1 295 121 471 27 369 b -17 280 -4 287 -10 281 l -21 280 l -21 410 l -21 541 l -17 541 b 133 567 20 541 96 555 b 318 813 245 605 318 709 b 307 880 318 835 315 859 b 303 891 304 888 304 891 b 298 885 302 891 300 888 b 231 825 281 866 258 843 b -1 571 121 748 27 645 b -17 556 -4 563 -10 557 l -21 556 l -21 687 l -21 817 l -17 817 b 133 843 20 817 96 830 b 318 1089 245 881 318 985 b 307 1156 318 1111 315 1134 b 303 1167 304 1164 304 1167 b 298 1161 302 1167 300 1164 b 231 1102 281 1140 258 1120 b -1 848 121 1024 27 921 b -17 832 -4 839 -10 834 l -21 832 l -21 963 l -21 1093 l -17 1093 b 114 1113 12 1093 78 1103 b 313 1314 215 1142 289 1218 b 318 1364 317 1331 318 1347 b 255 1511 318 1422 295 1478 b 243 1532 247 1519 243 1525 b 259 1553 243 1540 250 1550 "},"v59":{"x_min":0,"x_max":464.140625,"ha":474,"o":"m 0 0 l 0 347 l 76 347 l 153 347 l 153 0 l 153 -348 l 76 -348 l 0 -348 l 0 0 m 308 -1 l 308 347 l 386 347 l 464 347 l 464 -1 l 464 -348 l 386 -348 l 308 -348 l 308 -1 "},"v5a":{"x_min":-171.5,"x_max":170.140625,"ha":174,"o":"m -6 566 b 0 567 -5 567 -2 567 b 14 556 6 567 12 563 b 92 285 14 555 50 433 b 170 13 166 33 170 19 b 168 13 170 13 170 13 b 161 1 168 8 167 4 l 159 0 l 122 0 l 84 0 l 81 1 b 21 195 76 5 78 -5 b -32 381 -8 297 -32 381 b -87 197 -32 381 -57 298 b -141 8 -115 94 -140 9 b -155 0 -142 2 -149 0 b -171 15 -163 0 -171 5 b -14 556 -171 18 -24 528 b -6 566 -14 560 -10 564 "},"v5b":{"x_min":-441,"x_max":439.640625,"ha":449,"o":"m -428 -2 b -421 0 -427 -1 -424 0 b -406 -6 -416 0 -409 -2 b -400 -31 -401 -12 -400 -15 b -1 -352 -392 -215 -215 -352 b 58 -349 19 -352 38 -351 b 398 -31 250 -326 392 -192 b 404 -6 398 -15 400 -12 b 419 -1 408 -2 413 -1 b 439 -13 427 -1 435 -5 b 439 -29 439 -16 439 -22 b 434 -105 439 -48 438 -80 b 0 -489 397 -333 213 -489 b -68 -484 -23 -489 -44 -488 b -441 -36 -280 -452 -436 -263 b -441 -30 -441 -34 -441 -31 b -428 -2 -441 -11 -439 -5 m -13 -9 b -1 -8 -9 -8 -5 -8 b 50 -36 19 -8 39 -19 b 61 -72 57 -47 61 -59 b 50 -106 61 -84 57 -97 b -1 -134 39 -124 19 -134 b -46 -115 -17 -134 -34 -129 b -62 -72 -57 -102 -62 -87 b -13 -9 -62 -44 -44 -16 "},"v5c":{"x_min":0,"x_max":447.8125,"ha":457,"o":"m 0 -87 l 0 0 l 223 0 l 447 0 l 447 -87 l 447 -174 l 223 -174 l 0 -174 l 0 -87 "},"v5d":{"x_min":-1.359375,"x_max":592.078125,"ha":604,"o":"m 280 692 b 295 694 283 692 289 694 b 310 692 300 694 307 692 b 357 630 340 684 357 657 b 336 580 357 612 351 594 b 311 538 321 566 311 549 b 352 492 311 512 330 492 b 366 495 357 492 362 492 b 397 553 390 503 397 517 b 415 603 397 576 402 591 b 460 623 427 617 443 623 b 509 599 479 623 498 614 b 522 559 518 587 522 573 b 494 506 522 538 513 519 b 451 495 481 498 473 496 b 415 488 432 495 426 494 b 394 449 404 483 394 464 b 394 448 394 448 394 448 l 394 440 l 397 433 b 428 409 404 420 413 413 b 438 408 431 408 435 408 b 479 431 450 408 462 415 b 528 455 495 448 510 455 b 548 452 534 455 541 453 b 592 391 577 442 592 416 b 549 331 592 365 577 340 b 528 327 541 328 534 327 b 479 351 510 327 495 335 b 438 374 464 367 450 374 b 417 369 431 374 424 373 b 394 333 402 360 394 348 b 400 312 394 326 396 319 b 451 287 408 294 420 288 b 513 258 484 285 499 278 b 522 223 519 247 522 234 b 461 159 522 190 496 159 b 449 161 457 159 453 159 b 397 229 416 167 397 191 b 366 288 397 265 390 278 b 352 290 362 290 357 290 b 315 262 336 290 321 280 b 311 245 313 256 311 251 b 334 204 311 233 318 220 b 355 170 348 190 351 184 b 357 152 356 166 357 159 b 355 136 357 147 356 140 b 295 88 345 104 321 88 b 232 152 264 88 232 112 b 255 204 232 174 238 186 b 279 244 273 222 279 231 l 279 245 b 238 290 279 270 259 290 b 224 288 234 290 228 290 b 193 229 200 278 193 265 b 141 161 193 191 174 167 b 129 159 137 159 133 159 b 68 223 93 159 68 190 b 77 258 68 234 70 247 b 138 287 91 278 106 285 b 185 302 166 287 175 291 b 196 333 193 312 196 323 b 174 369 196 347 187 360 b 152 374 166 373 159 374 b 111 351 140 374 126 367 b 62 327 95 335 80 327 b 51 328 58 327 54 327 b -1 391 16 334 -1 363 b 53 455 -1 420 17 449 b 62 455 57 455 59 455 b 111 431 80 455 95 448 b 152 408 127 415 140 408 b 161 409 155 408 159 408 b 193 433 176 413 186 420 l 196 440 l 196 448 b 196 451 196 449 196 449 b 190 471 196 459 194 463 b 137 495 182 489 167 495 l 134 495 l 134 495 b 68 560 95 495 68 521 b 129 623 68 596 95 623 b 144 621 134 623 138 623 b 193 553 175 614 193 589 b 224 495 193 517 200 503 b 238 492 228 492 234 492 b 279 538 259 492 279 512 b 254 580 279 549 269 566 b 232 630 239 594 232 612 b 280 692 232 657 250 684 m 307 456 b 295 458 303 458 299 458 b 230 391 258 458 230 426 b 236 360 230 381 231 371 b 295 324 249 337 272 324 b 353 360 318 324 341 337 b 360 391 357 370 360 381 b 307 456 360 421 340 451 "},"v5e":{"x_min":-206.890625,"x_max":428.75,"ha":438,"o":"m -178 811 b -172 811 -175 811 -174 811 b -145 800 -164 811 -157 809 l -114 778 l -50 735 l 13 691 l 77 646 l 141 602 l 205 559 l 269 514 l 332 471 l 394 427 b 428 392 421 409 426 405 b 428 384 428 390 428 387 b 394 349 428 365 412 349 b 375 355 387 349 382 351 b 272 426 372 356 303 403 l 209 469 l 145 513 l 83 556 l -34 638 l -87 674 l -151 718 b -202 759 -196 749 -198 752 b -206 775 -205 764 -206 770 b -178 811 -206 792 -196 809 "},"v5f":{"x_min":-390.640625,"x_max":389.28125,"ha":397,"o":"m -378 -2 b -368 -1 -375 -1 -374 -1 b -349 -13 -360 -1 -353 -5 l -348 -16 l -348 -176 l -348 -337 l 0 -337 l 347 -337 l 347 -176 l 347 -16 l 348 -13 b 367 0 352 -5 360 0 b 387 -13 375 0 383 -5 l 389 -16 l 389 -252 l 389 -489 l 387 -492 b 377 -503 385 -498 381 -501 l 372 -505 l 0 -505 l -374 -505 l -378 -503 b -389 -492 -382 -501 -386 -498 l -390 -489 l -390 -252 l -390 -16 l -389 -13 b -378 -2 -386 -8 -382 -4 m -13 -9 b -1 -8 -9 -8 -5 -8 b 50 -36 19 -8 39 -19 b 61 -72 57 -47 61 -59 b 50 -106 61 -84 57 -97 b -1 -134 39 -124 19 -134 b -46 -115 -17 -134 -34 -129 b -62 -72 -58 -102 -62 -87 b -13 -9 -62 -44 -44 -16 "},"v60":{"x_min":-590.71875,"x_max":589.359375,"ha":601,"o":"m -367 173 b -362 174 -366 174 -364 174 b -351 173 -357 174 -353 173 b -262 86 -348 172 -328 151 b -176 0 -216 37 -176 0 b -107 84 -176 0 -145 37 b -31 174 -36 173 -38 172 b -25 174 -29 174 -28 174 b -16 173 -23 174 -19 173 b 72 86 -13 172 6 151 b 157 0 119 37 157 0 b 227 84 159 0 189 37 b 303 174 298 173 296 172 b 308 174 304 174 307 174 b 318 173 313 174 317 173 b 481 11 322 172 357 134 l 494 -1 l 522 34 b 560 76 553 72 555 74 b 567 77 563 77 564 77 b 589 56 579 77 589 68 b 586 48 589 54 588 51 b 411 -172 583 41 416 -166 b 397 -176 406 -174 401 -176 b 387 -174 393 -176 390 -176 b 299 -87 386 -173 366 -152 b 213 0 253 -38 213 0 b 144 -86 213 0 182 -38 b 68 -174 73 -174 74 -173 b 62 -176 66 -176 65 -176 b 53 -174 59 -176 55 -174 b -35 -87 50 -173 29 -152 b -121 0 -83 -38 -121 0 b -190 -86 -122 0 -152 -38 b -266 -174 -261 -174 -259 -173 b -272 -176 -268 -176 -270 -176 b -281 -174 -276 -176 -280 -174 b -371 -86 -284 -173 -304 -152 b -457 0 -417 -38 -457 0 l -457 0 b -477 -26 -457 0 -470 -16 b -548 -227 -524 -88 -548 -161 b -536 -303 -548 -254 -544 -280 b -533 -317 -534 -309 -533 -313 b -553 -338 -533 -330 -541 -338 b -577 -315 -566 -338 -571 -333 b -590 -227 -586 -287 -590 -258 b -518 -9 -590 -154 -564 -77 b -465 56 -509 2 -504 8 l -402 134 b -367 173 -375 169 -372 172 "},"v61":{"x_min":-108.890625,"x_max":251.8125,"ha":257,"o":"m -8 631 b -1 632 -6 632 -4 632 b 19 620 8 632 16 628 b 20 383 20 616 20 616 l 20 148 l 21 151 b 137 199 59 183 99 199 b 182 191 152 199 167 197 b 251 84 227 176 251 134 b 228 0 251 58 243 29 b 93 -148 206 -40 179 -70 l 38 -199 l 23 -215 l 20 -217 l 20 -241 b 19 -267 20 -260 20 -266 b 19 -270 19 -269 19 -270 b 19 -270 19 -270 19 -270 b 47 -263 21 -270 39 -266 b 78 -249 55 -260 69 -255 b 89 -247 83 -247 85 -247 b 107 -265 99 -247 107 -254 l 107 -265 l 107 -270 l 102 -280 b 19 -492 65 -338 34 -417 b 0 -513 14 -508 10 -513 b -20 -488 -12 -513 -16 -508 b -103 -280 -38 -409 -66 -338 l -108 -270 l -108 -265 l -108 -265 b -91 -247 -108 -254 -100 -247 b -80 -249 -87 -247 -84 -247 b -49 -263 -70 -255 -57 -260 b -20 -270 -40 -266 -23 -270 b -20 -270 -20 -270 -20 -270 b -20 -267 -20 -270 -20 -269 b -21 174 -21 -266 -21 -208 l -21 616 l -20 620 b -8 631 -17 624 -13 630 m 110 131 b 96 133 106 133 100 133 b 89 133 93 133 91 133 b 24 87 63 129 40 113 l 20 80 l 20 -37 l 20 -156 l 23 -152 b 144 81 96 -72 144 20 l 144 83 b 110 131 144 113 134 126 "},"v62":{"x_min":46.28125,"x_max":669.671875,"ha":563,"o":"m 183 376 b 189 376 185 376 187 376 b 212 374 197 376 208 376 b 265 337 234 369 253 355 b 274 317 268 331 273 320 b 274 316 274 317 274 316 b 280 323 276 316 276 319 b 311 358 288 337 299 348 b 319 366 315 360 318 365 b 356 376 326 373 340 376 b 382 371 364 376 374 374 b 428 337 400 366 417 352 b 436 317 431 331 436 320 b 438 316 436 317 436 316 b 442 323 438 316 439 319 b 475 358 451 337 462 348 b 483 366 477 360 481 365 b 518 376 488 373 503 376 b 544 373 528 376 536 376 b 604 285 579 360 604 326 b 597 249 604 273 601 258 b 543 63 596 247 544 70 b 541 54 543 61 541 55 b 540 44 540 51 540 47 b 552 23 540 33 545 23 b 552 23 552 23 552 23 b 647 126 586 29 627 72 b 658 138 651 136 653 138 b 660 138 660 138 660 138 b 669 129 666 137 669 136 b 654 88 669 122 665 109 b 562 -12 631 43 602 9 l 549 -19 b 521 -27 540 -24 530 -27 b 447 30 490 -27 458 -4 b 443 58 445 38 443 48 b 450 93 443 72 446 84 b 504 278 453 97 504 272 b 507 288 506 283 506 287 b 509 298 507 292 509 295 b 491 326 509 310 502 320 b 487 327 490 327 488 327 b 479 324 484 327 483 326 b 441 270 462 316 443 288 b 435 249 441 265 436 254 b 398 127 434 248 419 195 b 362 4 379 61 362 5 b 328 -1 359 -1 362 -1 b 314 -1 323 -1 319 -1 b 302 -1 310 -1 306 -1 b 266 4 266 -1 269 -1 b 265 6 265 5 265 5 b 303 144 265 13 272 34 b 343 278 325 216 343 276 b 344 288 343 281 344 285 b 345 298 345 291 345 295 b 330 326 345 310 340 320 b 323 327 328 327 325 327 b 317 324 322 327 321 326 b 279 270 300 316 281 288 b 273 249 279 265 274 254 b 236 127 272 248 255 195 b 200 4 216 61 200 5 b 164 -1 197 -1 198 -1 b 151 -1 161 -1 156 -1 b 140 -1 147 -1 142 -1 b 103 4 104 -1 106 -1 b 103 6 103 5 103 5 b 141 144 103 13 108 34 b 181 278 161 216 179 276 b 182 288 181 281 181 285 b 183 298 182 291 183 295 b 168 324 183 310 178 320 b 160 327 166 326 163 327 b 141 320 156 327 151 324 b 69 230 112 305 85 272 b 57 215 65 217 62 215 b 55 215 57 215 55 215 b 46 224 49 215 46 217 b 59 260 46 231 50 242 b 151 363 81 306 112 341 b 161 369 155 365 160 367 b 183 376 166 371 174 374 "},"v63":{"x_min":-1.359375,"x_max":392,"ha":400,"o":"m 253 341 b 317 341 276 341 298 341 b 363 341 344 341 362 341 b 392 309 379 340 392 326 l 392 309 b 266 -320 392 305 269 -310 b 246 -341 262 -330 255 -337 b 136 -342 243 -342 189 -342 b 21 -341 80 -342 24 -342 b -1 -310 8 -337 -1 -324 b 0 -310 -1 -310 0 -310 b 123 316 0 -306 118 297 b 144 340 126 327 133 335 b 253 341 147 341 151 341 m 321 276 b 250 277 321 277 307 277 b 179 276 194 277 179 277 b 123 -1 179 276 153 151 l 68 -278 l 140 -278 b 167 -278 149 -278 159 -278 b 210 -278 191 -278 210 -278 b 321 276 210 -278 321 274 "},"v64":{"x_min":-355.25,"x_max":353.890625,"ha":361,"o":"m -355 534 l -355 1068 l 0 1068 l 353 1068 l 353 534 l 353 0 l 0 0 l -355 0 l -355 534 m 325 881 l 325 1041 l -1 1041 l -326 1041 l -326 881 l -326 721 l -1 721 l 325 721 l 325 881 m 325 534 l 325 694 l 0 694 l -326 694 l -326 534 l -326 374 l 0 374 l 325 374 l 325 534 m 325 187 l 325 347 l 0 347 l -326 347 l -326 187 l -326 27 l 0 27 l 325 27 l 325 187 "},"v65":{"x_min":-695.53125,"x_max":694.171875,"ha":708,"o":"m -50 1414 b 1 1415 -32 1414 -16 1415 b 683 828 333 1415 626 1168 b 694 706 690 787 694 746 b -1 0 694 323 389 0 b -695 706 -385 0 -695 315 b -50 1413 -695 1079 -415 1386 l -50 1414 m 44 1385 b -2 1386 28 1386 13 1386 b -526 1124 -204 1386 -400 1289 b -564 1068 -539 1107 -564 1070 b -1 1067 -564 1068 -311 1067 b 563 1068 308 1067 563 1068 b 524 1124 563 1070 537 1107 b 44 1385 406 1276 235 1371 m 590 1021 l 581 1039 l -1 1039 l -582 1039 l -592 1021 b -666 728 -637 931 -666 816 l -666 720 l -1 720 l 665 720 l 665 728 b 590 1021 665 816 635 931 m 665 685 l 665 692 l -1 692 l -666 692 l -666 685 b -590 391 -666 596 -637 480 l -582 374 l -1 374 l 579 374 l 589 391 b 665 685 634 480 665 596 m 558 337 l 563 345 l -1 345 l -564 345 l -559 337 b 0 27 -436 142 -223 27 b 148 44 49 27 99 33 b 558 337 315 83 465 191 "},"v66":{"x_min":-73.5,"x_max":72.140625,"ha":74,"o":"m -36 -126 b 0 0 -17 -56 -1 0 b 70 -254 0 0 70 -249 l 72 -255 l 0 -255 l -73 -255 l -72 -254 b -36 -126 -72 -254 -55 -195 "},"v67":{"x_min":-1.359375,"x_max":549.890625,"ha":561,"o":"m 296 692 b 314 694 302 694 307 694 b 386 685 337 694 366 689 b 548 498 480 660 548 580 b 548 481 548 492 548 487 b 455 395 541 426 499 395 b 370 462 420 395 383 417 b 362 496 364 477 362 488 b 377 514 362 509 367 514 b 393 501 386 514 390 510 b 432 474 397 484 413 474 b 470 487 445 474 458 478 b 491 530 484 496 491 510 b 490 544 491 534 491 539 b 333 660 479 606 411 657 l 323 662 l 315 646 b 269 524 285 591 269 556 b 321 431 269 492 287 466 b 349 395 338 413 343 408 b 363 342 359 378 363 362 b 359 312 363 333 362 322 b 285 158 348 266 318 206 b 281 152 283 155 281 152 b 281 152 281 152 281 152 b 287 154 283 152 284 152 b 318 155 298 154 308 155 b 461 98 371 155 419 136 l 464 97 l 495 122 b 534 148 528 148 528 148 b 549 133 544 148 549 142 l 549 133 b 549 130 549 131 549 131 b 509 91 549 124 548 123 l 436 33 b 390 0 397 0 396 0 b 374 15 381 0 377 4 b 268 105 359 69 314 105 b 250 104 262 105 257 105 l 243 102 l 234 90 b 155 1 201 49 159 2 b 147 -1 152 0 149 -1 b 130 15 138 -1 130 6 b 132 20 130 18 132 19 b 136 31 133 22 134 27 b 220 131 149 74 178 109 b 231 137 225 134 230 136 b 302 278 280 202 302 244 b 265 335 302 299 295 309 b 209 442 234 363 213 402 b 209 455 209 446 209 451 b 279 648 209 502 232 564 l 285 659 l 283 659 b 176 627 238 653 210 645 b 57 477 111 594 66 538 b 55 459 55 471 55 464 b 72 409 55 437 61 415 b 93 403 78 405 87 403 b 152 467 123 403 151 431 b 168 488 153 483 157 488 b 185 462 181 488 185 483 l 185 460 b 137 344 183 409 168 369 b 78 322 119 328 98 322 b 13 360 50 322 25 335 b -1 426 4 380 -1 402 b 89 610 -1 488 32 559 b 296 692 147 659 210 685 "},"v68":{"x_min":-597.53125,"x_max":596.171875,"ha":608,"o":"m -533 324 b -525 327 -530 326 -528 327 b -504 305 -514 327 -504 317 b -504 305 -504 305 -504 305 b -513 284 -504 299 -504 299 b -556 112 -541 226 -556 167 b -545 33 -556 84 -552 58 b -524 -20 -541 15 -532 -9 l -522 -23 l -491 15 l -413 111 b -355 174 -367 169 -363 174 b -351 174 -353 174 -352 174 b -254 86 -343 174 -348 179 b -168 -1 -208 37 -168 -1 b -100 84 -168 -1 -137 37 b -23 173 -28 173 -29 172 b -19 174 -21 174 -20 174 b -8 173 -14 174 -10 173 b 155 11 -5 172 43 123 l 166 -1 l 168 1 l 170 4 l 170 130 b 171 260 170 256 170 258 b 191 274 175 269 183 274 b 205 267 196 274 201 272 b 212 158 212 262 210 273 l 212 56 l 257 112 b 311 173 304 172 304 172 b 317 174 313 174 314 174 b 326 173 319 174 323 173 b 490 11 329 172 366 134 l 502 -1 l 530 34 b 568 76 560 72 563 74 b 575 77 570 77 573 77 b 596 56 586 77 596 68 b 594 48 596 54 596 51 b 417 -172 592 41 424 -166 b 405 -176 415 -174 409 -176 b 396 -174 401 -176 398 -176 b 307 -87 393 -173 372 -152 b 221 -1 259 -38 221 -1 b 216 -6 221 -1 219 -2 l 212 -12 l 212 -147 b 212 -210 212 -173 212 -194 b 205 -292 212 -297 210 -287 b 191 -299 201 -297 196 -299 b 172 -287 183 -299 175 -295 b 170 -174 171 -284 171 -284 l 170 -63 l 127 -117 b 73 -176 84 -170 80 -176 b 68 -176 72 -176 70 -176 b -27 -87 59 -174 65 -180 b -114 0 -74 -38 -112 0 b -182 -86 -114 0 -145 -38 b -258 -174 -253 -174 -253 -173 b -264 -176 -259 -176 -262 -176 b -274 -174 -268 -176 -272 -174 b -438 -11 -277 -173 -348 -102 l -449 0 l -479 -37 b -524 -80 -513 -80 -514 -80 l -524 -80 b -553 -52 -534 -80 -540 -74 b -597 109 -583 -8 -597 48 b -560 280 -597 165 -585 224 b -533 324 -548 310 -540 322 "},"v69":{"x_min":-25.859375,"x_max":347.078125,"ha":354,"o":"m 313 155 b 321 156 315 156 318 156 b 329 156 325 156 328 156 b 347 130 341 152 347 141 b 338 109 347 123 344 115 b 288 79 332 105 307 88 b 126 6 236 49 186 26 b 104 0 114 2 104 0 b 126 -8 104 -1 114 -4 b 326 -104 201 -33 268 -65 b 343 -117 337 -111 340 -112 b 347 -131 345 -122 347 -127 b 321 -158 347 -145 337 -158 b 296 -148 314 -158 311 -158 b 17 -31 223 -99 121 -56 l -4 -27 b -25 0 -19 -23 -25 -15 b -4 26 -25 13 -19 22 l 17 30 b 296 147 121 55 223 98 b 313 155 307 152 310 155 "},"v6a":{"x_min":-85.75,"x_max":84.390625,"ha":86,"o":"m -17 84 b 0 86 -12 86 -6 86 b 84 -1 46 86 84 45 b 83 -18 84 -6 84 -12 b -1 -87 73 -62 36 -87 b -66 -55 -25 -87 -49 -77 b -85 -1 -80 -38 -85 -19 b -17 84 -85 37 -59 74 "},"v6b":{"x_min":-1.359375,"x_max":544.4375,"ha":556,"o":"m 475 834 b 483 835 477 834 480 835 b 514 803 500 835 514 820 b 509 785 514 798 513 791 b 356 742 496 764 424 743 l 341 742 l 341 738 b 344 671 343 716 344 694 b 247 351 344 533 306 401 b 144 315 217 326 185 315 b 121 316 136 315 129 315 b 83 340 98 317 88 323 b 81 348 83 342 81 345 b 114 380 81 366 98 380 b 137 369 122 380 130 377 b 147 365 140 366 142 365 b 191 399 159 365 178 378 b 251 673 230 459 251 560 b 250 739 251 695 251 717 b 239 757 249 756 249 755 b 194 763 224 762 209 763 b 103 712 153 763 121 745 b 68 689 95 696 81 689 b 29 730 47 689 29 703 b 77 785 29 749 43 766 b 198 814 111 805 155 814 b 262 806 220 814 243 811 b 351 793 294 798 323 793 b 462 827 396 793 435 805 b 475 834 466 831 469 832 m 334 290 b 340 290 336 290 338 290 b 386 244 364 290 383 272 b 470 -154 397 115 439 -81 b 509 -195 481 -177 498 -195 b 510 -195 509 -195 510 -195 b 518 -194 513 -194 515 -194 b 544 -223 533 -194 544 -208 b 530 -244 544 -231 540 -240 b 510 -248 526 -247 519 -248 b 450 -235 491 -248 466 -244 b 351 -68 401 -210 381 -176 b 333 5 344 -44 333 1 b 333 5 333 5 333 5 b 326 -8 333 5 329 -1 b 289 -73 313 -34 302 -54 l 281 -84 l 284 -86 b 328 -102 295 -95 313 -102 b 344 -116 340 -104 344 -106 b 323 -131 344 -124 340 -129 b 304 -134 317 -133 311 -134 b 259 -123 289 -134 273 -130 l 254 -120 l 251 -124 b 78 -237 198 -183 141 -222 b 29 -242 63 -241 44 -242 b 16 -241 24 -242 19 -242 b -1 -217 5 -237 -1 -227 b 17 -192 -1 -206 5 -195 b 23 -191 19 -191 20 -191 b 29 -191 24 -191 27 -191 b 32 -191 29 -191 31 -191 b 175 -97 70 -191 132 -152 b 294 237 246 -12 287 105 b 306 273 295 256 298 263 b 334 290 313 281 323 288 m 292 -285 b 311 -285 299 -285 306 -285 b 517 -399 405 -285 496 -334 b 519 -420 518 -406 519 -413 b 427 -535 519 -462 485 -505 l 416 -541 l 427 -546 b 528 -681 491 -580 528 -631 b 518 -724 528 -695 525 -710 b 341 -816 488 -782 417 -816 b 216 -785 299 -816 255 -806 b 186 -750 194 -774 186 -764 b 187 -742 186 -748 186 -745 l 187 -739 l 186 -742 b 66 -784 151 -771 114 -784 b 59 -784 65 -784 62 -784 b 16 -767 31 -784 23 -781 b 13 -753 14 -763 13 -757 b 43 -723 13 -737 27 -723 b 62 -730 50 -723 55 -725 b 70 -734 66 -734 66 -734 b 151 -666 96 -734 130 -705 b 167 -630 153 -660 155 -656 b 213 -444 193 -570 209 -506 b 215 -412 215 -437 215 -426 b 212 -355 215 -385 213 -356 b 212 -353 212 -355 212 -353 b 176 -369 209 -353 187 -363 b 106 -433 145 -385 119 -409 b 69 -458 98 -449 83 -458 b 36 -437 57 -458 44 -451 b 31 -417 32 -431 31 -424 b 53 -378 31 -405 38 -391 b 292 -285 111 -324 191 -294 m 336 -338 b 310 -337 329 -338 318 -337 b 300 -338 304 -337 300 -337 b 300 -338 300 -338 300 -338 b 306 -408 303 -345 306 -381 b 306 -415 306 -410 306 -413 b 247 -657 304 -496 284 -578 b 217 -709 235 -682 228 -695 b 210 -717 215 -713 212 -716 b 210 -717 210 -717 210 -717 b 215 -717 210 -717 212 -717 b 217 -717 215 -717 216 -717 b 220 -717 217 -717 219 -717 b 242 -727 228 -717 232 -718 b 337 -764 273 -752 303 -763 b 341 -764 338 -764 340 -764 b 436 -681 396 -764 436 -728 b 435 -664 436 -675 436 -670 b 319 -566 427 -617 381 -578 b 299 -557 307 -563 304 -562 b 292 -539 294 -552 292 -545 b 317 -513 292 -527 302 -514 b 423 -445 364 -508 409 -480 b 428 -421 427 -437 428 -430 b 336 -338 428 -384 392 -349 "},"v6c":{"x_min":-1.359375,"x_max":193.28125,"ha":197,"o":"m 78 233 b 87 233 81 233 84 233 b 187 140 132 233 174 195 b 193 102 190 127 193 115 b 43 -113 193 22 136 -62 b 27 -119 36 -116 31 -119 b 19 -108 21 -119 19 -115 b 29 -97 19 -102 20 -101 b 102 13 73 -72 102 -27 b 92 51 102 26 98 40 l 91 54 l 84 54 b 8 104 53 54 21 74 b -1 142 1 116 -1 130 b 78 233 -1 187 31 227 "},"v6d":{"x_min":-590.71875,"x_max":589.359375,"ha":601,"o":"m 544 335 b 553 337 548 337 551 337 b 575 313 563 337 570 330 b 589 226 583 285 589 256 b 517 8 589 152 563 76 b 464 -58 507 -4 503 -9 l 401 -136 b 362 -176 372 -172 370 -176 b 357 -176 360 -176 359 -176 b 261 -87 349 -174 355 -180 b 175 0 215 -38 175 0 b 106 -86 175 0 144 -38 b 29 -174 35 -174 36 -173 b 24 -176 28 -176 27 -176 b 14 -174 21 -176 17 -174 b -73 -87 12 -173 -8 -152 b -159 0 -121 -38 -159 0 b -228 -86 -160 0 -190 -38 b -304 -174 -299 -174 -298 -173 b -310 -176 -306 -176 -308 -176 b -319 -174 -314 -176 -318 -174 b -483 -12 -323 -173 -359 -137 l -495 0 l -524 -34 b -562 -77 -553 -73 -556 -76 b -568 -79 -564 -79 -566 -79 b -590 -58 -581 -79 -590 -69 b -588 -49 -590 -55 -589 -52 b -412 170 -585 -43 -417 165 b -398 174 -408 173 -402 174 b -389 173 -394 174 -392 174 b -300 86 -387 172 -366 151 b -215 -1 -254 37 -215 -1 b -145 84 -215 -1 -183 37 b -69 173 -74 173 -76 172 b -63 174 -68 174 -66 174 b -54 173 -61 174 -57 173 b 34 86 -51 172 -31 151 b 119 -1 81 37 119 -1 b 189 84 121 -1 151 37 b 265 173 259 173 258 172 b 270 174 266 174 269 174 b 280 173 274 174 279 173 b 370 84 283 172 303 151 b 455 -1 416 37 455 -1 l 455 -1 b 476 24 455 -1 469 15 b 547 226 522 87 547 159 b 534 302 547 252 543 278 b 532 317 533 308 532 313 b 544 335 532 326 536 333 "},"v6e":{"x_min":-355.25,"x_max":353.890625,"ha":361,"o":"m -27 720 b -13 721 -24 720 -20 721 b 42 718 4 721 34 720 b 343 446 190 699 308 591 b 353 360 349 417 353 390 b 84 9 353 197 245 49 b 0 0 55 2 27 0 b -344 273 -160 0 -306 109 b -355 359 -351 302 -355 331 b -39 718 -355 539 -221 700 l -27 720 m 39 691 b -13 692 32 691 4 692 b -25 692 -19 692 -23 692 b -326 383 -190 675 -314 548 l -326 374 l -1 374 l 325 374 l 325 383 b 39 691 314 541 197 667 m 325 337 l 325 345 l -1 345 l -326 345 l -326 337 b -55 33 -315 184 -204 58 b -1 29 -34 29 -29 29 b 54 33 28 29 32 29 b 325 337 201 58 314 184 "},"v6f":{"x_min":-80.3125,"x_max":78.9375,"ha":81,"o":"m 63 191 b 69 192 65 192 66 192 b 77 188 72 192 76 191 b 78 183 78 187 78 186 b 74 158 78 179 77 172 l 66 115 b 9 -161 49 30 10 -158 b -10 -187 6 -172 -1 -181 b -34 -194 -17 -191 -25 -194 b -80 -147 -58 -194 -80 -174 b -80 -141 -80 -144 -80 -142 b 9 70 -80 -134 -73 -117 l 49 163 b 63 191 59 188 61 190 "},"v70":{"x_min":0,"x_max":436.921875,"ha":446,"o":"m 213 190 b 217 191 215 191 216 191 b 231 184 223 191 228 188 b 249 154 240 167 246 159 b 419 18 292 91 348 45 b 436 -1 435 11 436 8 b 424 -16 436 -9 434 -13 b 308 -87 394 -26 340 -59 b 231 -186 276 -117 257 -142 b 219 -192 228 -191 225 -192 b 198 -174 209 -192 208 -191 b 47 -33 161 -113 110 -63 b 10 -16 34 -26 17 -19 b 0 -1 2 -13 0 -9 b 17 18 0 8 1 11 b 198 173 95 48 156 101 b 213 190 206 187 208 188 "},"v71":{"x_min":-25.859375,"x_max":347.078125,"ha":354,"o":"m 313 155 b 321 156 315 156 318 156 b 334 154 325 156 330 155 b 347 131 343 148 347 140 b 341 113 347 126 345 120 b 336 101 340 111 337 105 b 311 -1 319 69 311 34 b 341 -115 311 -40 322 -79 b 347 -133 345 -120 347 -127 b 321 -158 347 -147 337 -158 b 296 -148 314 -158 311 -158 b 6 -29 221 -97 111 -52 b -13 -23 -10 -26 -10 -26 b -25 -1 -21 -19 -25 -9 b -12 23 -25 8 -21 18 b 5 27 -9 23 -2 26 b 296 147 115 52 220 95 b 313 155 307 152 310 155 "},"v72":{"x_min":-423.3125,"x_max":421.9375,"ha":431,"o":"m -262 197 b -247 197 -257 197 -253 197 b -118 162 -210 197 -163 184 b 40 45 -61 134 -13 98 b 277 -95 119 -33 200 -81 b 289 -97 281 -97 285 -97 b 378 0 332 -97 371 -55 b 378 11 378 4 378 6 b 302 83 378 55 345 83 b 242 66 283 83 262 77 b 208 56 231 59 219 56 b 148 120 175 56 148 81 b 201 186 148 151 164 172 b 261 198 220 194 240 198 b 420 45 341 198 411 136 b 421 22 421 37 421 29 b 245 -199 421 -93 338 -199 b 238 -198 243 -199 240 -199 b -44 -47 148 -194 50 -141 b -250 86 -114 22 -183 66 b -295 94 -270 91 -283 94 b -315 91 -302 94 -307 94 b -381 4 -356 81 -381 43 b -355 -56 -381 -18 -372 -40 b -298 -81 -338 -73 -319 -81 b -246 -68 -283 -81 -265 -77 b -212 -58 -234 -61 -223 -58 b -178 -69 -200 -58 -189 -62 b -151 -122 -160 -81 -151 -101 b -171 -167 -151 -138 -157 -155 b -239 -195 -185 -181 -213 -192 b -257 -197 -245 -197 -250 -197 b -423 -5 -352 -197 -423 -109 b -412 65 -423 16 -419 40 b -262 197 -389 137 -329 188 "},"v73":{"x_min":0,"x_max":347.078125,"ha":354,"o":"m 231 818 b 239 821 234 820 236 821 b 251 816 243 821 249 818 b 258 800 255 811 255 810 b 341 587 273 725 304 646 l 347 578 l 347 573 l 347 571 b 329 553 347 560 338 553 b 318 556 325 553 322 555 b 264 577 302 567 283 574 b 258 578 261 577 259 578 b 258 577 258 578 258 578 b 258 576 258 577 258 577 b 259 416 259 574 259 542 l 259 258 l 285 265 b 318 270 302 269 311 270 b 336 259 328 270 332 267 b 337 208 336 256 337 233 b 336 158 337 184 336 159 b 302 140 332 148 329 147 b 259 130 266 131 259 130 b 259 65 259 130 259 104 b 259 20 259 51 259 36 l 259 -88 l 285 -81 b 318 -76 302 -77 311 -76 b 332 -81 325 -76 328 -77 b 337 -123 336 -87 337 -86 l 337 -138 l 337 -154 b 332 -195 337 -191 336 -190 b 281 -210 328 -199 328 -199 b 262 -216 272 -213 264 -216 l 259 -216 l 259 -349 l 259 -483 l 258 -487 b 239 -499 254 -495 246 -499 b 220 -487 231 -499 223 -495 l 219 -483 l 217 -355 l 217 -227 l 216 -227 l 194 -233 l 152 -244 b 129 -249 140 -247 130 -249 b 127 -410 127 -249 127 -258 b 127 -576 127 -548 127 -573 b 126 -578 126 -577 126 -578 b 127 -580 126 -578 126 -580 b 133 -578 129 -580 130 -578 b 186 -557 152 -576 170 -569 b 197 -555 190 -556 194 -555 b 215 -573 206 -555 215 -562 l 215 -574 l 215 -580 l 209 -588 b 126 -802 172 -648 141 -727 b 107 -823 123 -817 118 -823 b 87 -798 95 -823 91 -817 b 5 -588 69 -718 40 -648 l 0 -580 l 0 -574 b 0 -573 0 -574 0 -574 b 16 -555 0 -562 6 -555 b 27 -557 20 -555 24 -556 b 81 -578 44 -569 62 -576 b 87 -580 84 -578 85 -580 b 88 -578 88 -580 88 -580 b 87 -576 88 -578 88 -577 b 87 -416 87 -573 87 -549 b 85 -260 87 -270 87 -260 b 85 -260 85 -260 85 -260 b 32 -273 74 -263 35 -273 b 13 -260 24 -273 16 -267 b 12 -209 12 -256 12 -256 l 12 -162 l 13 -158 b 74 -134 17 -148 17 -148 l 87 -131 l 87 -22 b 85 86 87 79 87 86 b 85 86 85 86 85 86 b 32 74 74 83 35 74 b 13 86 24 74 16 79 b 12 137 12 90 12 90 l 12 184 l 13 188 b 73 212 17 198 17 198 l 87 215 l 87 348 l 87 481 l 88 485 b 107 498 92 494 99 498 b 126 485 115 498 122 494 l 127 481 l 127 353 l 127 226 l 133 226 b 172 235 136 227 153 231 l 212 247 l 217 248 l 217 409 b 219 574 217 546 217 571 b 219 577 219 576 219 577 b 219 578 219 578 219 578 b 213 577 217 578 216 577 b 159 556 194 574 175 567 b 148 553 155 555 152 553 b 130 571 138 553 130 560 l 130 573 l 130 578 l 136 587 b 219 796 172 646 200 717 b 231 818 221 813 224 816 m 217 9 b 217 119 217 70 217 119 l 217 119 b 194 113 217 119 206 116 l 152 102 b 129 97 140 99 130 97 b 127 -12 127 97 127 91 l 127 -122 l 133 -120 b 172 -111 136 -119 153 -115 l 212 -101 l 217 -98 l 217 9 "},"v74":{"x_min":-206.890625,"x_max":428.75,"ha":438,"o":"m 389 -351 b 394 -351 390 -351 393 -351 b 428 -385 413 -351 428 -367 b 428 -394 428 -388 428 -391 b 394 -428 426 -406 421 -410 l 332 -473 l 269 -516 l 205 -560 l 141 -603 l 77 -648 l 13 -692 l -50 -737 l -114 -780 l -145 -802 b -171 -813 -157 -810 -163 -813 b -175 -813 -172 -813 -174 -813 b -206 -777 -194 -811 -206 -795 b -202 -760 -206 -771 -205 -766 b -87 -675 -197 -752 -206 -757 l -34 -639 l 83 -557 l 145 -514 l 209 -470 l 272 -427 b 389 -351 375 -356 381 -352 "},"v75":{"x_min":-149.71875,"x_max":148.359375,"ha":151,"o":"m -137 381 b -130 383 -134 383 -133 383 b -111 371 -122 383 -114 378 b -55 224 -110 370 -85 305 b 0 80 -25 145 -1 80 b 54 224 0 80 24 145 b 112 377 114 384 110 373 b 127 384 118 381 122 384 b 148 362 138 384 148 374 l 148 356 l 83 183 b 16 9 47 88 17 11 b -1 0 12 2 5 0 b -14 5 -5 0 -10 1 b -84 183 -19 9 -13 -6 l -149 356 l -149 362 b -137 381 -149 371 -145 378 "},"v76":{"x_min":0,"x_max":737.71875,"ha":753,"o":"m 9 13 b 208 15 10 15 51 15 b 368 15 251 15 304 15 l 726 15 l 729 12 b 737 -1 735 9 737 4 b 729 -15 737 -6 735 -11 l 726 -16 l 660 -16 l 592 -16 l 592 -95 l 592 -174 l 368 -174 l 144 -174 l 144 -95 l 144 -16 l 77 -16 l 9 -16 l 6 -15 b 0 -1 1 -11 0 -6 b 9 13 0 5 2 11 "},"v77":{"x_min":-209.609375,"x_max":208.25,"ha":213,"o":"m -197 19 b 1 20 -194 19 -96 20 b 196 19 98 20 193 19 b 208 -1 204 15 208 6 b 202 -15 208 -6 206 -11 b 95 -22 197 -20 212 -22 b -1 -22 69 -22 38 -22 b -96 -22 -39 -22 -70 -22 b -204 -15 -213 -22 -198 -20 b -209 -1 -208 -11 -209 -6 b -197 19 -209 6 -205 15 "},"v78":{"x_min":0,"x_max":193.28125,"ha":197,"o":"m 85 514 b 95 517 88 517 89 517 b 114 505 103 517 110 513 l 115 502 l 115 376 b 115 249 115 306 115 249 b 141 258 117 249 127 252 l 167 266 l 172 266 b 190 254 181 265 187 262 l 193 251 l 193 202 l 193 188 b 187 147 193 149 191 152 b 147 130 183 142 182 141 l 115 119 l 115 9 b 115 -99 115 -51 115 -99 b 141 -91 115 -99 127 -95 b 171 -81 166 -81 167 -81 l 171 -81 b 191 -94 181 -81 189 -87 b 193 -142 191 -97 193 -120 b 191 -195 193 -167 191 -194 b 125 -227 187 -205 187 -204 l 115 -230 l 115 -366 l 115 -503 l 114 -506 b 95 -519 110 -514 102 -519 b 74 -506 87 -519 78 -514 l 73 -503 l 73 -374 b 73 -245 73 -260 73 -245 b 73 -245 73 -245 73 -245 b 55 -252 72 -245 63 -249 l 32 -260 b 19 -263 27 -262 23 -263 b 4 -256 13 -263 8 -260 b 0 -215 0 -251 0 -254 b 0 -199 0 -210 0 -206 l 0 -152 l 1 -149 b 8 -140 2 -145 5 -141 b 42 -127 9 -140 24 -133 l 73 -116 l 73 -5 b 73 23 73 4 73 15 b 73 105 73 70 73 105 b 49 97 73 105 61 101 b 17 88 32 91 23 88 b 4 95 10 88 8 91 b 0 137 0 101 0 98 b 0 151 0 141 0 145 l 0 199 l 1 202 b 43 224 5 212 5 212 l 73 234 l 73 367 l 73 502 l 74 505 b 85 514 77 509 81 513 "},"v79":{"x_min":-1.359375,"x_max":899.703125,"ha":918,"o":"m 307 349 b 332 351 315 351 323 351 b 443 340 367 351 408 347 b 741 47 607 306 720 195 b 744 0 743 31 744 16 b 660 -303 744 -90 713 -206 b 28 -755 534 -531 304 -695 b 14 -756 23 -755 19 -756 b -1 -741 4 -756 -1 -750 b 21 -720 -1 -731 1 -728 b 567 -56 337 -601 548 -344 b 568 -11 568 -41 568 -24 b 442 285 568 129 525 233 b 325 319 406 308 367 319 b 93 177 232 319 137 266 b 84 154 91 170 84 155 b 84 154 84 154 84 154 b 88 156 84 154 85 155 b 159 177 110 170 134 177 b 257 134 194 177 231 162 b 294 41 281 108 294 73 b 171 -97 294 -24 246 -90 b 156 -98 166 -97 161 -98 b 6 74 73 -98 6 -22 b 6 80 6 76 6 79 b 307 349 10 223 141 340 m 839 215 b 845 216 841 216 842 216 b 862 213 852 216 860 215 b 899 163 887 206 899 184 b 872 117 899 145 890 127 b 847 111 865 112 856 111 b 808 130 833 111 818 117 b 796 162 800 140 796 151 b 839 215 796 187 812 212 m 839 -112 b 845 -112 841 -112 842 -112 b 862 -115 852 -112 860 -113 b 899 -165 887 -122 899 -144 b 872 -210 899 -183 890 -201 b 847 -217 865 -215 856 -217 b 808 -198 833 -217 818 -210 b 796 -165 800 -188 796 -177 b 839 -112 796 -140 812 -116 "},"v7a":{"x_min":-1.359375,"x_max":386.5625,"ha":394,"o":"m 249 535 b 257 537 251 537 253 537 b 276 524 266 537 273 533 l 277 521 l 279 419 l 279 316 l 304 323 b 337 328 319 326 330 328 b 353 316 347 328 349 324 b 355 266 355 315 355 290 b 353 215 355 241 355 217 b 319 198 349 206 347 205 b 279 187 284 190 279 188 b 279 156 279 187 279 174 b 279 136 279 151 279 144 l 279 84 l 289 87 l 330 98 b 367 105 352 102 362 105 b 378 101 372 105 375 104 b 386 61 385 95 386 94 b 386 40 386 55 386 48 l 386 -5 l 385 -8 b 374 -19 383 -12 378 -18 b 291 -40 372 -19 347 -26 b 279 -43 284 -41 279 -43 b 279 -83 279 -43 279 -59 b 279 -95 279 -87 279 -91 l 279 -145 l 304 -140 b 337 -133 321 -136 330 -133 b 349 -140 343 -133 347 -136 b 355 -181 355 -145 355 -142 l 355 -197 l 355 -210 b 349 -252 355 -249 355 -247 b 300 -269 345 -258 347 -258 b 280 -274 291 -272 281 -273 l 279 -274 l 277 -378 l 277 -483 l 276 -487 b 257 -499 273 -495 265 -499 b 238 -487 249 -499 242 -495 l 236 -483 l 236 -384 l 236 -285 l 235 -285 l 212 -291 l 170 -301 b 148 -308 159 -305 148 -306 b 147 -415 147 -308 147 -313 l 147 -523 l 145 -526 b 126 -538 141 -534 133 -538 b 106 -526 118 -538 110 -534 l 104 -523 l 104 -420 b 103 -317 104 -326 104 -317 b 103 -317 103 -317 103 -317 b 50 -330 92 -322 54 -330 b 31 -317 42 -330 35 -326 b 29 -267 29 -315 29 -315 l 29 -219 l 32 -216 b 92 -192 36 -206 36 -206 l 104 -190 l 104 -138 b 103 -87 104 -91 104 -87 b 103 -87 103 -87 103 -87 b 88 -91 103 -87 96 -88 l 49 -101 b 17 -106 32 -105 23 -106 b 6 -102 13 -106 10 -105 b -1 -62 0 -97 -1 -95 b 0 -41 -1 -56 0 -49 l 0 4 l 1 6 b 10 16 2 11 6 15 b 91 37 12 18 38 24 l 104 41 l 104 93 b 103 144 104 140 104 144 b 103 144 103 144 103 144 b 50 131 92 141 54 131 b 31 144 42 131 35 137 b 29 195 29 147 29 148 l 29 242 l 32 245 b 92 269 36 255 36 255 l 104 273 l 104 377 l 104 481 l 106 485 b 126 498 110 492 118 498 b 134 495 129 498 132 496 b 145 485 138 494 142 489 l 147 481 l 147 383 l 147 283 l 152 284 b 190 294 155 285 171 290 l 230 303 l 236 305 l 236 413 l 236 521 l 238 524 b 249 535 240 528 243 533 m 236 126 b 235 177 236 154 236 177 l 235 177 b 213 172 235 177 225 174 l 170 161 b 147 155 157 158 147 155 b 147 124 147 155 147 142 b 147 102 147 117 147 111 l 147 52 l 153 54 l 228 72 l 236 74 l 236 126 m 236 -105 b 235 -54 236 -65 236 -54 l 235 -54 b 231 -55 235 -54 234 -54 b 172 -69 227 -55 204 -62 l 149 -76 l 147 -76 l 147 -127 l 147 -179 l 152 -177 b 190 -167 155 -177 171 -173 l 230 -158 l 236 -156 l 236 -105 "},"v7b":{"x_min":-212.328125,"x_max":210.96875,"ha":215,"o":"m -8 216 b -1 217 -6 216 -4 217 b 19 204 8 217 16 212 b 20 111 20 201 20 199 l 20 20 l 107 20 b 142 20 121 20 133 20 b 205 13 205 20 198 19 b 210 0 209 9 210 4 b 198 -20 210 -9 206 -16 b 107 -22 194 -22 193 -22 l 20 -22 l 20 -112 b 20 -148 20 -126 20 -138 b 13 -212 20 -213 19 -206 b 0 -219 9 -216 4 -219 b -20 -205 -8 -219 -16 -213 b -21 -112 -21 -202 -21 -201 l -21 -22 l -108 -22 b -200 -20 -194 -22 -196 -22 b -212 0 -208 -16 -212 -9 b -206 13 -212 4 -210 9 b -144 20 -200 19 -206 20 b -108 20 -134 20 -122 20 l -21 20 l -21 111 b -20 204 -21 199 -21 201 b -8 216 -17 209 -13 213 "},"v7c":{"x_min":0,"x_max":300.8125,"ha":307,"o":"m 49 505 b 53 506 50 505 51 506 b 70 496 58 506 62 503 b 81 485 73 492 78 488 l 96 473 l 111 459 l 122 449 l 134 438 l 182 396 l 255 330 b 292 291 292 298 292 298 l 292 290 l 292 284 l 283 270 b 209 36 234 197 209 113 b 288 -170 209 -44 235 -119 b 299 -184 295 -179 299 -181 b 300 -191 300 -187 300 -188 b 285 -206 300 -199 294 -206 b 280 -206 283 -206 281 -206 b 247 -201 270 -202 259 -201 b 176 -222 223 -201 197 -208 b 114 -340 136 -249 114 -292 b 172 -471 114 -384 134 -433 b 185 -492 182 -481 185 -487 b 181 -502 185 -496 183 -499 b 171 -508 176 -505 174 -508 b 152 -498 166 -508 160 -503 b 0 -284 65 -428 12 -352 b 0 -260 0 -278 0 -270 b 1 -238 0 -252 0 -242 b 148 -140 16 -177 73 -140 b 209 -148 167 -140 189 -142 b 215 -149 212 -148 215 -149 b 215 -149 215 -149 215 -149 l 215 -149 b 201 -136 215 -148 209 -142 l 157 -97 l 96 -41 b 17 34 21 24 17 29 b 17 37 17 36 17 36 b 17 38 17 37 17 38 b 25 56 17 44 17 44 b 110 298 81 131 110 219 b 46 474 110 367 88 431 b 38 491 40 480 38 487 b 49 505 38 498 42 502 "},"v7d":{"x_min":-1.359375,"x_max":436.921875,"ha":446,"o":"m 213 205 b 217 205 215 205 216 205 b 234 194 224 205 234 199 b 236 187 234 194 235 190 l 245 167 l 261 129 l 270 106 b 355 -61 294 54 329 -13 b 420 -163 381 -105 402 -138 b 436 -188 435 -184 436 -184 b 436 -191 436 -190 436 -190 b 421 -206 436 -201 431 -206 l 421 -206 l 416 -206 l 405 -201 b 217 -158 347 -172 283 -158 b 31 -201 153 -158 88 -172 l 20 -206 l 14 -206 l 14 -206 b 0 -191 5 -206 0 -201 b -1 -188 0 -190 -1 -190 b 14 -163 -1 -186 0 -184 b 95 -34 36 -136 72 -77 b 166 106 119 8 148 68 l 175 129 l 183 148 l 200 188 b 213 205 205 199 208 202 "},"v7e":{"x_min":-390.640625,"x_max":389.28125,"ha":397,"o":"m -377 -1 b -368 0 -375 -1 -372 0 b -362 -1 -366 0 -363 -1 b -343 -24 -356 -4 -352 -8 l -285 -119 l -187 -280 l -88 -444 l -35 -533 b -31 -538 -32 -537 -32 -538 b -28 -534 -31 -538 -29 -537 l -23 -526 l -19 -517 l -13 -509 l -8 -501 l -2 -492 l 2 -483 l 6 -476 l 17 -458 l 23 -449 l 32 -433 l 38 -424 l 42 -416 l 47 -408 l 53 -399 l 58 -391 l 63 -381 l 68 -373 l 73 -365 l 78 -356 l 84 -348 l 89 -340 l 93 -330 l 99 -322 l 104 -315 l 114 -297 l 125 -280 l 129 -272 l 134 -263 l 140 -255 l 145 -247 l 151 -238 l 155 -230 l 160 -220 l 166 -212 l 171 -204 l 176 -195 l 181 -187 l 186 -177 l 191 -169 l 196 -162 l 201 -154 l 206 -144 l 217 -127 l 221 -119 l 227 -111 l 232 -102 l 238 -94 l 242 -86 l 247 -77 l 253 -69 l 258 -59 l 262 -51 l 268 -43 l 273 -34 l 279 -26 l 283 -18 b 321 -1 292 -2 292 -1 b 338 -1 326 -1 332 -1 b 382 -6 378 -1 375 -1 b 389 -20 386 -9 389 -15 b 382 -38 389 -26 386 -31 l 378 -47 l 372 -55 l 367 -63 l 362 -72 l 356 -80 l 351 -90 l 347 -98 l 341 -106 l 336 -115 l 330 -123 l 325 -131 l 321 -141 l 315 -149 l 310 -158 l 304 -166 l 299 -174 b 295 -183 298 -177 296 -181 l 289 -191 l 285 -199 l 280 -208 l 274 -216 l 269 -224 l 264 -233 l 259 -242 l 254 -251 l 249 -259 l 243 -267 l 238 -276 l 234 -284 l 228 -292 l 223 -302 l 217 -310 l 213 -319 l 208 -327 b 202 -335 206 -330 204 -334 l 197 -344 l 193 -351 l 187 -360 l 182 -369 l 176 -377 l 172 -385 l 167 -394 l 161 -403 l 156 -412 l 152 -420 l 147 -428 l 141 -437 l 136 -445 l 130 -455 l 126 -463 l 121 -471 l 115 -480 b 110 -488 114 -483 111 -487 l 106 -496 l 100 -503 l 96 -512 l 89 -521 l 85 -530 l 80 -538 l 74 -546 l 69 -555 l 65 -564 l 59 -573 l 54 -581 l 49 -589 l 43 -598 l 39 -606 l 34 -616 l 28 -624 l 23 -632 b 19 -641 21 -635 20 -638 b 0 -653 14 -649 8 -653 b -25 -631 -10 -653 -14 -649 l -80 -541 l -359 -79 b -389 -29 -375 -52 -389 -30 b -390 -22 -389 -26 -390 -24 b -377 -1 -390 -13 -385 -5 m -13 -9 b -1 -8 -9 -8 -5 -8 b 51 -36 19 -8 39 -19 b 61 -72 58 -47 61 -59 b 51 -106 61 -84 58 -97 b -1 -134 39 -124 19 -134 b -46 -115 -17 -134 -34 -127 b -62 -72 -57 -102 -62 -87 b -13 -9 -62 -44 -44 -16 "},"v7f":{"x_min":0,"x_max":367.5,"ha":375,"o":"m 0 124 l 0 187 l 61 187 l 122 187 l 122 138 l 122 91 l 153 61 l 183 30 l 213 61 l 243 91 l 243 138 l 243 187 l 306 187 l 367 187 l 367 124 l 367 61 l 321 61 l 274 61 l 243 30 l 213 0 l 243 -31 l 274 -62 l 321 -62 l 367 -62 l 367 -124 l 367 -188 l 306 -188 l 243 -188 l 243 -140 l 243 -93 l 213 -62 l 183 -31 l 153 -62 l 122 -93 l 122 -140 l 122 -188 l 61 -188 l 0 -188 l 0 -124 l 0 -62 l 46 -62 l 92 -62 l 123 -31 l 153 0 l 123 30 l 92 61 l 46 61 l 0 61 l 0 124 "},"v80":{"x_min":29.9375,"x_max":420.578125,"ha":371,"o":"m 115 345 b 221 347 117 345 166 347 b 411 345 306 347 409 345 b 420 330 416 342 420 335 b 415 319 420 326 419 321 b 178 118 397 303 179 118 b 178 117 178 118 178 117 b 181 117 178 117 178 117 b 189 117 182 117 185 117 b 193 117 190 117 191 117 b 247 98 215 117 232 111 b 296 75 266 83 280 76 b 302 75 299 75 300 75 b 322 91 311 75 315 79 b 322 91 322 91 322 91 b 322 91 322 91 322 91 b 319 91 322 91 321 91 b 313 90 318 90 315 90 b 283 107 300 90 288 97 b 277 126 279 114 277 121 b 319 167 277 149 295 167 b 319 167 319 167 319 167 b 362 118 347 167 362 147 b 355 82 362 108 359 96 b 311 33 349 65 340 55 b 224 1 284 12 253 1 b 194 5 213 1 204 2 b 168 18 183 8 178 11 b 110 36 151 30 130 36 b 57 15 88 36 68 29 b 47 11 54 12 51 11 b 31 20 40 11 34 13 b 29 26 31 22 29 25 b 68 66 29 36 39 45 b 285 250 73 71 281 248 b 285 250 285 250 285 250 b 231 252 285 252 261 252 b 137 250 190 252 141 250 b 93 227 122 248 110 241 b 78 220 88 222 83 220 b 66 227 74 220 70 222 b 63 234 65 229 63 231 b 85 291 63 241 69 252 b 115 345 108 342 108 344 "},"v81":{"x_min":0,"x_max":428.75,"ha":438,"o":"m 262 186 b 273 186 266 186 272 186 b 274 186 273 186 274 186 b 285 186 274 186 280 186 b 428 48 375 181 428 122 b 386 -68 428 12 416 -29 b 155 -187 329 -145 236 -187 b 12 -111 92 -187 38 -162 b 0 -51 4 -91 0 -72 b 262 186 0 58 122 179 m 366 131 b 352 134 362 133 357 134 b 219 81 321 134 269 115 b 47 -111 126 23 50 -62 b 47 -112 47 -111 47 -112 b 77 -136 47 -129 58 -136 b 264 -45 118 -136 194 -101 b 382 109 336 12 382 76 b 366 131 382 120 377 129 "},"v82":{"x_min":0,"x_max":607.0625,"ha":619,"o":"m 243 631 b 250 632 246 632 249 632 b 270 620 259 632 268 628 l 272 616 l 272 201 l 272 -212 l 270 -216 b 251 -229 268 -224 259 -229 b 227 -215 243 -229 240 -229 l 151 -142 b 32 -16 81 -80 53 -49 b 0 84 9 18 0 52 b 111 199 0 149 42 199 b 137 197 119 199 127 198 b 228 151 168 191 197 177 l 231 148 l 231 383 b 232 620 231 616 231 616 b 243 631 234 624 238 630 m 168 131 b 152 133 163 133 157 133 b 107 102 130 133 111 120 b 106 86 107 97 106 91 b 111 41 106 73 108 56 b 227 -152 125 -13 171 -90 l 231 -156 l 231 -37 l 231 80 l 225 87 b 168 131 210 111 190 126 m 347 631 b 353 632 348 632 351 632 b 374 620 363 632 371 628 b 375 383 375 616 375 616 l 375 148 l 377 151 b 492 199 415 183 454 199 b 537 191 507 199 522 197 b 607 84 582 176 607 134 b 583 0 607 58 598 29 b 455 -142 562 -40 533 -72 l 378 -215 b 355 -229 364 -229 362 -229 b 334 -216 345 -229 337 -224 l 333 -212 l 333 201 l 333 616 l 334 620 b 347 631 337 624 341 630 m 465 131 b 451 133 461 133 455 133 b 445 133 449 133 446 133 b 379 87 419 129 396 113 l 375 80 l 375 -37 l 375 -156 l 378 -152 b 499 81 451 -72 499 20 l 499 83 b 465 131 499 113 490 126 "},"v83":{"x_min":-1.359375,"x_max":847.96875,"ha":865,"o":"m 488 1499 b 495 1500 490 1500 492 1500 b 541 1465 507 1500 521 1490 b 679 1078 622 1372 679 1210 b 677 1050 679 1068 677 1060 b 477 642 668 893 604 764 l 443 609 l 431 596 l 431 592 l 438 562 l 449 508 l 460 458 b 481 355 475 390 481 355 b 481 355 481 355 481 355 b 490 356 481 355 485 355 b 528 358 495 356 511 358 b 558 356 540 358 552 356 b 839 95 699 338 808 237 b 847 22 845 72 847 47 b 631 -303 847 -113 766 -242 b 620 -309 623 -308 620 -309 l 620 -310 b 631 -359 620 -310 626 -333 l 646 -435 l 660 -496 b 672 -588 668 -535 672 -563 b 664 -653 672 -610 669 -630 b 383 -875 630 -792 509 -875 b 201 -810 321 -875 257 -855 b 129 -680 151 -768 129 -730 b 274 -530 129 -592 200 -530 b 351 -553 300 -530 326 -538 b 412 -669 393 -582 412 -626 b 287 -805 412 -735 366 -800 l 279 -805 l 285 -809 b 383 -830 318 -823 351 -830 b 586 -718 464 -830 540 -789 b 626 -584 612 -678 626 -631 b 619 -528 626 -566 623 -548 b 612 -495 619 -526 616 -510 b 577 -324 590 -387 577 -324 b 577 -324 577 -324 577 -324 b 568 -326 575 -324 571 -324 b 528 -334 558 -328 537 -333 b 465 -338 506 -337 485 -338 b 24 -11 269 -338 87 -206 b -1 145 8 41 -1 93 b 96 442 -1 249 32 351 b 322 714 166 541 236 626 l 352 745 l 345 782 l 332 843 l 315 921 b 303 984 310 950 304 978 b 295 1082 298 1017 295 1049 b 413 1426 295 1208 336 1329 b 488 1499 436 1456 477 1496 m 549 1301 b 541 1301 547 1301 544 1301 b 411 1207 500 1301 447 1263 b 355 1004 374 1152 355 1079 b 359 942 355 984 356 963 b 371 881 362 927 363 917 l 385 818 b 392 782 389 799 392 784 l 392 782 b 434 828 393 782 424 816 b 607 1165 534 941 594 1060 b 608 1193 608 1175 608 1183 b 597 1270 608 1224 604 1254 b 549 1301 589 1286 571 1299 m 398 528 b 393 555 396 542 393 553 b 392 555 393 555 393 555 b 317 470 390 555 347 505 b 190 298 266 408 212 334 b 127 70 148 227 127 148 b 155 -77 127 19 137 -30 b 468 -303 209 -216 333 -303 b 519 -299 484 -303 502 -302 b 568 -284 541 -295 568 -287 l 568 -284 b 563 -263 568 -284 566 -274 l 534 -120 l 511 -13 l 496 61 l 480 133 b 469 187 472 176 469 187 b 468 188 469 187 469 188 b 416 162 462 188 430 172 b 337 13 364 126 337 69 b 413 -124 337 -40 363 -93 b 428 -144 424 -131 428 -137 b 428 -149 428 -145 428 -148 b 409 -166 426 -161 419 -166 b 394 -162 405 -166 400 -165 b 240 77 302 -122 240 -27 l 240 77 b 430 342 240 197 315 301 l 436 344 l 426 394 l 398 528 m 548 194 b 526 195 540 195 532 195 b 519 195 524 195 521 195 l 514 195 l 518 177 l 539 79 l 552 15 l 566 -48 l 594 -187 l 605 -240 b 612 -266 609 -254 611 -266 b 612 -266 612 -266 612 -266 b 641 -248 613 -266 630 -256 b 744 -98 692 -212 730 -156 b 751 -40 749 -79 751 -59 b 548 194 751 76 665 181 "},"v84":{"x_min":25.859375,"x_max":164.6875,"ha":168,"o":"m 34 369 b 40 370 35 370 38 370 b 59 353 49 370 50 367 b 164 40 122 254 155 158 b 164 0 164 33 164 16 b 164 -40 164 -16 164 -34 b 59 -353 155 -158 122 -254 b 40 -371 53 -366 47 -371 b 34 -370 38 -371 36 -370 b 25 -358 28 -367 25 -363 b 31 -337 25 -352 27 -347 b 92 0 72 -234 92 -117 b 31 335 92 116 72 233 b 25 356 27 345 25 352 b 34 369 25 363 28 366 "},"v85":{"x_min":-21.78125,"x_max":251.8125,"ha":257,"o":"m -8 631 b -1 632 -6 632 -4 632 b 19 620 8 632 16 628 b 20 383 20 616 20 616 l 20 148 l 21 151 b 137 199 59 183 99 199 b 182 191 152 199 167 197 b 251 84 227 176 251 134 b 228 0 251 58 243 29 b 100 -142 206 -40 178 -72 l 23 -215 b 0 -229 9 -229 6 -229 b -20 -216 -9 -229 -17 -224 l -21 -212 l -21 201 l -21 616 l -20 620 b -8 631 -17 624 -13 630 m 110 131 b 96 133 106 133 100 133 b 89 133 93 133 91 133 b 24 87 63 129 40 113 l 20 80 l 20 -37 l 20 -156 l 23 -152 b 144 81 96 -72 144 20 l 144 83 b 110 131 144 113 134 126 "},"v86":{"x_min":-571.671875,"x_max":570.3125,"ha":582,"o":"m -386 173 b -381 174 -385 174 -383 174 b -370 173 -377 174 -372 173 b -281 86 -367 172 -347 151 b -196 0 -235 37 -196 0 b -126 84 -196 0 -164 37 b -50 174 -55 173 -57 172 b -44 174 -49 174 -47 174 b -35 173 -42 174 -38 173 b 53 86 -32 172 -12 151 b 138 0 100 37 138 0 b 208 84 140 0 170 37 b 284 174 279 173 277 172 b 289 174 285 174 288 174 b 299 173 294 174 298 173 b 462 11 303 172 338 134 l 475 -1 l 503 34 b 541 76 534 72 536 74 b 548 77 544 77 545 77 b 570 56 560 77 570 68 b 567 48 570 54 568 51 b 392 -172 564 41 397 -166 b 378 -176 387 -174 382 -176 b 368 -174 374 -176 371 -176 b 280 -87 367 -173 345 -152 b 194 0 234 -38 194 0 b 125 -86 194 0 163 -38 b 49 -174 54 -174 55 -173 b 43 -176 47 -176 46 -176 b 34 -174 40 -176 36 -174 b -54 -87 31 -173 10 -152 b -140 0 -102 -38 -140 0 b -209 -86 -141 0 -171 -38 b -285 -174 -280 -174 -279 -173 b -291 -176 -287 -176 -289 -176 b -300 -174 -295 -176 -299 -174 b -464 -12 -304 -173 -340 -137 l -476 0 l -504 -34 b -543 -77 -534 -73 -537 -76 b -549 -79 -545 -79 -547 -79 b -571 -58 -562 -79 -571 -69 b -568 -49 -571 -55 -570 -52 b -392 172 -566 -43 -396 167 b -386 173 -390 172 -387 173 "},"v87":{"x_min":0,"x_max":0,"ha":263},"v88":{"x_min":-1.359375,"x_max":413.78125,"ha":422,"o":"m 99 692 b 107 694 102 692 104 694 b 121 688 112 694 117 691 b 126 673 123 685 125 682 b 209 460 141 598 172 519 l 215 451 l 215 445 l 215 445 b 197 426 215 434 206 426 b 186 430 194 426 190 427 b 133 449 170 440 152 446 b 127 451 130 449 129 451 b 126 449 126 451 126 451 b 127 446 126 449 127 448 b 127 324 127 444 127 424 b 129 205 127 259 129 205 b 215 227 129 205 167 215 b 308 249 283 244 300 249 b 315 247 311 249 313 248 b 325 237 319 245 323 241 l 326 233 l 326 -105 b 326 -262 326 -167 326 -219 b 326 -448 326 -416 326 -445 b 325 -451 325 -449 325 -451 b 326 -452 325 -452 325 -452 b 330 -451 326 -452 329 -451 b 385 -431 351 -448 368 -441 b 396 -427 389 -428 393 -427 b 413 -446 405 -427 413 -435 l 413 -446 l 413 -452 l 408 -462 b 325 -674 371 -520 340 -599 b 306 -695 322 -689 317 -695 b 285 -670 294 -695 289 -689 b 204 -462 268 -591 239 -520 l 197 -452 l 197 -446 l 197 -446 b 215 -427 197 -435 205 -427 b 225 -431 219 -427 223 -428 b 280 -451 243 -441 261 -448 b 285 -452 283 -452 284 -452 b 287 -451 287 -452 287 -452 b 285 -448 287 -451 287 -449 b 285 -323 285 -445 285 -426 b 284 -201 285 -247 284 -201 b 197 -223 284 -201 245 -210 b 104 -245 129 -240 111 -245 b 98 -242 102 -245 100 -244 b 88 -233 93 -241 89 -237 l 87 -230 l 87 106 b 87 262 87 169 87 220 b 87 446 87 415 87 444 b 88 449 88 448 88 449 b 87 451 88 451 88 451 b 81 449 85 451 84 451 b 27 430 62 446 44 440 b 16 426 24 427 20 426 b -1 445 6 426 -1 434 b 0 445 -1 445 0 445 l 0 451 l 5 460 b 87 669 40 519 69 589 b 99 692 91 685 92 688 m 284 22 b 285 70 285 41 285 58 b 284 116 285 113 284 116 l 284 116 b 205 97 283 116 247 106 l 127 77 l 127 -18 b 129 -112 127 -69 129 -112 l 206 -93 l 284 -73 l 284 22 "},"v89":{"x_min":0,"x_max":737.71875,"ha":753,"o":"m 144 94 l 144 173 l 368 173 l 592 173 l 592 94 l 592 15 l 660 15 l 726 15 l 729 12 b 737 -1 735 9 737 4 b 729 -15 737 -6 735 -11 l 726 -16 l 368 -16 l 9 -16 l 6 -15 b 0 -1 1 -11 0 -6 b 6 12 0 4 1 9 l 9 15 l 77 15 l 144 15 l 144 94 "},"v8a":{"x_min":-170.140625,"x_max":168.78125,"ha":172,"o":"m -160 567 b -122 567 -159 567 -149 567 l -87 567 l -84 566 b -74 553 -78 563 -77 560 b -20 366 -73 551 -49 466 b 31 186 8 267 31 186 b 85 371 31 186 55 269 b 140 559 114 473 138 557 b 153 567 141 564 148 567 b 168 559 159 567 166 564 b 168 555 168 557 168 557 b 92 281 168 548 159 513 b 14 13 50 134 14 13 b 0 0 14 6 6 0 b -17 15 -8 0 -17 8 b -93 283 -17 15 -51 136 b -170 552 -166 533 -170 548 b -170 553 -170 552 -170 552 b -160 567 -170 560 -167 564 "},"v8b":{"x_min":0,"x_max":319.859375,"ha":326,"o":"m 149 508 b 159 509 152 509 155 509 b 186 494 170 509 181 503 b 190 440 190 487 190 488 l 190 430 l 190 377 l 242 377 l 251 377 b 303 373 298 377 296 377 b 319 345 314 367 319 356 b 304 319 319 335 314 324 b 250 315 296 315 299 315 l 242 315 l 190 315 l 190 262 l 190 252 b 186 198 190 204 190 205 b 159 183 179 188 170 183 b 132 198 148 183 138 188 b 127 252 127 205 127 204 l 127 262 l 127 315 l 76 315 l 68 315 b 14 319 20 315 21 315 b 0 347 4 324 0 335 b 14 373 0 356 4 367 b 68 377 21 377 20 377 l 76 377 l 127 377 l 127 430 l 127 440 b 132 494 127 488 127 487 b 149 508 136 501 142 505 "},"v8c":{"x_min":-330.75,"x_max":329.390625,"ha":336,"o":"m -133 483 b -117 484 -127 484 -122 484 b 31 373 -51 484 9 440 b 35 348 34 365 35 356 b -25 285 35 313 10 285 b -87 331 -55 285 -76 302 b -167 402 -100 376 -133 402 b -191 398 -175 402 -183 401 b -227 341 -215 388 -227 369 b -225 320 -227 334 -227 327 b -13 74 -209 230 -125 133 b 6 65 -4 70 5 66 l 9 63 l 10 65 b 117 231 12 68 40 112 l 189 341 l 242 424 b 268 460 262 456 264 458 b 283 464 273 463 277 464 b 308 438 296 464 308 453 l 308 437 b 287 396 308 430 308 428 l 95 98 l 59 43 l 58 41 l 65 37 b 253 -156 151 -8 217 -77 b 281 -285 272 -199 281 -244 b 148 -481 281 -381 231 -463 b 115 -485 137 -484 126 -485 b -32 -376 51 -485 -9 -442 b -36 -349 -35 -366 -36 -358 b 25 -287 -36 -315 -12 -287 b 85 -333 54 -287 74 -302 b 166 -403 99 -377 133 -403 b 190 -399 174 -403 182 -402 b 225 -342 215 -390 225 -370 b 224 -322 225 -335 225 -328 b 12 -76 208 -231 125 -134 b -8 -66 2 -72 -6 -68 l -10 -65 l -12 -66 b -118 -231 -13 -68 -42 -113 l -190 -342 l -243 -426 b -269 -462 -264 -458 -265 -458 b -284 -466 -274 -464 -279 -466 b -310 -440 -298 -466 -310 -455 l -310 -438 b -288 -398 -310 -430 -308 -430 l -96 -99 l -59 -44 l -59 -43 l -66 -38 b -281 284 -198 33 -281 158 l -281 284 b -133 483 -281 392 -220 474 m 254 177 b 266 179 258 177 262 179 b 319 149 287 179 307 167 b 329 115 326 140 329 127 b 319 79 329 102 326 90 b 268 51 307 61 287 51 b 221 72 250 51 234 58 b 205 115 210 84 205 99 b 254 177 205 142 223 170 m -281 -54 b -269 -52 -277 -52 -273 -52 b -223 -73 -253 -52 -235 -59 b -206 -116 -212 -84 -206 -101 b -216 -151 -206 -129 -209 -141 b -269 -179 -228 -170 -249 -179 b -314 -159 -285 -179 -302 -173 b -330 -116 -325 -147 -330 -131 b -281 -54 -330 -88 -313 -61 "},"v8d":{"x_min":-1.359375,"x_max":255.890625,"ha":261,"o":"m 118 514 b 127 517 121 517 122 517 b 147 505 136 517 142 513 l 148 502 l 148 403 b 148 306 148 351 148 306 b 174 315 149 306 160 310 l 200 324 l 205 323 b 223 312 213 323 220 319 l 225 308 l 225 260 b 225 245 225 255 225 249 b 220 204 225 208 224 209 b 179 188 216 199 215 199 l 148 177 l 148 124 l 148 70 l 189 84 b 236 98 219 94 230 98 b 247 94 240 98 243 97 b 255 52 254 88 255 87 b 255 33 255 47 255 40 l 254 -12 l 253 -15 b 249 -22 253 -18 250 -20 l 245 -24 l 196 -41 l 148 -58 l 148 -108 b 148 -158 148 -136 148 -158 b 174 -148 148 -158 160 -154 b 204 -140 198 -140 200 -140 l 204 -140 b 224 -152 213 -140 221 -145 b 225 -201 224 -155 225 -177 b 224 -254 225 -226 224 -251 b 157 -284 220 -262 220 -262 l 148 -288 l 148 -395 l 148 -503 l 147 -506 b 127 -519 142 -514 134 -519 b 107 -506 119 -519 111 -514 l 106 -503 l 106 -403 b 106 -303 106 -316 106 -303 b 104 -303 104 -303 104 -303 b 88 -310 104 -303 96 -306 l 63 -319 b 51 -322 59 -320 55 -322 b 36 -315 46 -322 40 -319 b 31 -273 32 -309 31 -312 b 31 -258 31 -269 31 -263 l 31 -210 l 34 -206 b 40 -198 35 -204 38 -199 b 74 -186 42 -197 57 -191 l 106 -173 l 106 -123 b 106 -97 106 -112 106 -104 b 106 -72 106 -76 106 -72 b 104 -72 106 -72 106 -72 b 20 -99 89 -79 23 -99 b 0 -84 10 -99 2 -93 b -1 -37 0 -81 -1 -59 b 0 11 -1 -15 0 9 b 58 40 4 22 2 22 l 106 56 l 106 109 b 106 123 106 115 106 119 b 106 162 106 147 106 162 b 81 155 106 162 93 159 b 50 147 65 149 55 147 b 36 152 43 147 40 148 b 31 194 32 158 31 156 b 31 209 31 198 31 204 l 31 256 l 34 260 b 76 281 38 269 38 269 l 106 292 l 106 396 l 106 502 l 107 505 b 118 514 110 509 114 513 "},"v8e":{"x_min":-299.4375,"x_max":298.078125,"ha":304,"o":"m -281 174 b -274 174 -280 174 -277 174 b -259 173 -270 174 -265 174 l -40 112 l 224 40 b 287 20 289 22 283 23 b 298 0 295 16 298 8 b 287 -22 298 -9 295 -18 b 287 -23 287 -23 287 -23 b 287 -23 287 -23 287 -23 b -40 -113 287 -24 270 -29 l -259 -174 b -274 -176 -265 -176 -270 -176 b -288 -172 -280 -176 -284 -174 b -299 -151 -296 -167 -299 -159 b -288 -129 -299 -141 -296 -133 b -98 -74 -284 -124 -307 -131 l 42 -36 l 140 -9 b 170 0 156 -4 170 -1 b 140 8 170 0 156 2 l 42 34 l -98 73 b -287 126 -299 129 -284 124 b -299 149 -295 131 -299 140 b -281 174 -299 161 -294 170 "},"v8f":{"x_min":-21.78125,"x_max":362.0625,"ha":369,"o":"m 302 1031 b 308 1032 304 1032 307 1032 b 330 1016 318 1032 325 1027 b 362 867 351 970 362 920 b 340 738 362 824 353 780 l 336 727 l 340 717 b 362 591 355 677 362 634 b 257 323 362 496 325 401 b 204 272 243 306 227 290 b 20 56 129 206 66 133 b -1 18 12 44 0 22 b -19 4 -4 9 -12 4 l -21 4 l -21 140 l -21 276 l -12 277 b 167 333 61 288 127 309 b 319 598 262 388 319 491 b 311 664 319 620 317 642 l 310 673 l 304 664 b 204 548 279 620 250 587 b 20 333 129 483 66 409 b -1 292 12 320 0 298 b -19 280 -4 285 -12 280 l -21 280 l -21 416 l -21 552 l -12 553 b 167 609 61 564 127 585 b 319 874 264 666 319 770 b 294 992 319 914 311 954 b 288 1011 288 1004 288 1007 b 302 1031 288 1021 294 1028 "},"v90":{"x_min":-171.5,"x_max":483.1875,"ha":493,"o":"m -8 631 b -1 632 -6 632 -4 632 b 19 620 8 632 16 628 b 20 495 20 616 20 616 b 20 373 20 427 20 373 b 115 410 20 373 63 390 l 210 448 l 210 531 b 212 620 210 614 210 616 b 231 632 215 628 223 632 b 246 627 236 632 242 631 b 251 541 251 620 251 628 l 251 463 l 315 489 b 387 514 368 509 381 514 b 393 513 390 514 392 514 b 406 494 402 510 406 502 b 397 476 406 487 404 480 b 323 446 396 474 363 462 l 251 417 l 251 283 l 251 148 l 254 151 b 370 199 291 183 332 199 b 415 191 385 199 400 197 b 483 84 458 176 483 134 b 461 0 483 58 476 29 b 332 -142 439 -40 411 -72 l 255 -215 b 231 -229 240 -229 239 -229 b 216 -223 224 -229 220 -227 b 210 -158 210 -217 210 -223 b 210 -120 210 -148 210 -136 l 210 -29 l 205 -34 b 100 -142 182 -65 159 -88 l 23 -215 b -1 -229 9 -229 6 -229 b -19 -217 -9 -229 -16 -224 l -20 -215 l -21 48 l -21 310 l -83 287 b -152 262 -133 266 -145 262 b -157 263 -153 262 -155 262 b -171 283 -166 266 -171 274 b -161 301 -171 290 -167 297 b -91 328 -160 302 -129 315 l -21 356 l -21 487 l -20 617 l -19 621 b -8 631 -17 626 -12 630 m 210 288 b 210 401 210 351 210 401 b 114 365 209 401 167 384 l 20 327 l 20 238 l 20 148 l 21 151 b 140 199 59 183 102 199 b 206 180 164 199 187 192 l 209 177 b 209 177 209 177 209 177 b 210 288 210 177 210 199 m 110 131 b 96 133 106 133 100 133 b 89 133 93 133 91 133 b 24 87 63 129 40 113 l 20 80 l 20 -37 l 20 -156 l 23 -152 b 144 81 96 -72 144 20 l 144 83 b 110 131 144 113 134 126 m 341 131 b 328 133 337 133 332 133 b 322 133 326 133 323 133 b 257 87 296 129 273 113 l 251 80 l 251 -37 l 251 -156 l 255 -152 b 375 81 328 -72 375 20 l 375 83 b 341 131 375 113 367 126 "},"v91":{"x_min":-355.25,"x_max":353.890625,"ha":361,"o":"m -27 720 b -13 721 -24 720 -20 721 b 42 718 4 721 34 720 b 343 446 190 699 308 591 b 353 360 349 417 353 390 b 84 9 353 197 245 49 b 0 0 55 2 27 0 b -344 273 -160 0 -306 109 b -355 359 -351 302 -355 331 b -39 718 -355 539 -221 700 l -27 720 m 39 691 b -13 692 32 691 4 692 b -25 692 -19 692 -23 692 b -322 416 -178 677 -296 566 b -326 360 -325 394 -326 390 b -325 323 -326 341 -325 328 b -36 29 -303 163 -193 51 b -1 29 -31 29 -16 29 b 35 29 14 29 29 29 b 323 323 191 51 302 163 b 325 360 323 328 325 341 b 321 416 325 390 323 394 b 39 691 296 560 185 669 m -12 655 b -4 655 -9 655 -6 655 b 20 652 4 655 14 653 b 66 585 50 642 66 613 b 32 524 66 562 55 538 b 25 521 28 523 25 521 b 16 403 25 520 16 408 b 16 403 16 403 16 403 l 16 403 b 54 448 17 403 34 423 l 92 492 l 89 499 b 87 519 88 506 87 513 b 103 564 87 535 92 552 b 155 589 117 581 136 589 b 216 551 179 589 204 576 b 224 520 221 541 224 530 b 156 449 224 483 193 449 b 136 453 149 449 142 451 l 129 455 l 85 416 b 42 377 61 395 42 378 l 42 377 l 42 377 b 156 387 46 377 156 387 b 160 394 156 387 159 390 b 220 430 172 417 197 430 b 280 394 243 430 266 417 b 288 360 285 384 288 371 b 280 326 288 348 285 337 b 220 291 266 302 243 291 b 160 327 197 291 172 302 b 156 333 159 330 156 333 b 42 342 156 333 46 342 b 42 342 42 342 42 342 l 42 342 b 85 303 42 342 61 324 l 129 265 l 136 267 b 155 270 142 269 148 270 b 198 254 171 270 186 265 b 223 201 216 240 223 220 b 186 138 223 176 210 151 b 155 131 176 133 166 131 b 87 201 119 131 87 162 b 89 220 87 206 88 213 l 92 227 l 54 272 b 16 316 34 297 17 316 l 16 316 b 16 316 16 316 16 316 b 25 199 16 313 25 199 b 32 195 25 199 28 198 b 68 134 55 183 68 158 b 32 73 68 111 55 87 b -1 65 23 68 10 65 b -34 73 -12 65 -24 68 b -69 134 -57 87 -69 111 b -34 195 -69 158 -57 183 b -27 199 -29 198 -27 199 b -17 316 -27 199 -17 313 b -17 316 -17 316 -17 316 l -17 316 b -55 272 -19 316 -35 297 l -93 227 l -91 220 b -88 201 -89 215 -88 208 b -104 156 -88 184 -93 169 b -156 131 -118 140 -137 131 b -217 169 -181 131 -205 144 b -225 201 -223 179 -225 190 b -157 270 -225 238 -194 270 b -137 267 -151 270 -144 269 l -130 265 l -87 303 b -43 342 -62 324 -43 342 l -43 342 b -43 342 -43 342 -43 342 b -157 333 -47 342 -157 333 b -161 327 -159 333 -160 330 b -221 291 -175 302 -198 291 b -281 326 -245 291 -268 302 b -289 360 -287 337 -289 348 b -281 394 -289 371 -287 384 b -221 430 -268 417 -245 430 b -161 394 -198 430 -175 417 b -157 387 -160 390 -159 387 b -43 377 -157 387 -47 377 l -43 377 l -43 377 b -87 416 -43 378 -62 395 l -130 455 l -137 453 b -156 449 -144 451 -149 449 b -200 466 -172 449 -187 455 b -224 520 -217 480 -224 499 b -187 581 -224 545 -212 569 b -156 589 -178 587 -167 589 b -88 520 -121 589 -88 559 b -91 499 -88 513 -89 506 l -93 492 l -55 448 b -17 403 -35 423 -19 403 l -17 403 b -17 403 -17 403 -17 403 b -27 521 -17 408 -27 520 b -34 524 -27 521 -29 523 b -68 585 -57 538 -68 562 b -12 655 -68 617 -47 649 "},"v92":{"x_min":0,"x_max":598.890625,"ha":611,"o":"m 62 181 b 77 183 66 183 72 183 b 91 181 83 183 88 183 b 202 131 100 180 106 177 l 299 87 l 394 131 b 517 183 499 181 502 183 b 519 183 517 183 518 183 b 598 104 567 183 598 144 b 577 49 598 84 592 65 b 518 15 567 38 563 37 b 484 0 499 6 484 0 b 518 -16 484 -1 499 -8 b 577 -51 563 -38 567 -40 b 598 -105 592 -66 598 -86 b 519 -184 598 -145 567 -184 b 517 -184 518 -184 517 -184 b 394 -133 502 -184 499 -183 l 299 -88 l 202 -133 b 81 -184 99 -183 95 -184 b 77 -184 80 -184 78 -184 b 0 -105 29 -184 0 -145 b 20 -51 0 -86 5 -66 b 80 -16 29 -40 34 -38 b 114 -1 98 -8 114 -1 b 80 15 114 0 98 6 b 20 49 34 37 29 38 b 0 104 6 65 0 84 b 62 181 0 140 23 174 m 88 134 b 74 136 85 134 80 136 b 68 134 72 136 69 136 b 46 104 54 130 46 117 b 55 81 46 95 49 88 b 149 34 59 76 53 80 b 224 -1 190 15 224 0 b 144 -38 224 -1 187 -18 b 54 -84 59 -79 58 -79 b 46 -105 49 -90 46 -98 b 76 -137 46 -122 58 -137 b 78 -137 77 -137 77 -137 b 194 -86 87 -137 76 -141 b 298 -36 250 -58 298 -36 b 298 -36 298 -36 298 -36 b 402 -84 299 -36 345 -58 b 518 -137 522 -141 510 -137 b 521 -137 519 -137 519 -137 b 551 -105 539 -137 551 -122 b 541 -83 551 -98 548 -90 b 447 -36 537 -77 544 -81 b 374 -1 406 -16 374 -1 b 447 34 374 0 406 15 b 541 81 544 80 537 76 b 551 104 548 88 551 97 b 521 136 551 120 539 136 b 518 136 519 136 519 136 b 517 136 518 136 517 136 l 517 136 b 402 83 511 136 511 136 b 298 34 345 56 299 34 b 298 34 298 34 298 34 b 194 84 298 34 250 56 b 88 134 137 111 89 133 "},"v93":{"x_min":0,"x_max":438.28125,"ha":447,"o":"m 212 205 b 219 205 213 205 216 205 b 239 183 228 205 231 204 b 421 -163 298 40 363 -83 b 438 -191 434 -180 438 -186 b 436 -197 438 -192 438 -195 b 424 -206 434 -204 431 -206 b 406 -201 420 -206 415 -205 b 216 -156 347 -172 281 -156 b 23 -205 148 -156 80 -173 b 14 -206 20 -206 17 -206 b 0 -191 6 -206 0 -201 b 6 -176 0 -187 1 -183 b 202 192 63 -104 142 45 b 212 205 205 199 208 202 m 264 48 l 249 81 l 243 94 l 242 91 b 89 -126 208 36 137 -66 b 81 -138 85 -133 81 -138 b 81 -138 81 -138 81 -138 b 81 -138 81 -138 81 -138 b 95 -133 81 -138 87 -136 b 280 -94 156 -108 221 -94 b 334 -98 299 -94 317 -95 b 343 -99 338 -99 343 -99 b 343 -99 343 -99 343 -99 b 338 -94 343 -99 341 -97 b 264 48 318 -58 287 1 "},"v94":{"x_min":-149.71875,"x_max":148.359375,"ha":151,"o":"m -9 215 b 0 217 -6 217 -4 217 b 19 205 8 217 14 213 b 20 142 20 202 20 201 l 20 84 l 23 84 b 144 -27 81 74 129 30 b 148 -66 147 -40 148 -54 b 36 -213 148 -134 103 -197 b 0 -219 24 -217 12 -219 b -145 -104 -68 -219 -129 -173 b -149 -68 -148 -91 -149 -79 b -24 84 -149 6 -98 74 l -21 84 l -21 142 b -19 205 -20 201 -20 202 b -9 215 -17 209 -13 213 m -21 -15 b -23 41 -21 37 -21 41 b -23 41 -23 41 -23 41 b -76 11 -35 40 -62 26 b -108 -65 -98 -11 -108 -38 b -1 -176 -108 -122 -65 -176 b 107 -65 63 -176 107 -122 b 74 11 107 -38 96 -11 b 20 41 61 26 32 41 b 20 -15 20 41 20 15 b 19 -74 20 -72 20 -72 b 0 -87 14 -83 6 -87 b -19 -74 -8 -87 -16 -83 b -21 -15 -20 -72 -20 -72 "},"v95":{"x_min":0,"x_max":406.96875,"ha":415,"o":"m 55 181 b 70 183 61 183 66 183 b 111 170 85 183 99 179 b 160 130 115 167 137 149 l 202 95 l 245 130 b 319 181 299 176 302 179 b 334 183 325 183 330 183 b 406 109 375 183 406 148 b 401 81 406 99 405 91 b 348 24 394 65 390 59 b 318 -1 332 11 318 0 b 348 -26 318 -1 332 -12 b 401 -83 390 -61 394 -66 b 406 -111 405 -93 406 -101 b 334 -184 406 -149 375 -184 b 319 -183 330 -184 325 -184 b 245 -131 302 -180 299 -177 l 202 -97 l 160 -131 b 85 -183 107 -177 103 -180 b 70 -184 80 -184 76 -184 b 0 -111 31 -184 0 -149 b 4 -83 0 -101 1 -93 b 58 -26 10 -66 16 -61 b 88 -1 74 -12 88 -1 b 58 24 88 0 74 11 b 10 69 23 54 17 59 b 0 109 2 81 0 95 b 55 181 0 142 21 173 m 83 133 b 72 136 78 136 76 136 b 57 131 66 136 61 134 b 46 109 49 126 46 117 b 50 93 46 104 47 98 b 107 45 51 91 77 70 b 160 0 137 20 160 0 b 107 -47 160 -1 137 -22 b 50 -94 77 -72 51 -93 b 46 -111 47 -99 46 -105 b 59 -134 46 -120 50 -130 b 72 -137 62 -136 68 -137 b 83 -136 76 -137 80 -136 b 144 -84 84 -134 107 -116 b 202 -36 176 -58 202 -36 b 261 -84 202 -36 230 -58 b 323 -136 299 -116 321 -134 b 334 -137 326 -136 330 -137 b 345 -134 338 -137 343 -136 b 360 -111 355 -130 360 -120 b 355 -94 360 -105 359 -99 b 299 -47 353 -93 329 -72 b 245 0 269 -22 245 -1 b 299 45 245 0 269 20 b 355 93 329 70 353 91 b 360 109 359 98 360 104 b 345 133 360 119 355 129 b 334 136 343 134 338 136 b 323 134 330 136 326 134 b 261 83 321 133 299 115 b 202 34 230 56 202 34 b 144 83 202 34 176 56 b 83 133 106 115 84 133 "},"v96":{"x_min":0,"x_max":597.53125,"ha":610,"o":"m 356 341 b 479 341 402 341 445 341 b 570 341 533 341 568 341 b 597 309 586 340 597 326 l 597 309 b 472 -320 597 305 475 -310 b 451 -341 469 -330 462 -337 b 242 -342 450 -342 347 -342 b 21 -341 134 -342 24 -342 b 0 -310 8 -337 0 -324 b 0 -310 0 -310 0 -310 b 123 316 0 -306 118 297 b 144 340 126 327 133 335 b 356 341 147 341 153 341 m 528 276 b 353 277 528 277 492 277 b 179 276 215 277 179 277 b 123 -1 179 276 153 151 l 68 -278 l 242 -278 b 310 -278 266 -278 289 -278 b 416 -278 372 -278 416 -278 b 528 276 417 -278 528 274 "},"v97":{"x_min":-228.671875,"x_max":227.3125,"ha":232,"o":"m -217 487 l -213 488 l 0 488 l 212 488 l 216 487 b 225 476 220 484 224 480 l 227 473 l 227 244 l 227 15 l 225 12 b 206 0 223 4 215 0 b 197 1 204 0 200 0 b 187 12 193 4 189 6 l 186 15 l 186 138 l 186 262 l -1 262 l -187 262 l -187 138 l -187 15 l -189 12 b -208 0 -193 4 -200 0 b -227 12 -216 0 -223 4 l -228 15 l -228 244 l -228 473 l -227 476 b -217 487 -225 480 -221 484 "},"v98":{"x_min":-1.359375,"x_max":427.390625,"ha":436,"o":"m 243 631 b 250 632 246 632 249 632 b 270 620 259 632 268 628 b 272 494 272 616 272 616 l 272 370 l 344 333 b 426 285 426 292 423 294 b 427 277 426 283 427 280 b 405 256 427 266 417 256 b 405 256 405 256 405 256 l 400 256 l 336 290 b 272 322 300 308 272 322 b 272 54 272 322 272 201 b 270 -216 272 -212 272 -212 b 251 -229 268 -224 259 -229 b 227 -215 243 -229 240 -229 l 151 -142 b 32 -16 81 -80 53 -49 b -1 84 9 18 -1 52 b 111 199 -1 149 42 199 b 137 197 119 199 127 198 b 228 151 168 191 197 177 l 231 148 l 231 245 l 231 342 l 157 380 b 81 420 92 413 84 417 b 76 435 77 424 76 430 b 96 456 76 446 84 456 b 98 456 96 456 98 456 l 103 456 l 166 424 b 230 391 201 406 230 391 b 231 503 230 391 231 442 b 232 620 231 614 231 616 b 243 631 234 624 238 630 m 168 131 b 152 133 163 133 157 133 b 107 102 130 133 111 120 b 106 86 107 97 106 91 b 111 41 106 73 108 56 b 227 -152 125 -13 171 -90 l 231 -156 l 231 -37 l 231 80 l 225 87 b 168 131 210 111 190 126 "},"v99":{"x_min":0,"x_max":239.5625,"ha":244,"o":"m 10 460 b 20 462 13 462 14 462 b 39 449 28 462 35 458 l 40 446 l 40 326 b 40 205 40 259 40 205 b 127 227 40 205 80 215 b 220 249 196 244 213 249 b 227 247 224 249 225 248 b 238 237 231 245 235 241 l 239 233 l 239 -106 l 239 -448 l 238 -451 b 219 -463 234 -459 225 -463 b 198 -451 210 -463 202 -459 l 197 -448 l 197 -324 b 197 -201 197 -248 197 -201 b 110 -223 196 -201 157 -210 b 17 -245 42 -240 24 -245 b 10 -242 13 -245 13 -244 b 0 -233 6 -241 2 -237 l 0 -230 l 0 108 l 0 446 l 0 449 b 10 460 2 453 6 458 m 197 22 b 197 70 197 41 197 58 b 196 116 197 113 197 116 l 196 116 b 118 97 196 116 160 106 l 40 77 l 40 -18 b 40 -112 40 -69 40 -112 l 119 -93 l 197 -73 l 197 22 "},"v9a":{"x_min":-21.78125,"x_max":367.5,"ha":375,"o":"m 230 1031 b 238 1032 232 1032 235 1032 b 259 1014 245 1032 251 1027 b 367 662 330 906 367 782 b 364 602 367 641 367 621 b 232 317 352 488 304 384 b 57 120 155 245 103 187 b -1 18 31 84 6 40 b -19 4 -4 11 -12 4 l -21 4 l -21 159 l -21 315 l -16 315 b 96 335 10 315 62 324 b 315 695 227 380 315 527 b 313 738 315 709 314 724 b 224 991 304 825 273 916 b 216 1013 219 999 216 1007 b 230 1031 216 1021 220 1028 "},"v9b":{"x_min":-24.5,"x_max":313.0625,"ha":319,"o":"m -24 -133 l -24 -5 l -20 -5 b -1 -19 -12 -5 -4 -11 b 142 -213 13 -61 74 -144 b 258 -376 196 -269 230 -315 b 313 -605 295 -449 313 -528 b 292 -742 313 -652 306 -699 b 288 -752 289 -748 288 -752 b 288 -752 288 -752 288 -752 b 292 -764 289 -753 291 -757 b 313 -907 306 -811 313 -860 b 292 -1045 313 -954 306 -1002 b 288 -1054 289 -1050 288 -1054 b 288 -1054 288 -1054 288 -1054 b 292 -1067 289 -1054 291 -1060 b 313 -1210 306 -1113 313 -1161 b 292 -1346 313 -1257 306 -1304 b 288 -1357 289 -1353 288 -1357 b 288 -1357 288 -1357 288 -1357 b 292 -1368 289 -1357 291 -1363 b 313 -1512 306 -1415 313 -1464 b 292 -1648 313 -1560 306 -1605 b 288 -1660 289 -1654 288 -1660 b 288 -1660 288 -1660 288 -1660 b 292 -1671 289 -1660 291 -1665 b 313 -1814 306 -1719 313 -1766 b 250 -2040 313 -1897 291 -1977 b 232 -2062 238 -2057 236 -2059 b 221 -2065 230 -2063 225 -2065 b 200 -2045 210 -2065 201 -2057 b 200 -2043 200 -2044 200 -2044 b 208 -2026 200 -2037 202 -2034 b 269 -1826 249 -1966 269 -1897 b 153 -1544 269 -1726 230 -1625 b -9 -1472 115 -1506 58 -1481 b -21 -1471 -14 -1471 -19 -1471 l -24 -1471 l -24 -1343 l -24 -1215 l -20 -1215 b -1 -1229 -12 -1215 -4 -1221 b 142 -1424 13 -1270 74 -1353 b 257 -1582 196 -1478 228 -1524 b 264 -1594 261 -1589 264 -1594 l 264 -1594 b 265 -1582 264 -1594 264 -1589 b 270 -1525 268 -1562 270 -1544 b 153 -1243 270 -1424 228 -1321 b -9 -1170 115 -1203 58 -1178 b -21 -1168 -14 -1170 -19 -1168 l -24 -1168 l -24 -1041 l -24 -913 l -20 -913 b -1 -927 -12 -913 -4 -918 b 142 -1121 13 -967 74 -1050 b 257 -1281 196 -1175 228 -1221 b 264 -1292 261 -1286 264 -1292 l 264 -1292 b 265 -1279 264 -1292 264 -1286 b 270 -1222 268 -1261 270 -1242 b 153 -941 270 -1121 228 -1018 b -9 -867 115 -900 58 -875 b -21 -866 -14 -867 -19 -866 l -24 -866 l -24 -738 l -24 -610 l -20 -610 b -1 -624 -12 -610 -4 -616 b 142 -818 13 -664 74 -749 b 257 -978 196 -873 228 -918 b 264 -989 261 -984 264 -989 l 264 -989 b 265 -977 264 -989 264 -984 b 270 -920 268 -959 270 -939 b 153 -638 270 -818 228 -716 b -9 -564 115 -598 58 -573 b -21 -563 -14 -564 -19 -563 l -24 -563 l -24 -435 l -24 -308 l -20 -308 b -1 -322 -12 -308 -4 -313 b 142 -516 13 -363 74 -446 b 257 -675 196 -571 228 -616 b 264 -687 261 -681 264 -687 l 264 -687 b 265 -674 264 -687 264 -681 b 270 -617 268 -656 270 -637 b 153 -335 270 -516 228 -413 b -9 -262 115 -295 58 -270 b -21 -260 -14 -262 -19 -260 l -24 -260 l -24 -133 "},"v9c":{"x_min":-166.0625,"x_max":-25.859375,"ha":0,"o":"m -49 369 b -42 370 -46 369 -44 370 b -27 360 -36 370 -29 366 b -25 355 -27 359 -25 358 b -32 335 -25 351 -28 347 b -92 52 -66 248 -87 159 b -93 -1 -93 43 -93 20 b -92 -54 -93 -23 -93 -45 b -32 -337 -85 -162 -66 -251 b -25 -355 -27 -349 -25 -352 b -42 -371 -25 -365 -32 -371 b -61 -353 -50 -371 -51 -369 b -163 -63 -119 -262 -153 -165 b -166 -1 -166 -37 -166 -31 b -163 62 -166 30 -166 36 b -61 352 -153 163 -119 260 b -49 369 -54 365 -51 366 "},"v9d":{"x_min":-1.359375,"x_max":326.671875,"ha":333,"o":"m 99 692 b 107 694 102 692 104 694 b 121 688 112 694 117 691 b 126 673 123 685 125 682 b 209 460 141 598 172 519 l 215 451 l 215 445 l 215 445 b 197 426 215 434 206 426 b 186 430 194 426 190 427 b 133 449 170 440 152 446 b 127 451 130 449 129 451 b 126 449 126 451 126 451 b 127 446 126 449 127 448 b 127 324 127 444 127 424 b 129 205 127 259 129 205 b 215 227 129 205 167 215 b 308 249 283 244 300 249 b 315 247 311 249 313 248 b 325 237 319 245 323 241 l 326 233 l 326 -106 l 326 -448 l 325 -451 b 306 -463 321 -459 314 -463 b 287 -451 298 -463 291 -459 l 285 -448 l 285 -324 b 284 -201 285 -248 284 -201 b 197 -223 284 -201 245 -210 b 104 -245 129 -240 111 -245 b 98 -242 102 -245 100 -244 b 88 -233 93 -241 89 -237 l 87 -230 l 87 106 b 87 262 87 169 87 220 b 87 446 87 415 87 444 b 88 449 88 448 88 449 b 87 451 88 451 88 451 b 81 449 85 451 84 451 b 27 430 62 446 44 440 b 16 426 24 427 20 426 b -1 445 6 426 -1 434 b 0 445 -1 445 0 445 l 0 451 l 5 460 b 87 669 40 519 69 589 b 99 692 91 685 92 688 m 284 22 b 285 70 285 41 285 58 b 284 116 285 113 284 116 l 284 116 b 205 97 283 116 247 106 l 127 77 l 127 -18 b 129 -112 127 -69 129 -112 l 206 -93 l 284 -73 l 284 22 "},"v9e":{"x_min":0,"x_max":607.0625,"ha":619,"o":"m 243 631 b 250 632 246 632 249 632 b 270 620 259 632 268 628 l 272 616 l 272 201 l 272 -212 l 270 -216 b 251 -229 268 -224 259 -229 b 227 -215 243 -229 240 -229 l 151 -142 b 32 -16 81 -80 53 -49 b 0 84 9 18 0 52 b 111 199 0 149 42 199 b 137 197 119 199 127 198 b 228 151 168 191 197 177 l 231 148 l 231 383 b 232 620 231 616 231 616 b 243 631 234 624 238 630 m 168 131 b 152 133 163 133 157 133 b 107 102 130 133 111 120 b 106 86 107 97 106 91 b 111 41 106 73 108 56 b 227 -152 125 -13 171 -90 l 231 -156 l 231 -37 l 231 80 l 225 87 b 168 131 210 111 190 126 m 347 631 b 353 632 348 632 351 632 b 374 620 363 632 371 628 b 375 383 375 616 375 616 l 375 148 l 377 151 b 492 199 415 183 454 199 b 537 191 507 199 522 197 b 607 84 582 176 607 134 b 583 0 607 58 598 29 b 455 -142 562 -40 533 -72 l 378 -215 b 355 -229 364 -229 362 -229 b 334 -216 345 -229 337 -224 l 333 -212 l 333 201 l 333 616 l 334 620 b 347 631 337 624 341 630 m 465 131 b 451 133 461 133 455 133 b 445 133 449 133 446 133 b 379 87 419 129 396 113 l 375 80 l 375 -37 l 375 -156 l 378 -152 b 499 81 451 -72 499 20 l 499 83 b 465 131 499 113 490 126 "},"v9f":{"x_min":-311.6875,"x_max":310.328125,"ha":317,"o":"m -9 388 b -2 390 -8 390 -5 390 b 5 388 1 390 4 390 b 19 378 10 387 16 383 b 23 333 23 371 23 371 l 23 328 l 23 290 l 27 290 b 172 274 62 290 129 283 b 200 259 191 270 196 267 b 215 40 204 249 215 102 b 215 26 215 33 215 26 l 216 24 l 253 24 l 255 24 b 299 19 292 24 292 23 b 310 -1 306 15 310 6 b 299 -23 310 -11 306 -19 b 255 -27 292 -27 292 -27 l 253 -27 l 216 -27 l 215 -30 b 215 -55 215 -31 215 -43 b 202 -244 213 -111 209 -179 b 174 -277 200 -270 198 -273 b 40 -294 132 -285 87 -291 l 23 -294 l 23 -331 b 23 -340 23 -334 23 -337 b 17 -381 23 -376 23 -374 b -1 -391 13 -388 5 -391 b -21 -381 -9 -391 -17 -388 b -27 -340 -27 -374 -27 -376 b -27 -331 -27 -337 -27 -334 l -27 -294 l -44 -294 b -178 -277 -91 -291 -136 -285 b -205 -258 -198 -273 -204 -270 b -219 -44 -210 -215 -219 -94 b -219 -29 -219 -37 -219 -30 l -220 -27 l -255 -27 l -258 -27 b -300 -23 -294 -27 -294 -27 b -311 -2 -307 -19 -311 -11 b -294 23 -311 8 -304 19 b -255 24 -291 23 -284 24 l -220 24 l -219 26 b -219 40 -219 26 -219 33 b -204 259 -219 104 -208 249 b -176 274 -200 267 -196 270 b -31 290 -133 283 -66 290 l -27 290 l -27 328 b -27 371 -27 360 -27 369 b -9 388 -24 378 -17 385 m -27 136 l -27 247 l -28 247 b -103 233 -46 245 -100 235 b -107 197 -103 233 -106 217 b -115 52 -111 147 -114 94 b -115 27 -115 40 -115 29 l -115 24 l -72 24 l -27 24 l -27 136 m 34 245 b 24 247 28 247 24 247 b 23 136 24 247 23 197 l 23 24 l 68 24 l 111 24 l 111 27 b 111 52 111 29 111 40 b 103 197 110 94 107 147 b 99 233 102 217 100 233 b 34 245 98 235 54 244 m -27 -140 l -27 -27 l -72 -27 l -115 -27 l -115 -30 b -115 -56 -115 -33 -115 -44 b -107 -201 -114 -98 -111 -151 b -103 -237 -106 -222 -103 -237 b -28 -251 -100 -240 -40 -251 b -27 -140 -28 -251 -27 -201 m 111 -30 l 111 -27 l 68 -27 l 23 -27 l 23 -140 b 24 -251 23 -201 24 -251 b 99 -237 36 -251 96 -240 b 103 -201 100 -237 102 -222 b 111 -56 107 -151 110 -98 b 111 -30 111 -44 111 -33 "},"va0":{"x_min":0,"x_max":622.03125,"ha":635,"o":"m 398 417 b 406 419 401 419 404 419 b 427 398 417 419 427 409 b 427 391 427 395 427 392 b 34 -274 424 385 38 -272 b 20 -280 29 -278 25 -280 b 0 -259 9 -280 0 -270 b 0 -252 0 -256 0 -254 b 393 413 2 -247 389 410 b 398 417 394 415 397 416 m 592 417 b 600 419 594 419 597 419 b 622 398 611 419 622 409 b 620 391 622 395 620 392 b 227 -274 617 385 231 -272 b 213 -280 223 -278 219 -280 b 193 -259 202 -280 193 -270 b 194 -252 193 -256 193 -254 b 586 413 196 -247 582 410 b 592 417 588 415 590 416 "},"va1":{"x_min":0,"x_max":294,"ha":300,"o":"m 138 381 b 147 381 141 381 144 381 b 221 299 191 381 221 341 b 194 238 221 278 213 255 b 159 210 190 234 161 212 b 78 148 157 209 81 151 b 78 148 78 148 78 148 b 95 106 78 144 88 119 b 121 77 103 88 108 83 b 156 69 132 72 144 69 b 259 127 193 69 232 91 b 273 140 266 137 269 138 b 279 141 274 141 276 141 b 294 124 287 141 294 134 b 292 117 294 123 294 120 b 255 66 289 113 261 72 b 126 -1 220 22 171 -1 b 47 27 96 -1 69 8 b 2 133 31 43 9 93 b 0 180 0 149 0 165 b 53 326 0 237 17 288 b 103 366 59 331 91 358 b 138 381 112 373 129 380 m 126 326 b 118 326 123 326 121 326 b 98 316 110 326 103 323 b 68 215 78 288 68 255 b 68 208 68 213 68 210 b 70 183 69 195 69 184 l 70 183 b 93 201 70 183 81 191 l 133 231 b 159 259 152 247 155 248 b 163 278 161 266 163 272 b 126 326 163 299 148 320 "},"va2":{"x_min":0,"x_max":367.5,"ha":375,"o":"m 0 124 l 0 187 l 61 187 l 122 187 l 122 138 l 122 91 l 153 61 l 183 30 l 213 61 l 243 91 l 243 138 l 243 187 l 306 187 l 367 187 l 367 124 l 367 61 l 321 61 l 274 61 l 243 30 l 213 0 l 243 -31 l 274 -62 l 321 -62 l 367 -62 l 367 -124 l 367 -188 l 306 -188 l 243 -188 l 243 -140 l 243 -93 l 213 -62 l 183 -31 l 153 -62 l 122 -93 l 122 -140 l 122 -188 l 61 -188 l 0 -188 l 0 -124 l 0 -62 l 46 -62 l 92 -62 l 123 -31 l 153 0 l 123 30 l 92 61 l 46 61 l 0 61 l 0 124 "},"va3":{"x_min":58.53125,"x_max":228.671875,"ha":294,"o":"m 138 371 b 142 373 140 371 141 373 b 178 342 149 373 156 366 b 228 251 217 297 228 278 b 228 244 228 248 228 247 b 176 147 227 212 212 184 b 123 73 152 122 132 93 b 121 62 122 70 121 66 b 145 13 121 48 129 31 b 153 -2 151 6 153 1 b 149 -9 153 -5 152 -6 b 144 -11 148 -11 145 -11 b 129 -1 140 -11 136 -8 b 61 87 89 37 68 68 b 58 113 59 95 58 105 b 110 215 58 144 74 177 b 163 287 134 240 155 269 b 166 299 166 291 166 295 b 141 348 166 313 157 330 b 133 360 134 356 133 358 b 133 363 133 362 133 362 b 138 371 133 367 136 370 "},"va4":{"x_min":-21.78125,"x_max":483.1875,"ha":493,"o":"m -8 631 b -1 632 -6 632 -4 632 b 19 620 8 632 16 628 b 20 383 20 616 20 616 l 20 148 l 21 151 b 140 199 59 183 102 199 b 206 179 164 199 187 192 l 210 176 l 210 396 l 210 617 l 212 621 b 231 632 216 628 223 632 b 250 620 239 632 247 628 b 251 383 251 616 251 616 l 251 148 l 254 151 b 370 199 291 183 332 199 b 415 191 385 199 400 197 b 483 84 458 176 483 134 b 461 0 483 58 476 29 b 332 -142 439 -40 411 -72 l 255 -215 b 231 -229 240 -229 239 -229 b 216 -223 224 -229 220 -227 b 210 -158 210 -217 210 -223 b 210 -120 210 -148 210 -136 l 210 -29 l 205 -34 b 100 -142 182 -65 159 -88 l 23 -215 b -1 -229 9 -229 6 -229 b -20 -216 -9 -229 -17 -224 l -21 -212 l -21 201 l -21 616 l -20 620 b -8 631 -17 624 -13 630 m 110 131 b 96 133 106 133 100 133 b 89 133 93 133 91 133 b 24 87 63 129 40 113 l 20 80 l 20 -37 l 20 -156 l 23 -152 b 144 81 96 -72 144 20 l 144 83 b 110 131 144 113 134 126 m 341 131 b 328 133 337 133 332 133 b 322 133 326 133 323 133 b 257 87 296 129 273 113 l 251 80 l 251 -37 l 251 -156 l 255 -152 b 375 81 328 -72 375 20 l 375 83 b 341 131 375 113 367 126 "},"va5":{"x_min":0,"x_max":349.8125,"ha":357,"o":"m 88 302 b 103 303 93 302 98 303 b 202 224 149 303 191 270 b 205 199 204 216 205 208 b 178 129 205 173 196 147 l 175 126 l 182 127 b 307 249 236 142 284 190 b 313 259 308 254 311 258 b 329 267 317 265 323 267 b 349 247 340 267 349 259 b 201 -263 349 242 204 -258 b 182 -273 197 -270 190 -273 b 163 -260 174 -273 166 -269 b 161 -256 161 -259 161 -258 b 217 -59 161 -248 170 -220 b 272 129 247 43 272 127 b 272 129 272 129 272 129 b 264 122 272 129 268 126 b 140 80 227 94 183 80 b 36 115 102 80 65 91 b 0 194 10 136 0 165 b 88 302 0 244 32 292 "},"va6":{"x_min":0,"x_max":462.78125,"ha":472,"o":"m 8 595 b 14 596 10 596 12 596 b 50 591 21 596 29 595 b 455 248 255 544 420 405 b 462 191 460 229 462 209 b 321 0 462 94 404 9 b 300 -1 314 -1 307 -1 b 149 167 215 -1 149 69 b 294 387 149 258 201 337 b 296 390 295 388 296 388 b 289 398 296 391 294 392 b 21 560 225 477 130 535 b 2 569 9 563 5 566 b 0 580 0 573 0 576 b 8 595 0 587 2 592 m 325 348 b 321 353 322 351 322 353 b 313 348 319 353 317 351 b 223 167 255 306 223 237 b 227 124 223 154 224 138 b 289 31 236 79 261 40 b 295 31 291 31 294 31 b 355 104 315 31 338 59 b 368 191 364 129 368 159 b 364 241 368 208 367 224 b 325 348 357 277 344 313 "},"va7":{"x_min":-155.171875,"x_max":153.8125,"ha":157,"o":"m -9 24 b 0 26 -5 24 -2 26 b 25 2 12 26 21 16 l 29 -19 b 144 -303 54 -124 96 -229 b 153 -328 153 -319 153 -322 b 127 -355 153 -344 142 -355 b 100 -334 115 -355 111 -351 b 6 -130 62 -274 31 -206 b -1 -108 2 -117 0 -108 b -8 -130 -1 -108 -4 -117 b -102 -334 -32 -206 -63 -274 b -129 -355 -112 -351 -117 -355 b -155 -328 -144 -355 -155 -344 b -145 -303 -155 -322 -155 -319 b -31 -19 -98 -229 -55 -124 l -27 2 b -9 24 -24 13 -17 22 "},"va8":{"x_min":-68.0625,"x_max":66.6875,"ha":68,"o":"m -12 66 b -1 68 -9 68 -5 68 b 55 37 20 68 43 56 b 66 -1 62 26 66 12 b 36 -58 66 -23 55 -44 b 0 -69 25 -65 12 -69 b -57 -38 -21 -69 -43 -58 b -68 -1 -63 -27 -68 -13 b -12 66 -68 30 -46 61 "},"va9":{"x_min":-24.5,"x_max":314.421875,"ha":321,"o":"m -24 -145 l -24 -5 l -20 -5 b 0 -23 -9 -5 -2 -12 b 27 -87 4 -38 14 -66 b 138 -220 53 -136 88 -177 b 235 -328 179 -255 208 -288 b 314 -592 287 -409 314 -501 b 292 -732 314 -639 307 -687 l 289 -742 l 294 -756 b 314 -896 307 -802 314 -849 b 292 -1035 314 -943 307 -991 l 289 -1045 l 294 -1057 b 314 -1197 307 -1104 314 -1152 b 292 -1338 314 -1246 307 -1292 l 289 -1347 l 294 -1360 b 314 -1500 307 -1407 314 -1454 b 273 -1689 314 -1565 300 -1628 b 250 -1712 265 -1710 261 -1712 b 228 -1691 236 -1712 228 -1704 l 228 -1685 l 234 -1675 b 270 -1507 258 -1621 270 -1564 b 98 -1193 270 -1381 209 -1261 b 40 -1174 76 -1179 58 -1174 b -10 -1189 24 -1174 8 -1178 b -20 -1192 -14 -1192 -16 -1192 l -24 -1192 l -24 -1052 l -24 -913 l -20 -913 b 0 -931 -9 -913 -2 -920 b 27 -995 4 -946 14 -974 b 138 -1128 53 -1043 88 -1085 b 257 -1275 190 -1172 228 -1220 b 262 -1283 259 -1279 262 -1283 l 262 -1283 b 269 -1249 264 -1282 268 -1260 b 270 -1206 270 -1233 270 -1220 b 98 -891 270 -1075 206 -957 b 40 -871 76 -877 58 -871 b -10 -886 24 -871 8 -875 b -20 -889 -14 -889 -16 -889 l -24 -889 l -24 -749 l -24 -610 l -20 -610 b 0 -628 -9 -610 -2 -617 b 27 -692 4 -644 14 -671 b 138 -825 53 -741 88 -782 b 257 -973 190 -870 228 -917 b 262 -981 259 -977 262 -981 l 262 -981 b 269 -946 264 -979 268 -957 b 270 -903 270 -931 270 -917 b 98 -588 270 -774 206 -655 b 40 -569 76 -574 58 -569 b -10 -584 24 -569 8 -574 b -20 -587 -14 -587 -16 -587 l -24 -587 l -24 -448 l -24 -308 l -20 -308 b 0 -326 -9 -308 -2 -315 b 27 -390 4 -341 14 -369 b 138 -523 53 -438 88 -480 b 257 -670 190 -567 228 -614 b 262 -678 259 -674 262 -678 b 262 -678 262 -678 262 -678 b 269 -644 264 -677 268 -656 b 270 -601 270 -628 270 -614 b 98 -285 270 -471 206 -352 b 40 -266 76 -273 58 -266 b -10 -281 24 -266 8 -272 b -20 -284 -14 -284 -16 -284 l -24 -284 l -24 -145 "},"vaa":{"x_min":-1.359375,"x_max":752.703125,"ha":768,"o":"m 490 985 b 504 986 495 986 500 986 b 604 907 551 986 593 954 b 607 884 607 900 607 892 b 581 813 607 857 597 831 l 578 810 l 583 811 b 710 932 638 827 687 873 b 714 943 711 936 713 942 b 730 952 720 949 725 952 b 752 931 741 952 752 943 b 200 -946 752 927 204 -941 b 182 -957 197 -953 190 -957 b 163 -945 174 -957 166 -953 b 161 -939 161 -942 161 -942 b 217 -743 161 -931 170 -904 b 272 -555 247 -639 272 -555 b 272 -555 272 -555 272 -555 b 264 -560 272 -555 268 -557 b 140 -603 227 -589 182 -603 b 36 -567 102 -603 65 -592 b -1 -487 12 -548 -1 -517 b 17 -427 -1 -466 5 -445 b 103 -380 38 -395 70 -380 b 191 -433 137 -380 172 -398 b 205 -484 201 -448 205 -466 b 178 -553 205 -509 196 -535 l 175 -557 l 182 -555 b 307 -435 236 -539 284 -494 b 372 -213 308 -430 372 -215 b 372 -213 372 -213 372 -213 b 364 -219 372 -213 368 -216 b 240 -262 328 -247 283 -262 b 137 -226 202 -262 166 -249 b 99 -145 112 -206 99 -176 b 118 -84 99 -124 106 -104 b 204 -38 138 -54 171 -38 b 292 -91 238 -38 273 -56 b 306 -141 302 -106 306 -124 b 279 -212 306 -167 296 -194 l 276 -215 l 281 -213 b 408 -93 336 -198 385 -151 b 473 129 409 -88 473 127 b 473 129 473 129 473 129 b 465 122 473 129 469 126 b 341 80 428 94 383 80 b 236 115 303 80 266 91 b 200 195 213 136 200 165 b 217 256 200 217 206 238 b 304 303 239 287 272 303 b 393 249 338 303 374 285 b 406 199 402 234 406 217 b 379 129 406 173 397 148 l 377 126 l 382 127 b 509 248 436 142 485 190 b 574 470 510 254 574 469 b 574 470 574 470 574 470 b 566 464 574 470 570 467 b 442 421 529 435 484 421 b 337 458 404 421 367 433 b 300 538 314 477 300 508 b 318 598 300 559 306 580 b 404 645 340 630 372 645 b 494 592 439 645 475 627 b 507 541 502 577 507 559 b 480 471 507 516 498 489 l 477 467 l 483 470 b 608 589 537 485 586 531 b 675 811 611 595 675 810 b 675 811 675 811 675 811 b 666 806 675 811 671 809 b 543 763 628 777 585 763 b 438 799 504 763 468 775 b 401 878 412 820 401 849 b 490 985 401 928 434 977 "},"vab":{"x_min":0,"x_max":272.21875,"ha":278,"o":"m 243 631 b 250 632 246 632 249 632 b 270 620 259 632 268 628 l 272 616 l 272 201 l 272 -212 l 270 -216 b 251 -229 268 -224 259 -229 b 227 -215 243 -229 240 -229 l 151 -142 b 32 -16 81 -80 53 -49 b 0 84 9 18 0 52 b 111 199 0 149 42 199 b 137 197 119 199 127 198 b 228 151 168 191 197 177 l 231 148 l 231 383 b 232 620 231 616 231 616 b 243 631 234 624 238 630 m 168 131 b 152 133 163 133 157 133 b 107 102 130 133 111 120 b 106 86 107 97 106 91 b 111 41 106 73 108 56 b 227 -152 125 -13 171 -90 l 231 -156 l 231 -37 l 231 80 l 225 87 b 168 131 210 111 190 126 "},"vac":{"x_min":-390.640625,"x_max":389.28125,"ha":397,"o":"m -9 650 b -1 652 -6 650 -4 652 b 19 639 6 652 13 648 l 23 631 b 28 623 24 628 27 626 l 34 614 l 39 606 l 43 598 l 49 588 l 54 580 l 59 571 l 65 563 l 69 555 l 74 546 l 80 537 l 85 528 b 89 520 87 526 89 523 l 95 512 l 100 503 l 106 494 l 111 487 l 115 478 l 121 470 l 126 462 l 130 453 l 136 445 l 141 437 l 147 427 l 151 419 l 156 410 l 161 402 l 167 394 l 172 385 l 176 376 b 182 367 179 374 181 370 l 187 359 l 193 351 l 198 342 l 202 334 l 208 326 l 212 317 l 217 309 l 223 301 l 228 292 l 234 284 l 238 274 l 243 266 l 249 258 l 254 249 l 259 241 l 264 233 l 269 224 b 274 216 270 222 273 217 l 280 206 l 285 198 l 295 180 l 299 174 l 304 165 l 310 156 l 315 148 l 321 140 l 325 131 l 330 123 l 336 113 l 341 105 l 347 97 l 351 88 l 356 80 l 360 72 b 364 66 362 70 363 68 b 370 58 366 65 368 61 l 379 41 b 389 19 386 31 389 24 b 382 4 389 13 386 8 b 347 0 377 0 378 0 b 337 0 344 0 340 0 b 336 0 336 0 336 0 b 287 11 294 0 294 0 l 281 19 l 276 27 l 272 37 l 266 45 l 261 54 l 255 62 l 250 70 l 246 79 l 240 87 l 235 97 l 230 105 l 224 113 l 220 122 l 215 130 l 209 140 l 204 148 l 200 155 l 194 163 b 189 172 193 165 191 169 l 185 180 l 179 188 l 174 198 l 168 206 l 163 215 l 159 223 l 153 231 l 148 240 l 142 249 l 138 258 l 133 266 l 127 274 l 122 283 l 117 292 l 111 301 l 107 308 l 102 316 b 98 324 102 317 99 322 l 92 333 l 87 341 l 81 349 l 77 359 l 72 367 l 66 376 l 61 384 l 55 392 l 51 401 l 46 410 l 40 419 l 35 427 l 31 435 l 24 444 l 20 453 l 14 460 l 10 469 b 5 477 9 470 6 474 l 0 485 l -5 494 l -9 502 l -14 512 b -20 519 -16 513 -19 517 l -24 526 l -28 534 b -31 537 -29 535 -31 537 b -35 533 -32 537 -32 535 l -88 444 l -187 280 l -285 117 l -343 23 b -362 1 -352 6 -356 2 b -368 0 -364 0 -367 0 b -390 20 -381 0 -390 8 l -390 20 b -359 77 -390 27 -390 27 l -80 539 l -25 631 b -9 650 -17 644 -13 648 m -13 133 b -1 134 -9 133 -5 134 b 50 105 19 134 39 123 b 61 70 57 95 61 83 b 50 34 61 58 57 45 b -1 6 39 16 19 6 b -46 27 -17 6 -34 13 b -62 70 -57 40 -62 55 b -13 133 -62 98 -44 126 "},"vad":{"x_min":0,"x_max":873.828125,"ha":892,"o":"m 0 0 l 0 703 l 81 703 l 164 703 l 164 0 l 164 -705 l 81 -705 l 0 -705 l 0 0 m 225 0 l 225 703 l 246 703 l 268 703 l 268 366 l 268 30 l 274 36 b 314 79 284 44 302 63 b 413 302 357 137 392 213 b 432 327 419 324 421 327 b 449 306 443 327 447 322 b 611 115 457 195 529 115 b 651 122 624 115 638 117 b 728 316 705 140 724 188 b 729 388 728 342 729 366 b 671 635 729 533 711 602 b 581 662 649 652 616 662 b 477 637 545 662 510 653 l 475 635 l 477 634 b 503 627 488 632 495 631 b 545 556 532 612 545 584 b 491 480 545 524 526 491 b 465 474 481 476 473 474 b 379 563 417 474 379 516 b 389 602 379 576 382 588 b 541 691 409 641 479 681 b 582 694 555 692 568 694 b 865 462 714 694 834 598 b 873 392 871 440 873 416 b 865 317 873 367 871 341 b 639 84 839 194 748 101 b 612 83 630 83 620 83 b 511 116 577 83 543 94 b 504 120 509 119 506 120 b 504 120 504 120 504 120 b 469 59 504 120 488 93 l 432 -1 l 469 -61 b 504 -122 488 -94 504 -122 b 504 -122 504 -122 504 -122 b 511 -117 506 -122 509 -120 b 612 -84 543 -95 577 -84 b 665 -91 630 -84 647 -87 b 869 -338 771 -122 850 -216 b 873 -392 872 -356 873 -374 b 798 -595 873 -469 847 -539 b 581 -695 741 -662 660 -695 b 406 -626 517 -695 454 -671 b 381 -563 389 -607 381 -585 b 465 -477 381 -519 413 -477 b 545 -559 514 -477 545 -519 b 503 -628 545 -587 532 -613 b 477 -635 495 -632 488 -634 l 475 -637 l 477 -638 b 581 -663 510 -655 545 -663 b 671 -637 616 -663 649 -653 b 729 -391 711 -603 729 -534 b 728 -317 729 -367 728 -344 b 623 -117 722 -173 698 -124 b 611 -116 619 -116 615 -116 b 449 -308 528 -116 457 -198 b 432 -328 447 -323 443 -328 b 413 -303 421 -328 419 -326 b 314 -80 392 -215 357 -138 b 274 -37 302 -65 284 -45 l 268 -31 l 268 -367 l 268 -705 l 246 -705 l 225 -705 l 225 0 "},"vae":{"x_min":-108.890625,"x_max":251.8125,"ha":257,"o":"m -8 863 b 0 864 -5 864 -2 864 b 12 859 4 864 9 863 b 19 843 16 856 16 853 b 102 631 34 768 65 689 l 107 621 l 107 616 l 107 616 b 89 596 107 605 99 596 b 78 601 85 596 83 598 b 47 614 69 606 55 612 b 19 621 39 617 21 621 b 19 621 19 621 19 621 b 19 619 19 621 19 620 b 20 383 20 616 20 585 l 20 148 l 21 151 b 137 199 59 183 99 199 b 182 191 152 199 167 197 b 251 84 227 176 251 134 b 228 0 251 58 243 29 b 93 -148 206 -40 179 -70 l 38 -199 l 23 -215 l 20 -217 l 20 -241 b 19 -267 20 -260 20 -266 b 19 -270 19 -269 19 -270 b 19 -270 19 -270 19 -270 b 47 -263 21 -270 39 -266 b 78 -249 55 -260 69 -255 b 89 -247 83 -247 85 -247 b 107 -265 99 -247 107 -254 l 107 -265 l 107 -270 l 102 -280 b 19 -492 65 -338 34 -417 b 0 -513 14 -508 10 -513 b -20 -488 -12 -513 -16 -508 b -103 -280 -38 -409 -66 -338 l -108 -270 l -108 -265 l -108 -265 b -91 -247 -108 -254 -100 -247 b -80 -249 -87 -247 -84 -247 b -49 -263 -70 -255 -57 -260 b -20 -270 -40 -266 -23 -270 b -20 -270 -20 -270 -20 -270 b -20 -267 -20 -270 -20 -269 b -21 174 -21 -266 -21 -208 b -20 619 -21 559 -21 616 b -20 621 -20 620 -20 621 b -20 621 -20 621 -20 621 b -49 614 -23 621 -40 617 b -80 601 -57 612 -70 606 b -91 596 -84 598 -87 596 b -108 616 -100 596 -108 605 l -108 616 l -108 621 l -103 631 b -20 839 -66 689 -38 760 b -8 863 -17 856 -14 859 m 110 131 b 96 133 106 133 100 133 b 89 133 93 133 91 133 b 24 87 63 129 40 113 l 20 80 l 20 -37 l 20 -156 l 23 -152 b 144 81 96 -72 144 20 l 144 83 b 110 131 144 113 134 126 "},"vaf":{"x_min":-209.609375,"x_max":208.25,"ha":213,"o":"m -197 19 b 1 20 -194 19 -96 20 b 196 19 98 20 193 19 b 208 -1 204 15 208 6 b 202 -15 208 -5 206 -11 b 95 -22 197 -20 212 -22 b -1 -22 69 -22 38 -22 b -96 -22 -39 -22 -70 -22 b -204 -15 -213 -22 -198 -20 b -209 -1 -208 -11 -209 -5 b -197 19 -209 6 -205 15 m -12 -113 b -1 -113 -9 -113 -5 -113 b 55 -144 20 -113 43 -124 b 66 -181 62 -155 66 -169 b 27 -244 66 -208 53 -233 b 0 -251 19 -248 9 -251 b -57 -220 -21 -251 -43 -240 b -68 -181 -63 -208 -68 -195 b -12 -113 -68 -151 -46 -120 "},"vb0":{"x_min":0,"x_max":438.28125,"ha":447,"o":"m 212 205 b 219 205 213 205 216 205 b 239 183 228 205 231 204 b 421 -163 298 40 363 -83 b 438 -191 434 -180 438 -186 b 436 -197 438 -192 438 -195 b 424 -206 434 -204 431 -206 b 406 -201 420 -206 415 -205 b 216 -156 347 -172 281 -156 b 23 -205 148 -156 80 -173 b 14 -206 20 -206 17 -206 b 0 -191 6 -206 0 -201 b 6 -176 0 -187 1 -183 b 202 192 63 -104 142 45 b 212 205 205 199 208 202 m 264 48 l 249 81 l 243 94 l 242 91 b 89 -126 208 36 137 -66 b 81 -138 85 -133 81 -138 b 81 -138 81 -138 81 -138 b 81 -138 81 -138 81 -138 b 95 -133 81 -138 87 -136 b 280 -94 156 -108 221 -94 b 334 -98 299 -94 317 -95 b 343 -99 338 -99 343 -99 b 343 -99 343 -99 343 -99 b 338 -94 343 -99 341 -97 b 264 48 318 -58 287 1 "},"vb1":{"x_min":78.9375,"x_max":485.921875,"ha":417,"o":"m 362 378 b 378 380 367 380 372 380 b 472 348 415 380 453 367 b 485 315 481 338 485 327 b 462 273 485 298 477 281 b 439 267 454 269 446 267 b 398 290 424 267 409 274 b 344 319 385 309 364 319 b 281 269 315 319 289 301 b 279 262 280 266 279 262 b 276 256 279 260 277 258 b 274 249 276 254 274 251 b 238 127 273 248 257 192 b 201 4 217 61 201 5 b 166 -1 198 -1 200 -1 b 153 -1 163 -1 157 -1 b 141 -1 148 -1 144 -1 b 104 4 106 -1 107 -1 b 104 6 104 5 104 5 b 142 144 104 13 110 34 b 182 278 164 219 181 276 b 183 288 182 281 182 285 b 185 302 185 292 185 298 b 164 330 185 317 176 328 b 159 330 163 330 161 330 b 102 302 140 330 119 320 b 91 294 95 295 93 294 b 88 294 91 294 89 294 b 78 303 83 294 78 298 b 81 312 78 306 78 309 b 200 373 106 347 160 373 b 215 371 205 373 209 371 b 266 335 235 367 254 353 b 269 331 268 333 269 331 b 269 331 269 331 269 331 b 273 335 269 331 270 334 b 362 378 298 359 330 376 "},"vb2":{"x_min":-80.3125,"x_max":78.9375,"ha":81,"o":"m 23 191 b 32 192 27 192 29 192 b 78 145 57 192 78 172 b 78 140 78 142 78 141 b -10 -72 78 133 70 116 l -50 -165 b -70 -194 -63 -194 -63 -194 b -80 -184 -77 -194 -80 -192 b -76 -159 -80 -179 -78 -172 l -68 -116 b -12 159 -51 -31 -13 156 b 23 191 -6 176 6 188 "},"vb3":{"x_min":0,"x_max":227.3125,"ha":232,"o":"m 91 213 b 100 215 93 215 96 215 b 227 58 167 215 224 144 b 227 52 227 56 227 54 b 61 -201 227 -43 164 -138 b 29 -216 44 -212 36 -216 b 23 -210 27 -216 24 -213 b 21 -205 21 -208 21 -206 b 34 -192 21 -201 25 -197 b 122 -55 89 -161 122 -106 b 104 6 122 -33 117 -12 l 103 9 l 96 9 b 4 79 57 9 17 38 b 0 112 1 90 0 101 b 91 213 0 163 36 209 "},"vb4":{"x_min":-597.53125,"x_max":596.171875,"ha":608,"o":"m -533 324 b -525 327 -530 326 -528 327 b -504 305 -514 327 -504 317 b -504 305 -504 305 -504 305 b -513 284 -504 299 -504 299 b -556 112 -541 226 -556 167 b -545 33 -556 84 -552 58 b -524 -20 -541 15 -532 -9 l -522 -23 l -491 15 l -413 111 b -355 174 -367 169 -363 174 b -351 174 -353 174 -352 174 b -254 86 -343 174 -348 179 b -168 -1 -208 37 -168 -1 b -100 84 -168 -1 -137 37 b -23 173 -28 173 -29 172 b -19 174 -21 174 -20 174 b -8 173 -14 174 -10 173 b 80 86 -5 172 13 151 b 166 -1 127 37 166 -1 b 235 84 166 -1 197 37 b 311 173 306 173 304 172 b 317 174 313 174 314 174 b 326 173 319 174 323 173 b 490 11 329 172 366 134 l 502 -1 l 530 34 b 568 76 560 72 563 74 b 575 77 570 77 573 77 b 596 56 586 77 596 68 b 594 48 596 54 596 51 b 417 -172 592 41 424 -166 b 405 -176 415 -174 409 -176 b 396 -174 401 -176 398 -176 b 307 -87 393 -173 372 -152 b 221 -1 259 -38 221 -1 b 152 -86 221 -1 190 -38 b 76 -176 81 -174 83 -173 b 70 -176 74 -176 73 -176 b 61 -174 66 -176 62 -174 b -27 -87 58 -173 38 -152 b -114 -1 -74 -38 -112 -1 b -182 -86 -114 -1 -145 -38 b -258 -176 -253 -174 -253 -173 b -264 -176 -259 -176 -262 -176 b -274 -174 -268 -176 -272 -174 b -438 -11 -277 -173 -348 -102 l -449 0 l -479 -37 b -524 -80 -513 -80 -514 -80 l -524 -80 b -553 -52 -534 -80 -540 -74 b -597 109 -583 -8 -597 48 b -560 280 -597 165 -585 224 b -533 324 -548 310 -540 322 "},"vb5":{"x_min":-170.140625,"x_max":168.78125,"ha":172,"o":"m -160 -1 b -122 -1 -159 -1 -149 -1 l -87 -1 l -84 -2 b -74 -15 -78 -4 -77 -6 b -20 -201 -73 -18 -49 -102 b 31 -383 8 -301 31 -383 b 85 -197 31 -383 55 -299 b 140 -9 114 -95 138 -11 b 153 0 141 -4 148 0 b 168 -9 159 0 166 -4 b 168 -12 168 -11 168 -11 b 92 -287 168 -20 159 -55 b 14 -555 50 -434 14 -555 b 0 -569 14 -562 6 -569 b -17 -553 -8 -569 -17 -560 b -93 -285 -17 -552 -51 -433 b -170 -16 -166 -36 -170 -20 b -170 -15 -170 -15 -170 -15 b -160 -1 -170 -8 -167 -4 "},"vb6":{"x_min":0,"x_max":556.6875,"ha":568,"o":"m 289 545 b 298 546 292 545 295 546 b 318 533 306 546 315 541 b 319 428 319 530 319 528 l 319 327 l 334 327 b 526 223 412 326 485 285 b 543 172 537 206 543 190 b 447 76 543 122 503 76 b 445 76 446 76 446 76 b 359 165 394 77 359 119 b 368 205 359 179 362 192 b 441 251 382 233 412 251 b 455 249 446 251 451 251 b 460 248 458 249 460 248 b 460 248 460 248 460 248 b 454 254 460 249 458 251 b 334 295 419 280 378 294 l 319 295 l 319 4 l 319 -287 l 321 -285 b 328 -285 322 -285 325 -285 b 524 -99 424 -277 507 -198 b 541 -79 526 -84 530 -79 b 556 -97 551 -79 556 -84 b 548 -133 556 -105 553 -117 b 334 -317 521 -233 434 -306 b 322 -319 329 -317 323 -317 l 319 -319 l 319 -424 b 319 -471 319 -444 319 -459 b 313 -541 319 -544 318 -535 b 298 -548 308 -545 303 -548 b 279 -534 289 -548 281 -542 b 277 -424 277 -531 277 -530 l 277 -317 l 273 -317 b 13 -95 153 -305 51 -217 b 0 2 4 -62 0 -29 b 182 295 0 126 66 238 b 274 324 210 309 249 320 l 277 324 l 277 427 b 279 533 277 528 277 530 b 289 545 281 538 285 542 m 277 2 b 277 291 277 161 277 291 b 268 288 277 291 273 290 b 144 1 179 265 144 184 b 276 -284 144 -199 175 -267 l 277 -285 l 277 2 "},"vb7":{"x_min":-176.9375,"x_max":251.8125,"ha":257,"o":"m -8 631 b -1 632 -6 632 -4 632 b 19 620 8 632 16 628 b 20 503 20 616 20 614 b 20 391 20 442 20 391 b 84 424 20 391 49 406 l 147 456 l 152 456 b 153 456 153 456 153 456 b 175 435 166 456 175 446 b 172 427 175 433 174 430 b 92 380 170 420 172 421 l 20 342 l 20 245 l 20 148 l 21 151 b 137 199 59 183 99 199 b 182 191 152 199 167 197 b 251 84 227 176 251 134 b 228 0 251 58 243 29 b 100 -142 206 -40 178 -72 l 23 -215 b 0 -229 9 -229 6 -229 b -20 -216 -9 -229 -17 -224 b -21 54 -21 -212 -21 -212 b -21 322 -21 201 -21 322 b -85 290 -21 322 -50 308 l -148 256 l -153 256 b -155 256 -155 256 -155 256 b -176 277 -167 256 -176 266 b -174 285 -176 280 -175 283 b -93 333 -171 294 -174 292 l -21 370 l -21 494 b -20 620 -21 616 -21 616 b -8 631 -17 624 -13 630 m 110 131 b 96 133 106 133 100 133 b 89 133 93 133 91 133 b 24 87 63 129 40 113 l 20 80 l 20 -37 l 20 -156 l 23 -152 b 144 81 96 -72 144 20 l 144 83 b 110 131 144 113 134 126 "},"vb8":{"x_min":0,"x_max":175.578125,"ha":179,"o":"m 72 231 b 87 233 77 233 81 233 b 175 142 137 233 175 191 b 164 102 175 130 171 116 b 87 54 149 70 118 54 b 24 80 63 54 42 62 b 0 142 6 98 0 120 b 72 231 0 184 27 224 "},"vb9":{"x_min":-122.5,"x_max":121.140625,"ha":124,"o":"m -16 145 b 0 147 -10 147 -5 147 b 121 -1 66 147 121 77 b 114 -49 121 -16 118 -33 b -1 -148 95 -112 47 -148 b -85 -106 -31 -148 -61 -134 b -122 -1 -110 -76 -122 -38 b -16 145 -122 68 -81 134 m 12 111 b 0 113 8 113 4 113 b -68 22 -29 113 -61 73 b -70 0 -69 15 -70 6 b -13 -113 -70 -49 -47 -98 b -1 -115 -9 -115 -5 -115 b 63 -40 24 -115 53 -83 b 68 -1 66 -27 68 -15 b 12 111 68 48 46 97 "},"vba":{"x_min":-118.421875,"x_max":597.53125,"ha":381,"o":"m 460 574 b 464 574 461 574 462 574 b 488 574 470 574 481 574 b 500 573 491 574 498 574 b 594 503 543 570 588 538 b 597 488 596 498 597 494 b 528 417 597 449 564 417 b 502 423 519 417 510 419 b 465 481 477 434 465 458 b 488 528 465 499 472 516 b 490 530 490 530 490 530 b 490 530 490 530 490 530 b 468 517 488 530 475 523 b 349 340 419 485 377 420 b 347 330 348 334 347 330 b 383 328 347 328 363 328 b 428 326 423 328 424 328 b 442 302 438 320 442 312 b 430 281 442 294 438 285 b 385 276 424 277 426 276 l 377 276 l 332 276 l 330 269 b 178 -117 303 126 250 -9 b 1 -249 129 -194 69 -237 b -20 -251 -6 -251 -13 -251 b -114 -187 -65 -251 -100 -227 b -118 -156 -117 -177 -118 -166 b -51 -84 -118 -116 -91 -84 b -31 -87 -46 -84 -39 -86 b 16 -152 0 -95 16 -124 b -12 -205 16 -173 8 -194 b -16 -208 -14 -206 -16 -208 b -14 -208 -16 -208 -14 -208 b -9 -206 -14 -208 -12 -208 b 74 -124 23 -197 54 -166 b 172 224 98 -79 125 22 b 185 276 178 252 183 274 b 185 276 185 276 185 276 b 141 276 185 276 181 276 b 91 280 96 276 96 276 b 77 302 83 285 77 294 b 91 326 77 312 83 320 b 148 328 95 328 96 328 l 198 330 l 202 341 b 460 574 249 473 351 566 "},"vbb":{"x_min":0,"x_max":288.5625,"ha":294,"o":"m 202 341 b 235 341 213 341 225 341 b 261 341 249 341 259 341 b 288 309 276 340 288 326 l 288 309 b 163 -320 288 305 166 -310 b 142 -341 160 -330 153 -337 b 83 -342 140 -342 111 -342 b 21 -341 54 -342 24 -342 b 0 -310 8 -337 0 -324 b 0 -310 0 -310 0 -310 b 123 316 0 -306 118 297 b 144 340 126 327 133 335 b 202 341 147 341 151 341 "},"vbc":{"x_min":-155.171875,"x_max":153.8125,"ha":158,"o":"m -8 24 b -1 26 -6 24 -4 26 b 21 12 8 26 17 20 b 27 -8 24 9 24 9 b 144 -303 50 -115 93 -227 b 153 -322 151 -315 152 -317 b 153 -330 153 -324 153 -327 b 129 -355 153 -344 142 -355 b 111 -351 123 -355 117 -353 b 0 -319 76 -330 38 -319 b -100 -344 -35 -319 -69 -327 b -112 -351 -104 -345 -110 -348 b -129 -355 -119 -355 -123 -355 b -155 -328 -144 -355 -155 -344 b -145 -303 -155 -322 -155 -319 b -28 -6 -95 -226 -53 -119 b -8 24 -24 13 -20 19 "},"vbd":{"x_min":-390.640625,"x_max":389.28125,"ha":397,"o":"m -378 -2 b -368 -1 -375 -1 -374 -1 b -349 -13 -360 -1 -353 -5 l -348 -16 l -348 -212 l -348 -408 l 0 -408 l 347 -408 l 347 -212 l 347 -16 l 348 -13 b 367 0 352 -5 360 0 b 387 -13 375 0 383 -5 l 389 -16 l 389 -288 l 389 -560 l 387 -564 b 377 -574 385 -569 381 -573 l 372 -577 l 0 -577 l -374 -577 l -378 -574 b -389 -564 -382 -573 -386 -569 l -390 -560 l -390 -288 l -390 -16 l -389 -13 b -378 -2 -386 -8 -382 -4 m -274 -2 b -266 -1 -272 -1 -270 -1 b -246 -13 -257 -1 -250 -5 l -245 -16 l -245 -109 l -245 -202 l 0 -202 l 243 -202 l 243 -109 l 245 -16 l 245 -13 b 265 0 249 -5 257 0 b 284 -13 272 0 280 -5 l 285 -16 l 285 -170 l 285 -324 l 284 -327 b 273 -338 281 -331 279 -335 l 269 -340 l 0 -340 l -270 -340 l -274 -338 b -285 -327 -280 -335 -283 -331 l -287 -324 l -287 -170 l -287 -16 l -285 -13 b -274 -2 -283 -8 -280 -4 m -13 -9 b -1 -8 -9 -8 -5 -8 b 50 -36 19 -8 39 -19 b 61 -72 57 -47 61 -59 b 50 -106 61 -84 57 -97 b -1 -134 39 -124 19 -134 b -46 -115 -17 -134 -34 -129 b -62 -72 -58 -102 -62 -87 b -13 -9 -62 -44 -44 -16 "},"vbe":{"x_min":-122.5,"x_max":121.140625,"ha":124,"o":"m -16 145 b -1 147 -10 147 -5 147 b 119 20 58 147 111 93 b 121 0 119 13 121 6 b 32 -142 121 -66 84 -124 l 24 -144 l 24 -180 b 24 -187 24 -183 24 -184 b 19 -227 24 -222 24 -220 b 0 -237 14 -234 6 -237 b -20 -227 -8 -237 -16 -234 b -25 -187 -25 -220 -25 -222 b -25 -180 -25 -184 -25 -183 l -25 -144 l -34 -142 b -122 0 -85 -124 -122 -66 b -121 20 -122 6 -121 13 b -16 145 -114 84 -70 137 m 12 111 b 0 113 8 113 4 113 b -68 22 -29 113 -61 73 b -69 0 -69 15 -69 6 b -13 -113 -69 -49 -46 -98 b -1 -115 -9 -115 -5 -115 b 63 -40 24 -115 53 -83 b 68 -1 66 -27 68 -15 b 12 111 68 48 46 97 "},"vbf":{"x_min":-53.078125,"x_max":513.140625,"ha":485,"o":"m 185 383 b 196 384 187 383 191 384 b 277 334 230 384 259 365 b 288 301 281 324 288 306 b 288 297 288 298 288 297 b 294 302 289 297 291 299 b 394 370 323 338 367 367 b 404 371 398 370 401 371 b 510 272 453 371 498 328 b 513 237 513 262 513 251 b 507 172 513 217 511 192 b 326 -34 487 59 412 -26 b 314 -36 322 -36 318 -36 b 274 -24 298 -36 283 -31 l 265 -16 b 224 44 246 -1 232 20 b 223 49 224 47 223 49 b 223 49 223 49 223 49 b 149 -197 221 48 149 -194 b 149 -198 149 -197 149 -198 b 170 -210 149 -202 155 -205 b 187 -215 174 -210 175 -212 b 204 -231 201 -219 204 -222 b 197 -245 204 -240 202 -242 l 194 -248 l 76 -248 l -42 -248 l -46 -245 b -53 -231 -51 -242 -53 -240 b -35 -215 -53 -222 -49 -217 b -13 -210 -21 -212 -20 -212 b -6 -208 -10 -209 -8 -208 b 0 -206 -6 -208 -2 -206 b 25 -188 13 -201 21 -195 b 163 280 28 -183 163 276 b 166 291 163 283 164 287 b 167 302 167 295 167 299 b 155 324 167 315 161 324 b 155 324 155 324 155 324 b 65 230 125 322 85 280 b 53 215 61 217 58 215 b 51 215 53 215 51 215 b 42 224 46 215 42 217 b 57 263 42 231 47 244 b 140 360 77 305 104 337 b 152 370 144 365 149 369 b 185 383 157 376 172 381 m 374 306 b 366 308 371 308 368 308 b 300 273 348 308 321 294 b 284 254 288 262 287 259 b 280 242 283 249 281 245 b 257 169 279 240 270 213 l 236 98 l 236 93 b 251 48 238 77 243 61 b 279 27 258 37 272 27 b 281 27 279 27 280 27 b 291 31 281 27 287 30 b 396 170 334 52 378 109 b 406 247 402 197 406 224 b 401 277 406 259 405 270 b 374 306 397 290 383 303 "},"vc0":{"x_min":-571.671875,"x_max":570.3125,"ha":582,"o":"m 156 273 b 163 274 159 273 161 274 b 183 262 171 274 179 269 b 185 158 185 259 185 259 l 185 56 l 231 112 b 284 174 277 172 279 172 b 289 174 285 174 288 174 b 299 173 294 174 298 173 b 462 11 303 172 338 134 l 475 -1 l 503 34 b 541 76 534 72 536 74 b 548 77 544 77 545 77 b 570 56 560 77 570 68 b 567 48 570 54 568 51 b 392 -172 564 41 397 -166 b 378 -176 387 -174 382 -176 b 368 -174 374 -176 371 -176 b 280 -87 367 -173 345 -152 b 194 0 234 -38 194 0 b 189 -6 194 0 191 -2 l 185 -12 l 185 -147 b 185 -210 185 -173 185 -194 b 179 -292 185 -297 185 -287 b 164 -299 175 -297 170 -299 b 145 -287 156 -299 148 -295 b 144 -174 144 -284 144 -284 l 142 -63 l 100 -117 b 46 -176 57 -170 54 -176 b 42 -176 44 -176 43 -176 b -54 -87 32 -174 38 -180 b -140 0 -102 -38 -140 0 b -209 -86 -141 0 -171 -38 b -285 -174 -280 -174 -279 -173 b -291 -176 -287 -176 -289 -176 b -300 -174 -295 -176 -299 -174 b -464 -12 -304 -173 -340 -137 l -476 0 l -504 -34 b -543 -77 -534 -73 -537 -76 b -549 -79 -545 -79 -547 -79 b -571 -58 -562 -79 -571 -69 b -568 -49 -571 -55 -570 -52 b -393 170 -566 -43 -398 165 b -379 174 -389 173 -383 174 b -370 173 -375 174 -372 174 b -281 86 -367 172 -347 151 b -196 0 -235 37 -196 0 b -126 84 -196 0 -164 37 b -50 174 -55 173 -57 172 b -44 174 -49 174 -47 174 b -35 173 -42 174 -38 173 b 127 11 -32 172 16 123 l 138 -1 l 141 1 l 144 4 l 144 130 b 145 260 144 256 144 258 b 156 273 147 266 151 270 "},"vc1":{"x_min":-525.390625,"x_max":524.03125,"ha":535,"o":"m -42 1067 b 1 1068 -27 1068 -13 1068 b 524 534 285 1068 524 831 b 0 0 524 231 283 0 b -118 12 -38 0 -77 4 b -487 335 -284 51 -424 174 b -525 534 -513 402 -525 469 b -42 1067 -525 802 -325 1042 m 38 1038 b 0 1039 25 1039 12 1039 b -460 725 -198 1039 -386 914 l -461 721 l 0 721 l 460 721 l 458 725 b 38 1038 390 899 224 1022 m 472 685 l 470 692 l 0 692 l -470 692 l -473 685 b -496 535 -488 638 -496 587 b -472 377 -496 483 -488 428 l -470 374 l 0 374 l 470 374 l 470 377 b 495 535 487 428 495 483 b 472 685 495 587 488 638 m 458 344 l 460 345 l 0 345 l -461 345 l -460 344 b -402 238 -454 323 -424 269 b 0 27 -303 98 -152 27 b 401 238 151 27 302 98 b 458 344 423 269 453 323 "},"vc2":{"x_min":0,"x_max":337.5625,"ha":344,"o":"m 230 535 b 239 537 232 537 234 537 b 258 524 247 537 254 533 l 259 521 l 259 390 l 259 258 l 285 265 b 318 270 302 269 311 270 b 336 259 328 270 332 267 b 337 208 336 256 337 233 b 336 158 337 184 336 159 b 302 140 332 148 329 147 b 259 130 266 131 259 130 b 259 65 259 130 259 104 b 259 20 259 51 259 36 l 259 -88 l 285 -81 b 318 -76 302 -77 311 -76 b 332 -81 325 -76 328 -77 b 337 -123 336 -87 337 -86 l 337 -138 l 337 -154 b 332 -195 337 -191 336 -190 b 281 -210 328 -199 328 -199 b 262 -216 272 -213 264 -216 l 259 -216 l 259 -349 l 259 -483 l 258 -487 b 239 -499 254 -495 246 -499 b 220 -487 231 -499 223 -495 l 219 -483 l 217 -355 l 217 -227 l 216 -227 l 194 -233 l 152 -244 b 129 -249 140 -247 130 -249 b 127 -410 127 -249 127 -258 b 127 -576 127 -548 127 -573 b 126 -578 126 -577 126 -578 b 127 -580 126 -578 126 -580 b 133 -578 129 -580 130 -578 b 186 -557 152 -576 170 -569 b 197 -555 190 -556 194 -555 b 215 -573 206 -555 215 -562 l 215 -574 l 215 -580 l 209 -588 b 126 -802 172 -648 141 -727 b 107 -823 123 -817 118 -823 b 87 -798 95 -823 91 -817 b 5 -588 69 -718 40 -648 l 0 -580 l 0 -574 b 0 -573 0 -574 0 -574 b 16 -555 0 -562 6 -555 b 27 -557 20 -555 24 -556 b 81 -578 44 -569 62 -576 b 87 -580 84 -578 85 -580 b 88 -578 88 -580 88 -580 b 87 -576 88 -578 88 -577 b 87 -416 87 -573 87 -549 b 85 -260 87 -270 87 -260 b 85 -260 85 -260 85 -260 b 32 -273 74 -263 35 -273 b 13 -260 24 -273 16 -267 b 12 -209 12 -256 12 -256 l 12 -162 l 13 -158 b 74 -134 17 -148 17 -148 l 87 -131 l 87 -22 b 85 86 87 79 87 86 b 85 86 85 86 85 86 b 32 74 74 83 35 74 b 13 86 24 74 16 79 b 12 137 12 90 12 90 l 12 184 l 13 188 b 73 212 17 198 17 198 l 87 215 l 87 348 l 87 481 l 88 485 b 107 498 92 492 99 498 b 117 495 110 498 114 496 b 126 485 121 494 125 489 l 127 481 l 127 353 l 127 226 l 133 226 b 172 235 136 227 153 231 l 212 247 l 217 248 l 217 384 l 219 521 l 220 524 b 230 535 221 528 225 533 m 217 9 b 217 119 217 70 217 119 l 217 119 b 194 113 217 119 206 116 l 152 102 b 129 97 140 99 130 97 b 127 -12 127 97 127 91 l 127 -122 l 133 -120 b 172 -111 136 -119 153 -115 l 212 -101 l 217 -98 l 217 9 "},"vc3":{"x_min":-10.890625,"x_max":299.4375,"ha":294,"o":"m 136 460 b 142 462 137 462 140 462 b 166 449 152 462 161 456 b 171 428 168 446 168 445 b 288 131 194 322 238 209 b 298 115 295 120 296 117 b 299 106 298 112 299 109 b 273 81 299 91 287 81 b 255 86 268 81 261 83 b 155 116 225 104 183 116 l 152 116 l 149 108 b 141 83 148 102 144 91 b 134 48 137 69 134 58 b 149 9 134 34 140 24 b 153 -1 152 5 153 1 b 149 -9 153 -5 152 -6 b 144 -11 148 -11 147 -11 b 122 2 138 -11 133 -6 b 95 61 104 20 95 38 b 107 108 95 74 99 90 b 108 113 107 111 108 112 b 107 113 108 113 108 113 b 102 113 106 113 104 113 b 31 86 76 108 53 98 b 14 80 24 81 20 80 b -10 106 0 80 -10 91 b 0 131 -10 115 -9 116 b 115 430 49 209 91 317 b 136 460 119 451 123 456 "}},"cssFontWeight":"normal","ascender":1903,"underlinePosition":-125,"cssFontStyle":"normal","boundingBox":{"yMin":-2065.375,"xMin":-695.53125,"yMax":1901.578125,"xMax":1159.671875},"resolution":1000,"original_font_information":{"postscript_name":"Gonville-18","version_string":"Version 0.1.8904 ","vendor_url":"","full_font_name":"Gonville-18","font_family_name":"Gonville-18","copyright":"No copyright is claimed on this font file.","description":"","trademark":"","designer":"","designer_url":"","unique_font_identifier":"FontForge 2.0 :Gonville-18 :17-3-2010","license_url":"","license_description":"","manufacturer_name":"","font_sub_family_name":"18"},"descender":-2066,"familyName":"Gonville-18","lineHeight":4093,"underlineThickness":50};
/***/ },
/* 10 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Renderer = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// Support for different rendering contexts: Canvas, Raphael
/* global document: false */
var _canvascontext = __webpack_require__(11);
var _raphaelcontext = __webpack_require__(12);
var _svgcontext = __webpack_require__(13);
var _vex = __webpack_require__(1);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var lastContext = null;
var Renderer = exports.Renderer = function () {
_createClass(Renderer, null, [{
key: 'buildContext',
value: function buildContext(sel, backend, width, height, background) {
var renderer = new Renderer(sel, backend);
if (width && height) {
renderer.resize(width, height);
}
if (!background) background = '#FFF';
var ctx = renderer.getContext();
ctx.setBackgroundFillStyle(background);
Renderer.lastContext = ctx;
return ctx;
}
}, {
key: 'getCanvasContext',
value: function getCanvasContext(sel, width, height, background) {
return Renderer.buildContext(sel, Renderer.Backends.CANVAS, width, height, background);
}
}, {
key: 'getRaphaelContext',
value: function getRaphaelContext(sel, width, height, background) {
return Renderer.buildContext(sel, Renderer.Backends.RAPHAEL, width, height, background);
}
}, {
key: 'getSVGContext',
value: function getSVGContext(sel, width, height, background) {
return Renderer.buildContext(sel, Renderer.Backends.SVG, width, height, background);
}
}, {
key: 'bolsterCanvasContext',
value: function bolsterCanvasContext(ctx) {
if (Renderer.USE_CANVAS_PROXY) {
return new _canvascontext.CanvasContext(ctx);
}
var methodNames = ['clear', 'setFont', 'setRawFont', 'setFillStyle', 'setBackgroundFillStyle', 'setStrokeStyle', 'setShadowColor', 'setShadowBlur', 'setLineWidth', 'setLineCap', 'setLineDash', 'openGroup', 'closeGroup', 'getGroup'];
ctx.vexFlowCanvasContext = ctx;
methodNames.forEach(function (methodName) {
ctx[methodName] = ctx[methodName] || _canvascontext.CanvasContext.prototype[methodName];
});
return ctx;
}
// Draw a dashed line (horizontal, vertical or diagonal
// dashPattern = [3,3] draws a 3 pixel dash followed by a three pixel space.
// setting the second number to 0 draws a solid line.
}, {
key: 'drawDashedLine',
value: function drawDashedLine(context, fromX, fromY, toX, toY, dashPattern) {
context.beginPath();
var dx = toX - fromX;
var dy = toY - fromY;
var angle = Math.atan2(dy, dx);
var x = fromX;
var y = fromY;
context.moveTo(fromX, fromY);
var idx = 0;
var draw = true;
while (!((dx < 0 ? x <= toX : x >= toX) && (dy < 0 ? y <= toY : y >= toY))) {
var dashLength = dashPattern[idx++ % dashPattern.length];
var nx = x + Math.cos(angle) * dashLength;
x = dx < 0 ? Math.max(toX, nx) : Math.min(toX, nx);
var ny = y + Math.sin(angle) * dashLength;
y = dy < 0 ? Math.max(toY, ny) : Math.min(toY, ny);
if (draw) {
context.lineTo(x, y);
} else {
context.moveTo(x, y);
}
draw = !draw;
}
context.closePath();
context.stroke();
}
}, {
key: 'Backends',
get: function get() {
return {
CANVAS: 1,
RAPHAEL: 2,
SVG: 3,
VML: 4
};
}
// End of line types
}, {
key: 'LineEndType',
get: function get() {
return {
NONE: 1, // No leg
UP: 2, // Upward leg
DOWN: 3 };
}
// Set this to true if you're using VexFlow inside a runtime
// that does not allow modifiying canvas objects. There is a small
// performance degradation due to the extra indirection.
}, {
key: 'USE_CANVAS_PROXY',
get: function get() {
return false;
}
}, {
key: 'lastContext',
get: function get() {
return lastContext;
},
set: function set(ctx) {
lastContext = ctx;
}
}]);
function Renderer(sel, backend) {
_classCallCheck(this, Renderer);
// Verify selector
this.sel = sel;
if (!this.sel) {
throw new _vex.Vex.RERR('BadArgument', 'Invalid selector for renderer.');
}
// Get element from selector
this.element = document.getElementById(sel);
if (!this.element) this.element = sel;
// Verify backend and create context
this.ctx = null;
this.paper = null;
this.backend = backend;
if (this.backend === Renderer.Backends.CANVAS) {
// Create context.
if (!this.element.getContext) {
throw new _vex.Vex.RERR('BadElement', 'Can\'t get canvas context from element: ' + sel);
}
this.ctx = Renderer.bolsterCanvasContext(this.element.getContext('2d'));
} else if (this.backend === Renderer.Backends.RAPHAEL) {
this.ctx = new _raphaelcontext.RaphaelContext(this.element);
} else if (this.backend === Renderer.Backends.SVG) {
this.ctx = new _svgcontext.SVGContext(this.element);
} else {
throw new _vex.Vex.RERR('InvalidBackend', 'No support for backend: ' + this.backend);
}
}
_createClass(Renderer, [{
key: 'resize',
value: function resize(width, height) {
if (this.backend === Renderer.Backends.CANVAS) {
if (!this.element.getContext) {
throw new _vex.Vex.RERR('BadElement', 'Can\'t get canvas context from element: ' + this.sel);
}
this.element.width = width;
this.element.height = height;
this.ctx = Renderer.bolsterCanvasContext(this.element.getContext('2d'));
} else {
this.ctx.resize(width, height);
}
return this;
}
}, {
key: 'getContext',
value: function getContext() {
return this.ctx;
}
}]);
return Renderer;
}();
/***/ },
/* 11 */
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
// [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Mohit Muthanna <mohit@muthanna.com>
//
// A rendering context for the Raphael backend.
//
// Copyright Mohit Cheppudira 2010
/** @constructor */
var CanvasContext = exports.CanvasContext = function () {
_createClass(CanvasContext, null, [{
key: 'WIDTH',
get: function get() {
return 600;
}
}, {
key: 'HEIGHT',
get: function get() {
return 400;
}
}]);
function CanvasContext(context) {
_classCallCheck(this, CanvasContext);
// Use a name that is unlikely to clash with a canvas context
// property
this.vexFlowCanvasContext = context;
if (!context.canvas) {
this.canvas = {
width: CanvasContext.WIDTH,
height: CanvasContext.HEIGHT
};
} else {
this.canvas = context.canvas;
}
}
_createClass(CanvasContext, [{
key: 'clear',
value: function clear() {
this.vexFlowCanvasContext.clearRect(0, 0, this.canvas.width, this.canvas.height);
}
// Containers not implemented
}, {
key: 'openGroup',
value: function openGroup() {}
}, {
key: 'closeGroup',
value: function closeGroup() {}
}, {
key: 'add',
value: function add() {}
}, {
key: 'setFont',
value: function setFont(family, size, weight) {
this.vexFlowCanvasContext.font = (weight || '') + ' ' + size + 'pt ' + family;
return this;
}
}, {
key: 'setRawFont',
value: function setRawFont(font) {
this.vexFlowCanvasContext.font = font;
return this;
}
}, {
key: 'setFillStyle',
value: function setFillStyle(style) {
this.vexFlowCanvasContext.fillStyle = style;
return this;
}
}, {
key: 'setBackgroundFillStyle',
value: function setBackgroundFillStyle(style) {
this.background_fillStyle = style;
return this;
}
}, {
key: 'setStrokeStyle',
value: function setStrokeStyle(style) {
this.vexFlowCanvasContext.strokeStyle = style;
return this;
}
}, {
key: 'setShadowColor',
value: function setShadowColor(style) {
this.vexFlowCanvasContext.shadowColor = style;
return this;
}
}, {
key: 'setShadowBlur',
value: function setShadowBlur(blur) {
this.vexFlowCanvasContext.shadowBlur = blur;
return this;
}
}, {
key: 'setLineWidth',
value: function setLineWidth(width) {
this.vexFlowCanvasContext.lineWidth = width;
return this;
}
}, {
key: 'setLineCap',
value: function setLineCap(cap_type) {
this.vexFlowCanvasContext.lineCap = cap_type;
return this;
}
// setLineDash: is the one native method in a canvas context
// that begins with set, therefore we don't bolster the method
// if it already exists (see renderer.bolsterCanvasContext).
// If it doesn't exist, we bolster it and assume it's looking for
// a ctx.lineDash method, as previous versions of VexFlow
// expected.
}, {
key: 'setLineDash',
value: function setLineDash(dash) {
this.vexFlowCanvasContext.lineDash = dash;
return this;
}
}, {
key: 'scale',
value: function scale(x, y) {
return this.vexFlowCanvasContext.scale(parseFloat(x), parseFloat(y));
}
}, {
key: 'resize',
value: function resize(width, height) {
return this.vexFlowCanvasContext.resize(parseInt(width, 10), parseInt(height, 10));
}
}, {
key: 'rect',
value: function rect(x, y, width, height) {
return this.vexFlowCanvasContext.rect(x, y, width, height);
}
}, {
key: 'fillRect',
value: function fillRect(x, y, width, height) {
return this.vexFlowCanvasContext.fillRect(x, y, width, height);
}
}, {
key: 'clearRect',
value: function clearRect(x, y, width, height) {
return this.vexFlowCanvasContext.clearRect(x, y, width, height);
}
}, {
key: 'beginPath',
value: function beginPath() {
return this.vexFlowCanvasContext.beginPath();
}
}, {
key: 'moveTo',
value: function moveTo(x, y) {
return this.vexFlowCanvasContext.moveTo(x, y);
}
}, {
key: 'lineTo',
value: function lineTo(x, y) {
return this.vexFlowCanvasContext.lineTo(x, y);
}
}, {
key: 'bezierCurveTo',
value: function bezierCurveTo(x1, y1, x2, y2, x, y) {
return this.vexFlowCanvasContext.bezierCurveTo(x1, y1, x2, y2, x, y);
}
}, {
key: 'quadraticCurveTo',
value: function quadraticCurveTo(x1, y1, x, y) {
return this.vexFlowCanvasContext.quadraticCurveTo(x1, y1, x, y);
}
// This is an attempt (hack) to simulate the HTML5 canvas
// arc method.
}, {
key: 'arc',
value: function arc(x, y, radius, startAngle, endAngle, antiClockwise) {
return this.vexFlowCanvasContext.arc(x, y, radius, startAngle, endAngle, antiClockwise);
}
// Adapted from the source for Raphael's Element.glow
}, {
key: 'glow',
value: function glow() {
return this.vexFlowCanvasContext.glow();
}
}, {
key: 'fill',
value: function fill() {
return this.vexFlowCanvasContext.fill();
}
}, {
key: 'stroke',
value: function stroke() {
return this.vexFlowCanvasContext.stroke();
}
}, {
key: 'closePath',
value: function closePath() {
return this.vexFlowCanvasContext.closePath();
}
}, {
key: 'measureText',
value: function measureText(text) {
return this.vexFlowCanvasContext.measureText(text);
}
}, {
key: 'fillText',
value: function fillText(text, x, y) {
return this.vexFlowCanvasContext.fillText(text, x, y);
}
}, {
key: 'save',
value: function save() {
return this.vexFlowCanvasContext.save();
}
}, {
key: 'restore',
value: function restore() {
return this.vexFlowCanvasContext.restore();
}
}]);
return CanvasContext;
}();
/***/ },
/* 12 */
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
// [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// A rendering context for the Raphael backend.
//
// ## Warning: Deprecated for SVGContext
// Except in instances where SVG support for IE < 9.0 is
// needed, SVGContext is recommended.
var RaphaelContext = exports.RaphaelContext = function () {
function RaphaelContext(element) {
_classCallCheck(this, RaphaelContext);
this.element = element;
this.paper = Raphael(element); // eslint-disable-line
this.path = '';
this.pen = { x: 0, y: 0 };
this.lineWidth = 1.0;
this.state = {
scale: { x: 1, y: 1 },
font_family: 'Arial',
font_size: 8,
font_weight: 800
};
this.attributes = {
'stroke-width': 0.3,
'fill': 'black',
'stroke': 'black',
'font': '10pt Arial'
};
this.background_attributes = {
'stroke-width': 0,
'fill': 'white',
'stroke': 'white',
'font': '10pt Arial'
};
this.shadow_attributes = {
width: 0,
color: 'black'
};
this.state_stack = [];
}
// Containers not implemented
_createClass(RaphaelContext, [{
key: 'openGroup',
value: function openGroup() {}
}, {
key: 'closeGroup',
value: function closeGroup() {}
}, {
key: 'add',
value: function add() {}
}, {
key: 'setFont',
value: function setFont(family, size, weight) {
this.state.font_family = family;
this.state.font_size = size;
this.state.font_weight = weight;
this.attributes.font = (this.state.font_weight || '') + ' ' + this.state.font_size * this.state.scale.x + 'pt ' + this.state.font_family;
return this;
}
}, {
key: 'setRawFont',
value: function setRawFont(font) {
this.attributes.font = font;
return this;
}
}, {
key: 'setFillStyle',
value: function setFillStyle(style) {
this.attributes.fill = style;
return this;
}
}, {
key: 'setBackgroundFillStyle',
value: function setBackgroundFillStyle(style) {
this.background_attributes.fill = style;
this.background_attributes.stroke = style;
return this;
}
}, {
key: 'setStrokeStyle',
value: function setStrokeStyle(style) {
this.attributes.stroke = style;
return this;
}
}, {
key: 'setShadowColor',
value: function setShadowColor(style) {
this.shadow_attributes.color = style;
return this;
}
}, {
key: 'setShadowBlur',
value: function setShadowBlur(blur) {
this.shadow_attributes.width = blur;
return this;
}
}, {
key: 'setLineWidth',
value: function setLineWidth(width) {
this.attributes['stroke-width'] = width;
this.lineWidth = width;
}
// Empty because there is no equivalent in SVG
}, {
key: 'setLineDash',
value: function setLineDash() {
return this;
}
}, {
key: 'setLineCap',
value: function setLineCap() {
return this;
}
}, {
key: 'scale',
value: function scale(x, y) {
this.state.scale = { x: x, y: y };
// The scale() method is deprecated as of Raphael.JS 2.0, and
// can no longer be used as an option in an Element.attr() call.
// It is preserved here for users running earlier versions of
// Raphael.JS, though it has no effect on the SVG output in
// Raphael 2 and higher.
this.attributes.transform = 'S' + x + ',' + y + ',0,0';
this.attributes.scale = x + ',' + y + ',0,0';
this.attributes.font = this.state.font_size * this.state.scale.x + 'pt ' + this.state.font_family;
this.background_attributes.transform = 'S' + x + ',' + y + ',0,0';
this.background_attributes.font = this.state.font_size * this.state.scale.x + 'pt ' + this.state.font_family;
return this;
}
}, {
key: 'clear',
value: function clear() {
this.paper.clear();
}
}, {
key: 'resize',
value: function resize(width, height) {
this.element.style.width = width;
this.paper.setSize(width, height);
return this;
}
// Sets the SVG `viewBox` property, which results in auto scaling images when its container
// is resized.
//
// Usage: `ctx.setViewBox("0 0 600 400")`
}, {
key: 'setViewBox',
value: function setViewBox(viewBox) {
this.paper.canvas.setAttribute('viewBox', viewBox);
}
}, {
key: 'rect',
value: function rect(x, y, width, height) {
if (height < 0) {
y += height;
height = -height;
}
this.paper.rect(x, y, width - 0.5, height - 0.5).attr(this.attributes).attr('fill', 'none').attr('stroke-width', this.lineWidth);
return this;
}
}, {
key: 'fillRect',
value: function fillRect(x, y, width, height) {
if (height < 0) {
y += height;
height = -height;
}
this.paper.rect(x, y, width - 0.5, height - 0.5).attr(this.attributes);
return this;
}
}, {
key: 'clearRect',
value: function clearRect(x, y, width, height) {
if (height < 0) {
y += height;
height = -height;
}
this.paper.rect(x, y, width - 0.5, height - 0.5).attr(this.background_attributes);
return this;
}
}, {
key: 'beginPath',
value: function beginPath() {
this.path = '';
this.pen.x = 0;
this.pen.y = 0;
return this;
}
}, {
key: 'moveTo',
value: function moveTo(x, y) {
this.path += 'M' + x + ',' + y;
this.pen.x = x;
this.pen.y = y;
return this;
}
}, {
key: 'lineTo',
value: function lineTo(x, y) {
this.path += 'L' + x + ',' + y;
this.pen.x = x;
this.pen.y = y;
return this;
}
}, {
key: 'bezierCurveTo',
value: function bezierCurveTo(x1, y1, x2, y2, x, y) {
this.path += 'C' + x1 + ',' + y1 + ',' + x2 + ',' + y2 + ',' + x + ',' + y;
this.pen.x = x;
this.pen.y = y;
return this;
}
}, {
key: 'quadraticCurveTo',
value: function quadraticCurveTo(x1, y1, x, y) {
this.path += 'Q' + x1 + ',' + y1 + ',' + x + ',' + y;
this.pen.x = x;
this.pen.y = y;
return this;
}
// This is an attempt (hack) to simulate the HTML5 canvas
// arc method.
}, {
key: 'arc',
value: function arc(x, y, radius, startAngle, endAngle, antiClockwise) {
function normalizeAngle(angle) {
while (angle < 0) {
angle += Math.PI * 2;
}
while (angle > Math.PI * 2) {
angle -= Math.PI * 2;
}
return angle;
}
startAngle = normalizeAngle(startAngle);
endAngle = normalizeAngle(endAngle);
if (startAngle > endAngle) {
var tmp = startAngle;
startAngle = endAngle;
endAngle = tmp;
antiClockwise = !antiClockwise;
}
var delta = endAngle - startAngle;
if (delta > Math.PI) {
this.arcHelper(x, y, radius, startAngle, startAngle + delta / 2, antiClockwise);
this.arcHelper(x, y, radius, startAngle + delta / 2, endAngle, antiClockwise);
} else {
this.arcHelper(x, y, radius, startAngle, endAngle, antiClockwise);
}
return this;
}
}, {
key: 'arcHelper',
value: function arcHelper(x, y, radius, startAngle, endAngle, antiClockwise) {
var x1 = x + radius * Math.cos(startAngle);
var y1 = y + radius * Math.sin(startAngle);
var x2 = x + radius * Math.cos(endAngle);
var y2 = y + radius * Math.sin(endAngle);
var largeArcFlag = 0;
var sweepFlag = 0;
if (antiClockwise) {
sweepFlag = 1;
if (endAngle - startAngle < Math.PI) {
largeArcFlag = 1;
}
} else if (endAngle - startAngle > Math.PI) {
largeArcFlag = 1;
}
this.path += 'M' + x1 + ',' + y1 + ',A' + radius + ',' + radius + ',0,' + largeArcFlag + ',' + sweepFlag + ',' + x2 + ',' + y2 + 'M' + this.pen.x + ',' + this.pen.y;
}
// Adapted from the source for Raphael's Element.glow
}, {
key: 'glow',
value: function glow() {
var out = this.paper.set();
if (this.shadow_attributes.width > 0) {
var sa = this.shadow_attributes;
var num_paths = sa.width / 2;
for (var i = 1; i <= num_paths; i++) {
out.push(this.paper.path(this.path).attr({
stroke: sa.color,
'stroke-linejoin': 'round',
'stroke-linecap': 'round',
'stroke-width': +(sa.width / num_paths * i).toFixed(3),
opacity: +((sa.opacity || 0.3) / num_paths).toFixed(3),
// See note in this.scale(): In Raphael the scale() method
// is deprecated and removed as of Raphael 2.0 and replaced
// by the transform() method. It is preserved here for
// users with earlier versions of Raphael, but has no effect
// on the output SVG in Raphael 2.0+.
transform: this.attributes.transform,
scale: this.attributes.scale
}));
}
}
return out;
}
}, {
key: 'fill',
value: function fill() {
var elem = this.paper.path(this.path).attr(this.attributes).attr('stroke-width', 0);
this.glow(elem);
return this;
}
}, {
key: 'stroke',
value: function stroke() {
// The first line of code below is, unfortunately, a bit of a hack:
// Raphael's transform() scaling does not scale the stroke-width, so
// in order to scale a stroke, we have to manually scale the
// stroke-width.
//
// This works well so long as the X & Y states for this.scale() are
// relatively similar. However, if they are very different, we
// would expect horizontal and vertical lines to have different
// stroke-widths.
//
// In the future, if we want to support very divergent values for
// horizontal and vertical scaling, we may want to consider
// implementing SVG scaling with properties of the SVG viewBox &
// viewPort and removing it entirely from the Element.attr() calls.
// This would more closely parallel the approach taken in
// canvascontext.js as well.
var strokeWidth = this.lineWidth * (this.state.scale.x + this.state.scale.y) / 2;
var elem = this.paper.path(this.path).attr(this.attributes).attr('fill', 'none').attr('stroke-width', strokeWidth);
this.glow(elem);
return this;
}
}, {
key: 'closePath',
value: function closePath() {
this.path += 'Z';
return this;
}
}, {
key: 'measureText',
value: function measureText(text) {
var txt = this.paper.text(0, 0, text).attr(this.attributes).attr('fill', 'none').attr('stroke', 'none');
var bounds = txt.getBBox();
txt.remove();
return {
width: bounds.width,
height: bounds.height
};
}
}, {
key: 'fillText',
value: function fillText(text, x, y) {
this.paper.text(x + this.measureText(text).width / 2, y - this.state.font_size / (2.25 * this.state.scale.y), text).attr(this.attributes);
return this;
}
}, {
key: 'save',
value: function save() {
// TODO(mmuthanna): State needs to be deep-copied.
this.state_stack.push({
state: {
font_family: this.state.font_family
},
attributes: {
font: this.attributes.font,
fill: this.attributes.fill,
stroke: this.attributes.stroke,
'stroke-width': this.attributes['stroke-width']
},
shadow_attributes: {
width: this.shadow_attributes.width,
color: this.shadow_attributes.color
}
});
return this;
}
}, {
key: 'restore',
value: function restore() {
// TODO(0xfe): State needs to be deep-restored.
var state = this.state_stack.pop();
this.state.font_family = state.state.font_family;
this.attributes.font = state.attributes.font;
this.attributes.fill = state.attributes.fill;
this.attributes.stroke = state.attributes.stroke;
this.attributes['stroke-width'] = state.attributes['stroke-width'];
this.shadow_attributes.width = state.shadow_attributes.width;
this.shadow_attributes.color = state.shadow_attributes.color;
return this;
}
}]);
return RaphaelContext;
}();
/***/ },
/* 13 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.SVGContext = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// @author Gregory Ristow (2015)
var _vex = __webpack_require__(1);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var SVGContext = exports.SVGContext = function () {
function SVGContext(element) {
_classCallCheck(this, SVGContext);
// element is the parent DOM object
this.element = element;
// Create the SVG in the SVG namespace:
this.svgNS = 'http://www.w3.org/2000/svg';
var svg = this.create('svg');
// Add it to the canvas:
this.element.appendChild(svg);
// Point to it:
this.svg = svg;
this.groups = [this.svg]; // Create the group stack
this.parent = this.svg;
this.path = '';
this.pen = { x: 0, y: 0 };
this.lineWidth = 1.0;
this.state = {
scale: { x: 1, y: 1 },
'font-family': 'Arial',
'font-size': '8pt',
'font-weight': 'normal'
};
this.attributes = {
'stroke-width': 0.3,
'fill': 'black',
'stroke': 'black',
'stroke-dasharray': 'none',
'font-family': 'Arial',
'font-size': '10pt',
'font-weight': 'normal',
'font-style': 'normal'
};
this.background_attributes = {
'stroke-width': 0,
'fill': 'white',
'stroke': 'white',
'stroke-dasharray': 'none',
'font-family': 'Arial',
'font-size': '10pt',
'font-weight': 'normal',
'font-style': 'normal'
};
this.shadow_attributes = {
width: 0,
color: 'black'
};
this.state_stack = [];
// Test for Internet Explorer
this.iePolyfill();
}
_createClass(SVGContext, [{
key: 'create',
value: function create(svgElementType) {
return document.createElementNS(this.svgNS, svgElementType);
}
// Allow grouping elements in containers for interactivity.
}, {
key: 'openGroup',
value: function openGroup(cls, id, attrs) {
var group = this.create('g');
this.groups.push(group);
this.parent.appendChild(group);
this.parent = group;
if (cls) group.setAttribute('class', _vex.Vex.Prefix(cls));
if (id) group.setAttribute('id', _vex.Vex.Prefix(id));
if (attrs && attrs.pointerBBox) {
group.setAttribute('pointer-events', 'bounding-box');
}
return group;
}
}, {
key: 'closeGroup',
value: function closeGroup() {
this.groups.pop();
this.parent = this.groups[this.groups.length - 1];
}
}, {
key: 'add',
value: function add(elem) {
this.parent.appendChild(elem);
}
// Tests if the browser is Internet Explorer; if it is,
// we do some tricks to improve text layout. See the
// note at ieMeasureTextFix() for details.
}, {
key: 'iePolyfill',
value: function iePolyfill() {
if (typeof navigator !== 'undefined') {
this.ie = /MSIE 9/i.test(navigator.userAgent) || /MSIE 10/i.test(navigator.userAgent) || /rv:11\.0/i.test(navigator.userAgent) || /Trident/i.test(navigator.userAgent);
}
}
// ### Styling & State Methods:
}, {
key: 'setFont',
value: function setFont(family, size, weight) {
// Unlike canvas, in SVG italic is handled by font-style,
// not weight. So: we search the weight argument and
// apply bold and italic to weight and style respectively.
var bold = false;
var italic = false;
var style = 'normal';
// Weight might also be a number (200, 400, etc...) so we
// test its type to be sure we have access to String methods.
if (typeof weight === 'string') {
// look for "italic" in the weight:
if (weight.indexOf('italic') !== -1) {
weight = weight.replace(/italic/g, '');
italic = true;
}
// look for "bold" in weight
if (weight.indexOf('bold') !== -1) {
weight = weight.replace(/bold/g, '');
bold = true;
}
// remove any remaining spaces
weight = weight.replace(/ /g, '');
}
weight = bold ? 'bold' : weight;
weight = typeof weight === 'undefined' || weight === '' ? 'normal' : weight;
style = italic ? 'italic' : style;
var fontAttributes = {
'font-family': family,
'font-size': size + 'pt',
'font-weight': weight,
'font-style': style
};
// Store the font size so that if the browser is Internet
// Explorer we can fix its calculations of text width.
this.fontSize = Number(size);
_vex.Vex.Merge(this.attributes, fontAttributes);
_vex.Vex.Merge(this.state, fontAttributes);
return this;
}
}, {
key: 'setRawFont',
value: function setRawFont(font) {
font = font.trim();
// Assumes size first, splits on space -- which is presently
// how all existing modules are calling this.
var fontArray = font.split(' ');
this.attributes['font-family'] = fontArray[1];
this.state['font-family'] = fontArray[1];
this.attributes['font-size'] = fontArray[0];
this.state['font-size'] = fontArray[0];
// Saves fontSize for IE polyfill
this.fontSize = Number(fontArray[0].match(/\d+/));
return this;
}
}, {
key: 'setFillStyle',
value: function setFillStyle(style) {
this.attributes.fill = style;
return this;
}
}, {
key: 'setBackgroundFillStyle',
value: function setBackgroundFillStyle(style) {
this.background_attributes.fill = style;
this.background_attributes.stroke = style;
return this;
}
}, {
key: 'setStrokeStyle',
value: function setStrokeStyle(style) {
this.attributes.stroke = style;
return this;
}
}, {
key: 'setShadowColor',
value: function setShadowColor(style) {
this.shadow_attributes.color = style;
return this;
}
}, {
key: 'setShadowBlur',
value: function setShadowBlur(blur) {
this.shadow_attributes.width = blur;
return this;
}
}, {
key: 'setLineWidth',
value: function setLineWidth(width) {
this.attributes['stroke-width'] = width;
this.lineWidth = width;
}
// @param array {lineDash} as [dashInt, spaceInt, dashInt, spaceInt, etc...]
}, {
key: 'setLineDash',
value: function setLineDash(lineDash) {
if (Object.prototype.toString.call(lineDash) === '[object Array]') {
lineDash = lineDash.join(', ');
this.attributes['stroke-dasharray'] = lineDash;
return this;
} else {
throw new _vex.Vex.RERR('ArgumentError', 'lineDash must be an array of integers.');
}
}
}, {
key: 'setLineCap',
value: function setLineCap(lineCap) {
this.attributes['stroke-linecap'] = lineCap;
return this;
}
// ### Sizing & Scaling Methods:
// TODO (GCR): See note at scale() -- seperate our internal
// conception of pixel-based width/height from the style.width
// and style.height properties eventually to allow users to
// apply responsive sizing attributes to the SVG.
}, {
key: 'resize',
value: function resize(width, height) {
this.width = width;
this.height = height;
this.element.style.width = width;
var attributes = {
width: width,
height: height
};
this.applyAttributes(this.svg, attributes);
return this;
}
}, {
key: 'scale',
value: function scale(x, y) {
// uses viewBox to scale
// TODO (GCR): we may at some point want to distinguish the
// style.width / style.height properties that are applied to
// the SVG object from our internal conception of the SVG
// width/height. This would allow us to create automatically
// scaling SVG's that filled their containers, for instance.
//
// As this isn't implemented in Canvas or Raphael contexts,
// I've left as is for now, but in using the viewBox to
// handle internal scaling, am trying to make it possible
// for us to eventually move in that direction.
this.state.scale = { x: x, y: y };
var visibleWidth = this.width / x;
var visibleHeight = this.height / y;
this.setViewBox(0, 0, visibleWidth, visibleHeight);
return this;
}
}, {
key: 'setViewBox',
value: function setViewBox() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
// Override for "x y w h" style:
if (args.length === 1) {
var viewBox = args[0];
this.svg.setAttribute('viewBox', viewBox);
} else {
var xMin = args[0];
var yMin = args[1];
var width = args[2];
var height = args[3];
var viewBoxString = xMin + ' ' + yMin + ' ' + width + ' ' + height;
this.svg.setAttribute('viewBox', viewBoxString);
}
}
// ### Drawing helper methods:
}, {
key: 'applyAttributes',
value: function applyAttributes(element, attributes) {
Object.keys(attributes).forEach(function (propertyName) {
return element.setAttributeNS(null, propertyName, attributes[propertyName]);
});
return element;
}
// ### Shape & Path Methods:
}, {
key: 'clear',
value: function clear() {
// Clear the SVG by removing all inner children.
// (This approach is usually slightly more efficient
// than removing the old SVG & adding a new one to
// the container element, since it does not cause the
// container to resize twice. Also, the resize
// triggered by removing the entire SVG can trigger
// a touchcancel event when the element resizes away
// from a touch point.)
while (this.svg.lastChild) {
this.svg.removeChild(this.svg.lastChild);
}
// Replace the viewbox attribute we just removed:
this.scale(this.state.scale.x, this.state.scale.y);
}
// ## Rectangles:
}, {
key: 'rect',
value: function rect(x, y, width, height, attributes) {
// Avoid invalid negative height attribs by
// flipping the rectangle on its head:
if (height < 0) {
y += height;
height *= -1;
}
// Create the rect & style it:
var rectangle = this.create('rect');
if (typeof attributes === 'undefined') {
attributes = {
fill: 'none',
'stroke-width': this.lineWidth,
stroke: 'black'
};
}
_vex.Vex.Merge(attributes, {
x: x,
y: y,
width: width,
height: height
});
this.applyAttributes(rectangle, attributes);
this.add(rectangle);
return this;
}
}, {
key: 'fillRect',
value: function fillRect(x, y, width, height) {
if (height < 0) {
y += height;
height *= -1;
}
this.rect(x, y, width, height, this.attributes);
return this;
}
}, {
key: 'clearRect',
value: function clearRect(x, y, width, height) {
// TODO(GCR): Improve implementation of this...
// Currently it draws a box of the background color, rather
// than creating alpha through lower z-levels.
//
// See the implementation of this in SVGKit:
// http://sourceforge.net/projects/svgkit/
// as a starting point.
//
// Adding a large number of transform paths (as we would
// have to do) could be a real performance hit. Since
// tabNote seems to be the only module that makes use of this
// it may be worth creating a seperate tabStave that would
// draw lines around locations of tablature fingering.
//
this.rect(x, y, width, height, this.background_attributes);
return this;
}
// ## Paths:
}, {
key: 'beginPath',
value: function beginPath() {
this.path = '';
this.pen.x = 0;
this.pen.y = 0;
return this;
}
}, {
key: 'moveTo',
value: function moveTo(x, y) {
this.path += 'M' + x + ' ' + y;
this.pen.x = x;
this.pen.y = y;
return this;
}
}, {
key: 'lineTo',
value: function lineTo(x, y) {
this.path += 'L' + x + ' ' + y;
this.pen.x = x;
this.pen.y = y;
return this;
}
}, {
key: 'bezierCurveTo',
value: function bezierCurveTo(x1, y1, x2, y2, x, y) {
this.path += 'C' + x1 + ' ' + y1 + ',' + x2 + ' ' + y2 + ',' + x + ' ' + y;
this.pen.x = x;
this.pen.y = y;
return this;
}
}, {
key: 'quadraticCurveTo',
value: function quadraticCurveTo(x1, y1, x, y) {
this.path += 'Q' + x1 + ' ' + y1 + ',' + x + ' ' + y;
this.pen.x = x;
this.pen.y = y;
return this;
}
// This is an attempt (hack) to simulate the HTML5 canvas
// arc method.
}, {
key: 'arc',
value: function arc(x, y, radius, startAngle, endAngle, antiClockwise) {
function normalizeAngle(angle) {
while (angle < 0) {
angle += Math.PI * 2;
}
while (angle > Math.PI * 2) {
angle -= Math.PI * 2;
}
return angle;
}
startAngle = normalizeAngle(startAngle);
endAngle = normalizeAngle(endAngle);
if (startAngle > endAngle) {
var tmp = startAngle;
startAngle = endAngle;
endAngle = tmp;
antiClockwise = !antiClockwise;
}
var delta = endAngle - startAngle;
if (delta > Math.PI) {
this.arcHelper(x, y, radius, startAngle, startAngle + delta / 2, antiClockwise);
this.arcHelper(x, y, radius, startAngle + delta / 2, endAngle, antiClockwise);
} else {
this.arcHelper(x, y, radius, startAngle, endAngle, antiClockwise);
}
return this;
}
}, {
key: 'arcHelper',
value: function arcHelper(x, y, radius, startAngle, endAngle, antiClockwise) {
var x1 = x + radius * Math.cos(startAngle);
var y1 = y + radius * Math.sin(startAngle);
var x2 = x + radius * Math.cos(endAngle);
var y2 = y + radius * Math.sin(endAngle);
var largeArcFlag = 0;
var sweepFlag = 0;
if (antiClockwise) {
sweepFlag = 1;
if (endAngle - startAngle < Math.PI) {
largeArcFlag = 1;
}
} else if (endAngle - startAngle > Math.PI) {
largeArcFlag = 1;
}
this.path += 'M' + x1 + ' ' + y1 + ' A' + radius + ' ' + radius + ' 0 ' + largeArcFlag + ' ' + sweepFlag + ' ' + x2 + ' ' + y2 + 'M' + this.pen.x + ' ' + this.pen.y;
}
}, {
key: 'closePath',
value: function closePath() {
this.path += 'Z';
return this;
}
// Adapted from the source for Raphael's Element.glow
}, {
key: 'glow',
value: function glow() {
// Calculate the width & paths of the glow:
if (this.shadow_attributes.width > 0) {
var sa = this.shadow_attributes;
var num_paths = sa.width / 2;
// Stroke at varying widths to create effect of gaussian blur:
for (var i = 1; i <= num_paths; i++) {
var attributes = {
stroke: sa.color,
'stroke-linejoin': 'round',
'stroke-linecap': 'round',
'stroke-width': +(sa.width * 0.4 / num_paths * i).toFixed(3),
opacity: +((sa.opacity || 0.3) / num_paths).toFixed(3)
};
var path = this.create('path');
attributes.d = this.path;
this.applyAttributes(path, attributes);
this.add(path);
}
}
return this;
}
}, {
key: 'fill',
value: function fill(attributes) {
// If our current path is set to glow, make it glow
this.glow();
var path = this.create('path');
if (typeof attributes === 'undefined') {
attributes = {};
_vex.Vex.Merge(attributes, this.attributes);
attributes.stroke = 'none';
}
attributes.d = this.path;
this.applyAttributes(path, attributes);
this.add(path);
return this;
}
}, {
key: 'stroke',
value: function stroke() {
// If our current path is set to glow, make it glow.
this.glow();
var path = this.create('path');
var attributes = {};
_vex.Vex.Merge(attributes, this.attributes);
attributes.fill = 'none';
attributes['stroke-width'] = this.lineWidth;
attributes.d = this.path;
this.applyAttributes(path, attributes);
this.add(path);
return this;
}
// ## Text Methods:
}, {
key: 'measureText',
value: function measureText(text) {
var txt = this.create('text');
if (typeof txt.getBBox !== 'function') {
return { x: 0, y: 0, width: 0, height: 0 };
}
txt.textContent = text;
this.applyAttributes(txt, this.attributes);
// Temporarily add it to the document for measurement.
this.svg.appendChild(txt);
var bbox = txt.getBBox();
if (this.ie && text !== '' && this.attributes['font-style'] === 'italic') {
bbox = this.ieMeasureTextFix(bbox, text);
}
this.svg.removeChild(txt);
return bbox;
}
}, {
key: 'ieMeasureTextFix',
value: function ieMeasureTextFix(bbox) {
// Internet Explorer over-pads text in italics,
// resulting in giant width estimates for measureText.
// To fix this, we use this formula, tested against
// ie 11:
// overestimate (in pixels) = FontSize(in pt) * 1.196 + 1.96
// And then subtract the overestimate from calculated width.
var fontSize = Number(this.fontSize);
var m = 1.196;
var b = 1.9598;
var widthCorrection = m * fontSize + b;
var width = bbox.width - widthCorrection;
var height = bbox.height - 1.5;
// Get non-protected copy:
var box = {
x: bbox.x,
y: bbox.y,
width: width,
height: height
};
return box;
}
}, {
key: 'fillText',
value: function fillText(text, x, y) {
var attributes = {};
_vex.Vex.Merge(attributes, this.attributes);
attributes.stroke = 'none';
attributes.x = x;
attributes.y = y;
var txt = this.create('text');
txt.textContent = text;
this.applyAttributes(txt, attributes);
this.add(txt);
}
}, {
key: 'save',
value: function save() {
// TODO(mmuthanna): State needs to be deep-copied.
this.state_stack.push({
state: {
'font-family': this.state['font-family'],
'font-weight': this.state['font-weight'],
'font-style': this.state['font-style'],
'font-size': this.state['font-size']
},
attributes: {
'font-family': this.attributes['font-family'],
'font-weight': this.attributes['font-weight'],
'font-style': this.attributes['font-style'],
'font-size': this.attributes['font-size'],
fill: this.attributes.fill,
stroke: this.attributes.stroke,
'stroke-width': this.attributes['stroke-width'],
'stroke-dasharray': this.attributes['stroke-dasharray']
},
shadow_attributes: {
width: this.shadow_attributes.width,
color: this.shadow_attributes.color
}
});
return this;
}
}, {
key: 'restore',
value: function restore() {
// TODO(0xfe): State needs to be deep-restored.
var state = this.state_stack.pop();
this.state['font-family'] = state.state['font-family'];
this.state['font-weight'] = state.state['font-weight'];
this.state['font-style'] = state.state['font-style'];
this.state['font-size'] = state.state['font-size'];
this.attributes['font-family'] = state.attributes['font-family'];
this.attributes['font-weight'] = state.attributes['font-weight'];
this.attributes['font-style'] = state.attributes['font-style'];
this.attributes['font-size'] = state.attributes['font-size'];
this.attributes.fill = state.attributes.fill;
this.attributes.stroke = state.attributes.stroke;
this.attributes['stroke-width'] = state.attributes['stroke-width'];
this.attributes['stroke-dasharray'] = state.attributes['stroke-dasharray'];
this.shadow_attributes.width = state.shadow_attributes.width;
this.shadow_attributes.color = state.shadow_attributes.color;
return this;
}
}]);
return SVGContext;
}();
/***/ },
/* 14 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Formatter = undefined;
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
//
// This file implements the formatting and layout algorithms that are used
// to position notes in a voice. The algorithm can align multiple voices both
// within a stave, and across multiple staves.
//
// To do this, the formatter breaks up voices into a grid of rational-valued
// `ticks`, to which each note is assigned. Then, minimum widths are assigned
// to each tick based on the widths of the notes and modifiers in that tick. This
// establishes the smallest amount of space required for each tick.
//
// Finally, the formatter distributes the left over space proportionally to
// all the ticks, setting the `x` values of the notes in each tick.
//
// See `tests/formatter_tests.js` for usage examples. The helper functions included
// here (`FormatAndDraw`, `FormatAndDrawTab`) also serve as useful usage examples.
var _vex = __webpack_require__(1);
var _beam = __webpack_require__(15);
var _tables = __webpack_require__(2);
var _fraction = __webpack_require__(3);
var _voice = __webpack_require__(18);
var _staveconnector = __webpack_require__(19);
var _stavenote = __webpack_require__(20);
var _note = __webpack_require__(22);
var _modifiercontext = __webpack_require__(27);
var _tickcontext = __webpack_require__(39);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
// To enable logging for this class. Set `Vex.Flow.Formatter.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (Formatter.DEBUG) _vex.Vex.L('Vex.Flow.Formatter', args);
}
// Helper function to locate the next non-rest note(s).
function lookAhead(notes, restLine, i, compare) {
// If no valid next note group, nextRestLine is same as current.
var nextRestLine = restLine;
// Get the rest line for next valid non-rest note group.
for (i += 1; i < notes.length; i += 1) {
var note = notes[i];
if (!note.isRest() && !note.shouldIgnoreTicks()) {
nextRestLine = note.getLineForRest();
break;
}
}
// Locate the mid point between two lines.
if (compare && restLine !== nextRestLine) {
var top = Math.max(restLine, nextRestLine);
var bot = Math.min(restLine, nextRestLine);
nextRestLine = _vex.Vex.MidLine(top, bot);
}
return nextRestLine;
}
// Take an array of `voices` and place aligned tickables in the same context. Returns
// a mapping from `tick` to `ContextType`, a list of `tick`s, and the resolution
// multiplier.
//
// Params:
// * `voices`: Array of `Voice` instances.
// * `ContextType`: A context class (e.g., `ModifierContext`, `TickContext`)
// * `addToContext`: Function to add tickable to context.
function createContexts(voices, ContextType, addToContext) {
if (!voices || !voices.length) {
throw new _vex.Vex.RERR('BadArgument', 'No voices to format');
}
// Find out highest common multiple of resolution multipliers.
// The purpose of this is to find out a common denominator
// for all fractional tick values in all tickables of all voices,
// so that the values can be expanded and the numerator used
// as an integer tick value.
var totalTicks = voices[0].getTotalTicks();
var resolutionMultiplier = voices.reduce(function (resolutionMultiplier, voice) {
if (!voice.getTotalTicks().equals(totalTicks)) {
throw new _vex.Vex.RERR('TickMismatch', 'Voices should have same total note duration in ticks.');
}
if (voice.getMode() === _voice.Voice.Mode.STRICT && !voice.isComplete()) {
throw new _vex.Vex.RERR('IncompleteVoice', 'Voice does not have enough notes.');
}
return Math.max(resolutionMultiplier, _fraction.Fraction.LCM(resolutionMultiplier, voice.getResolutionMultiplier()));
}, 1);
// Initialize tick maps.
var tickToContextMap = {};
var tickList = [];
var contexts = [];
// For each voice, extract notes and create a context for every
// new tick that hasn't been seen before.
voices.forEach(function (voice) {
// Use resolution multiplier as denominator to expand ticks
// to suitable integer values, so that no additional expansion
// of fractional tick values is needed.
var ticksUsed = new _fraction.Fraction(0, resolutionMultiplier);
voice.getTickables().forEach(function (tickable) {
var integerTicks = ticksUsed.numerator;
// If we have no tick context for this tick, create one.
if (!tickToContextMap[integerTicks]) {
var newContext = new ContextType();
contexts.push(newContext);
tickToContextMap[integerTicks] = newContext;
}
// Add this tickable to the TickContext.
addToContext(tickable, tickToContextMap[integerTicks]);
// Maintain a sorted list of tick contexts.
tickList.push(integerTicks);
ticksUsed.add(tickable.getTicks());
});
});
return {
map: tickToContextMap,
array: contexts,
list: _vex.Vex.SortAndUnique(tickList, function (a, b) {
return a - b;
}, function (a, b) {
return a === b;
}),
resolutionMultiplier: resolutionMultiplier
};
}
var Formatter = exports.Formatter = function () {
_createClass(Formatter, null, [{
key: 'SimpleFormat',
// Helper function to layout "notes" one after the other without
// regard for proportions. Useful for tests and debugging.
value: function SimpleFormat(notes) {
var x = arguments.length <= 1 || arguments[1] === undefined ? 0 : arguments[1];
var _ref = arguments.length <= 2 || arguments[2] === undefined ? {} : arguments[2];
var _ref$paddingBetween = _ref.paddingBetween;
var paddingBetween = _ref$paddingBetween === undefined ? 10 : _ref$paddingBetween;
notes.reduce(function (x, note) {
note.addToModifierContext(new _modifiercontext.ModifierContext());
var tick = new _tickcontext.TickContext().addTickable(note).preFormat();
var extra = tick.getExtraPx();
tick.setX(x + extra.left);
return x + tick.getWidth() + extra.right + paddingBetween;
}, x);
}
// Helper function to plot formatter debug info.
}, {
key: 'plotDebugging',
value: function plotDebugging(ctx, formatter, xPos, y1, y2) {
var x = xPos + _note.Note.STAVEPADDING;
var contextGaps = formatter.contextGaps;
function stroke(x1, x2, color) {
ctx.beginPath();
ctx.setStrokeStyle(color);
ctx.setFillStyle(color);
ctx.setLineWidth(1);
ctx.fillRect(x1, y1, x2 - x1, y2 - y1);
}
ctx.save();
ctx.setFont('Arial', 8, '');
contextGaps.gaps.forEach(function (gap) {
stroke(x + gap.x1, x + gap.x2, '#aaa');
// Vex.drawDot(ctx, xPos + gap.x1, yPos, 'blue');
ctx.fillText(Math.round(gap.x2 - gap.x1), x + gap.x1, y2 + 12);
});
ctx.fillText(Math.round(contextGaps.total) + 'px', x - 20, y2 + 12);
ctx.setFillStyle('red');
ctx.fillText('Loss: ' + formatter.lossHistory.map(function (loss) {
return Math.round(loss);
}), x - 20, y2 + 22);
ctx.restore();
}
// Helper function to format and draw a single voice. Returns a bounding
// box for the notation.
//
// Parameters:
// * `ctx` - The rendering context
// * `stave` - The stave to which to draw (`Stave` or `TabStave`)
// * `notes` - Array of `Note` instances (`StaveNote`, `TextNote`, `TabNote`, etc.)
// * `params` - One of below:
// * Setting `autobeam` only `(context, stave, notes, true)` or
// `(ctx, stave, notes, {autobeam: true})`
// * Setting `align_rests` a struct is needed `(context, stave, notes, {align_rests: true})`
// * Setting both a struct is needed `(context, stave, notes, {
// autobeam: true, align_rests: true})`
//
// `autobeam` automatically generates beams for the notes.
// `align_rests` aligns rests with nearby notes.
}, {
key: 'FormatAndDraw',
value: function FormatAndDraw(ctx, stave, notes, params) {
var options = {
auto_beam: false,
align_rests: false
};
if ((typeof params === 'undefined' ? 'undefined' : _typeof(params)) === 'object') {
_vex.Vex.Merge(options, params);
} else if (typeof params === 'boolean') {
options.auto_beam = params;
}
// Start by creating a voice and adding all the notes to it.
var voice = new _voice.Voice(_tables.Flow.TIME4_4).setMode(_voice.Voice.Mode.SOFT).addTickables(notes);
// Then create beams, if requested.
var beams = options.auto_beam ? _beam.Beam.applyAndGetBeams(voice) : [];
// Instantiate a `Formatter` and format the notes.
new Formatter().joinVoices([voice], { align_rests: options.align_rests }).formatToStave([voice], stave, { align_rests: options.align_rests, stave: stave });
// Render the voice and beams to the stave.
voice.setStave(stave).draw(ctx, stave);
beams.forEach(function (beam) {
return beam.setContext(ctx).draw();
});
// Return the bounding box of the voice.
return voice.getBoundingBox();
}
// Helper function to format and draw aligned tab and stave notes in two
// separate staves.
//
// Parameters:
// * `ctx` - The rendering context
// * `tabstave` - A `TabStave` instance on which to render `TabNote`s.
// * `stave` - A `Stave` instance on which to render `Note`s.
// * `notes` - Array of `Note` instances for the stave (`StaveNote`, `BarNote`, etc.)
// * `tabnotes` - Array of `Note` instances for the tab stave (`TabNote`, `BarNote`, etc.)
// * `autobeam` - Automatically generate beams.
// * `params` - A configuration object:
// * `autobeam` automatically generates beams for the notes.
// * `align_rests` aligns rests with nearby notes.
}, {
key: 'FormatAndDrawTab',
value: function FormatAndDrawTab(ctx, tabstave, stave, tabnotes, notes, autobeam, params) {
var opts = {
auto_beam: autobeam,
align_rests: false
};
if ((typeof params === 'undefined' ? 'undefined' : _typeof(params)) === 'object') {
_vex.Vex.Merge(opts, params);
} else if (typeof params === 'boolean') {
opts.auto_beam = params;
}
// Create a `4/4` voice for `notes`.
var notevoice = new _voice.Voice(_tables.Flow.TIME4_4).setMode(_voice.Voice.Mode.SOFT).addTickables(notes);
// Create a `4/4` voice for `tabnotes`.
var tabvoice = new _voice.Voice(_tables.Flow.TIME4_4).setMode(_voice.Voice.Mode.SOFT).addTickables(tabnotes);
// Then create beams, if requested.
var beams = opts.auto_beam ? _beam.Beam.applyAndGetBeams(notevoice) : [];
// Instantiate a `Formatter` and align tab and stave notes.
new Formatter().joinVoices([notevoice], { align_rests: opts.align_rests }).joinVoices([tabvoice]).formatToStave([notevoice, tabvoice], stave, { align_rests: opts.align_rests });
// Render voices and beams to staves.
notevoice.draw(ctx, stave);
tabvoice.draw(ctx, tabstave);
beams.forEach(function (beam) {
return beam.setContext(ctx).draw();
});
// Draw a connector between tab and note staves.
new _staveconnector.StaveConnector(stave, tabstave).setContext(ctx).draw();
}
// Auto position rests based on previous/next note positions.
//
// Params:
// * `notes`: An array of notes.
// * `alignAllNotes`: If set to false, only aligns non-beamed notes.
// * `alignTuplets`: If set to false, ignores tuplets.
}, {
key: 'AlignRestsToNotes',
value: function AlignRestsToNotes(notes, alignAllNotes, alignTuplets) {
notes.forEach(function (note, index) {
if (note instanceof _stavenote.StaveNote && note.isRest()) {
if (note.tuplet && !alignTuplets) return;
// If activated rests not on default can be rendered as specified.
var position = note.getGlyph().position.toUpperCase();
if (position !== 'R/4' && position !== 'B/4') return;
if (alignAllNotes || note.beam != null) {
// Align rests with previous/next notes.
var props = note.getKeyProps()[0];
if (index === 0) {
props.line = lookAhead(notes, props.line, index, false);
note.setKeyLine(0, props.line);
} else if (index > 0 && index < notes.length) {
// If previous note is a rest, use its line number.
var restLine = void 0;
if (notes[index - 1].isRest()) {
restLine = notes[index - 1].getKeyProps()[0].line;
props.line = restLine;
} else {
restLine = notes[index - 1].getLineForRest();
// Get the rest line for next valid non-rest note group.
props.line = lookAhead(notes, restLine, index, true);
}
note.setKeyLine(0, props.line);
}
}
}
});
return this;
}
}]);
function Formatter() {
_classCallCheck(this, Formatter);
// Minimum width required to render all the notes in the voices.
this.minTotalWidth = 0;
// This is set to `true` after `minTotalWidth` is calculated.
this.hasMinTotalWidth = false;
// Total number of ticks in the voice.
this.totalTicks = new _fraction.Fraction(0, 1);
// Arrays of tick and modifier contexts.
this.tickContexts = null;
this.modiferContexts = null;
// Gaps between contexts, for free movement of notes post
// formatting.
this.contextGaps = {
total: 0,
gaps: []
};
this.voices = [];
}
// Find all the rests in each of the `voices` and align them
// to neighboring notes. If `alignAllNotes` is `false`, then only
// align non-beamed notes.
_createClass(Formatter, [{
key: 'alignRests',
value: function alignRests(voices, alignAllNotes) {
if (!voices || !voices.length) {
throw new _vex.Vex.RERR('BadArgument', 'No voices to format rests');
}
voices.forEach(function (voice) {
return Formatter.AlignRestsToNotes(voice.getTickables(), alignAllNotes);
});
}
// Calculate the minimum width required to align and format `voices`.
}, {
key: 'preCalculateMinTotalWidth',
value: function preCalculateMinTotalWidth(voices) {
// Cache results.
if (this.hasMinTotalWidth) return this.minTotalWidth;
// Create tick contexts if not already created.
if (!this.tickContexts) {
if (!voices) {
throw new _vex.Vex.RERR('BadArgument', "'voices' required to run preCalculateMinTotalWidth");
}
this.createTickContexts(voices);
}
var _tickContexts = this.tickContexts;
var contextList = _tickContexts.list;
var contextMap = _tickContexts.map;
// Go through each tick context and calculate total width.
this.minTotalWidth = contextList.map(function (tick) {
var context = contextMap[tick];
context.preFormat();
return context.getWidth();
}).reduce(function (a, b) {
return a + b;
}, 0);
this.hasMinTotalWidth = true;
return this.minTotalWidth;
}
// Get minimum width required to render all voices. Either `format` or
// `preCalculateMinTotalWidth` must be called before this method.
}, {
key: 'getMinTotalWidth',
value: function getMinTotalWidth() {
if (!this.hasMinTotalWidth) {
throw new _vex.Vex.RERR('NoMinTotalWidth', "Call 'preCalculateMinTotalWidth' or 'preFormat' before calling 'getMinTotalWidth'");
}
return this.minTotalWidth;
}
// Create `ModifierContext`s for each tick in `voices`.
}, {
key: 'createModifierContexts',
value: function createModifierContexts(voices) {
var contexts = createContexts(voices, _modifiercontext.ModifierContext, function (tickable, context) {
return tickable.addToModifierContext(context);
});
this.modiferContexts = contexts;
return contexts;
}
// Create `TickContext`s for each tick in `voices`. Also calculate the
// total number of ticks in voices.
}, {
key: 'createTickContexts',
value: function createTickContexts(voices) {
var contexts = createContexts(voices, _tickcontext.TickContext, function (tickable, context) {
return context.addTickable(tickable);
});
contexts.array.forEach(function (context) {
context.tContexts = contexts.array;
});
this.totalTicks = voices[0].getTicksUsed().clone();
this.tickContexts = contexts;
return contexts;
}
// This is the core formatter logic. Format voices and justify them
// to `justifyWidth` pixels. `renderingContext` is required to justify elements
// that can't retreive widths without a canvas. This method sets the `x` positions
// of all the tickables/notes in the formatter.
}, {
key: 'preFormat',
value: function preFormat() {
var justifyWidth = arguments.length <= 0 || arguments[0] === undefined ? 0 : arguments[0];
var renderingContext = arguments[1];
var _this = this;
var voices = arguments[2];
var stave = arguments[3];
// Initialize context maps.
var contexts = this.tickContexts;
var contextList = contexts.list;
var contextMap = contexts.map;
var resolutionMultiplier = contexts.resolutionMultiplier;
// If voices and a stave were provided, set the Stave for each voice
// and preFormat to apply Y values to the notes;
if (voices && stave) {
voices.forEach(function (voice) {
return voice.setStave(stave).preFormat();
});
}
// Now distribute the ticks to each tick context, and assign them their
// own X positions.
var x = 0;
var shift = 0;
var centerX = justifyWidth / 2;
this.minTotalWidth = 0;
// Pass 1: Give each note maximum width requested by context.
contextList.forEach(function (tick) {
var context = contextMap[tick];
if (renderingContext) context.setContext(renderingContext);
// Make sure that all tickables in this context have calculated their
// space requirements.
context.preFormat();
var width = context.getWidth();
_this.minTotalWidth += width;
var metrics = context.getMetrics();
x = x + shift + metrics.extraLeftPx;
context.setX(x);
// Calculate shift for the next tick.
shift = width - metrics.extraLeftPx;
});
this.minTotalWidth = x + shift;
this.hasMinTotalWidth = true;
// No justification needed. End formatting.
if (justifyWidth <= 0) return;
// Pass 2: Take leftover width, and distribute it to proportionately to
// all notes.
var remainingX = justifyWidth - this.minTotalWidth;
var leftoverPxPerTick = remainingX / (this.totalTicks.value() * resolutionMultiplier);
var spaceAccum = 0;
contextList.forEach(function (tick, index) {
var prevTick = contextList[index - 1] || 0;
var context = contextMap[tick];
var tickSpace = (tick - prevTick) * leftoverPxPerTick;
spaceAccum += tickSpace;
context.setX(context.getX() + spaceAccum);
// Move center aligned tickables to middle
context.getCenterAlignedTickables().forEach(function (tickable) {
// eslint-disable-line
tickable.center_x_shift = centerX - context.getX();
});
});
// Just one context. Done formatting.
if (contextList.length === 1) return;
this.justifyWidth = justifyWidth;
this.lossHistory = [];
this.evaluate();
}
// Calculate the total cost of this formatting decision.
}, {
key: 'evaluate',
value: function evaluate() {
var _this2 = this;
var justifyWidth = this.justifyWidth;
// Calculate available slack per tick context. This works out how much freedom
// to move a context has in either direction, without affecting other notes.
this.contextGaps = { total: 0, gaps: [] };
this.tickContexts.list.forEach(function (tick, index) {
if (index === 0) return;
var prevTick = _this2.tickContexts.list[index - 1];
var prevContext = _this2.tickContexts.map[prevTick];
var context = _this2.tickContexts.map[tick];
var prevMetrics = prevContext.getMetrics();
var insideRightEdge = prevContext.getX() + prevMetrics.width;
var insideLeftEdge = context.getX();
var gap = insideLeftEdge - insideRightEdge;
_this2.contextGaps.total += gap;
_this2.contextGaps.gaps.push({ x1: insideRightEdge, x2: insideLeftEdge });
// Tell the tick contexts how much they can reposition themselves.
context.getFormatterMetrics().freedom.left = gap;
prevContext.getFormatterMetrics().freedom.right = gap;
});
// Calculate mean distance in each voice for each duration type, then calculate
// how far each note is from the mean.
var durationStats = this.durationStats = {};
function updateStats(duration, space) {
var stats = durationStats[duration];
if (stats === undefined) {
durationStats[duration] = { mean: space, count: 1 };
} else {
stats.count += 1;
stats.mean = (stats.mean + space) / 2;
}
}
this.voices.forEach(function (voice) {
voice.getTickables().forEach(function (note, i, notes) {
var duration = note.getTicks().clone().simplify().toString();
var metrics = note.getMetrics();
var formatterMetrics = note.getFormatterMetrics();
var leftNoteEdge = note.getX() + metrics.noteWidth + metrics.modRightPx + metrics.extraRightPx;
var space = 0;
if (i < notes.length - 1) {
var rightNote = notes[i + 1];
var rightMetrics = rightNote.getMetrics();
var rightNoteEdge = rightNote.getX() - rightMetrics.modLeftPx - rightMetrics.extraLeftPx;
space = rightNoteEdge - leftNoteEdge;
formatterMetrics.space.used = rightNote.getX() - note.getX();
rightNote.getFormatterMetrics().freedom.left = space;
} else {
space = justifyWidth - leftNoteEdge;
formatterMetrics.space.used = justifyWidth - note.getX();
}
formatterMetrics.freedom.right = space;
updateStats(duration, formatterMetrics.space.used);
});
});
// Calculate how much each note deviates from the mean. Loss function is square
// root of the sum of squared deviations.
var totalDeviation = 0;
this.voices.forEach(function (voice) {
voice.getTickables().forEach(function (note) {
var duration = note.getTicks().clone().simplify().toString();
var metrics = note.getFormatterMetrics();
metrics.iterations += 1;
metrics.space.deviation = metrics.space.used - durationStats[duration].mean;
metrics.duration = duration;
metrics.space.mean = durationStats[duration].mean;
totalDeviation += Math.pow(durationStats[duration].mean, 2);
});
});
this.totalCost = Math.sqrt(totalDeviation);
this.lossHistory.push(this.totalCost);
return this;
}
// Run a single iteration of rejustification. At a high level, this method calculates
// the overall "loss" (or cost) of this layout, and repositions tickcontexts in an
// attempt to reduce the cost. You can call this method multiple times until it finds
// and oscillates around a global minimum.
}, {
key: 'tune',
value: function tune() {
var _this3 = this;
var sum = function sum(means) {
return means.reduce(function (a, b) {
return a + b;
});
};
// Move `current` tickcontext by `shift` pixels, and adjust the freedom
// on adjacent tickcontexts.
function move(current, prev, next, shift) {
current.setX(current.getX() + shift);
current.getFormatterMetrics().freedom.left += shift;
current.getFormatterMetrics().freedom.right -= shift;
if (prev) prev.getFormatterMetrics().freedom.right += shift;
if (next) next.getFormatterMetrics().freedom.left -= shift;
}
var shift = 0;
this.tickContexts.list.forEach(function (tick, index, list) {
var context = _this3.tickContexts.map[tick];
var prevContext = index > 0 ? _this3.tickContexts.map[list[index - 1]] : null;
var nextContext = index < list.length - 1 ? _this3.tickContexts.map[list[index + 1]] : null;
move(context, prevContext, nextContext, shift);
var cost = -sum(context.getTickables().map(function (t) {
return t.getFormatterMetrics().space.deviation;
}));
if (cost > 0) {
shift = -Math.min(context.getFormatterMetrics().freedom.right, Math.abs(cost));
} else if (cost < 0) {
if (nextContext) {
shift = Math.min(nextContext.getFormatterMetrics().freedom.right, Math.abs(cost));
} else {
shift = 0;
}
}
var minShift = Math.min(5, Math.abs(shift));
shift = shift > 0 ? minShift : -minShift;
});
return this.evaluate();
}
// This is the top-level call for all formatting logic completed
// after `x` *and* `y` values have been computed for the notes
// in the voices.
}, {
key: 'postFormat',
value: function postFormat() {
var postFormatContexts = function postFormatContexts(contexts) {
return contexts.list.forEach(function (tick) {
return contexts.map[tick].postFormat();
});
};
postFormatContexts(this.modiferContexts);
postFormatContexts(this.tickContexts);
return this;
}
// Take all `voices` and create `ModifierContext`s out of them. This tells
// the formatters that the voices belong on a single stave.
}, {
key: 'joinVoices',
value: function joinVoices(voices) {
this.createModifierContexts(voices);
this.hasMinTotalWidth = false;
return this;
}
// Align rests in voices, justify the contexts, and position the notes
// so voices are aligned and ready to render onto the stave. This method
// mutates the `x` positions of all tickables in `voices`.
//
// Voices are full justified to fit in `justifyWidth` pixels.
//
// Set `options.context` to the rendering context. Set `options.align_rests`
// to true to enable rest alignment.
}, {
key: 'format',
value: function format(voices, justifyWidth, options) {
var opts = {
align_rests: false,
context: null,
stave: null
};
_vex.Vex.Merge(opts, options);
this.voices = voices;
this.alignRests(voices, opts.align_rests);
this.createTickContexts(voices);
this.preFormat(justifyWidth, opts.context, voices, opts.stave);
// Only postFormat if a stave was supplied for y value formatting
if (opts.stave) this.postFormat();
return this;
}
// This method is just like `format` except that the `justifyWidth` is inferred
// from the `stave`.
}, {
key: 'formatToStave',
value: function formatToStave(voices, stave, options) {
var justifyWidth = stave.getNoteEndX() - stave.getNoteStartX() - 10;
L('Formatting voices to width: ', justifyWidth);
var opts = { context: stave.getContext() };
_vex.Vex.Merge(opts, options);
return this.format(voices, justifyWidth, opts);
}
}]);
return Formatter;
}();
/***/ },
/* 15 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Beam = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
var _element = __webpack_require__(5);
var _fraction = __webpack_require__(3);
var _tuplet = __webpack_require__(16);
var _stem = __webpack_require__(17);
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
//
// This file implements `Beams` that span over a set of `StemmableNotes`.
function calculateStemDirection(notes) {
var lineSum = 0;
notes.forEach(function (note) {
if (note.keyProps) {
note.keyProps.forEach(function (keyProp) {
lineSum += keyProp.line - 3;
});
}
});
if (lineSum >= 0) {
return _stem.Stem.DOWN;
}
return _stem.Stem.UP;
}
var getStemSlope = function getStemSlope(firstNote, lastNote) {
var firstStemTipY = firstNote.getStemExtents().topY;
var firstStemX = firstNote.getStemX();
var lastStemTipY = lastNote.getStemExtents().topY;
var lastStemX = lastNote.getStemX();
return (lastStemTipY - firstStemTipY) / (lastStemX - firstStemX);
};
var Beam = exports.Beam = function (_Element) {
_inherits(Beam, _Element);
_createClass(Beam, null, [{
key: 'getDefaultBeamGroups',
// Gets the default beam groups for a provided time signature.
// Attempts to guess if the time signature is not found in table.
// Currently this is fairly naive.
value: function getDefaultBeamGroups(time_sig) {
if (!time_sig || time_sig === 'c') {
time_sig = '4/4';
}
var defaults = {
'1/2': ['1/2'],
'2/2': ['1/2'],
'3/2': ['1/2'],
'4/2': ['1/2'],
'1/4': ['1/4'],
'2/4': ['1/4'],
'3/4': ['1/4'],
'4/4': ['1/4'],
'1/8': ['1/8'],
'2/8': ['2/8'],
'3/8': ['3/8'],
'4/8': ['2/8'],
'1/16': ['1/16'],
'2/16': ['2/16'],
'3/16': ['3/16'],
'4/16': ['2/16']
};
var groups = defaults[time_sig];
if (groups === undefined) {
// If no beam groups found, naively determine
// the beam groupings from the time signature
var beatTotal = parseInt(time_sig.split('/')[0], 10);
var beatValue = parseInt(time_sig.split('/')[1], 10);
var tripleMeter = beatTotal % 3 === 0;
if (tripleMeter) {
return [new _fraction.Fraction(3, beatValue)];
} else if (beatValue > 4) {
return [new _fraction.Fraction(2, beatValue)];
} else if (beatValue <= 4) {
return [new _fraction.Fraction(1, beatValue)];
}
} else {
return groups.map(function (group) {
return new _fraction.Fraction().parse(group);
});
}
return [new _fraction.Fraction(1, 4)];
}
// A helper function to automatically build basic beams for a voice. For more
// complex auto-beaming use `Beam.generateBeams()`.
//
// Parameters:
// * `voice` - The voice to generate the beams for
// * `stem_direction` - A stem direction to apply to the entire voice
// * `groups` - An array of `Fraction` representing beat groupings for the beam
}, {
key: 'applyAndGetBeams',
value: function applyAndGetBeams(voice, stem_direction, groups) {
return Beam.generateBeams(voice.getTickables(), {
groups: groups,
stem_direction: stem_direction
});
}
// A helper function to autimatically build beams for a voice with
// configuration options.
//
// Example configuration object:
//
// ```
// config = {
// groups: [new Vex.Flow.Fraction(2, 8)],
// stem_direction: -1,
// beam_rests: true,
// beam_middle_only: true,
// show_stemlets: false
// };
// ```
//
// Parameters:
// * `notes` - An array of notes to create the beams for
// * `config` - The configuration object
// * `groups` - Array of `Fractions` that represent the beat structure to beam the notes
// * `stem_direction` - Set to apply the same direction to all notes
// * `beam_rests` - Set to `true` to include rests in the beams
// * `beam_middle_only` - Set to `true` to only beam rests in the middle of the beat
// * `show_stemlets` - Set to `true` to draw stemlets for rests
// * `maintain_stem_directions` - Set to `true` to not apply new stem directions
//
}, {
key: 'generateBeams',
value: function generateBeams(notes, config) {
if (!config) config = {};
if (!config.groups || !config.groups.length) {
config.groups = [new _fraction.Fraction(2, 8)];
}
// Convert beam groups to tick amounts
var tickGroups = config.groups.map(function (group) {
if (!group.multiply) {
throw new _vex.Vex.RuntimeError('InvalidBeamGroups', 'The beam groups must be an array of Vex.Flow.Fractions');
}
return group.clone().multiply(_tables.Flow.RESOLUTION, 1);
});
var unprocessedNotes = notes;
var currentTickGroup = 0;
var noteGroups = [];
var currentGroup = [];
function getTotalTicks(vf_notes) {
return vf_notes.reduce(function (memo, note) {
return note.getTicks().clone().add(memo);
}, new _fraction.Fraction(0, 1));
}
function nextTickGroup() {
if (tickGroups.length - 1 > currentTickGroup) {
currentTickGroup += 1;
} else {
currentTickGroup = 0;
}
}
function createGroups() {
var nextGroup = [];
unprocessedNotes.forEach(function (unprocessedNote) {
nextGroup = [];
if (unprocessedNote.shouldIgnoreTicks()) {
noteGroups.push(currentGroup);
currentGroup = nextGroup;
return; // Ignore untickables (like bar notes)
}
currentGroup.push(unprocessedNote);
var ticksPerGroup = tickGroups[currentTickGroup].clone();
var totalTicks = getTotalTicks(currentGroup);
// Double the amount of ticks in a group, if it's an unbeamable tuplet
var unbeamable = _tables.Flow.durationToNumber(unprocessedNote.duration) < 8;
if (unbeamable && unprocessedNote.tuplet) {
ticksPerGroup.numerator *= 2;
}
// If the note that was just added overflows the group tick total
if (totalTicks.greaterThan(ticksPerGroup)) {
// If the overflow note can be beamed, start the next group
// with it. Unbeamable notes leave the group overflowed.
if (!unbeamable) {
nextGroup.push(currentGroup.pop());
}
noteGroups.push(currentGroup);
currentGroup = nextGroup;
nextTickGroup();
} else if (totalTicks.equals(ticksPerGroup)) {
noteGroups.push(currentGroup);
currentGroup = nextGroup;
nextTickGroup();
}
});
// Adds any remainder notes
if (currentGroup.length > 0) {
noteGroups.push(currentGroup);
}
}
function getBeamGroups() {
return noteGroups.filter(function (group) {
if (group.length > 1) {
var beamable = true;
group.forEach(function (note) {
if (note.getIntrinsicTicks() >= _tables.Flow.durationToTicks('4')) {
beamable = false;
}
});
return beamable;
}
return false;
});
}
// Splits up groups by Rest
function sanitizeGroups() {
var sanitizedGroups = [];
noteGroups.forEach(function (group) {
var tempGroup = [];
group.forEach(function (note, index, group) {
var isFirstOrLast = index === 0 || index === group.length - 1;
var prevNote = group[index - 1];
var breaksOnEachRest = !config.beam_rests && note.isRest();
var breaksOnFirstOrLastRest = config.beam_rests && config.beam_middle_only && note.isRest() && isFirstOrLast;
var breakOnStemChange = false;
if (config.maintain_stem_directions && prevNote && !note.isRest() && !prevNote.isRest()) {
var prevDirection = prevNote.getStemDirection();
var currentDirection = note.getStemDirection();
breakOnStemChange = currentDirection !== prevDirection;
}
var isUnbeamableDuration = parseInt(note.duration, 10) < 8;
// Determine if the group should be broken at this note
var shouldBreak = breaksOnEachRest || breaksOnFirstOrLastRest || breakOnStemChange || isUnbeamableDuration;
if (shouldBreak) {
// Add current group
if (tempGroup.length > 0) {
sanitizedGroups.push(tempGroup);
}
// Start a new group. Include the current note if the group
// was broken up by stem direction, as that note needs to start
// the next group of notes
tempGroup = breakOnStemChange ? [note] : [];
} else {
// Add note to group
tempGroup.push(note);
}
});
// If there is a remaining group, add it as well
if (tempGroup.length > 0) {
sanitizedGroups.push(tempGroup);
}
});
noteGroups = sanitizedGroups;
}
function formatStems() {
noteGroups.forEach(function (group) {
var stemDirection = void 0;
if (config.maintain_stem_directions) {
var note = findFirstNote(group);
stemDirection = note ? note.getStemDirection() : _stem.Stem.UP;
} else {
if (config.stem_direction) {
stemDirection = config.stem_direction;
} else {
stemDirection = calculateStemDirection(group);
}
}
applyStemDirection(group, stemDirection);
});
}
function findFirstNote(group) {
for (var i = 0; i < group.length; i++) {
var note = group[i];
if (!note.isRest()) {
return note;
}
}
return false;
}
function applyStemDirection(group, direction) {
group.forEach(function (note) {
note.setStemDirection(direction);
});
}
// Get all of the tuplets in all of the note groups
function getTuplets() {
var uniqueTuplets = [];
// Go through all of the note groups and inspect for tuplets
noteGroups.forEach(function (group) {
var tuplet = null;
group.forEach(function (note) {
if (note.tuplet && tuplet !== note.tuplet) {
tuplet = note.tuplet;
uniqueTuplets.push(tuplet);
}
});
});
return uniqueTuplets;
}
// Using closures to store the variables throughout the various functions
// IMO Keeps it this process lot cleaner - but not super consistent with
// the rest of the API's style - Silverwolf90 (Cyril)
createGroups();
sanitizeGroups();
formatStems();
// Get the notes to be beamed
var beamedNoteGroups = getBeamGroups();
// Get the tuplets in order to format them accurately
var allTuplets = getTuplets();
// Create a Vex.Flow.Beam from each group of notes to be beamed
var beams = [];
beamedNoteGroups.forEach(function (group) {
var beam = new Beam(group);
if (config.show_stemlets) {
beam.render_options.show_stemlets = true;
}
if (config.secondary_breaks) {
beam.render_options.secondary_break_ticks = _tables.Flow.durationToTicks(config.secondary_breaks);
}
if (config.flat_beams === true) {
beam.render_options.flat_beams = true;
beam.render_options.flat_beam_offset = config.flat_beam_offset;
}
beams.push(beam);
});
// Reformat tuplets
allTuplets.forEach(function (tuplet) {
// Set the tuplet location based on the stem direction
var direction = tuplet.notes[0].stem_direction === _stem.Stem.DOWN ? _tuplet.Tuplet.LOCATION_BOTTOM : _tuplet.Tuplet.LOCATION_TOP;
tuplet.setTupletLocation(direction);
// If any of the notes in the tuplet are not beamed, draw a bracket.
var bracketed = false;
for (var i = 0; i < tuplet.notes.length; i++) {
var note = tuplet.notes[i];
if (note.beam === null) {
bracketed = true;
break;
}
}
tuplet.setBracketed(bracketed);
});
return beams;
}
}]);
function Beam(notes, auto_stem) {
_classCallCheck(this, Beam);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Beam).call(this));
_this.setAttribute('type', 'Beam');
if (!notes || notes === []) {
throw new _vex.Vex.RuntimeError('BadArguments', 'No notes provided for beam.');
}
if (notes.length === 1) {
throw new _vex.Vex.RuntimeError('BadArguments', 'Too few notes for beam.');
}
// Validate beam line, direction and ticks.
_this.ticks = notes[0].getIntrinsicTicks();
if (_this.ticks >= _tables.Flow.durationToTicks('4')) {
throw new _vex.Vex.RuntimeError('BadArguments', 'Beams can only be applied to notes shorter than a quarter note.');
}
var i = void 0; // shared iterator
var note = void 0;
_this.stem_direction = _stem.Stem.UP;
for (i = 0; i < notes.length; ++i) {
note = notes[i];
if (note.hasStem()) {
_this.stem_direction = note.getStemDirection();
break;
}
}
var stem_direction = _this.stem_direction;
// Figure out optimal stem direction based on given notes
if (auto_stem && notes[0].getCategory() === 'stavenotes') {
stem_direction = calculateStemDirection(notes);
} else if (auto_stem && notes[0].getCategory() === 'tabnotes') {
// Auto Stem TabNotes
var stem_weight = notes.reduce(function (memo, note) {
return memo + note.stem_direction;
}, 0);
stem_direction = stem_weight > -1 ? _stem.Stem.UP : _stem.Stem.DOWN;
}
// Apply stem directions and attach beam to notes
for (i = 0; i < notes.length; ++i) {
note = notes[i];
if (auto_stem) {
note.setStemDirection(stem_direction);
_this.stem_direction = stem_direction;
}
note.setBeam(_this);
}
_this.postFormatted = false;
_this.notes = notes;
_this.beam_count = _this.getBeamCount();
_this.break_on_indices = [];
_this.render_options = {
beam_width: 5,
max_slope: 0.25,
min_slope: -0.25,
slope_iterations: 20,
slope_cost: 100,
show_stemlets: false,
stemlet_extension: 7,
partial_beam_length: 10,
flat_beams: false,
min_flat_beam_offset: 15
};
return _this;
}
// Get the notes in this beam
_createClass(Beam, [{
key: 'getNotes',
value: function getNotes() {
return this.notes;
}
// Get the max number of beams in the set of notes
}, {
key: 'getBeamCount',
value: function getBeamCount() {
var beamCounts = this.notes.map(function (note) {
return note.getGlyph().beam_count;
});
var maxBeamCount = beamCounts.reduce(function (max, beamCount) {
return beamCount > max ? beamCount : max;
});
return maxBeamCount;
}
// Set which note `indices` to break the secondary beam at
}, {
key: 'breakSecondaryAt',
value: function breakSecondaryAt(indices) {
this.break_on_indices = indices;
return this;
}
// Return the y coordinate for linear function
}, {
key: 'getSlopeY',
value: function getSlopeY(x, first_x_px, first_y_px, slope) {
return first_y_px + (x - first_x_px) * slope;
}
// Calculate the best possible slope for the provided notes
}, {
key: 'calculateSlope',
value: function calculateSlope() {
var notes = this.notes;
var stemDirection = this.stem_direction;
var _render_options = this.render_options;
var max_slope = _render_options.max_slope;
var min_slope = _render_options.min_slope;
var slope_iterations = _render_options.slope_iterations;
var slope_cost = _render_options.slope_cost;
var firstNote = notes[0];
var initialSlope = getStemSlope(firstNote, notes[notes.length - 1]);
var increment = (max_slope - min_slope) / slope_iterations;
var minCost = Number.MAX_VALUE;
var bestSlope = 0;
var yShift = 0;
// iterate through slope values to find best weighted fit
for (var slope = min_slope; slope <= max_slope; slope += increment) {
var totalStemExtension = 0;
var yShiftTemp = 0;
// iterate through notes, calculating y shift and stem extension
for (var i = 1; i < notes.length; ++i) {
var note = notes[i];
var adjustedStemTipY = this.getSlopeY(note.getStemX(), firstNote.getStemX(), firstNote.getStemExtents().topY, slope) + yShiftTemp;
var stemTipY = note.getStemExtents().topY;
// beam needs to be shifted up to accommodate note
if (stemTipY * stemDirection < adjustedStemTipY * stemDirection) {
var diff = Math.abs(stemTipY - adjustedStemTipY);
yShiftTemp += diff * -stemDirection;
totalStemExtension += diff * i;
} else {
// beam overshoots note, account for the difference
totalStemExtension += (stemTipY - adjustedStemTipY) * stemDirection;
}
}
// most engraving books suggest aiming for a slope about half the angle of the
// difference between the first and last notes' stem length;
var idealSlope = initialSlope / 2;
var distanceFromIdeal = Math.abs(idealSlope - slope);
// This tries to align most beams to something closer to the idealSlope, but
// doesn't go crazy. To disable, set this.render_options.slope_cost = 0
var cost = slope_cost * distanceFromIdeal + Math.abs(totalStemExtension);
// update state when a more ideal slope is found
if (cost < minCost) {
minCost = cost;
bestSlope = slope;
yShift = yShiftTemp;
}
}
this.slope = bestSlope;
this.y_shift = yShift;
}
// Calculate a slope and y-shift for flat beams
}, {
key: 'calculateFlatSlope',
value: function calculateFlatSlope() {
var notes = this.notes;
var stem_direction = this.stem_direction;
var _render_options2 = this.render_options;
var beam_width = _render_options2.beam_width;
var min_flat_beam_offset = _render_options2.min_flat_beam_offset;
var flat_beam_offset = _render_options2.flat_beam_offset;
// If a flat beam offset has not yet been supplied or calculated,
// generate one based on the notes in this particular note group
var total = 0;
var extremeY = 0; // Store the highest or lowest note here
var extremeBeamCount = 0; // The beam count of the extreme note
var currentExtreme = 0;
for (var i = 0; i < notes.length; i++) {
// Total up all of the offsets so we can average them out later
var note = notes[i];
var stemTipY = note.getStemExtents().topY;
total += stemTipY;
// Store the highest (stems-up) or lowest (stems-down) note so the
// offset can be adjusted in case the average isn't enough
if (stem_direction === _stem.Stem.DOWN && currentExtreme < stemTipY) {
currentExtreme = stemTipY;
extremeY = Math.max.apply(Math, _toConsumableArray(note.getYs()));
extremeBeamCount = note.getBeamCount();
} else if (stem_direction === _stem.Stem.UP && (currentExtreme === 0 || currentExtreme > stemTipY)) {
currentExtreme = stemTipY;
extremeY = Math.min.apply(Math, _toConsumableArray(note.getYs()));
extremeBeamCount = note.getBeamCount();
}
}
// Average the offsets to try and come up with a reasonable one that
// works for all of the notes in the beam group.
var offset = total / notes.length;
// In case the average isn't long enough, add or subtract some more
// based on the highest or lowest note (again, based on the stem
// direction). This also takes into account the added height due to
// the width of the beams.
var beamWidth = beam_width * 1.5;
var extremeTest = min_flat_beam_offset + extremeBeamCount * beamWidth;
var newOffset = extremeY + extremeTest * -stem_direction;
if (stem_direction === _stem.Stem.DOWN && offset < newOffset) {
offset = extremeY + extremeTest;
} else if (stem_direction === _stem.Stem.UP && offset > newOffset) {
offset = extremeY - extremeTest;
}
if (!flat_beam_offset) {
// Set the offset for the group based on the calculations above.
this.render_options.flat_beam_offset = offset;
} else if (stem_direction === _stem.Stem.DOWN && offset > flat_beam_offset) {
this.render_options.flat_beam_offset = offset;
} else if (stem_direction === _stem.Stem.UP && offset < flat_beam_offset) {
this.render_options.flat_beam_offset = offset;
}
// for flat beams, the slope and y_shift are simply 0
this.slope = 0;
this.y_shift = 0;
}
// Create new stems for the notes in the beam, so that each stem
// extends into the beams.
}, {
key: 'applyStemExtensions',
value: function applyStemExtensions() {
var notes = this.notes;
var slope = this.slope;
var y_shift = this.y_shift;
var stem_direction = this.stem_direction;
var beam_count = this.beam_count;
var _render_options3 = this.render_options;
var show_stemlets = _render_options3.show_stemlets;
var flat_beam_offset = _render_options3.flat_beam_offset;
var flat_beams = _render_options3.flat_beams;
var stemlet_extension = _render_options3.stemlet_extension;
var beam_width = _render_options3.beam_width;
var firstNote = notes[0];
var firstStemTipY = firstNote.getStemExtents().topY;
// If rendering flat beams, and an offset exists, set the y-coordinat`e to
// the offset so the stems all end at the beam offset.
if (flat_beams && flat_beam_offset) {
firstStemTipY = flat_beam_offset;
}
var firstStemX = firstNote.getStemX();
for (var i = 0; i < notes.length; ++i) {
var note = notes[i];
var stemX = note.getStemX();
var _note$getStemExtents = note.getStemExtents();
var stemTipY = _note$getStemExtents.topY;
var beamedStemTipY = this.getSlopeY(stemX, firstStemX, firstStemTipY, slope) + y_shift;
var preBeamExtension = note.getStem().getExtension();
var beamExtension = stem_direction === _stem.Stem.UP ? stemTipY - beamedStemTipY : beamedStemTipY - stemTipY;
note.stem.setExtension(preBeamExtension + beamExtension);
note.stem.renderHeightAdjustment = -_stem.Stem.WIDTH / 2;
if (note.isRest() && show_stemlets) {
var beamWidth = beam_width;
var totalBeamWidth = (beam_count - 1) * beamWidth * 1.5 + beamWidth;
note.stem.setVisibility(true).setStemlet(true, totalBeamWidth + stemlet_extension);
}
}
}
// Get the x coordinates for the beam lines of specific `duration`
}, {
key: 'getBeamLines',
value: function getBeamLines(duration) {
var beam_lines = [];
var beam_started = false;
var current_beam = null;
var partial_beam_length = this.render_options.partial_beam_length;
var previous_should_break = false;
var tick_tally = 0;
for (var i = 0; i < this.notes.length; ++i) {
var note = this.notes[i];
// See if we need to break secondary beams on this note.
var ticks = note.ticks.value();
tick_tally += ticks;
var should_break = false;
// 8th note beams are always drawn.
if (parseInt(duration, 10) >= 8) {
// First, check to see if any indices were set up through breakSecondaryAt()
should_break = this.break_on_indices.indexOf(i) !== -1;
// If the secondary breaks were auto-configured in the render options,
// handle that as well.
if (this.render_options.secondary_break_ticks && tick_tally >= this.render_options.secondary_break_ticks) {
tick_tally = 0;
should_break = true;
}
}
var note_gets_beam = note.getIntrinsicTicks() < _tables.Flow.durationToTicks(duration);
var stem_x = note.getStemX() - _stem.Stem.WIDTH / 2;
// Check to see if the next note in the group will get a beam at this
// level. This will help to inform the partial beam logic below.
var next_note = this.notes[i + 1];
var beam_next = next_note && next_note.getIntrinsicTicks() < _tables.Flow.durationToTicks(duration);
if (note_gets_beam) {
// This note gets a beam at the current level
if (beam_started) {
// We're currently in the middle of a beam. Just continue it on to
// the stem X of the current note.
current_beam = beam_lines[beam_lines.length - 1];
current_beam.end = stem_x;
// If a secondary beam break is set up, end the beam right now.
if (should_break) {
beam_started = false;
if (next_note && !beam_next && current_beam.end === null) {
// This note gets a beam,.but the next one does not. This means
// we need a partial pointing right.
current_beam.end = current_beam.start - partial_beam_length;
}
}
} else {
// No beam started yet. Start a new one.
current_beam = { start: stem_x, end: null };
beam_started = true;
if (!beam_next) {
// The next note doesn't get a beam. Draw a partial.
if ((previous_should_break || i === 0) && next_note) {
// This is the first note (but not the last one), or it is
// following a secondary break. Draw a partial to the right.
current_beam.end = current_beam.start + partial_beam_length;
} else {
// By default, draw a partial to the left.
current_beam.end = current_beam.start - partial_beam_length;
}
} else if (should_break) {
// This note should have a secondary break after it. Even though
// we just started a beam, it needs to end immediately.
current_beam.end = current_beam.start - partial_beam_length;
beam_started = false;
}
beam_lines.push(current_beam);
}
} else {
// The current note does not get a beam.
beam_started = false;
}
// Store the secondary break flag to inform the partial beam logic in
// the next iteration of the loop.
previous_should_break = should_break;
}
// Add a partial beam pointing left if this is the last note in the group
var last_beam = beam_lines[beam_lines.length - 1];
if (last_beam && last_beam.end === null) {
last_beam.end = last_beam.start - partial_beam_length;
}
return beam_lines;
}
// Render the stems for each notes
}, {
key: 'drawStems',
value: function drawStems() {
var _this2 = this;
this.notes.forEach(function (note) {
if (note.getStem()) {
note.getStem().setContext(_this2.context).draw();
}
}, this);
}
// Render the beam lines
}, {
key: 'drawBeamLines',
value: function drawBeamLines() {
this.checkContext();
var valid_beam_durations = ['4', '8', '16', '32', '64'];
var firstNote = this.notes[0];
var firstStemTipY = firstNote.getStemExtents().topY;
var beamY = firstStemTipY;
// For flat beams, set the first and last Y to the offset, rather than
// using the note's stem extents.
if (this.render_options.flat_beams && this.render_options.flat_beam_offset) {
beamY = this.render_options.flat_beam_offset;
}
var firstStemX = firstNote.getStemX();
var beamThickness = this.render_options.beam_width * this.stem_direction;
// Draw the beams.
for (var i = 0; i < valid_beam_durations.length; ++i) {
var duration = valid_beam_durations[i];
var beamLines = this.getBeamLines(duration);
for (var j = 0; j < beamLines.length; ++j) {
var beam_line = beamLines[j];
var startBeamX = beam_line.start;
var startBeamY = this.getSlopeY(startBeamX, firstStemX, beamY, this.slope);
var lastBeamX = beam_line.end;
var lastBeamY = this.getSlopeY(lastBeamX, firstStemX, beamY, this.slope);
this.context.beginPath();
this.context.moveTo(startBeamX, startBeamY);
this.context.lineTo(startBeamX, startBeamY + beamThickness);
this.context.lineTo(lastBeamX + 1, lastBeamY + beamThickness);
this.context.lineTo(lastBeamX + 1, lastBeamY);
this.context.closePath();
this.context.fill();
}
beamY += beamThickness * 1.5;
}
}
// Pre-format the beam
}, {
key: 'preFormat',
value: function preFormat() {
return this;
}
// Post-format the beam. This can only be called after
// the notes in the beam have both `x` and `y` values. ie: they've
// been formatted and have staves
}, {
key: 'postFormat',
value: function postFormat() {
if (this.postFormatted) return;
// Calculate a smart slope if we're not forcing the beams to be flat.
if (this.notes[0].getCategory() === 'tabnotes' || this.render_options.flat_beams) {
this.calculateFlatSlope();
} else {
this.calculateSlope();
}
this.applyStemExtensions();
this.postFormatted = true;
}
// Render the beam to the canvas context
}, {
key: 'draw',
value: function draw() {
this.checkContext();
this.setRendered();
if (this.unbeamable) return;
if (!this.postFormatted) {
this.postFormat();
}
this.drawStems();
this.drawBeamLines();
}
}]);
return Beam;
}(_element.Element);
/***/ },
/* 16 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Tuplet = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _element = __webpack_require__(5);
var _formatter = __webpack_require__(14);
var _glyph = __webpack_require__(4);
var _stem = __webpack_require__(17);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
/**
* ## Description
*
* Create a new tuplet from the specified notes. The notes must
* be part of the same voice. If they are of different rhythmic
* values, then options.num_notes must be set.
*
* @constructor
* @param {Array.<Vex.Flow.StaveNote>} A set of notes: staveNotes,
* notes, etc... any class that inherits stemmableNote at some
* point in its prototype chain.
* @param options: object {
*
* num_notes: fit this many notes into...
* notes_occupied: ...the space of this many notes
*
* Together, these two properties make up the tuplet ratio
* in the form of num_notes : notes_occupied.
* num_notes defaults to the number of notes passed in, so
* it is important that if you omit this property, all of
* the notes passed should be of the same note value.
* notes_occupied defaults to 2 -- so you should almost
* certainly pass this parameter for anything other than
* a basic triplet.
*
* location:
* default 1, which is above the notes: ┌─── 3 ───┐
* -1 is below the notes └─── 3 ───┘
*
* bracketed: boolean, draw a bracket around the tuplet number
* when true: ┌─── 3 ───┐ when false: 3
* defaults to true if notes are not beamed, false otherwise
*
* ratioed: boolean
* when true: ┌─── 7:8 ───┐, when false: ┌─── 7 ───┐
* defaults to true if the difference between num_notes and
* notes_occupied is greater than 1.
*
* y_offset: int, default 0
* manually offset a tuplet, for instance to avoid collisions
* with articulations, etc...
* }
*/
var Tuplet = exports.Tuplet = function (_Element) {
_inherits(Tuplet, _Element);
_createClass(Tuplet, null, [{
key: 'LOCATION_TOP',
get: function get() {
return 1;
}
}, {
key: 'LOCATION_BOTTOM',
get: function get() {
return -1;
}
}, {
key: 'NESTING_OFFSET',
get: function get() {
return 15;
}
}]);
function Tuplet(notes, options) {
_classCallCheck(this, Tuplet);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Tuplet).call(this));
_this.setAttribute('type', 'Tuplet');
if (!notes || !notes.length) {
throw new _vex.Vex.RuntimeError('BadArguments', 'No notes provided for tuplet.');
}
if (notes.length === 1) {
throw new _vex.Vex.RuntimeError('BadArguments', 'Too few notes for tuplet.');
}
_this.options = _vex.Vex.Merge({}, options);
_this.notes = notes;
_this.num_notes = 'num_notes' in _this.options ? _this.options.num_notes : notes.length;
// We accept beats_occupied, but warn that it's deprecated:
// the preferred property name is now notes_occupied.
if (_this.options.beats_occupied) {
_this.beatsOccupiedDeprecationWarning();
}
_this.notes_occupied = _this.options.notes_occupied || _this.options.beats_occupied || 2;
if ('bracketed' in _this.options) {
_this.bracketed = _this.options.bracketed;
} else {
_this.bracketed = notes.some(function (note) {
return note.beam === null;
});
}
_this.ratioed = 'ratioed' in _this.options ? _this.options.ratioed : Math.abs(_this.notes_occupied - _this.num_notes) > 1;
_this.point = 28;
_this.y_pos = 16;
_this.x_pos = 100;
_this.width = 200;
_this.location = _this.options.location || Tuplet.LOCATION_TOP;
_formatter.Formatter.AlignRestsToNotes(notes, true, true);
_this.resolveGlyphs();
_this.attach();
return _this;
}
_createClass(Tuplet, [{
key: 'attach',
value: function attach() {
for (var i = 0; i < this.notes.length; i++) {
var note = this.notes[i];
note.setTuplet(this);
}
}
}, {
key: 'detach',
value: function detach() {
for (var i = 0; i < this.notes.length; i++) {
var note = this.notes[i];
note.resetTuplet(this);
}
}
/**
* Set whether or not the bracket is drawn.
*/
}, {
key: 'setBracketed',
value: function setBracketed(bracketed) {
this.bracketed = !!bracketed;
return this;
}
/**
* Set whether or not the ratio is shown.
*/
}, {
key: 'setRatioed',
value: function setRatioed(ratioed) {
this.ratioed = !!ratioed;
return this;
}
/**
* Set the tuplet to be displayed either on the top or bottom of the stave
*/
}, {
key: 'setTupletLocation',
value: function setTupletLocation(location) {
if (!location) {
location = Tuplet.LOCATION_TOP;
} else if (location !== Tuplet.LOCATION_TOP && location !== Tuplet.LOCATION_BOTTOM) {
throw new _vex.Vex.RERR('BadArgument', 'Invalid tuplet location: ' + location);
}
this.location = location;
return this;
}
}, {
key: 'getNotes',
value: function getNotes() {
return this.notes;
}
}, {
key: 'getNoteCount',
value: function getNoteCount() {
return this.num_notes;
}
}, {
key: 'beatsOccupiedDeprecationWarning',
value: function beatsOccupiedDeprecationWarning() {
var msg = ['beats_occupied has been deprecated as an ', 'option for tuplets. Please use notes_occupied ', 'instead. Calls to getBeatsOccupied and ', 'setBeatsOccupied should now be routed to ', 'getNotesOccupied and setNotesOccupied instead'].join('');
if (console && console.warn) {
// eslint-disable-line no-console
console.warn(msg); // eslint-disable-line no-console
} else if (console) {
console.log(msg); // eslint-disable-line no-console
}
}
}, {
key: 'getBeatsOccupied',
value: function getBeatsOccupied() {
this.beatsOccupiedDeprecationWarning();
return this.getNotesOccupied();
}
}, {
key: 'setBeatsOccupied',
value: function setBeatsOccupied(beats) {
this.beatsOccupiedDeprecationWarning();
return this.setNotesOccupied(beats);
}
}, {
key: 'getNotesOccupied',
value: function getNotesOccupied() {
return this.notes_occupied;
}
}, {
key: 'setNotesOccupied',
value: function setNotesOccupied(notes) {
this.detach();
this.notes_occupied = notes;
this.resolveGlyphs();
this.attach();
}
}, {
key: 'resolveGlyphs',
value: function resolveGlyphs() {
this.num_glyphs = [];
var n = this.num_notes;
while (n >= 1) {
this.num_glyphs.push(new _glyph.Glyph('v' + n % 10, this.point));
n = parseInt(n / 10, 10);
}
this.denom_glyphs = [];
n = this.notes_occupied;
while (n >= 1) {
this.denom_glyphs.push(new _glyph.Glyph('v' + n % 10, this.point));
n = parseInt(n / 10, 10);
}
}
// determine how many tuplets are nested within this tuplet
// on the same side (above/below), to calculate a y
// offset for this tuplet:
}, {
key: 'getNestedTupletCount',
value: function getNestedTupletCount() {
var location = this.location;
var first_note = this.notes[0];
var maxTupletCount = countTuplets(first_note, location);
var minTupletCount = countTuplets(first_note, location);
// Count the tuplets that are on the same side (above/below)
// as this tuplet:
function countTuplets(note, location) {
return note.tupletStack.filter(function (tuplet) {
return tuplet.location === location;
}).length;
}
this.notes.forEach(function (note) {
var tupletCount = countTuplets(note, location);
maxTupletCount = tupletCount > maxTupletCount ? tupletCount : maxTupletCount;
minTupletCount = tupletCount < minTupletCount ? tupletCount : minTupletCount;
});
return maxTupletCount - minTupletCount;
}
// determine the y position of the tuplet:
}, {
key: 'getYPosition',
value: function getYPosition() {
// offset the tuplet for any nested tuplets between
// it and the notes:
var nested_tuplet_y_offset = this.getNestedTupletCount() * Tuplet.NESTING_OFFSET * -this.location;
// offset the tuplet for any manual y_offset:
var y_offset = this.options.y_offset || 0;
// now iterate through the notes and find our highest
// or lowest locations, to form a base y_pos
var first_note = this.notes[0];
var y_pos = void 0;
if (this.location === Tuplet.LOCATION_TOP) {
y_pos = first_note.getStave().getYForLine(0) - 15;
// y_pos = first_note.getStemExtents().topY - 10;
for (var i = 0; i < this.notes.length; ++i) {
var top_y = this.notes[i].getStemDirection() === _stem.Stem.UP ? this.notes[i].getStemExtents().topY - 10 : this.notes[i].getStemExtents().baseY - 20;
if (top_y < y_pos) {
y_pos = top_y;
}
}
} else {
y_pos = first_note.getStave().getYForLine(4) + 20;
for (var _i = 0; _i < this.notes.length; ++_i) {
var bottom_y = this.notes[_i].getStemDirection() === _stem.Stem.UP ? this.notes[_i].getStemExtents().baseY + 20 : this.notes[_i].getStemExtents().topY + 10;
if (bottom_y > y_pos) {
y_pos = bottom_y;
}
}
}
return y_pos + nested_tuplet_y_offset + y_offset;
}
}, {
key: 'draw',
value: function draw() {
var _this2 = this;
this.checkContext();
this.setRendered();
// determine x value of left bound of tuplet
var first_note = this.notes[0];
var last_note = this.notes[this.notes.length - 1];
if (!this.bracketed) {
this.x_pos = first_note.getStemX();
this.width = last_note.getStemX() - this.x_pos;
} else {
this.x_pos = first_note.getTieLeftX() - 5;
this.width = last_note.getTieRightX() - this.x_pos + 5;
}
// determine y value for tuplet
this.y_pos = this.getYPosition();
var addGlyphWidth = function addGlyphWidth(width, glyph) {
return width + glyph.getMetrics().width;
};
// calculate total width of tuplet notation
var width = this.num_glyphs.reduce(addGlyphWidth, 0);
if (this.ratioed) {
width = this.denom_glyphs.reduce(addGlyphWidth, width);
width += this.point * 0.32;
}
var notation_center_x = this.x_pos + this.width / 2;
var notation_start_x = notation_center_x - width / 2;
// draw bracket if the tuplet is not beamed
if (this.bracketed) {
var line_width = this.width / 2 - width / 2 - 5;
// only draw the bracket if it has positive length
if (line_width > 0) {
this.context.fillRect(this.x_pos, this.y_pos, line_width, 1);
this.context.fillRect(this.x_pos + this.width / 2 + width / 2 + 5, this.y_pos, line_width, 1);
this.context.fillRect(this.x_pos, this.y_pos + (this.location === Tuplet.LOCATION_BOTTOM), 1, this.location * 10);
this.context.fillRect(this.x_pos + this.width, this.y_pos + (this.location === Tuplet.LOCATION_BOTTOM), 1, this.location * 10);
}
}
// draw numerator glyphs
var x_offset = 0;
this.num_glyphs.forEach(function (glyph) {
glyph.render(_this2.context, notation_start_x + x_offset, _this2.y_pos + _this2.point / 3 - 2);
x_offset += glyph.getMetrics().width;
});
// display colon and denominator if the ratio is to be shown
if (this.ratioed) {
var colon_x = notation_start_x + x_offset + this.point * 0.16;
var colon_radius = this.point * 0.06;
this.context.beginPath();
this.context.arc(colon_x, this.y_pos - this.point * 0.08, colon_radius, 0, Math.PI * 2, true);
this.context.closePath();
this.context.fill();
this.context.beginPath();
this.context.arc(colon_x, this.y_pos + this.point * 0.12, colon_radius, 0, Math.PI * 2, true);
this.context.closePath();
this.context.fill();
x_offset += this.point * 0.32;
this.denom_glyphs.forEach(function (glyph) {
glyph.render(_this2.context, notation_start_x + x_offset, _this2.y_pos + _this2.point / 3 - 2);
x_offset += glyph.getMetrics().width;
});
}
}
}]);
return Tuplet;
}(_element.Element);
/***/ },
/* 17 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Stem = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _element = __webpack_require__(5);
var _tables = __webpack_require__(2);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// This file implements the `Stem` object. Generally this object is handled
// by its parent `StemmableNote`.
// To enable logging for this class. Set `Vex.Flow.Stem.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (Stem.DEBUG) _vex.Vex.L('Vex.Flow.Stem', args);
}
var Stem = exports.Stem = function (_Element) {
_inherits(Stem, _Element);
_createClass(Stem, null, [{
key: 'CATEGORY',
get: function get() {
return 'stem';
}
// Stem directions
}, {
key: 'UP',
get: function get() {
return 1;
}
}, {
key: 'DOWN',
get: function get() {
return -1;
}
// Theme
}, {
key: 'WIDTH',
get: function get() {
return _tables.Flow.STEM_WIDTH;
}
}, {
key: 'HEIGHT',
get: function get() {
return _tables.Flow.STEM_HEIGHT;
}
}]);
function Stem() {
var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
_classCallCheck(this, Stem);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Stem).call(this));
_this.setAttribute('type', 'Stem');
// Default notehead x bounds
_this.x_begin = options.x_begin || 0;
_this.x_end = options.x_end || 0;
// Y bounds for top/bottom most notehead
_this.y_top = options.y_top || 0;
_this.y_bottom = options.y_bottom || 0;
// Stem top extension
_this.stem_extension = options.stem_extension || 0;
// Direction of the stem
_this.stem_direction = options.stem_direction || 0;
// Flag to override all draw calls
_this.hide = options.hide || false;
_this.isStemlet = options.isStemlet || false;
_this.stemletHeight = options.stemletHeight || 0;
// Use to adjust the rendered height without affecting
// the results of `.getExtents()`
_this.renderHeightAdjustment = 0;
return _this;
}
// Set the x bounds for the default notehead
_createClass(Stem, [{
key: 'setNoteHeadXBounds',
value: function setNoteHeadXBounds(x_begin, x_end) {
this.x_begin = x_begin;
this.x_end = x_end;
return this;
}
// Set the direction of the stem in relation to the noteheads
}, {
key: 'setDirection',
value: function setDirection(direction) {
this.stem_direction = direction;
}
// Set the extension for the stem, generally for flags or beams
}, {
key: 'setExtension',
value: function setExtension(ext) {
this.stem_extension = ext;
}
}, {
key: 'getExtension',
value: function getExtension() {
return this.stem_extension;
}
// The the y bounds for the top and bottom noteheads
}, {
key: 'setYBounds',
value: function setYBounds(y_top, y_bottom) {
this.y_top = y_top;
this.y_bottom = y_bottom;
}
// The category of the object
}, {
key: 'getCategory',
value: function getCategory() {
return Stem.CATEGORY;
}
// Gets the entire height for the stem
}, {
key: 'getHeight',
value: function getHeight() {
return (this.y_bottom - this.y_top) * this.stem_direction + (Stem.HEIGHT + this.stem_extension) * this.stem_direction;
}
}, {
key: 'getBoundingBox',
value: function getBoundingBox() {
throw new _vex.Vex.RERR('NotImplemented', 'getBoundingBox() not implemented.');
}
// Get the y coordinates for the very base of the stem to the top of
// the extension
}, {
key: 'getExtents',
value: function getExtents() {
var isStemUp = this.stem_direction === Stem.UP;
var ys = [this.y_top, this.y_bottom];
var stemHeight = Stem.HEIGHT + this.stem_extension;
var innerMostNoteheadY = (isStemUp ? Math.min : Math.max).apply(undefined, ys);
var outerMostNoteheadY = (isStemUp ? Math.max : Math.min).apply(undefined, ys);
var stemTipY = innerMostNoteheadY + stemHeight * -this.stem_direction;
return { topY: stemTipY, baseY: outerMostNoteheadY };
}
// set the draw style of a stem:
}, {
key: 'setStyle',
value: function setStyle(style) {
this.style = style;return this;
}
}, {
key: 'getStyle',
value: function getStyle() {
return this.style;
}
}, {
key: 'setVisibility',
value: function setVisibility(isVisible) {
this.hide = !isVisible;
return this;
}
}, {
key: 'setStemlet',
value: function setStemlet(isStemlet, stemletHeight) {
this.isStemlet = isStemlet;
this.stemletHeight = stemletHeight;
return this;
}
// Apply current style to Canvas `context`
}, {
key: 'applyStyle',
value: function applyStyle(context) {
var style = this.getStyle();
if (style) {
if (style.shadowColor) context.setShadowColor(style.shadowColor);
if (style.shadowBlur) context.setShadowBlur(style.shadowBlur);
if (style.strokeStyle) context.setStrokeStyle(style.strokeStyle);
}
return this;
}
// Render the stem onto the canvas
}, {
key: 'draw',
value: function draw() {
this.setRendered();
if (this.hide) return;
var ctx = this.checkContext();
var stem_x = void 0;
var stem_y = void 0;
var stem_direction = this.stem_direction;
if (stem_direction === Stem.DOWN) {
// Down stems are rendered to the left of the head.
stem_x = this.x_begin;
stem_y = this.y_top;
} else {
// Up stems are rendered to the right of the head.
stem_x = this.x_end;
stem_y = this.y_bottom;
}
var stemHeight = this.getHeight();
L('Rendering stem - ', 'Top Y: ', this.y_top, 'Bottom Y: ', this.y_bottom);
// The offset from the stem's base which is required fo satisfy the stemlet height
var stemletYOffset = this.isStemlet ? stemHeight - this.stemletHeight * this.stem_direction : 0;
// Draw the stem
ctx.save();
this.applyStyle(ctx);
ctx.beginPath();
ctx.setLineWidth(Stem.WIDTH);
ctx.moveTo(stem_x, stem_y - stemletYOffset);
ctx.lineTo(stem_x, stem_y - stemHeight - this.renderHeightAdjustment * stem_direction);
ctx.stroke();
ctx.restore();
}
}]);
return Stem;
}(_element.Element);
/***/ },
/* 18 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Voice = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _element = __webpack_require__(5);
var _tables = __webpack_require__(2);
var _fraction = __webpack_require__(3);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
//
// This file implements the main Voice class. It's mainly a container
// object to group `Tickables` for formatting.
var Voice = exports.Voice = function (_Element) {
_inherits(Voice, _Element);
_createClass(Voice, null, [{
key: 'Mode',
// Modes allow the addition of ticks in three different ways:
//
// STRICT: This is the default. Ticks must fill the voice.
// SOFT: Ticks can be added without restrictions.
// FULL: Ticks do not need to fill the voice, but can't exceed the maximum
// tick length.
get: function get() {
return {
STRICT: 1,
SOFT: 2,
FULL: 3
};
}
}]);
function Voice(time) {
_classCallCheck(this, Voice);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Voice).call(this));
_this.setAttribute('type', 'Voice');
// Time signature shortcut: "4/4", "3/8", etc.
if (typeof time === 'string') {
var match = time.match(/(\d+)\/(\d+)/);
if (match) {
time = {
num_beats: match[1],
beat_value: match[2],
resolution: _tables.Flow.RESOLUTION
};
}
}
// Default time sig is 4/4
_this.time = _vex.Vex.Merge({
num_beats: 4,
beat_value: 4,
resolution: _tables.Flow.RESOLUTION
}, time);
// Recalculate total ticks.
_this.totalTicks = new _fraction.Fraction(_this.time.num_beats * (_this.time.resolution / _this.time.beat_value), 1);
_this.resolutionMultiplier = 1;
// Set defaults
_this.tickables = [];
_this.ticksUsed = new _fraction.Fraction(0, 1);
_this.smallestTickCount = _this.totalTicks.clone();
_this.largestTickWidth = 0;
_this.stave = null;
// Do we care about strictly timed notes
_this.mode = Voice.Mode.STRICT;
// This must belong to a VoiceGroup
_this.voiceGroup = null;
return _this;
}
// Get the total ticks in the voice
_createClass(Voice, [{
key: 'getTotalTicks',
value: function getTotalTicks() {
return this.totalTicks;
}
// Get the total ticks used in the voice by all the tickables
}, {
key: 'getTicksUsed',
value: function getTicksUsed() {
return this.ticksUsed;
}
// Get the largest width of all the tickables
}, {
key: 'getLargestTickWidth',
value: function getLargestTickWidth() {
return this.largestTickWidth;
}
// Get the tick count for the shortest tickable
}, {
key: 'getSmallestTickCount',
value: function getSmallestTickCount() {
return this.smallestTickCount;
}
// Get the tickables in the voice
}, {
key: 'getTickables',
value: function getTickables() {
return this.tickables;
}
// Get/set the voice mode, use a value from `Voice.Mode`
}, {
key: 'getMode',
value: function getMode() {
return this.mode;
}
}, {
key: 'setMode',
value: function setMode(mode) {
this.mode = mode;return this;
}
// Get the resolution multiplier for the voice
}, {
key: 'getResolutionMultiplier',
value: function getResolutionMultiplier() {
return this.resolutionMultiplier;
}
// Get the actual tick resolution for the voice
}, {
key: 'getActualResolution',
value: function getActualResolution() {
return this.resolutionMultiplier * this.time.resolution;
}
// Set the voice's stave
}, {
key: 'setStave',
value: function setStave(stave) {
this.stave = stave;
this.boundingBox = null; // Reset bounding box so we can reformat
return this;
}
// Get the bounding box for the voice
}, {
key: 'getBoundingBox',
value: function getBoundingBox() {
var stave = void 0;
var boundingBox = void 0;
var bb = void 0;
var i = void 0;
if (!this.boundingBox) {
if (!this.stave) throw new _vex.Vex.RERR('NoStave', "Can't get bounding box without stave.");
stave = this.stave;
boundingBox = null;
for (i = 0; i < this.tickables.length; ++i) {
this.tickables[i].setStave(stave);
bb = this.tickables[i].getBoundingBox();
if (!bb) continue;
boundingBox = boundingBox ? boundingBox.mergeWith(bb) : bb;
}
this.boundingBox = boundingBox;
}
return this.boundingBox;
}
// Every tickable must be associated with a voiceGroup. This allows formatters
// and preformatters to associate them with the right modifierContexts.
}, {
key: 'getVoiceGroup',
value: function getVoiceGroup() {
if (!this.voiceGroup) {
throw new _vex.Vex.RERR('NoVoiceGroup', 'No voice group for voice.');
}
return this.voiceGroup;
}
// Set the voice group
}, {
key: 'setVoiceGroup',
value: function setVoiceGroup(g) {
this.voiceGroup = g;return this;
}
// Set the voice mode to strict or soft
}, {
key: 'setStrict',
value: function setStrict(strict) {
this.mode = strict ? Voice.Mode.STRICT : Voice.Mode.SOFT;
return this;
}
// Determine if the voice is complete according to the voice mode
}, {
key: 'isComplete',
value: function isComplete() {
if (this.mode === Voice.Mode.STRICT || this.mode === Voice.Mode.FULL) {
return this.ticksUsed.equals(this.totalTicks);
} else {
return true;
}
}
// Add a tickable to the voice
}, {
key: 'addTickable',
value: function addTickable(tickable) {
if (!tickable.shouldIgnoreTicks()) {
var ticks = tickable.getTicks();
// Update the total ticks for this line.
this.ticksUsed.add(ticks);
if ((this.mode === Voice.Mode.STRICT || this.mode === Voice.Mode.FULL) && this.ticksUsed.greaterThan(this.totalTicks)) {
this.totalTicks.subtract(ticks);
throw new _vex.Vex.RERR('BadArgument', 'Too many ticks.');
}
// Track the smallest tickable for formatting.
if (ticks.lessThan(this.smallestTickCount)) {
this.smallestTickCount = ticks.clone();
}
this.resolutionMultiplier = this.ticksUsed.denominator;
// Expand total ticks using denominator from ticks used.
this.totalTicks.add(0, this.ticksUsed.denominator);
}
// Add the tickable to the line.
this.tickables.push(tickable);
tickable.setVoice(this);
return this;
}
// Add an array of tickables to the voice.
}, {
key: 'addTickables',
value: function addTickables(tickables) {
for (var i = 0; i < tickables.length; ++i) {
this.addTickable(tickables[i]);
}
return this;
}
// Preformats the voice by applying the voice's stave to each note.
}, {
key: 'preFormat',
value: function preFormat() {
var _this2 = this;
if (this.preFormatted) return this;
this.tickables.forEach(function (tickable) {
if (!tickable.getStave()) {
tickable.setStave(_this2.stave);
}
});
this.preFormatted = true;
return this;
}
// Render the voice onto the canvas `context` and an optional `stave`.
// If `stave` is omitted, it is expected that the notes have staves
// already set.
}, {
key: 'draw',
value: function draw() {
var context = arguments.length <= 0 || arguments[0] === undefined ? this.context : arguments[0];
var stave = arguments.length <= 1 || arguments[1] === undefined ? this.stave : arguments[1];
this.setRendered();
var boundingBox = null;
for (var i = 0; i < this.tickables.length; ++i) {
var tickable = this.tickables[i];
// Set the stave if provided
if (stave) tickable.setStave(stave);
if (!tickable.getStave()) {
throw new _vex.Vex.RuntimeError('MissingStave', 'The voice cannot draw tickables without staves.');
}
if (i === 0) boundingBox = tickable.getBoundingBox();
if (i > 0 && boundingBox) {
var tickable_bb = tickable.getBoundingBox();
if (tickable_bb) boundingBox.mergeWith(tickable_bb);
}
tickable.setContext(context);
tickable.draw();
}
this.boundingBox = boundingBox;
}
}]);
return Voice;
}(_element.Element);
/***/ },
/* 19 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StaveConnector = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _element = __webpack_require__(5);
var _tables = __webpack_require__(2);
var _glyph = __webpack_require__(4);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
function drawBoldDoubleLine(ctx, type, topX, topY, botY) {
if (type !== StaveConnector.type.BOLD_DOUBLE_LEFT && type !== StaveConnector.type.BOLD_DOUBLE_RIGHT) {
throw new _vex.Vex.RERR('InvalidConnector', 'A REPEAT_BEGIN or REPEAT_END type must be provided.');
}
var x_shift = 3;
var variableWidth = 3.5; // Width for avoiding anti-aliasing width issues
var thickLineOffset = 2; // For aesthetics
if (type === StaveConnector.type.BOLD_DOUBLE_RIGHT) {
x_shift = -5; // Flips the side of the thin line
variableWidth = 3;
}
// Thin line
ctx.fillRect(topX + x_shift, topY, 1, botY - topY);
// Thick line
ctx.fillRect(topX - thickLineOffset, topY, variableWidth, botY - topY);
}
var StaveConnector = exports.StaveConnector = function (_Element) {
_inherits(StaveConnector, _Element);
_createClass(StaveConnector, null, [{
key: 'type',
// SINGLE_LEFT and SINGLE are the same value for compatibility
// with older versions of vexflow which didn't have right sided
// stave connectors
get: function get() {
return {
SINGLE_RIGHT: 0,
SINGLE_LEFT: 1,
SINGLE: 1,
DOUBLE: 2,
BRACE: 3,
BRACKET: 4,
BOLD_DOUBLE_LEFT: 5,
BOLD_DOUBLE_RIGHT: 6,
THIN_DOUBLE: 7,
NONE: 8
};
}
}, {
key: 'typeString',
get: function get() {
return {
singleRight: StaveConnector.type.SINGLE_RIGHT,
singleLeft: StaveConnector.type.SINGLE_LEFT,
single: StaveConnector.type.SINGLE,
double: StaveConnector.type.DOUBLE,
brace: StaveConnector.type.BRACE,
bracket: StaveConnector.type.BRACKET,
boldDoubleLeft: StaveConnector.type.BOLD_DOUBLE_LEFT,
boldDoubleRight: StaveConnector.type.BOLD_DOUBLE_RIGHT,
thinDouble: StaveConnector.type.THIN_DOUBLE,
none: StaveConnector.type.NONE
};
}
}]);
function StaveConnector(top_stave, bottom_stave) {
_classCallCheck(this, StaveConnector);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(StaveConnector).call(this));
_this.setAttribute('type', 'StaveConnector');
_this.thickness = _tables.Flow.STAVE_LINE_THICKNESS;
_this.width = 3;
_this.top_stave = top_stave;
_this.bottom_stave = bottom_stave;
_this.type = StaveConnector.type.DOUBLE;
_this.font = {
family: 'times',
size: 16,
weight: 'normal'
};
// 1. Offset Bold Double Left to align with offset Repeat Begin bars
// 2. Offset BRACE type not to overlap with another StaveConnector
_this.x_shift = 0;
_this.texts = [];
return _this;
}
_createClass(StaveConnector, [{
key: 'setType',
value: function setType(type) {
type = typeof type === 'string' ? StaveConnector.typeString[type] : type;
if (type >= StaveConnector.type.SINGLE_RIGHT && type <= StaveConnector.type.NONE) {
this.type = type;
}
return this;
}
}, {
key: 'setText',
value: function setText(text, options) {
this.texts.push({
content: text,
options: _vex.Vex.Merge({ shift_x: 0, shift_y: 0 }, options)
});
return this;
}
}, {
key: 'setFont',
value: function setFont(font) {
_vex.Vex.Merge(this.font, font);
}
}, {
key: 'setXShift',
value: function setXShift(x_shift) {
if (typeof x_shift !== 'number') {
throw _vex.Vex.RERR('InvalidType', 'x_shift must be a Number');
}
this.x_shift = x_shift;
return this;
}
}, {
key: 'draw',
value: function draw() {
var ctx = this.checkContext();
this.setRendered();
var topY = this.top_stave.getYForLine(0);
var botY = this.bottom_stave.getYForLine(this.bottom_stave.getNumLines() - 1) + this.thickness;
var width = this.width;
var topX = this.top_stave.getX();
var isRightSidedConnector = this.type === StaveConnector.type.SINGLE_RIGHT || this.type === StaveConnector.type.BOLD_DOUBLE_RIGHT || this.type === StaveConnector.type.THIN_DOUBLE;
if (isRightSidedConnector) {
topX = this.top_stave.getX() + this.top_stave.width;
}
var attachment_height = botY - topY;
switch (this.type) {
case StaveConnector.type.SINGLE:
width = 1;
break;
case StaveConnector.type.SINGLE_LEFT:
width = 1;
break;
case StaveConnector.type.SINGLE_RIGHT:
width = 1;
break;
case StaveConnector.type.DOUBLE:
topX -= this.width + 2;
break;
case StaveConnector.type.BRACE:
{
width = 12;
// May need additional code to draw brace
var x1 = this.top_stave.getX() - 2 + this.x_shift;
var y1 = topY;
var x3 = x1;
var y3 = botY;
var x2 = x1 - width;
var y2 = y1 + attachment_height / 2.0;
var cpx1 = x2 - 0.90 * width;
var cpy1 = y1 + 0.2 * attachment_height;
var cpx2 = x1 + 1.10 * width;
var cpy2 = y2 - 0.135 * attachment_height;
var cpx3 = cpx2;
var cpy3 = y2 + 0.135 * attachment_height;
var cpx4 = cpx1;
var cpy4 = y3 - 0.2 * attachment_height;
var cpx5 = x2 - width;
var cpy5 = cpy4;
var cpx6 = x1 + 0.40 * width;
var cpy6 = y2 + 0.135 * attachment_height;
var cpx7 = cpx6;
var cpy7 = y2 - 0.135 * attachment_height;
var cpx8 = cpx5;
var cpy8 = cpy1;
ctx.beginPath();
ctx.moveTo(x1, y1);
ctx.bezierCurveTo(cpx1, cpy1, cpx2, cpy2, x2, y2);
ctx.bezierCurveTo(cpx3, cpy3, cpx4, cpy4, x3, y3);
ctx.bezierCurveTo(cpx5, cpy5, cpx6, cpy6, x2, y2);
ctx.bezierCurveTo(cpx7, cpy7, cpx8, cpy8, x1, y1);
ctx.fill();
ctx.stroke();
break;
}case StaveConnector.type.BRACKET:
topY -= 4;
botY += 4;
attachment_height = botY - topY;
_glyph.Glyph.renderGlyph(ctx, topX - 5, topY - 3, 40, 'v1b', true);
_glyph.Glyph.renderGlyph(ctx, topX - 5, botY + 3, 40, 'v10', true);
topX -= this.width + 2;
break;
case StaveConnector.type.BOLD_DOUBLE_LEFT:
drawBoldDoubleLine(ctx, this.type, topX + this.x_shift, topY, botY);
break;
case StaveConnector.type.BOLD_DOUBLE_RIGHT:
drawBoldDoubleLine(ctx, this.type, topX, topY, botY);
break;
case StaveConnector.type.THIN_DOUBLE:
width = 1;
break;
case StaveConnector.type.NONE:
break;
default:
throw new _vex.Vex.RERR('InvalidType', 'The provided StaveConnector.type (' + this.type + ') is invalid');
}
if (this.type !== StaveConnector.type.BRACE && this.type !== StaveConnector.type.BOLD_DOUBLE_LEFT && this.type !== StaveConnector.type.BOLD_DOUBLE_RIGHT && this.type !== StaveConnector.type.NONE) {
ctx.fillRect(topX, topY, width, attachment_height);
}
// If the connector is a thin double barline, draw the paralell line
if (this.type === StaveConnector.type.THIN_DOUBLE) {
ctx.fillRect(topX - 3, topY, width, attachment_height);
}
ctx.save();
ctx.lineWidth = 2;
ctx.setFont(this.font.family, this.font.size, this.font.weight);
// Add stave connector text
for (var i = 0; i < this.texts.length; i++) {
var text = this.texts[i];
var text_width = ctx.measureText('' + text.content).width;
var x = this.top_stave.getX() - text_width - 24 + text.options.shift_x;
var y = (this.top_stave.getYForLine(0) + this.bottom_stave.getBottomLineY()) / 2 + text.options.shift_y;
ctx.fillText('' + text.content, x, y + 4);
}
ctx.restore();
}
}]);
return StaveConnector;
}(_element.Element);
/***/ },
/* 20 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StaveNote = undefined;
var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
var _boundingbox = __webpack_require__(8);
var _stem = __webpack_require__(17);
var _notehead = __webpack_require__(21);
var _stemmablenote = __webpack_require__(24);
var _modifier = __webpack_require__(25);
var _dot = __webpack_require__(26);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// This file implements notes for standard notation. This consists of one or
// more `NoteHeads`, an optional stem, and an optional flag.
//
// *Throughout these comments, a "note" refers to the entire `StaveNote`,
// and a "key" refers to a specific pitch/notehead within a note.*
//
// See `tests/stavenote_tests.js` for usage examples.
// To enable logging for this class. Set `Vex.Flow.StaveNote.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (StaveNote.DEBUG) _vex.Vex.L('Vex.Flow.StaveNote', args);
}
var getStemAdjustment = function getStemAdjustment(note) {
return _stem.Stem.WIDTH / (2 * -note.getStemDirection());
};
var isInnerNoteIndex = function isInnerNoteIndex(note, index) {
return index === (note.getStemDirection() === _stem.Stem.UP ? note.keyProps.length - 1 : 0);
};
// Helper methods for rest positioning in ModifierContext.
function shiftRestVertical(rest, note, dir) {
var delta = (note.isrest ? 0.0 : 1.0) * dir;
rest.line += delta;
rest.maxLine += delta;
rest.minLine += delta;
rest.note.setKeyLine(0, rest.note.getKeyLine(0) + delta);
}
// Called from formatNotes :: center a rest between two notes
function centerRest(rest, noteU, noteL) {
var delta = rest.line - _vex.Vex.MidLine(noteU.minLine, noteL.maxLine);
rest.note.setKeyLine(0, rest.note.getKeyLine(0) - delta);
rest.line -= delta;
rest.maxLine -= delta;
rest.minLine -= delta;
}
var StaveNote = exports.StaveNote = function (_StemmableNote) {
_inherits(StaveNote, _StemmableNote);
_createClass(StaveNote, null, [{
key: 'format',
// ## Static Methods
//
// Format notes inside a ModifierContext.
value: function format(notes, state) {
if (!notes || notes.length < 2) return false;
if (notes[0].getStave() != null) return StaveNote.formatByY(notes, state);
var notesList = [];
for (var i = 0; i < notes.length; i++) {
var props = notes[i].getKeyProps();
var line = props[0].line;
var minL = props[props.length - 1].line;
var stemDirection = notes[i].getStemDirection();
var stemMax = notes[i].getStemLength() / 10;
var stemMin = notes[i].getStemMinumumLength() / 10;
var maxL = void 0;
if (notes[i].isRest()) {
maxL = line + notes[i].glyph.line_above;
minL = line - notes[i].glyph.line_below;
} else {
maxL = stemDirection === 1 ? props[props.length - 1].line + stemMax : props[props.length - 1].line;
minL = stemDirection === 1 ? props[0].line : props[0].line - stemMax;
}
notesList.push({
line: props[0].line, // note/rest base line
maxLine: maxL, // note/rest upper bounds line
minLine: minL, // note/rest lower bounds line
isrest: notes[i].isRest(),
stemDirection: stemDirection,
stemMax: stemMax, // Maximum (default) note stem length;
stemMin: stemMin, // minimum note stem length
voice_shift: notes[i].getVoiceShiftWidth(),
is_displaced: notes[i].isDisplaced(), // note manually displaced
note: notes[i]
});
}
var voices = notesList.length;
var noteU = notesList[0];
var noteM = voices > 2 ? notesList[1] : null;
var noteL = voices > 2 ? notesList[2] : notesList[1];
// for two voice backward compatibility, ensure upper voice is stems up
// for three voices, the voices must be in order (upper, middle, lower)
if (voices === 2 && noteU.stemDirection === -1 && noteL.stemDirection === 1) {
noteU = notesList[1];
noteL = notesList[0];
}
var voiceXShift = Math.max(noteU.voice_shift, noteL.voice_shift);
var xShift = 0;
var stemDelta = void 0;
// Test for two voice note intersection
if (voices === 2) {
var lineSpacing = noteU.stemDirection === noteL.stemDirection ? 0.0 : 0.5;
// if top voice is a middle voice, check stem intersection with lower voice
if (noteU.stemDirection === noteL.stemDirection && noteU.minLine <= noteL.maxLine) {
if (!noteU.isrest) {
stemDelta = Math.abs(noteU.line - (noteL.maxLine + 0.5));
stemDelta = Math.max(stemDelta, noteU.stemMin);
noteU.minLine = noteU.line - stemDelta;
noteU.note.setStemLength(stemDelta * 10);
}
}
if (noteU.minLine <= noteL.maxLine + lineSpacing) {
if (noteU.isrest) {
// shift rest up
shiftRestVertical(noteU, noteL, 1);
} else if (noteL.isrest) {
// shift rest down
shiftRestVertical(noteL, noteU, -1);
} else {
xShift = voiceXShift;
if (noteU.stemDirection === noteL.stemDirection) {
// upper voice is middle voice, so shift it right
noteU.note.setXShift(xShift + 3);
} else {
// shift lower voice right
noteL.note.setXShift(xShift);
}
}
}
// format complete
return true;
}
// Check middle voice stem intersection with lower voice
if (noteM !== null && noteM.minLine < noteL.maxLine + 0.5) {
if (!noteM.isrest) {
stemDelta = Math.abs(noteM.line - (noteL.maxLine + 0.5));
stemDelta = Math.max(stemDelta, noteM.stemMin);
noteM.minLine = noteM.line - stemDelta;
noteM.note.setStemLength(stemDelta * 10);
}
}
// For three voices, test if rests can be repositioned
//
// Special case 1 :: middle voice rest between two notes
//
if (noteM.isrest && !noteU.isrest && !noteL.isrest) {
if (noteU.minLine <= noteM.maxLine || noteM.minLine <= noteL.maxLine) {
var restHeight = noteM.maxLine - noteM.minLine;
var space = noteU.minLine - noteL.maxLine;
if (restHeight < space) {
// center middle voice rest between the upper and lower voices
centerRest(noteM, noteU, noteL);
} else {
xShift = voiceXShift + 3; // shift middle rest right
noteM.note.setXShift(xShift);
}
// format complete
return true;
}
}
// Special case 2 :: all voices are rests
if (noteU.isrest && noteM.isrest && noteL.isrest) {
// Shift upper voice rest up
shiftRestVertical(noteU, noteM, 1);
// Shift lower voice rest down
shiftRestVertical(noteL, noteM, -1);
// format complete
return true;
}
// Test if any other rests can be repositioned
if (noteM.isrest && noteU.isrest && noteM.minLine <= noteL.maxLine) {
// Shift middle voice rest up
shiftRestVertical(noteM, noteL, 1);
}
if (noteM.isrest && noteL.isrest && noteU.minLine <= noteM.maxLine) {
// Shift middle voice rest down
shiftRestVertical(noteM, noteU, -1);
}
if (noteU.isrest && noteU.minLine <= noteM.maxLine) {
// shift upper voice rest up;
shiftRestVertical(noteU, noteM, 1);
}
if (noteL.isrest && noteM.minLine <= noteL.maxLine) {
// shift lower voice rest down
shiftRestVertical(noteL, noteM, -1);
}
// If middle voice intersects upper or lower voice
if (!noteU.isrest && !noteM.isrest && noteU.minLine <= noteM.maxLine + 0.5 || !noteM.isrest && !noteL.isrest && noteM.minLine <= noteL.maxLine) {
xShift = voiceXShift + 3; // shift middle note right
noteM.note.setXShift(xShift);
}
return true;
}
}, {
key: 'formatByY',
value: function formatByY(notes, state) {
// NOTE: this function does not support more than two voices per stave
// use with care.
var hasStave = true;
for (var i = 0; i < notes.length; i++) {
hasStave = hasStave && notes[i].getStave() != null;
}
if (!hasStave) {
throw new _vex.Vex.RERR('Stave Missing', 'All notes must have a stave - Vex.Flow.ModifierContext.formatMultiVoice!');
}
var xShift = 0;
for (var _i = 0; _i < notes.length - 1; _i++) {
var topNote = notes[_i];
var bottomNote = notes[_i + 1];
if (topNote.getStemDirection() === _stem.Stem.DOWN) {
topNote = notes[_i + 1];
bottomNote = notes[_i];
}
var topKeys = topNote.getKeyProps();
var bottomKeys = bottomNote.getKeyProps();
var HALF_NOTEHEAD_HEIGHT = 0.5;
// `keyProps` and `stave.getYForLine` have different notions of a `line`
// so we have to convert the keyProps value by subtracting 5.
// See https://github.com/0xfe/vexflow/wiki/Development-Gotchas
//
// We also extend the y for each note by a half notehead because the
// notehead's origin is centered
var topNotBottomY = topNote.getStave().getYForLine(5 - topKeys[0].line + HALF_NOTEHEAD_HEIGHT);
var bottomNoteTopY = bottomNote.getStave().getYForLine(5 - bottomKeys[bottomKeys.length - 1].line - HALF_NOTEHEAD_HEIGHT);
var areNotesColliding = bottomNoteTopY - topNotBottomY < 0;
if (areNotesColliding) {
xShift = topNote.getVoiceShiftWidth();
bottomNote.setXShift(xShift);
}
}
state.right_shift += xShift;
}
}, {
key: 'postFormat',
value: function postFormat(notes) {
if (!notes) return false;
notes.forEach(function (note) {
return note.postFormat();
});
return true;
}
}, {
key: 'CATEGORY',
get: function get() {
return 'stavenotes';
}
}, {
key: 'STEM_UP',
get: function get() {
return _stem.Stem.UP;
}
}, {
key: 'STEM_DOWN',
get: function get() {
return _stem.Stem.DOWN;
}
}, {
key: 'DEFAULT_LEDGER_LINE_OFFSET',
get: function get() {
return 3;
}
}]);
function StaveNote(noteStruct) {
_classCallCheck(this, StaveNote);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(StaveNote).call(this, noteStruct));
_this.setAttribute('type', 'StaveNote');
_this.keys = noteStruct.keys;
_this.clef = noteStruct.clef;
_this.octave_shift = noteStruct.octave_shift;
_this.beam = null;
// Pull note rendering properties
_this.glyph = _tables.Flow.durationToGlyph(_this.duration, _this.noteType);
if (!_this.glyph) {
throw new _vex.Vex.RuntimeError('BadArguments', 'Invalid note initialization data (No glyph found): ' + JSON.stringify(noteStruct));
}
// if true, displace note to right
_this.displaced = false;
_this.dot_shiftY = 0;
// per-pitch properties
_this.keyProps = [];
// for displaced ledger lines
_this.use_default_head_x = false;
// Drawing
_this.note_heads = [];
_this.modifiers = [];
_vex.Vex.Merge(_this.render_options, {
// font size for note heads and rests
glyph_font_scale: noteStruct.glyph_font_scale || _tables.Flow.DEFAULT_NOTATION_FONT_SCALE,
// number of stroke px to the left and right of head
stroke_px: noteStruct.stroke_px || StaveNote.DEFAULT_LEDGER_LINE_OFFSET
});
_this.calculateKeyProps();
_this.buildStem();
// Set the stem direction
if (noteStruct.auto_stem) {
_this.autoStem();
} else {
_this.setStemDirection(noteStruct.stem_direction);
}
_this.reset();
_this.buildFlag();
_this.calcExtraPx();
return _this;
}
_createClass(StaveNote, [{
key: 'reset',
value: function reset() {
var _this2 = this;
_get(Object.getPrototypeOf(StaveNote.prototype), 'reset', this).call(this);
this.buildNoteHeads();
if (this.stave) {
this.note_heads.forEach(function (head) {
return head.setStave(_this2.stave);
});
}
}
}, {
key: 'getCategory',
value: function getCategory() {
return StaveNote.CATEGORY;
}
// Builds a `Stem` for the note
}, {
key: 'buildStem',
value: function buildStem() {
var glyph = this.getGlyph();
var yExtend = glyph.code_head === 'v95' || glyph.code_head === 'v3e' ? -4 : 0;
this.setStem(new _stem.Stem({
yExtend: yExtend,
hide: !!this.isRest()
}));
}
// Builds a `NoteHead` for each key in the note
}, {
key: 'buildNoteHeads',
value: function buildNoteHeads() {
this.note_heads = [];
var stemDirection = this.getStemDirection();
var keys = this.getKeys();
var lastLine = null;
var lineDiff = null;
var displaced = false;
// Draw notes from bottom to top.
// For down-stem notes, we draw from top to bottom.
var start = void 0;
var end = void 0;
var step = void 0;
if (stemDirection === _stem.Stem.UP) {
start = 0;
end = keys.length;
step = 1;
} else if (stemDirection === _stem.Stem.DOWN) {
start = keys.length - 1;
end = -1;
step = -1;
}
for (var i = start; i !== end; i += step) {
var noteProps = this.keyProps[i];
var line = noteProps.line;
// Keep track of last line with a note head, so that consecutive heads
// are correctly displaced.
if (lastLine === null) {
lastLine = line;
} else {
lineDiff = Math.abs(lastLine - line);
if (lineDiff === 0 || lineDiff === 0.5) {
displaced = !displaced;
} else {
displaced = false;
this.use_default_head_x = true;
}
}
lastLine = line;
var notehead = new _notehead.NoteHead({
duration: this.duration,
note_type: this.noteType,
displaced: displaced,
stem_direction: stemDirection,
custom_glyph_code: noteProps.code,
glyph_font_scale: this.render_options.glyph_font_scale,
x_shift: noteProps.shift_right,
line: noteProps.line
});
this.note_heads[i] = notehead;
}
}
// Automatically sets the stem direction based on the keys in the note
}, {
key: 'autoStem',
value: function autoStem() {
// Figure out optimal stem direction based on given notes
this.minLine = this.keyProps[0].line;
this.maxLine = this.keyProps[this.keyProps.length - 1].line;
var MIDDLE_LINE = 3;
var decider = (this.minLine + this.maxLine) / 2;
var stemDirection = decider < MIDDLE_LINE ? _stem.Stem.UP : _stem.Stem.DOWN;
this.setStemDirection(stemDirection);
}
// Calculates and stores the properties for each key in the note
}, {
key: 'calculateKeyProps',
value: function calculateKeyProps() {
var lastLine = null;
for (var i = 0; i < this.keys.length; ++i) {
var key = this.keys[i];
// All rests use the same position on the line.
// if (this.glyph.rest) key = this.glyph.position;
if (this.glyph.rest) this.glyph.position = key;
var options = { octave_shift: this.octave_shift || 0 };
var props = _tables.Flow.keyProperties(key, this.clef, options);
if (!props) {
throw new _vex.Vex.RuntimeError('BadArguments', 'Invalid key for note properties: ' + key);
}
// Override line placement for default rests
if (props.key === 'R') {
if (this.duration === '1' || this.duration === 'w') {
props.line = 4;
} else {
props.line = 3;
}
}
// Calculate displacement of this note
var line = props.line;
if (lastLine === null) {
lastLine = line;
} else {
if (Math.abs(lastLine - line) === 0.5) {
this.displaced = true;
props.displaced = true;
// Have to mark the previous note as
// displaced as well, for modifier placement
if (this.keyProps.length > 0) {
this.keyProps[i - 1].displaced = true;
}
}
}
lastLine = line;
this.keyProps.push(props);
}
// Sort the notes from lowest line to highest line
lastLine = -Infinity;
this.keyProps.forEach(function (key) {
if (key.line < lastLine) {
_vex.Vex.W('Unsorted keys in note will be sorted. ' + 'See https://github.com/0xfe/vexflow/issues/104 for details.');
}
lastLine = key.line;
});
this.keyProps.sort(function (a, b) {
return a.line - b.line;
});
}
// Get the `BoundingBox` for the entire note
}, {
key: 'getBoundingBox',
value: function getBoundingBox() {
if (!this.preFormatted) {
throw new _vex.Vex.RERR('UnformattedNote', "Can't call getBoundingBox on an unformatted note.");
}
var _getMetrics = this.getMetrics();
var w = _getMetrics.width;
var modLeftPx = _getMetrics.modLeftPx;
var extraLeftPx = _getMetrics.extraLeftPx;
var x = this.getAbsoluteX() - modLeftPx - extraLeftPx;
var minY = 0;
var maxY = 0;
var halfLineSpacing = this.getStave().getSpacingBetweenLines() / 2;
var lineSpacing = halfLineSpacing * 2;
if (this.isRest()) {
var y = this.ys[0];
var frac = _tables.Flow.durationToFraction(this.duration);
if (frac.equals(1) || frac.equals(2)) {
minY = y - halfLineSpacing;
maxY = y + halfLineSpacing;
} else {
minY = y - this.glyph.line_above * lineSpacing;
maxY = y + this.glyph.line_below * lineSpacing;
}
} else if (this.glyph.stem) {
var ys = this.getStemExtents();
ys.baseY += halfLineSpacing * this.stem_direction;
minY = Math.min(ys.topY, ys.baseY);
maxY = Math.max(ys.topY, ys.baseY);
} else {
minY = null;
maxY = null;
for (var i = 0; i < this.ys.length; ++i) {
var yy = this.ys[i];
if (i === 0) {
minY = yy;
maxY = yy;
} else {
minY = Math.min(yy, minY);
maxY = Math.max(yy, maxY);
}
}
minY -= halfLineSpacing;
maxY += halfLineSpacing;
}
return new _boundingbox.BoundingBox(x, minY, w, maxY - minY);
}
// Gets the line number of the top or bottom note in the chord.
// If `isTopNote` is `true` then get the top note
}, {
key: 'getLineNumber',
value: function getLineNumber(isTopNote) {
if (!this.keyProps.length) {
throw new _vex.Vex.RERR('NoKeyProps', "Can't get bottom note line, because note is not initialized properly.");
}
var resultLine = this.keyProps[0].line;
// No precondition assumed for sortedness of keyProps array
for (var i = 0; i < this.keyProps.length; i++) {
var thisLine = this.keyProps[i].line;
if (isTopNote) {
if (thisLine > resultLine) resultLine = thisLine;
} else {
if (thisLine < resultLine) resultLine = thisLine;
}
}
return resultLine;
}
// Determine if current note is a rest
}, {
key: 'isRest',
value: function isRest() {
return this.glyph.rest;
}
// Determine if the current note is a chord
}, {
key: 'isChord',
value: function isChord() {
return !this.isRest() && this.keys.length > 1;
}
// Determine if the `StaveNote` has a stem
}, {
key: 'hasStem',
value: function hasStem() {
return this.glyph.stem;
}
}, {
key: 'hasFlag',
value: function hasFlag() {
return _get(Object.getPrototypeOf(StaveNote.prototype), 'hasFlag', this).call(this) && !this.isRest();
}
}, {
key: 'getStemX',
value: function getStemX() {
if (this.noteType === 'r') {
return this.getCenterGlyphX();
} else {
// We adjust the origin of the stem because we want the stem left-aligned
// with the notehead if stemmed-down, and right-aligned if stemmed-up
return _get(Object.getPrototypeOf(StaveNote.prototype), 'getStemX', this).call(this) + getStemAdjustment(this);
}
}
// Get the `y` coordinate for text placed on the top/bottom of a
// note at a desired `text_line`
}, {
key: 'getYForTopText',
value: function getYForTopText(textLine) {
var extents = this.getStemExtents();
return Math.min(this.stave.getYForTopText(textLine), extents.topY - this.render_options.annotation_spacing * (textLine + 1));
}
}, {
key: 'getYForBottomText',
value: function getYForBottomText(textLine) {
var extents = this.getStemExtents();
return Math.max(this.stave.getYForTopText(textLine), extents.baseY + this.render_options.annotation_spacing * textLine);
}
// Sets the current note to the provided `stave`. This applies
// `y` values to the `NoteHeads`.
}, {
key: 'setStave',
value: function setStave(stave) {
_get(Object.getPrototypeOf(StaveNote.prototype), 'setStave', this).call(this, stave);
var ys = this.note_heads.map(function (notehead) {
notehead.setStave(stave);
return notehead.getY();
});
this.setYs(ys);
if (this.stem) {
var _getNoteHeadBounds = this.getNoteHeadBounds();
var y_top = _getNoteHeadBounds.y_top;
var y_bottom = _getNoteHeadBounds.y_bottom;
this.stem.setYBounds(y_top, y_bottom);
}
return this;
}
// Get the pitches in the note
}, {
key: 'getKeys',
value: function getKeys() {
return this.keys;
}
// Get the properties for all the keys in the note
}, {
key: 'getKeyProps',
value: function getKeyProps() {
return this.keyProps;
}
// Check if note is shifted to the right
}, {
key: 'isDisplaced',
value: function isDisplaced() {
return this.displaced;
}
// Sets whether shift note to the right. `displaced` is a `boolean`
}, {
key: 'setNoteDisplaced',
value: function setNoteDisplaced(displaced) {
this.displaced = displaced;
return this;
}
// Get the starting `x` coordinate for a `StaveTie`
}, {
key: 'getTieRightX',
value: function getTieRightX() {
var tieStartX = this.getAbsoluteX();
tieStartX += this.getGlyphWidth() + this.x_shift + this.extraRightPx;
if (this.modifierContext) tieStartX += this.modifierContext.getExtraRightPx();
return tieStartX;
}
// Get the ending `x` coordinate for a `StaveTie`
}, {
key: 'getTieLeftX',
value: function getTieLeftX() {
var tieEndX = this.getAbsoluteX();
tieEndX += this.x_shift - this.extraLeftPx;
return tieEndX;
}
// Get the stave line on which to place a rest
}, {
key: 'getLineForRest',
value: function getLineForRest() {
var restLine = this.keyProps[0].line;
if (this.keyProps.length > 1) {
var lastLine = this.keyProps[this.keyProps.length - 1].line;
var top = Math.max(restLine, lastLine);
var bot = Math.min(restLine, lastLine);
restLine = _vex.Vex.MidLine(top, bot);
}
return restLine;
}
// Get the default `x` and `y` coordinates for the provided `position`
// and key `index`
}, {
key: 'getModifierStartXY',
value: function getModifierStartXY(position, index) {
if (!this.preFormatted) {
throw new _vex.Vex.RERR('UnformattedNote', "Can't call GetModifierStartXY on an unformatted note");
}
if (this.ys.length === 0) {
throw new _vex.Vex.RERR('NoYValues', 'No Y-Values calculated for this note.');
}
var _Modifier$Position = _modifier.Modifier.Position;
var ABOVE = _Modifier$Position.ABOVE;
var BELOW = _Modifier$Position.BELOW;
var LEFT = _Modifier$Position.LEFT;
var RIGHT = _Modifier$Position.RIGHT;
var x = 0;
if (position === LEFT) {
// extra_left_px
// FIXME: What are these magic numbers?
x = -1 * 2;
} else if (position === RIGHT) {
// extra_right_px
// FIXME: What is this magical +2?
x = this.getGlyphWidth() + this.x_shift + 2;
if (this.stem_direction === _stem.Stem.UP && this.hasFlag() && isInnerNoteIndex(this, index)) {
x += this.flag.getMetrics().width;
}
} else if (position === BELOW || position === ABOVE) {
x = this.getGlyphWidth() / 2;
}
return {
x: this.getAbsoluteX() + x,
y: this.ys[index]
};
}
// Sets the style of the complete StaveNote, including all keys
// and the stem.
}, {
key: 'setStyle',
value: function setStyle(style) {
this.note_heads.forEach(function (notehead) {
return notehead.setStyle(style);
});
this.stem.setStyle(style);
}
// Sets the notehead at `index` to the provided coloring `style`.
//
// `style` is an `object` with the following properties: `shadowColor`,
// `shadowBlur`, `fillStyle`, `strokeStyle`
}, {
key: 'setKeyStyle',
value: function setKeyStyle(index, style) {
this.note_heads[index].setStyle(style);
return this;
}
}, {
key: 'setKeyLine',
value: function setKeyLine(index, line) {
this.keyProps[index].line = line;
this.note_heads[index].setLine(line);
return this;
}
}, {
key: 'getKeyLine',
value: function getKeyLine(index) {
return this.keyProps[index].line;
}
// Add self to modifier context. `mContext` is the `ModifierContext`
// to be added to.
}, {
key: 'addToModifierContext',
value: function addToModifierContext(mContext) {
this.setModifierContext(mContext);
for (var i = 0; i < this.modifiers.length; ++i) {
this.modifierContext.addModifier(this.modifiers[i]);
}
this.modifierContext.addModifier(this);
this.setPreFormatted(false);
return this;
}
// Generic function to add modifiers to a note
//
// Parameters:
// * `index`: The index of the key that we're modifying
// * `modifier`: The modifier to add
}, {
key: 'addModifier',
value: function addModifier(index, modifier) {
modifier.setNote(this);
modifier.setIndex(index);
this.modifiers.push(modifier);
this.setPreFormatted(false);
return this;
}
// Helper function to add an accidental to a key
}, {
key: 'addAccidental',
value: function addAccidental(index, accidental) {
return this.addModifier(index, accidental);
}
// Helper function to add an articulation to a key
}, {
key: 'addArticulation',
value: function addArticulation(index, articulation) {
return this.addModifier(index, articulation);
}
// Helper function to add an annotation to a key
}, {
key: 'addAnnotation',
value: function addAnnotation(index, annotation) {
return this.addModifier(index, annotation);
}
// Helper function to add a dot on a specific key
}, {
key: 'addDot',
value: function addDot(index) {
var dot = new _dot.Dot();
dot.setDotShiftY(this.glyph.dot_shiftY);
this.dots++;
return this.addModifier(index, dot);
}
// Convenience method to add dot to all keys in note
}, {
key: 'addDotToAll',
value: function addDotToAll() {
for (var i = 0; i < this.keys.length; ++i) {
this.addDot(i);
}
return this;
}
// Get all accidentals in the `ModifierContext`
}, {
key: 'getAccidentals',
value: function getAccidentals() {
return this.modifierContext.getModifiers('accidentals');
}
// Get all dots in the `ModifierContext`
}, {
key: 'getDots',
value: function getDots() {
return this.modifierContext.getModifiers('dots');
}
// Get the width of the note if it is displaced. Used for `Voice`
// formatting
}, {
key: 'getVoiceShiftWidth',
value: function getVoiceShiftWidth() {
// TODO: may need to accomodate for dot here.
return this.getGlyphWidth() * (this.displaced ? 2 : 1);
}
// Calculates and sets the extra pixels to the left or right
// if the note is displaced.
}, {
key: 'calcExtraPx',
value: function calcExtraPx() {
this.setExtraLeftPx(this.displaced && this.stem_direction === _stem.Stem.DOWN ? this.getGlyphWidth() : 0);
// For upstems with flags, the extra space is unnecessary, since it's taken
// up by the flag.
this.setExtraRightPx(!this.hasFlag() && this.displaced && this.stem_direction === _stem.Stem.UP ? this.getGlyphWidth() : 0);
}
// Pre-render formatting
}, {
key: 'preFormat',
value: function preFormat() {
if (this.preFormatted) return;
if (this.modifierContext) this.modifierContext.preFormat();
var width = this.getGlyphWidth() + this.extraLeftPx + this.extraRightPx;
// For upward flagged notes, the width of the flag needs to be added
if (this.glyph.flag && this.beam === null && this.stem_direction === _stem.Stem.UP) {
width += this.getGlyphWidth();
}
this.setWidth(width);
this.setPreFormatted(true);
}
// Gets the staff line and y value for the highest and lowest noteheads
}, {
key: 'getNoteHeadBounds',
value: function getNoteHeadBounds() {
// Top and bottom Y values for stem.
var yTop = null;
var yBottom = null;
var highestLine = this.stave.getNumLines();
var lowestLine = 1;
this.note_heads.forEach(function (notehead) {
var line = notehead.getLine();
var y = notehead.getY();
if (yTop === null || y < yTop) {
yTop = y;
}
if (yBottom === null || y > yBottom) {
yBottom = y;
}
highestLine = line > highestLine ? line : highestLine;
lowestLine = line < lowestLine ? line : lowestLine;
}, this);
return {
y_top: yTop,
y_bottom: yBottom,
highest_line: highestLine,
lowest_line: lowestLine
};
}
// Get the starting `x` coordinate for the noteheads
}, {
key: 'getNoteHeadBeginX',
value: function getNoteHeadBeginX() {
return this.getAbsoluteX() + this.x_shift;
}
// Get the ending `x` coordinate for the noteheads
}, {
key: 'getNoteHeadEndX',
value: function getNoteHeadEndX() {
var xBegin = this.getNoteHeadBeginX();
return xBegin + this.getGlyphWidth();
}
// Draw the ledger lines between the stave and the highest/lowest keys
}, {
key: 'drawLedgerLines',
value: function drawLedgerLines() {
var _this3 = this;
var note_heads = this.note_heads;
var stave = this.stave;
var use_default_head_x = this.use_default_head_x;
var x_shift = this.x_shift;
var glyph = this.glyph;
var stroke_px = this.render_options.stroke_px;
var ctx = this.context;
if (this.isRest()) return;
if (!ctx) {
throw new _vex.Vex.RERR('NoCanvasContext', "Can't draw without a canvas context.");
}
var _getNoteHeadBounds2 = this.getNoteHeadBounds();
var highest_line = _getNoteHeadBounds2.highest_line;
var lowest_line = _getNoteHeadBounds2.lowest_line;
var headX = note_heads[0].getAbsoluteX();
var drawLedgerLine = function drawLedgerLine(y) {
if (use_default_head_x === true) {
headX = _this3.getAbsoluteX() + x_shift;
}
var x = headX - stroke_px;
var length = headX + glyph.getWidth() - headX + stroke_px * 2;
ctx.fillRect(x, y, length, 1);
};
for (var line = 6; line <= highest_line; ++line) {
drawLedgerLine(stave.getYForNote(line));
}
for (var _line = 0; _line >= lowest_line; --_line) {
drawLedgerLine(stave.getYForNote(_line));
}
}
// Draw all key modifiers
}, {
key: 'drawModifiers',
value: function drawModifiers() {
if (!this.context) {
throw new _vex.Vex.RERR('NoCanvasContext', "Can't draw without a canvas context.");
}
var ctx = this.context;
ctx.openGroup('modifiers');
for (var i = 0; i < this.modifiers.length; i++) {
var modifier = this.modifiers[i];
var notehead = this.note_heads[modifier.getIndex()];
var noteheadStyle = notehead.getStyle();
if (noteheadStyle) {
ctx.save();
notehead.applyStyle(ctx);
}
modifier.setContext(ctx);
modifier.draw();
if (noteheadStyle) {
ctx.restore();
}
}
ctx.closeGroup();
}
// Draw the flag for the note
}, {
key: 'drawFlag',
value: function drawFlag() {
var stem = this.stem;
var beam = this.beam;
var ctx = this.context;
if (!ctx) {
throw new _vex.Vex.RERR('NoCanvasContext', "Can't draw without a canvas context.");
}
var shouldRenderFlag = beam === null;
var glyph = this.getGlyph();
if (glyph.flag && shouldRenderFlag) {
var _getNoteHeadBounds3 = this.getNoteHeadBounds();
var y_top = _getNoteHeadBounds3.y_top;
var y_bottom = _getNoteHeadBounds3.y_bottom;
var noteStemHeight = stem.getHeight();
var flagX = this.getStemX();
// FIXME: What's with the magic +/- 2
var flagY = this.getStemDirection() === _stem.Stem.DOWN
// Down stems have flags on the left
? y_top - noteStemHeight + 2
// Up stems have flags on the eft.
: y_bottom - noteStemHeight - 2;
// Draw the Flag
ctx.openGroup('flag', null, { pointerBBox: true });
this.flag.render(ctx, flagX, flagY);
ctx.closeGroup();
}
}
// Draw the NoteHeads
}, {
key: 'drawNoteHeads',
value: function drawNoteHeads() {
var _this4 = this;
this.note_heads.forEach(function (notehead) {
_this4.context.openGroup('notehead', null, { pointerBBox: true });
notehead.setContext(_this4.context).draw();
_this4.context.closeGroup();
});
}
// Render the stem onto the canvas
}, {
key: 'drawStem',
value: function drawStem(stemStruct) {
if (!this.context) {
throw new _vex.Vex.RERR('NoCanvasContext', "Can't draw without a canvas context.");
}
if (stemStruct) {
this.setStem(new _stem.Stem(stemStruct));
}
this.context.openGroup('stem', null, { pointerBBox: true });
this.stem.setContext(this.context).draw();
this.context.closeGroup();
}
// Draws all the `StaveNote` parts. This is the main drawing method.
}, {
key: 'draw',
value: function draw() {
if (!this.context) {
throw new _vex.Vex.RERR('NoCanvasContext', "Can't draw without a canvas context.");
}
if (!this.stave) {
throw new _vex.Vex.RERR('NoStave', "Can't draw without a stave.");
}
if (this.ys.length === 0) {
throw new _vex.Vex.RERR('NoYValues', "Can't draw note without Y values.");
}
var xBegin = this.getNoteHeadBeginX();
var shouldRenderStem = this.hasStem() && !this.beam;
// Format note head x positions
this.note_heads.forEach(function (notehead) {
return notehead.setX(xBegin);
});
// Format stem x positions
var stemX = this.getStemX();
this.stem.setNoteHeadXBounds(stemX, stemX);
L('Rendering ', this.isChord() ? 'chord :' : 'note :', this.keys);
// Draw each part of the note
this.drawLedgerLines();
this.setAttribute('el', this.context.openGroup('stavenote', this.getAttribute('id')));
this.context.openGroup('note', null, { pointerBBox: true });
if (shouldRenderStem) this.drawStem();
this.drawNoteHeads();
this.drawFlag();
this.context.closeGroup();
this.drawModifiers();
this.context.closeGroup();
this.setRendered();
}
}]);
return StaveNote;
}(_stemmablenote.StemmableNote);
/***/ },
/* 21 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.NoteHead = undefined;
var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
var _note = __webpack_require__(22);
var _stem = __webpack_require__(17);
var _stavenote = __webpack_require__(20);
var _glyph = __webpack_require__(4);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
//
// This file implements `NoteHeads`. `NoteHeads` are typically not manipulated
// directly, but used internally in `StaveNote`.
//
// See `tests/notehead_tests.js` for usage examples.
// To enable logging for this class. Set `Vex.Flow.NoteHead.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (NoteHead.DEBUG) _vex.Vex.L('Vex.Flow.NoteHead', args);
}
// Draw slashnote head manually. No glyph exists for this.
//
// Parameters:
// * `ctx`: the Canvas context
// * `duration`: the duration of the note. ex: "4"
// * `x`: the x coordinate to draw at
// * `y`: the y coordinate to draw at
// * `stem_direction`: the direction of the stem
function drawSlashNoteHead(ctx, duration, x, y, stem_direction, staveSpace) {
var width = _tables.Flow.SLASH_NOTEHEAD_WIDTH;
ctx.save();
ctx.setLineWidth(_tables.Flow.STEM_WIDTH);
var fill = false;
if (_tables.Flow.durationToNumber(duration) > 2) {
fill = true;
}
if (!fill) x -= _tables.Flow.STEM_WIDTH / 2 * stem_direction;
ctx.beginPath();
ctx.moveTo(x, y + staveSpace);
ctx.lineTo(x, y + 1);
ctx.lineTo(x + width, y - staveSpace);
ctx.lineTo(x + width, y);
ctx.lineTo(x, y + staveSpace);
ctx.closePath();
if (fill) {
ctx.fill();
} else {
ctx.stroke();
}
if (_tables.Flow.durationToFraction(duration).equals(0.5)) {
var breve_lines = [-3, -1, width + 1, width + 3];
for (var i = 0; i < breve_lines.length; i++) {
ctx.beginPath();
ctx.moveTo(x + breve_lines[i], y - 10);
ctx.lineTo(x + breve_lines[i], y + 11);
ctx.stroke();
}
}
ctx.restore();
}
var NoteHead = exports.NoteHead = function (_Note) {
_inherits(NoteHead, _Note);
_createClass(NoteHead, null, [{
key: 'CATEGORY',
get: function get() {
return 'notehead';
}
}]);
function NoteHead(head_options) {
_classCallCheck(this, NoteHead);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(NoteHead).call(this, head_options));
_this.setAttribute('type', 'NoteHead');
_this.index = head_options.index;
_this.x = head_options.x || 0;
_this.y = head_options.y || 0;
_this.note_type = head_options.note_type;
_this.duration = head_options.duration;
_this.displaced = head_options.displaced || false;
_this.stem_direction = head_options.stem_direction || _stavenote.StaveNote.STEM_UP;
_this.line = head_options.line;
// Get glyph code based on duration and note type. This could be
// regular notes, rests, or other custom codes.
_this.glyph = _tables.Flow.durationToGlyph(_this.duration, _this.note_type);
if (!_this.glyph) {
throw new _vex.Vex.RuntimeError('BadArguments', 'No glyph found for duration \'' + _this.duration + '\' and type \'' + _this.note_type + '\'');
}
_this.glyph_code = _this.glyph.code_head;
_this.x_shift = head_options.x_shift;
if (head_options.custom_glyph_code) {
_this.custom_glyph = true;
_this.glyph_code = head_options.custom_glyph_code;
}
_this.style = head_options.style;
_this.slashed = head_options.slashed;
_vex.Vex.Merge(_this.render_options, {
// font size for note heads
glyph_font_scale: head_options.glyph_font_scale || _tables.Flow.DEFAULT_NOTATION_FONT_SCALE,
// number of stroke px to the left and right of head
stroke_px: 3
});
_this.setWidth(_this.glyph.getWidth(_this.render_options.glyph_font_scale));
return _this;
}
_createClass(NoteHead, [{
key: 'getCategory',
value: function getCategory() {
return NoteHead.CATEGORY;
}
// Get the width of the notehead
}, {
key: 'getWidth',
value: function getWidth() {
return this.width;
}
// Determine if the notehead is displaced
}, {
key: 'isDisplaced',
value: function isDisplaced() {
return this.displaced === true;
}
// Get/set the notehead's style
//
// `style` is an `object` with the following properties: `shadowColor`,
// `shadowBlur`, `fillStyle`, `strokeStyle`
}, {
key: 'getStyle',
value: function getStyle() {
return this.style;
}
}, {
key: 'setStyle',
value: function setStyle(style) {
this.style = style;return this;
}
// Get the glyph data
}, {
key: 'getGlyph',
value: function getGlyph() {
return this.glyph;
}
// Set the X coordinate
}, {
key: 'setX',
value: function setX(x) {
this.x = x;return this;
}
// get/set the Y coordinate
}, {
key: 'getY',
value: function getY() {
return this.y;
}
}, {
key: 'setY',
value: function setY(y) {
this.y = y;return this;
}
// Get/set the stave line the notehead is placed on
}, {
key: 'getLine',
value: function getLine() {
return this.line;
}
}, {
key: 'setLine',
value: function setLine(line) {
this.line = line;return this;
}
// Get the canvas `x` coordinate position of the notehead.
}, {
key: 'getAbsoluteX',
value: function getAbsoluteX() {
// If the note has not been preformatted, then get the static x value
// Otherwise, it's been formatted and we should use it's x value relative
// to its tick context
var x = !this.preFormatted ? this.x : _get(Object.getPrototypeOf(NoteHead.prototype), 'getAbsoluteX', this).call(this);
// For a more natural displaced notehead, we adjust the displacement amount
// by half the stem width in order to maintain a slight overlap with the stem
var displacementStemAdjustment = _stem.Stem.WIDTH / 2;
return x + (this.displaced ? (this.width - displacementStemAdjustment) * this.stem_direction : 0);
}
// Get the `BoundingBox` for the `NoteHead`
}, {
key: 'getBoundingBox',
value: function getBoundingBox() {
if (!this.preFormatted) {
throw new _vex.Vex.RERR('UnformattedNote', "Can't call getBoundingBox on an unformatted note.");
}
var spacing = this.stave.getSpacingBetweenLines();
var half_spacing = spacing / 2;
var min_y = this.y - half_spacing;
return new _tables.Flow.BoundingBox(this.getAbsoluteX(), min_y, this.width, spacing);
}
// Apply current style to Canvas `context`
}, {
key: 'applyStyle',
value: function applyStyle(context) {
var style = this.getStyle();
if (style.shadowColor) context.setShadowColor(style.shadowColor);
if (style.shadowBlur) context.setShadowBlur(style.shadowBlur);
if (style.fillStyle) context.setFillStyle(style.fillStyle);
if (style.strokeStyle) context.setStrokeStyle(style.strokeStyle);
return this;
}
// Set notehead to a provided `stave`
}, {
key: 'setStave',
value: function setStave(stave) {
var line = this.getLine();
this.stave = stave;
this.setY(stave.getYForNote(line));
this.context = this.stave.context;
return this;
}
// Pre-render formatting
}, {
key: 'preFormat',
value: function preFormat() {
if (this.preFormatted) return this;
var width = this.getWidth() + this.extraLeftPx + this.extraRightPx;
this.setWidth(width);
this.setPreFormatted(true);
return this;
}
// Draw the notehead
}, {
key: 'draw',
value: function draw() {
this.checkContext();
this.setRendered();
var ctx = this.context;
var head_x = this.getAbsoluteX();
var y = this.y;
L("Drawing note head '", this.note_type, this.duration, "' at", head_x, y);
// Begin and end positions for head.
var stem_direction = this.stem_direction;
var glyph_font_scale = this.render_options.glyph_font_scale;
var line = this.line;
// If note above/below the staff, draw the small staff
if (line <= 0 || line >= 6) {
var line_y = y;
var floor = Math.floor(line);
if (line < 0 && floor - line === -0.5) {
line_y -= 5;
} else if (line > 6 && floor - line === -0.5) {
line_y += 5;
}
if (this.note_type !== 'r') {
ctx.fillRect(head_x - this.render_options.stroke_px, line_y, this.getWidth() + this.render_options.stroke_px * 2, 1);
}
}
if (this.note_type === 's') {
var staveSpace = this.stave.getSpacingBetweenLines();
drawSlashNoteHead(ctx, this.duration, head_x, y, stem_direction, staveSpace);
} else {
if (this.style) {
ctx.save();
this.applyStyle(ctx);
_glyph.Glyph.renderGlyph(ctx, head_x, y, glyph_font_scale, this.glyph_code);
ctx.restore();
} else {
_glyph.Glyph.renderGlyph(ctx, head_x, y, glyph_font_scale, this.glyph_code);
}
}
}
}]);
return NoteHead;
}(_note.Note);
/***/ },
/* 22 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Note = undefined;
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
var _tickable = __webpack_require__(23);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
//
// This file implements an abstract interface for notes and chords that
// are rendered on a stave. Notes have some common properties: All of them
// have a value (e.g., pitch, fret, etc.) and a duration (quarter, half, etc.)
//
// Some notes have stems, heads, dots, etc. Most notational elements that
// surround a note are called *modifiers*, and every note has an associated
// array of them. All notes also have a rendering context and belong to a stave.
var Note = exports.Note = function (_Tickable) {
_inherits(Note, _Tickable);
_createClass(Note, null, [{
key: 'plotMetrics',
// Debug helper. Displays various note metrics for the given
// note.
value: function plotMetrics(ctx, note, yPos) {
var metrics = note.getMetrics();
var xStart = note.getAbsoluteX() - metrics.modLeftPx - metrics.extraLeftPx;
var xPre1 = note.getAbsoluteX() - metrics.extraLeftPx;
var xAbs = note.getAbsoluteX();
var xPost1 = note.getAbsoluteX() + metrics.noteWidth;
var xPost2 = note.getAbsoluteX() + metrics.noteWidth + metrics.extraRightPx;
var xEnd = note.getAbsoluteX() + metrics.noteWidth + metrics.extraRightPx + metrics.modRightPx;
var xFreedomRight = xEnd + note.getFormatterMetrics().freedom.right;
var xWidth = xEnd - xStart;
ctx.save();
ctx.setFont('Arial', 8, '');
ctx.fillText(Math.round(xWidth) + 'px', xStart + note.getXShift(), yPos);
var y = yPos + 7;
function stroke(x1, x2, color) {
var yy = arguments.length <= 3 || arguments[3] === undefined ? y : arguments[3];
ctx.beginPath();
ctx.setStrokeStyle(color);
ctx.setFillStyle(color);
ctx.setLineWidth(3);
ctx.moveTo(x1 + note.getXShift(), yy);
ctx.lineTo(x2 + note.getXShift(), yy);
ctx.stroke();
}
stroke(xStart, xPre1, 'red');
stroke(xPre1, xAbs, '#999');
stroke(xAbs, xPost1, 'green');
stroke(xPost1, xPost2, '#999');
stroke(xPost2, xEnd, 'red');
stroke(xEnd, xFreedomRight, '#DD0');
stroke(xStart - note.getXShift(), xStart, '#BBB'); // Shift
_vex.Vex.drawDot(ctx, xAbs + note.getXShift(), y, 'blue');
var formatterMetrics = note.getFormatterMetrics();
if (formatterMetrics.iterations > 0) {
var spaceDeviation = formatterMetrics.space.deviation;
var prefix = spaceDeviation >= 0 ? '+' : '';
ctx.setFillStyle('red');
ctx.fillText(prefix + Math.round(spaceDeviation), xAbs + note.getXShift(), yPos - 10);
}
ctx.restore();
}
// Every note is a tickable, i.e., it can be mutated by the `Formatter` class for
// positioning and layout.
// To create a new note you need to provide a `note_struct`, which consists
// of the following fields:
//
// `type`: The note type (e.g., `r` for rest, `s` for slash notes, etc.)
// `dots`: The number of dots, which affects the duration.
// `duration`: The time length (e.g., `q` for quarter, `h` for half, `8` for eighth etc.)
//
// The range of values for these parameters are available in `src/tables.js`.
}, {
key: 'CATEGORY',
get: function get() {
return 'note';
}
}, {
key: 'STAVEPADDING',
get: function get() {
return 12;
}
}]);
function Note(note_struct) {
_classCallCheck(this, Note);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Note).call(this));
_this.setAttribute('type', 'Note');
if (!note_struct) {
throw new _vex.Vex.RuntimeError('BadArguments', 'Note must have valid initialization data to identify duration and type.');
}
// Parse `note_struct` and get note properties.
var initData = _tables.Flow.parseNoteData(note_struct);
if (!initData) {
throw new _vex.Vex.RuntimeError('BadArguments', 'Invalid note initialization object: ' + JSON.stringify(note_struct));
}
// Set note properties from parameters.
_this.duration = initData.duration;
_this.dots = initData.dots;
_this.noteType = initData.type;
if (note_struct.duration_override) {
// Custom duration
_this.setDuration(note_struct.duration_override);
} else {
// Default duration
_this.setIntrinsicTicks(initData.ticks);
}
_this.modifiers = [];
// Get the glyph code for this note from the font.
_this.glyph = _tables.Flow.durationToGlyph(_this.duration, _this.noteType);
if (_this.positions && (_typeof(_this.positions) !== 'object' || !_this.positions.length)) {
throw new _vex.Vex.RuntimeError('BadArguments', 'Note keys must be array type.');
}
// Note to play for audio players.
_this.playNote = null;
// Positioning contexts used by the Formatter.
_this.tickContext = null; // The current tick context.
_this.modifierContext = null;
_this.ignore_ticks = false;
// Positioning variables
_this.width = 0; // Width in pixels calculated after preFormat
_this.extraLeftPx = 0; // Extra room on left for offset note head
_this.extraRightPx = 0; // Extra room on right for offset note head
_this.x_shift = 0; // X shift from tick context X
_this.left_modPx = 0; // Max width of left modifiers
_this.right_modPx = 0; // Max width of right modifiers
_this.voice = null; // The voice that this note is in
_this.preFormatted = false; // Is this note preFormatted?
_this.ys = []; // list of y coordinates for each note
// we need to hold on to these for ties and beams.
if (note_struct.align_center) {
_this.setCenterAlignment(note_struct.align_center);
}
// The render surface.
_this.stave = null;
_this.render_options = {
annotation_spacing: 5,
stave_padding: Note.STAVEPADDING
};
return _this;
}
// Get and set the play note, which is arbitrary data that can be used by an
// audio player.
_createClass(Note, [{
key: 'getPlayNote',
value: function getPlayNote() {
return this.playNote;
}
}, {
key: 'setPlayNote',
value: function setPlayNote(note) {
this.playNote = note;return this;
}
// Don't play notes by default, call them rests. This is also used by things like
// beams and dots for positioning.
}, {
key: 'isRest',
value: function isRest() {
return false;
}
// TODO(0xfe): Why is this method here?
}, {
key: 'addStroke',
value: function addStroke(index, stroke) {
stroke.setNote(this);
stroke.setIndex(index);
this.modifiers.push(stroke);
this.setPreFormatted(false);
return this;
}
// Get and set the target stave.
}, {
key: 'getStave',
value: function getStave() {
return this.stave;
}
}, {
key: 'setStave',
value: function setStave(stave) {
this.stave = stave;
this.setYs([stave.getYForLine(0)]); // Update Y values if the stave is changed.
this.context = this.stave.context;
return this;
}
// `Note` is not really a modifier, but is used in
// a `ModifierContext`.
}, {
key: 'getCategory',
value: function getCategory() {
return Note.CATEGORY;
}
// Set the rendering context for the note.
}, {
key: 'setContext',
value: function setContext(context) {
this.context = context;return this;
}
// Get and set spacing to the left and right of the notes.
}, {
key: 'getExtraLeftPx',
value: function getExtraLeftPx() {
return this.extraLeftPx;
}
}, {
key: 'getExtraRightPx',
value: function getExtraRightPx() {
return this.extraRightPx;
}
}, {
key: 'setExtraLeftPx',
value: function setExtraLeftPx(x) {
this.extraLeftPx = x;return this;
}
}, {
key: 'setExtraRightPx',
value: function setExtraRightPx(x) {
this.extraRightPx = x;return this;
}
// Returns true if this note has no duration (e.g., bar notes, spacers, etc.)
}, {
key: 'shouldIgnoreTicks',
value: function shouldIgnoreTicks() {
return this.ignore_ticks;
}
// Get the stave line number for the note.
}, {
key: 'getLineNumber',
value: function getLineNumber() {
return 0;
}
// Get the stave line number for rest.
}, {
key: 'getLineForRest',
value: function getLineForRest() {
return 0;
}
// Get the glyph associated with this note.
}, {
key: 'getGlyph',
value: function getGlyph() {
return this.glyph;
}
}, {
key: 'getGlyphWidth',
value: function getGlyphWidth() {
return this.glyph.getWidth(this.render_options.glyph_font_scale);
}
// Set and get Y positions for this note. Each Y value is associated with
// an individual pitch/key within the note/chord.
}, {
key: 'setYs',
value: function setYs(ys) {
this.ys = ys;return this;
}
}, {
key: 'getYs',
value: function getYs() {
if (this.ys.length === 0) {
throw new _vex.Vex.RERR('NoYValues', 'No Y-values calculated for this note.');
}
return this.ys;
}
// Get the Y position of the space above the stave onto which text can
// be rendered.
}, {
key: 'getYForTopText',
value: function getYForTopText(text_line) {
if (!this.stave) {
throw new _vex.Vex.RERR('NoStave', 'No stave attached to this note.');
}
return this.stave.getYForTopText(text_line);
}
// Get a `BoundingBox` for this note.
}, {
key: 'getBoundingBox',
value: function getBoundingBox() {
return null;
}
// Returns the voice that this note belongs in.
}, {
key: 'getVoice',
value: function getVoice() {
if (!this.voice) throw new _vex.Vex.RERR('NoVoice', 'Note has no voice.');
return this.voice;
}
// Attach this note to `voice`.
}, {
key: 'setVoice',
value: function setVoice(voice) {
this.voice = voice;
this.preFormatted = false;
return this;
}
// Get and set the `TickContext` for this note.
}, {
key: 'getTickContext',
value: function getTickContext() {
return this.tickContext;
}
}, {
key: 'setTickContext',
value: function setTickContext(tc) {
this.tickContext = tc;
this.preFormatted = false;
return this;
}
// Accessors for the note type.
}, {
key: 'getDuration',
value: function getDuration() {
return this.duration;
}
}, {
key: 'isDotted',
value: function isDotted() {
return this.dots > 0;
}
}, {
key: 'hasStem',
value: function hasStem() {
return false;
}
}, {
key: 'getDots',
value: function getDots() {
return this.dots;
}
}, {
key: 'getNoteType',
value: function getNoteType() {
return this.noteType;
}
}, {
key: 'setBeam',
value: function setBeam() {
return this;
} // ignore parameters
// Attach this note to a modifier context.
}, {
key: 'setModifierContext',
value: function setModifierContext(mc) {
this.modifierContext = mc;return this;
}
// Attach a modifier to this note.
}, {
key: 'addModifier',
value: function addModifier(modifier) {
var index = arguments.length <= 1 || arguments[1] === undefined ? 0 : arguments[1];
modifier.setNote(this);
modifier.setIndex(index);
this.modifiers.push(modifier);
this.setPreFormatted(false);
return this;
}
// Get the coordinates for where modifiers begin.
}, {
key: 'getModifierStartXY',
value: function getModifierStartXY() {
if (!this.preFormatted) {
throw new _vex.Vex.RERR('UnformattedNote', "Can't call GetModifierStartXY on an unformatted note");
}
return {
x: this.getAbsoluteX(),
y: this.ys[0]
};
}
// Get bounds and metrics for this note.
//
// Returns a struct with fields:
// `width`: The total width of the note (including modifiers.)
// `noteWidth`: The width of the note head only.
// `left_shift`: The horizontal displacement of the note.
// `modLeftPx`: Start `X` for left modifiers.
// `modRightPx`: Start `X` for right modifiers.
// `extraLeftPx`: Extra space on left of note.
// `extraRightPx`: Extra space on right of note.
}, {
key: 'getMetrics',
value: function getMetrics() {
if (!this.preFormatted) {
throw new _vex.Vex.RERR('UnformattedNote', "Can't call getMetrics on an unformatted note.");
}
var modLeftPx = 0;
var modRightPx = 0;
if (this.modifierContext != null) {
modLeftPx = this.modifierContext.state.left_shift;
modRightPx = this.modifierContext.state.right_shift;
}
var width = this.getWidth();
return {
width: width,
noteWidth: width - modLeftPx - modRightPx - this.extraLeftPx - this.extraRightPx,
left_shift: this.x_shift, // TODO(0xfe): Make style consistent
// Modifiers, accidentals etc.
modLeftPx: modLeftPx,
modRightPx: modRightPx,
// Displaced note head on left or right.
extraLeftPx: this.extraLeftPx,
extraRightPx: this.extraRightPx
};
}
// Get and set width of note. Used by the formatter for positioning.
}, {
key: 'setWidth',
value: function setWidth(width) {
this.width = width;
}
}, {
key: 'getWidth',
value: function getWidth() {
if (!this.preFormatted) {
throw new _vex.Vex.RERR('UnformattedNote', "Can't call GetWidth on an unformatted note.");
}
return this.width + (this.modifierContext ? this.modifierContext.getWidth() : 0);
}
// Displace note by `x` pixels. Used by the formatter.
}, {
key: 'setXShift',
value: function setXShift(x) {
this.x_shift = x;return this;
}
}, {
key: 'getXShift',
value: function getXShift() {
return this.x_shift;
}
// Get `X` position of this tick context.
}, {
key: 'getX',
value: function getX() {
if (!this.tickContext) {
throw new _vex.Vex.RERR('NoTickContext', 'Note needs a TickContext assigned for an X-Value');
}
return this.tickContext.getX() + this.x_shift;
}
// Get the absolute `X` position of this note's tick context. This
// excludes x_shift, so you'll need to factor it in if you're
// looking for the post-formatted x-position.
}, {
key: 'getAbsoluteX',
value: function getAbsoluteX() {
if (!this.tickContext) {
throw new _vex.Vex.RERR('NoTickContext', 'Note needs a TickContext assigned for an X-Value');
}
// Position note to left edge of tick context.
var x = this.tickContext.getX();
if (this.stave) {
x += this.stave.getNoteStartX() + this.render_options.stave_padding;
}
if (this.isCenterAligned()) {
x += this.getCenterXShift();
}
return x;
}
}, {
key: 'setPreFormatted',
value: function setPreFormatted(value) {
this.preFormatted = value;
// Maintain the width of left and right modifiers in pixels.
if (this.preFormatted) {
var extra = this.tickContext.getExtraPx();
this.left_modPx = Math.max(this.left_modPx, extra.left);
this.right_modPx = Math.max(this.right_modPx, extra.right);
}
}
}]);
return Note;
}(_tickable.Tickable);
/***/ },
/* 23 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Tickable = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _element = __webpack_require__(5);
var _tables = __webpack_require__(2);
var _fraction = __webpack_require__(3);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// The tickable interface. Tickables are things that sit on a score and
// have a duration, i.e., they occupy space in the musical rendering dimension.
var Tickable = exports.Tickable = function (_Element) {
_inherits(Tickable, _Element);
function Tickable() {
_classCallCheck(this, Tickable);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Tickable).call(this));
_this.setAttribute('type', 'Tickable');
// These properties represent the duration of
// this tickable element.
_this.ticks = new _fraction.Fraction(0, 1);
_this.intrinsicTicks = 0;
_this.tickMultiplier = new _fraction.Fraction(1, 1);
_this.width = 0;
_this.x_shift = 0; // Shift from tick context
_this.voice = null;
_this.tickContext = null;
_this.modifierContext = null;
_this.modifiers = [];
_this.preFormatted = false;
_this.postFormatted = false;
_this.tuplet = null;
_this.tupletStack = [];
_this.align_center = false;
_this.center_x_shift = 0; // Shift from tick context if center aligned
// This flag tells the formatter to ignore this tickable during
// formatting and justification. It is set by tickables such as BarNote.
_this.ignore_ticks = false;
// This is a space for an external formatting class or function to maintain
// metrics.
_this.formatterMetrics = {
// The freedom of a tickable is the distance it can move without colliding
// with neighboring elements. A formatter can set these values during its
// formatting pass, which a different formatter can then use to fine tune.
freedom: { left: 0, right: 0 },
// The simplified rational duration of this tick as a string. It can be
// used as an index to a map or hashtable.
duration: '',
// The number of formatting iterations undergone.
iterations: 0,
// The space in pixels allocated by this formatter, along with the mean space
// for tickables of this duration, and the deviation from the mean.
space: {
used: 0,
mean: 0,
deviation: 0
}
};
return _this;
}
_createClass(Tickable, [{
key: 'reset',
value: function reset() {
return this;
}
}, {
key: 'getTicks',
value: function getTicks() {
return this.ticks;
}
}, {
key: 'shouldIgnoreTicks',
value: function shouldIgnoreTicks() {
return this.ignore_ticks;
}
}, {
key: 'getWidth',
value: function getWidth() {
return this.width;
}
}, {
key: 'getFormatterMetrics',
value: function getFormatterMetrics() {
return this.formatterMetrics;
}
}, {
key: 'setXShift',
value: function setXShift(x) {
this.x_shift = x;
}
}, {
key: 'getCenterXShift',
value: function getCenterXShift() {
if (this.isCenterAligned()) {
return this.center_x_shift;
}
return 0;
}
}, {
key: 'isCenterAligned',
value: function isCenterAligned() {
return this.align_center;
}
}, {
key: 'setCenterAlignment',
value: function setCenterAlignment(align_center) {
this.align_center = align_center;
return this;
}
// Every tickable must be associated with a voice. This allows formatters
// and preFormatter to associate them with the right modifierContexts.
}, {
key: 'getVoice',
value: function getVoice() {
if (!this.voice) throw new _vex.Vex.RERR('NoVoice', 'Tickable has no voice.');
return this.voice;
}
}, {
key: 'setVoice',
value: function setVoice(voice) {
this.voice = voice;
}
}, {
key: 'getTuplet',
value: function getTuplet() {
return this.tuplet;
}
/*
* resetTuplet
* @param tuplet -- the specific tuplet to reset
* if this is not provided, all tuplets are reset.
* @returns this
*
* Removes any prior tuplets from the tick calculation and
* resets the intrinsic tick value to
*/
}, {
key: 'resetTuplet',
value: function resetTuplet(tuplet) {
var noteCount = void 0;
var notesOccupied = void 0;
if (tuplet) {
var i = this.tupletStack.indexOf(tuplet);
if (i !== -1) {
this.tupletStack.splice(i, 1);
noteCount = tuplet.getNoteCount();
notesOccupied = tuplet.getNotesOccupied();
// Revert old multiplier by inverting numerator & denom.:
this.applyTickMultiplier(noteCount, notesOccupied);
}
return this;
}
while (this.tupletStack.length) {
tuplet = this.tupletStack.pop();
noteCount = tuplet.getNoteCount();
notesOccupied = tuplet.getNotesOccupied();
// Revert old multiplier by inverting numerator & denom.:
this.applyTickMultiplier(noteCount, notesOccupied);
}
return this;
}
}, {
key: 'setTuplet',
value: function setTuplet(tuplet) {
// Attach to new tuplet
if (tuplet) {
this.tupletStack.push(tuplet);
var noteCount = tuplet.getNoteCount();
var notesOccupied = tuplet.getNotesOccupied();
this.applyTickMultiplier(notesOccupied, noteCount);
}
this.tuplet = tuplet;
return this;
}
/** optional, if tickable has modifiers **/
}, {
key: 'addToModifierContext',
value: function addToModifierContext(mc) {
this.modifierContext = mc;
// Add modifiers to modifier context (if any)
this.preFormatted = false;
}
/** optional, if tickable has modifiers **/
}, {
key: 'addModifier',
value: function addModifier(mod) {
this.modifiers.push(mod);
this.preFormatted = false;
return this;
}
}, {
key: 'setTickContext',
value: function setTickContext(tc) {
this.tickContext = tc;
this.preFormatted = false;
}
}, {
key: 'preFormat',
value: function preFormat() {
if (this.preFormatted) return;
this.width = 0;
if (this.modifierContext) {
this.modifierContext.preFormat();
this.width += this.modifierContext.getWidth();
}
}
}, {
key: 'postFormat',
value: function postFormat() {
if (this.postFormatted) return this;
this.postFormatted = true;
return this;
}
}, {
key: 'getIntrinsicTicks',
value: function getIntrinsicTicks() {
return this.intrinsicTicks;
}
}, {
key: 'setIntrinsicTicks',
value: function setIntrinsicTicks(intrinsicTicks) {
this.intrinsicTicks = intrinsicTicks;
this.ticks = this.tickMultiplier.clone().multiply(this.intrinsicTicks);
}
}, {
key: 'getTickMultiplier',
value: function getTickMultiplier() {
return this.tickMultiplier;
}
}, {
key: 'applyTickMultiplier',
value: function applyTickMultiplier(numerator, denominator) {
this.tickMultiplier.multiply(numerator, denominator);
this.ticks = this.tickMultiplier.clone().multiply(this.intrinsicTicks);
}
}, {
key: 'setDuration',
value: function setDuration(duration) {
var ticks = duration.numerator * (_tables.Flow.RESOLUTION / duration.denominator);
this.ticks = this.tickMultiplier.clone().multiply(ticks);
this.intrinsicTicks = this.ticks.value();
}
}]);
return Tickable;
}(_element.Element);
/***/ },
/* 24 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StemmableNote = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
var _stem = __webpack_require__(17);
var _glyph = __webpack_require__(4);
var _note = __webpack_require__(22);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// `StemmableNote` is an abstract interface for notes with optional stems.
// Examples of stemmable notes are `StaveNote` and `TabNote`
var StemmableNote = exports.StemmableNote = function (_Note) {
_inherits(StemmableNote, _Note);
function StemmableNote(note_struct) {
_classCallCheck(this, StemmableNote);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(StemmableNote).call(this, note_struct));
_this.setAttribute('type', 'StemmableNote');
_this.stem = null;
_this.stemExtensionOverride = null;
_this.beam = null;
return _this;
}
// Get and set the note's `Stem`
_createClass(StemmableNote, [{
key: 'getStem',
value: function getStem() {
return this.stem;
}
}, {
key: 'setStem',
value: function setStem(stem) {
this.stem = stem;return this;
}
// Builds and sets a new stem
}, {
key: 'buildStem',
value: function buildStem() {
var stem = new _stem.Stem();
this.setStem(stem);
return this;
}
}, {
key: 'buildFlag',
value: function buildFlag() {
var glyph = this.glyph;
var beam = this.beam;
var shouldRenderFlag = beam === null;
if (glyph && glyph.flag && shouldRenderFlag) {
var flagCode = this.getStemDirection() === _stem.Stem.DOWN ? glyph.code_flag_downstem : glyph.code_flag_upstem;
this.flag = new _glyph.Glyph(flagCode, this.render_options.glyph_font_scale);
}
}
// Get the full length of stem
}, {
key: 'getStemLength',
value: function getStemLength() {
return _stem.Stem.HEIGHT + this.getStemExtension();
}
// Get the number of beams for this duration
}, {
key: 'getBeamCount',
value: function getBeamCount() {
var glyph = this.getGlyph();
if (glyph) {
return glyph.beam_count;
} else {
return 0;
}
}
// Get the minimum length of stem
}, {
key: 'getStemMinumumLength',
value: function getStemMinumumLength() {
var frac = _tables.Flow.durationToFraction(this.duration);
var length = frac.value() <= 1 ? 0 : 20;
// if note is flagged, cannot shorten beam
switch (this.duration) {
case '8':
if (this.beam == null) length = 35;
break;
case '16':
length = this.beam == null ? 35 : 25;
break;
case '32':
length = this.beam == null ? 45 : 35;
break;
case '64':
length = this.beam == null ? 50 : 40;
break;
case '128':
length = this.beam == null ? 55 : 45;
break;
default:
break;
}
return length;
}
// Get/set the direction of the stem
}, {
key: 'getStemDirection',
value: function getStemDirection() {
return this.stem_direction;
}
}, {
key: 'setStemDirection',
value: function setStemDirection(direction) {
if (!direction) direction = _stem.Stem.UP;
if (direction !== _stem.Stem.UP && direction !== _stem.Stem.DOWN) {
throw new _vex.Vex.RERR('BadArgument', 'Invalid stem direction: ' + direction);
}
this.stem_direction = direction;
if (this.stem) {
this.stem.setDirection(direction);
this.stem.setExtension(this.getStemExtension());
}
this.reset();
if (this.flag) {
this.buildFlag();
}
this.beam = null;
if (this.preFormatted) {
this.preFormat();
}
return this;
}
// Get the `x` coordinate of the stem
}, {
key: 'getStemX',
value: function getStemX() {
var x_begin = this.getAbsoluteX() + this.x_shift;
var x_end = this.getAbsoluteX() + this.x_shift + this.getGlyphWidth();
var stem_x = this.stem_direction === _stem.Stem.DOWN ? x_begin : x_end;
return stem_x;
}
// Get the `x` coordinate for the center of the glyph.
// Used for `TabNote` stems and stemlets over rests
}, {
key: 'getCenterGlyphX',
value: function getCenterGlyphX() {
return this.getAbsoluteX() + this.x_shift + this.getGlyphWidth() / 2;
}
// Get the stem extension for the current duration
}, {
key: 'getStemExtension',
value: function getStemExtension() {
var glyph = this.getGlyph();
if (this.stemExtensionOverride != null) {
return this.stemExtensionOverride;
}
if (glyph) {
return this.getStemDirection() === 1 ? glyph.stem_up_extension : glyph.stem_down_extension;
}
return 0;
}
// Set the stem length to a specific. Will override the default length.
}, {
key: 'setStemLength',
value: function setStemLength(height) {
this.stemExtensionOverride = height - _stem.Stem.HEIGHT;
return this;
}
// Get the top and bottom `y` values of the stem.
}, {
key: 'getStemExtents',
value: function getStemExtents() {
return this.stem.getExtents();
}
// Sets the current note's beam
}, {
key: 'setBeam',
value: function setBeam(beam) {
this.beam = beam;return this;
}
// Get the `y` value for the top/bottom modifiers at a specific `textLine`
}, {
key: 'getYForTopText',
value: function getYForTopText(textLine) {
var extents = this.getStemExtents();
if (this.hasStem()) {
return Math.min(this.stave.getYForTopText(textLine), extents.topY - this.render_options.annotation_spacing * (textLine + 1));
} else {
return this.stave.getYForTopText(textLine);
}
}
}, {
key: 'getYForBottomText',
value: function getYForBottomText(textLine) {
var extents = this.getStemExtents();
if (this.hasStem()) {
return Math.max(this.stave.getYForTopText(textLine), extents.baseY + this.render_options.annotation_spacing * textLine);
} else {
return this.stave.getYForBottomText(textLine);
}
}
}, {
key: 'hasFlag',
value: function hasFlag() {
return _tables.Flow.durationToGlyph(this.duration).flag && !this.beam;
}
// Post format the note
}, {
key: 'postFormat',
value: function postFormat() {
if (this.beam) this.beam.postFormat();
this.postFormatted = true;
return this;
}
// Render the stem onto the canvas
}, {
key: 'drawStem',
value: function drawStem(stem_struct) {
this.checkContext();
this.setRendered();
this.setStem(new _stem.Stem(stem_struct));
this.stem.setContext(this.context).draw();
}
}]);
return StemmableNote;
}(_note.Note);
/***/ },
/* 25 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Modifier = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _element = __webpack_require__(5);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
//
// `Modifier` is an abstract interface for notational elements that modify
// a `Note`. Examples of modifiers are `Accidental`, `Annotation`, `Stroke`, etc.
//
// For a `Modifier` instance to be positioned correctly, it must be part of
// a `ModifierContext`. All modifiers in the same context are rendered relative to
// one another.
//
// Typically, all modifiers to a note are part of the same `ModifierContext` instance. Also,
// in multi-voice staves, all modifiers to notes on the same `tick` are part of the same
// `ModifierContext`. This ensures that multiple voices don't trample all over each other.
// To enable logging for this class. Set `Vex.Flow.Modifier.DEBUG` to `true`.
// function L(...args) { if (Modifier.DEBUG) Vex.L('Vex.Flow.Modifier', args); }
var Modifier = exports.Modifier = function (_Element) {
_inherits(Modifier, _Element);
_createClass(Modifier, null, [{
key: 'CATEGORY',
get: function get() {
return 'none';
}
// Modifiers can be positioned almost anywhere, relative to a note.
}, {
key: 'Position',
get: function get() {
return {
LEFT: 1,
RIGHT: 2,
ABOVE: 3,
BELOW: 4
};
}
}, {
key: 'PositionString',
get: function get() {
return {
above: Modifier.Position.ABOVE,
below: Modifier.Position.BELOW,
left: Modifier.Position.LEFT,
right: Modifier.Position.RIGHT
};
}
}]);
function Modifier() {
_classCallCheck(this, Modifier);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Modifier).call(this));
_this.setAttribute('type', 'Modifier');
_this.width = 0;
// Modifiers are attached to a note and an index. An index is a
// specific head in a chord.
_this.note = null;
_this.index = null;
// The `text_line` is reserved space above or below a stave.
_this.text_line = 0;
_this.position = Modifier.Position.LEFT;
_this.modifier_context = null;
_this.x_shift = 0;
_this.y_shift = 0;
_this.spacingFromNextModifier = 0;
return _this;
}
// Every modifier has a category. The `ModifierContext` uses this to determine
// the type and order of the modifiers.
_createClass(Modifier, [{
key: 'getCategory',
value: function getCategory() {
return Modifier.CATEGORY;
}
// Get and set modifier widths.
}, {
key: 'getWidth',
value: function getWidth() {
return this.width;
}
}, {
key: 'setWidth',
value: function setWidth(width) {
this.width = width;return this;
}
// Get and set attached note (`StaveNote`, `TabNote`, etc.)
}, {
key: 'getNote',
value: function getNote() {
return this.note;
}
}, {
key: 'setNote',
value: function setNote(note) {
this.note = note;return this;
}
// Get and set note index, which is a specific note in a chord.
}, {
key: 'getIndex',
value: function getIndex() {
return this.index;
}
}, {
key: 'setIndex',
value: function setIndex(index) {
this.index = index;return this;
}
// Every modifier must be part of a `ModifierContext`.
}, {
key: 'getModifierContext',
value: function getModifierContext() {
return this.modifier_context;
}
}, {
key: 'setModifierContext',
value: function setModifierContext(c) {
this.modifier_context = c;return this;
}
// Get and set articulation position.
}, {
key: 'getPosition',
value: function getPosition() {
return this.position;
}
}, {
key: 'setPosition',
value: function setPosition(position) {
this.position = typeof position === 'string' ? Modifier.PositionString[position] : position;
return this;
}
// Set the `text_line` for the modifier.
}, {
key: 'setTextLine',
value: function setTextLine(line) {
this.text_line = line;return this;
}
// Shift modifier down `y` pixels. Negative values shift up.
}, {
key: 'setYShift',
value: function setYShift(y) {
this.y_shift = y;return this;
}
}, {
key: 'setSpacingFromNextModifier',
value: function setSpacingFromNextModifier(x) {
this.spacingFromNextModifier = x;
}
}, {
key: 'getSpacingFromNextModifier',
value: function getSpacingFromNextModifier() {
return this.spacingFromNextModifier;
}
// Shift modifier `x` pixels in the direction of the modifier. Negative values
// shift reverse.
}, {
key: 'setXShift',
value: function setXShift(x) {
this.x_shift = 0;
if (this.position === Modifier.Position.LEFT) {
this.x_shift -= x;
} else {
this.x_shift += x;
}
}
}, {
key: 'getXShift',
value: function getXShift() {
return this.x_shift;
}
// Render the modifier onto the canvas.
}, {
key: 'draw',
value: function draw() {
this.checkContext();
throw new _vex.Vex.RERR('MethodNotImplemented', 'draw() not implemented for this modifier.');
}
}]);
return Modifier;
}(_element.Element);
/***/ },
/* 26 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Dot = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _modifier = __webpack_require__(25);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // VexFlow - Music Engraving for HTML5
// Copyright Mohit Muthanna 2010
//
// This class implements dot modifiers for notes.
var Dot = exports.Dot = function (_Modifier) {
_inherits(Dot, _Modifier);
_createClass(Dot, null, [{
key: 'format',
// Arrange dots inside a ModifierContext.
value: function format(dots, state) {
var right_shift = state.right_shift;
var dot_spacing = 1;
if (!dots || dots.length === 0) return false;
var dot_list = [];
for (var i = 0; i < dots.length; ++i) {
var dot = dots[i];
var note = dot.getNote();
var props = void 0;
var shift = void 0;
// Only StaveNote has .getKeyProps()
if (typeof note.getKeyProps === 'function') {
props = note.getKeyProps()[dot.getIndex()];
shift = props.displaced ? note.getExtraRightPx() : 0;
} else {
// Else it's a TabNote
props = { line: 0.5 }; // Shim key props for dot placement
shift = 0;
}
dot_list.push({ line: props.line, shift: shift, note: note, dot: dot });
}
// Sort dots by line number.
dot_list.sort(function (a, b) {
return b.line - a.line;
});
var dot_shift = right_shift;
var x_width = 0;
var last_line = null;
var last_note = null;
var prev_dotted_space = null;
var half_shiftY = 0;
for (var _i = 0; _i < dot_list.length; ++_i) {
var _dot_list$_i = dot_list[_i];
var _dot = _dot_list$_i.dot;
var _note = _dot_list$_i.note;
var _shift = _dot_list$_i.shift;
var line = _dot_list$_i.line;
// Reset the position of the dot every line.
if (line !== last_line || _note !== last_note) {
dot_shift = _shift;
}
if (!_note.isRest() && line !== last_line) {
if (Math.abs(line % 1) === 0.5) {
// note is on a space, so no dot shift
half_shiftY = 0;
} else if (!_note.isRest()) {
// note is on a line, so shift dot to space above the line
half_shiftY = 0.5;
if (last_note != null && !last_note.isRest() && last_line - line === 0.5) {
// previous note on a space, so shift dot to space below the line
half_shiftY = -0.5;
} else if (line + half_shiftY === prev_dotted_space) {
// previous space is dotted, so shift dot to space below the line
half_shiftY = -0.5;
}
}
}
// convert half_shiftY to a multiplier for dots.draw()
_dot.dot_shiftY = -half_shiftY;
prev_dotted_space = line + half_shiftY;
_dot.setXShift(dot_shift);
dot_shift += _dot.getWidth() + dot_spacing; // spacing
x_width = dot_shift > x_width ? dot_shift : x_width;
last_line = line;
last_note = _note;
}
// Update state.
state.right_shift += x_width;
return true;
}
/**
* @constructor
*/
}, {
key: 'CATEGORY',
get: function get() {
return 'dots';
}
}]);
function Dot() {
_classCallCheck(this, Dot);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Dot).call(this));
_this.setAttribute('type', 'Dot');
_this.note = null;
_this.index = null;
_this.position = _modifier.Modifier.Position.RIGHT;
_this.radius = 2;
_this.setWidth(5);
_this.dot_shiftY = 0;
return _this;
}
_createClass(Dot, [{
key: 'getCategory',
value: function getCategory() {
return Dot.CATEGORY;
}
}, {
key: 'setNote',
value: function setNote(note) {
this.note = note;
if (this.note.getCategory() === 'gracenotes') {
this.radius *= 0.50;
this.setWidth(3);
}
}
}, {
key: 'setDotShiftY',
value: function setDotShiftY(y) {
this.dot_shiftY = y;return this;
}
}, {
key: 'draw',
value: function draw() {
this.checkContext();
this.setRendered();
if (!this.note || this.index === null) {
throw new _vex.Vex.RERR('NoAttachedNote', "Can't draw dot without a note and index.");
}
var lineSpace = this.note.stave.options.spacing_between_lines_px;
var start = this.note.getModifierStartXY(this.position, this.index);
// Set the starting y coordinate to the base of the stem for TabNotes
if (this.note.getCategory() === 'tabnotes') {
start.y = this.note.getStemExtents().baseY;
}
var x = start.x + this.x_shift + this.width - this.radius;
var y = start.y + this.y_shift + this.dot_shiftY * lineSpace;
var ctx = this.context;
ctx.beginPath();
ctx.arc(x, y, this.radius, 0, Math.PI * 2, false);
ctx.fill();
}
}]);
return Dot;
}(_modifier.Modifier);
/***/ },
/* 27 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ModifierContext = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
//
// This class implements various types of modifiers to notes (e.g. bends,
// fingering positions etc.)
var _vex = __webpack_require__(1);
var _stavenote = __webpack_require__(20);
var _dot = __webpack_require__(26);
var _frethandfinger = __webpack_require__(28);
var _accidental = __webpack_require__(29);
var _notesubgroup = __webpack_require__(31);
var _gracenotegroup = __webpack_require__(32);
var _strokes = __webpack_require__(35);
var _stringnumber = __webpack_require__(36);
var _articulation = __webpack_require__(37);
var _ornament = __webpack_require__(38);
var _annotation = __webpack_require__(40);
var _bend = __webpack_require__(41);
var _vibrato = __webpack_require__(42);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
// To enable logging for this class. Set `Vex.Flow.ModifierContext.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (ModifierContext.DEBUG) _vex.Vex.L('Vex.Flow.ModifierContext', args);
}
var ModifierContext = exports.ModifierContext = function () {
function ModifierContext() {
_classCallCheck(this, ModifierContext);
// Current modifiers
this.modifiers = {};
// Formatting data.
this.preFormatted = false;
this.postFormatted = false;
this.width = 0;
this.spacing = 0;
this.state = {
left_shift: 0,
right_shift: 0,
text_line: 0,
top_text_line: 0
};
// Add new modifiers to this array. The ordering is significant -- lower
// modifiers are formatted and rendered before higher ones.
this.PREFORMAT = [_stavenote.StaveNote, _dot.Dot, _frethandfinger.FretHandFinger, _accidental.Accidental, _gracenotegroup.GraceNoteGroup, _notesubgroup.NoteSubGroup, _strokes.Stroke, _stringnumber.StringNumber, _articulation.Articulation, _ornament.Ornament, _annotation.Annotation, _bend.Bend, _vibrato.Vibrato];
// If post-formatting is required for an element, add it to this array.
this.POSTFORMAT = [_stavenote.StaveNote];
}
_createClass(ModifierContext, [{
key: 'addModifier',
value: function addModifier(modifier) {
var type = modifier.getCategory();
if (!this.modifiers[type]) this.modifiers[type] = [];
this.modifiers[type].push(modifier);
modifier.setModifierContext(this);
this.preFormatted = false;
return this;
}
}, {
key: 'getModifiers',
value: function getModifiers(type) {
return this.modifiers[type];
}
}, {
key: 'getWidth',
value: function getWidth() {
return this.width;
}
}, {
key: 'getExtraLeftPx',
value: function getExtraLeftPx() {
return this.state.left_shift;
}
}, {
key: 'getExtraRightPx',
value: function getExtraRightPx() {
return this.state.right_shift;
}
}, {
key: 'getState',
value: function getState() {
return this.state;
}
}, {
key: 'getMetrics',
value: function getMetrics() {
if (!this.formatted) {
throw new _vex.Vex.RERR('UnformattedModifier', 'Unformatted modifier has no metrics.');
}
return {
width: this.state.left_shift + this.state.right_shift + this.spacing,
spacing: this.spacing,
extra_left_px: this.state.left_shift,
extra_right_px: this.state.right_shift
};
}
}, {
key: 'preFormat',
value: function preFormat() {
var _this = this;
if (this.preFormatted) return;
this.PREFORMAT.forEach(function (modifier) {
L('Preformatting ModifierContext: ', modifier.CATEGORY);
modifier.format(_this.getModifiers(modifier.CATEGORY), _this.state, _this);
});
// Update width of this modifier context
this.width = this.state.left_shift + this.state.right_shift;
this.preFormatted = true;
}
}, {
key: 'postFormat',
value: function postFormat() {
var _this2 = this;
if (this.postFormatted) return;
this.POSTFORMAT.forEach(function (modifier) {
L('Postformatting ModifierContext: ', modifier.CATEGORY);
modifier.postFormat(_this2.getModifiers(modifier.CATEGORY), _this2);
});
}
}]);
return ModifierContext;
}();
/***/ },
/* 28 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.FretHandFinger = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _modifier = __webpack_require__(25);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // VexFlow - Music Engraving for HTML5
// Copyright Mohit Muthanna 2010
// Author Larry Kuhns 2013
// Class to draws string numbers into the notation.
/**
* @constructor
*/
var FretHandFinger = exports.FretHandFinger = function (_Modifier) {
_inherits(FretHandFinger, _Modifier);
_createClass(FretHandFinger, null, [{
key: 'format',
// Arrange fingerings inside a ModifierContext.
value: function format(nums, state) {
var left_shift = state.left_shift;
var right_shift = state.right_shift;
var num_spacing = 1;
if (!nums || nums.length === 0) return false;
var nums_list = [];
var prev_note = null;
var shiftLeft = 0;
var shiftRight = 0;
for (var i = 0; i < nums.length; ++i) {
var num = nums[i];
var note = num.getNote();
var pos = num.getPosition();
var props = note.getKeyProps()[num.getIndex()];
if (note !== prev_note) {
for (var n = 0; n < note.keys.length; ++n) {
var props_tmp = note.getKeyProps()[n];
if (left_shift === 0) {
shiftLeft = props_tmp.displaced ? note.getExtraLeftPx() : shiftLeft;
}
if (right_shift === 0) {
shiftRight = props_tmp.displaced ? note.getExtraRightPx() : shiftRight;
}
}
prev_note = note;
}
nums_list.push({
note: note,
num: num,
pos: pos,
line: props.line,
shiftL: shiftLeft,
shiftR: shiftRight
});
}
// Sort fingernumbers by line number.
nums_list.sort(function (a, b) {
return b.line - a.line;
});
var numShiftL = 0;
var numShiftR = 0;
var xWidthL = 0;
var xWidthR = 0;
var lastLine = null;
var lastNote = null;
for (var _i = 0; _i < nums_list.length; ++_i) {
var num_shift = 0;
var _nums_list$_i = nums_list[_i];
var _note = _nums_list$_i.note;
var _pos = _nums_list$_i.pos;
var _num = _nums_list$_i.num;
var line = _nums_list$_i.line;
var shiftL = _nums_list$_i.shiftL;
var shiftR = _nums_list$_i.shiftR;
// Reset the position of the string number every line.
if (line !== lastLine || _note !== lastNote) {
numShiftL = left_shift + shiftL;
numShiftR = right_shift + shiftR;
}
var numWidth = _num.getWidth() + num_spacing;
if (_pos === _modifier.Modifier.Position.LEFT) {
_num.setXShift(left_shift + numShiftL);
num_shift = left_shift + numWidth; // spacing
xWidthL = num_shift > xWidthL ? num_shift : xWidthL;
} else if (_pos === _modifier.Modifier.Position.RIGHT) {
_num.setXShift(numShiftR);
num_shift = shiftRight + numWidth; // spacing
xWidthR = num_shift > xWidthR ? num_shift : xWidthR;
}
lastLine = line;
lastNote = _note;
}
state.left_shift += xWidthL;
state.right_shift += xWidthR;
return true;
}
}, {
key: 'CATEGORY',
get: function get() {
return 'frethandfinger';
}
}]);
function FretHandFinger(number) {
_classCallCheck(this, FretHandFinger);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(FretHandFinger).call(this));
_this.setAttribute('type', 'FretHandFinger');
_this.note = null;
_this.index = null;
_this.finger = number;
_this.width = 7;
_this.position = _modifier.Modifier.Position.LEFT; // Default position above stem or note head
_this.x_shift = 0;
_this.y_shift = 0;
_this.x_offset = 0; // Horizontal offset from default
_this.y_offset = 0; // Vertical offset from default
_this.font = {
family: 'sans-serif',
size: 9,
weight: 'bold'
};
return _this;
}
_createClass(FretHandFinger, [{
key: 'getCategory',
value: function getCategory() {
return FretHandFinger.CATEGORY;
}
}, {
key: 'setFretHandFinger',
value: function setFretHandFinger(number) {
this.finger = number;return this;
}
}, {
key: 'setOffsetX',
value: function setOffsetX(x) {
this.x_offset = x;return this;
}
}, {
key: 'setOffsetY',
value: function setOffsetY(y) {
this.y_offset = y;return this;
}
}, {
key: 'draw',
value: function draw() {
this.checkContext();
if (!this.note || this.index == null) {
throw new _vex.Vex.RERR('NoAttachedNote', "Can't draw string number without a note and index.");
}
this.setRendered();
var ctx = this.context;
var start = this.note.getModifierStartXY(this.position, this.index);
var dot_x = start.x + this.x_shift + this.x_offset;
var dot_y = start.y + this.y_shift + this.y_offset + 5;
switch (this.position) {
case _modifier.Modifier.Position.ABOVE:
dot_x -= 4;
dot_y -= 12;
break;
case _modifier.Modifier.Position.BELOW:
dot_x -= 2;
dot_y += 10;
break;
case _modifier.Modifier.Position.LEFT:
dot_x -= this.width;
break;
case _modifier.Modifier.Position.RIGHT:
dot_x += 1;
break;
default:
throw new _vex.Vex.RERR('InvalidPostion', 'The position ' + this.position + ' does not exist');
}
ctx.save();
ctx.setFont(this.font.family, this.font.size, this.font.weight);
ctx.fillText('' + this.finger, dot_x, dot_y);
ctx.restore();
}
}]);
return FretHandFinger;
}(_modifier.Modifier);
/***/ },
/* 29 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Accidental = undefined;
var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _fraction = __webpack_require__(3);
var _tables = __webpack_require__(2);
var _music = __webpack_require__(30);
var _modifier = __webpack_require__(25);
var _glyph = __webpack_require__(4);
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// @author Mohit Cheppudira
// @author Greg Ristow (modifications)
//
// ## Description
//
// This file implements accidentals as modifiers that can be attached to
// notes. Support is included for both western and microtonal accidentals.
//
// See `tests/accidental_tests.js` for usage examples.
// To enable logging for this class. Set `Vex.Flow.Accidental.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (Accidental.DEBUG) _vex.Vex.L('Vex.Flow.Accidental', args);
}
var getGlyphWidth = function getGlyphWidth(glyph) {
return glyph.getMetrics().width;
};
// An `Accidental` inherits from `Modifier`, and is formatted within a
// `ModifierContext`.
var Accidental = exports.Accidental = function (_Modifier) {
_inherits(Accidental, _Modifier);
_createClass(Accidental, null, [{
key: 'format',
// Arrange accidentals inside a ModifierContext.
value: function format(accidentals, state) {
var _this2 = this;
var noteheadAccidentalPadding = 1;
var leftShift = state.left_shift + noteheadAccidentalPadding;
var accidentalSpacing = 3;
// If there are no accidentals, we needn't format their positions
if (!accidentals || accidentals.length === 0) return;
var accList = [];
var prevNote = null;
var shiftL = 0;
// First determine the accidentals' Y positions from the note.keys
var propsTemp = void 0;
for (var i = 0; i < accidentals.length; ++i) {
var acc = accidentals[i];
var note = acc.getNote();
var stave = note.getStave();
var props = note.getKeyProps()[acc.getIndex()];
if (note !== prevNote) {
// Iterate through all notes to get the displaced pixels
for (var n = 0; n < note.keys.length; ++n) {
propsTemp = note.getKeyProps()[n];
shiftL = propsTemp.displaced ? note.getExtraLeftPx() : shiftL;
}
prevNote = note;
}
if (stave !== null) {
var lineSpace = stave.options.spacing_between_lines_px;
var y = stave.getYForLine(props.line);
var accLine = Math.round(y / lineSpace * 2) / 2;
accList.push({ y: y, line: accLine, shift: shiftL, acc: acc, lineSpace: lineSpace });
} else {
accList.push({ line: props.line, shift: shiftL, acc: acc });
}
}
// Sort accidentals by line number.
accList.sort(function (a, b) {
return b.line - a.line;
});
// FIXME: Confusing name. Each object in this array has a property called `line`.
// So if this is a list of lines, you end up with: `line.line` which is very awkward.
var lineList = [];
// amount by which all accidentals must be shifted right or left for
// stem flipping, notehead shifting concerns.
var accShift = 0;
var previousLine = null;
// Create an array of unique line numbers (lineList) from accList
for (var _i = 0; _i < accList.length; _i++) {
var _acc = accList[_i];
// if this is the first line, or a new line, add a lineList
if (previousLine === null || previousLine !== _acc.line) {
lineList.push({
line: _acc.line,
flatLine: true,
dblSharpLine: true,
numAcc: 0,
width: 0
});
}
// if this accidental is not a flat, the accidental needs 3.0 lines lower
// clearance instead of 2.5 lines for b or bb.
// FIXME: Naming could use work. acc.acc is very awkward
if (_acc.acc.type !== 'b' && _acc.acc.type !== 'bb') {
lineList[lineList.length - 1].flatLine = false;
}
// if this accidental is not a double sharp, the accidental needs 3.0 lines above
if (_acc.acc.type !== '##') {
lineList[lineList.length - 1].dblSharpLine = false;
}
// Track how many accidentals are on this line:
lineList[lineList.length - 1].numAcc++;
// Track the total x_offset needed for this line which will be needed
// for formatting lines w/ multiple accidentals:
// width = accidental width + universal spacing between accidentals
lineList[lineList.length - 1].width += _acc.acc.getWidth() + accidentalSpacing;
// if this accShift is larger, use it to keep first column accidentals in the same line
accShift = _acc.shift > accShift ? _acc.shift : accShift;
previousLine = _acc.line;
}
// ### Place Accidentals in Columns
//
// Default to a classic triangular layout (middle accidental farthest left),
// but follow exceptions as outlined in G. Read's _Music Notation_ and
// Elaine Gould's _Behind Bars_.
//
// Additionally, this implements different vertical collision rules for
// flats (only need 2.5 lines clearance below) and double sharps (only
// need 2.5 lines of clearance above or below).
//
// Classic layouts and exception patterns are found in the 'tables.js'
// in 'Vex.Flow.accidentalColumnsTable'
//
// Beyond 6 vertical accidentals, default to the parallel ascending lines approach,
// using as few columns as possible for the verticle structure.
//
// TODO (?): Allow column to be specified for an accidental at run-time?
var totalColumns = 0;
// establish the boundaries for a group of notes with clashing accidentals:
var _loop = function _loop(_i3) {
var noFurtherConflicts = false;
var groupStart = _i3;
var groupEnd = _i3;
while (groupEnd + 1 < lineList.length && !noFurtherConflicts) {
// if this note conflicts with the next:
if (_this2.checkCollision(lineList[groupEnd], lineList[groupEnd + 1])) {
// include the next note in the group:
groupEnd++;
} else {
noFurtherConflicts = true;
}
}
// Gets an a line from the `lineList`, relative to the current group
var getGroupLine = function getGroupLine(index) {
return lineList[groupStart + index];
};
var getGroupLines = function getGroupLines(indexes) {
return indexes.map(getGroupLine);
};
var lineDifference = function lineDifference(indexA, indexB) {
var _getGroupLines$map = getGroupLines([indexA, indexB]).map(function (item) {
return item.line;
});
var _getGroupLines$map2 = _slicedToArray(_getGroupLines$map, 2);
var a = _getGroupLines$map2[0];
var b = _getGroupLines$map2[1];
return a - b;
};
var notColliding = function notColliding() {
for (var _len2 = arguments.length, indexPairs = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
indexPairs[_key2] = arguments[_key2];
}
return indexPairs.map(getGroupLines).every(function (lines) {
return !_this2.checkCollision.apply(_this2, _toConsumableArray(lines));
});
};
// Set columns for the lines in this group:
var groupLength = groupEnd - groupStart + 1;
// Set the accidental column for each line of the group
var endCase = _this2.checkCollision(lineList[groupStart], lineList[groupEnd]) ? 'a' : 'b';
switch (groupLength) {
case 3:
if (endCase === 'a' && lineDifference(1, 2) === 0.5 && lineDifference(0, 1) !== 0.5) {
endCase = 'second_on_bottom';
}
break;
case 4:
if (notColliding([0, 2], [1, 3])) {
endCase = 'spaced_out_tetrachord';
}
break;
case 5:
if (endCase === 'b' && notColliding([1, 3])) {
endCase = 'spaced_out_pentachord';
if (notColliding([0, 2], [2, 4])) {
endCase = 'very_spaced_out_pentachord';
}
}
break;
case 6:
if (notColliding([0, 3], [1, 4], [2, 5])) {
endCase = 'spaced_out_hexachord';
}
if (notColliding([0, 2], [2, 4], [1, 3], [3, 5])) {
endCase = 'very_spaced_out_hexachord';
}
break;
default:
break;
}
var groupMember = void 0;
var column = void 0;
// If the group contains more than seven members, use ascending parallel lines
// of accidentals, using as few columns as possible while avoiding collisions.
if (groupLength >= 7) {
// First, determine how many columns to use:
var patternLength = 2;
var collisionDetected = true;
while (collisionDetected === true) {
collisionDetected = false;
for (var line = 0; line + patternLength < lineList.length; line++) {
if (_this2.checkCollision(lineList[line], lineList[line + patternLength])) {
collisionDetected = true;
patternLength++;
break;
}
}
}
// Then, assign a column to each line of accidentals
for (groupMember = _i3; groupMember <= groupEnd; groupMember++) {
column = (groupMember - _i3) % patternLength + 1;
lineList[groupMember].column = column;
totalColumns = totalColumns > column ? totalColumns : column;
}
// Otherwise, if the group contains fewer than seven members, use the layouts from
// the accidentalsColumnsTable housed in tables.js.
} else {
for (groupMember = _i3; groupMember <= groupEnd; groupMember++) {
column = _tables.Flow.accidentalColumnsTable[groupLength][endCase][groupMember - _i3];
lineList[groupMember].column = column;
totalColumns = totalColumns > column ? totalColumns : column;
}
}
// Increment i to the last note that was set, so that if a lower set of notes
// does not conflict at all with this group, it can have its own classic shape.
_i3 = groupEnd;
_i2 = _i3;
};
for (var _i2 = 0; _i2 < lineList.length; _i2++) {
_loop(_i2);
}
// ### Convert Columns to x_offsets
//
// This keeps columns aligned, even if they have different accidentals within them
// which sometimes results in a larger x_offset than is an accidental might need
// to preserve the symmetry of the accidental shape.
//
// Neither A.C. Vinci nor G. Read address this, and it typically only happens in
// music with complex chord clusters.
//
// TODO (?): Optionally allow closer compression of accidentals, instead of forcing
// parallel columns.
// track each column's max width, which will be used as initial shift of later columns:
var columnWidths = [];
var columnXOffsets = [];
for (var _i4 = 0; _i4 <= totalColumns; _i4++) {
columnWidths[_i4] = 0;
columnXOffsets[_i4] = 0;
}
columnWidths[0] = accShift + leftShift;
columnXOffsets[0] = accShift + leftShift;
// Fill columnWidths with widest needed x-space;
// this is what keeps the columns parallel.
lineList.forEach(function (line) {
if (line.width > columnWidths[line.column]) columnWidths[line.column] = line.width;
});
for (var _i5 = 1; _i5 < columnWidths.length; _i5++) {
// this column's offset = this column's width + previous column's offset
columnXOffsets[_i5] = columnWidths[_i5] + columnXOffsets[_i5 - 1];
}
var totalShift = columnXOffsets[columnXOffsets.length - 1];
// Set the xShift for each accidental according to column offsets:
var accCount = 0;
lineList.forEach(function (line) {
var lineWidth = 0;
var lastAccOnLine = accCount + line.numAcc;
// handle all of the accidentals on a given line:
for (accCount; accCount < lastAccOnLine; accCount++) {
var xShift = columnXOffsets[line.column - 1] + lineWidth;
accList[accCount].acc.setXShift(xShift);
// keep track of the width of accidentals we've added so far, so that when
// we loop, we add space for them.
lineWidth += accList[accCount].acc.getWidth() + accidentalSpacing;
L('Line, accCount, shift: ', line.line, accCount, xShift);
}
});
// update the overall layout with the full width of the accidental shapes:
state.left_shift += totalShift;
}
// Helper function to determine whether two lines of accidentals collide vertically
}, {
key: 'checkCollision',
value: function checkCollision(line1, line2) {
var clearance = line2.line - line1.line;
var clearanceRequired = 3;
// But less clearance is required for certain accidentals: b, bb and ##.
if (clearance > 0) {
// then line 2 is on top
clearanceRequired = line2.flatLine || line2.dblSharpLine ? 2.5 : 3.0;
if (line1.dblSharpLine) clearance -= 0.5;
} else {
// line 1 is on top
clearanceRequired = line1.flatLine || line1.dblSharpLine ? 2.5 : 3.0;
if (line2.dblSharpLine) clearance -= 0.5;
}
var collision = Math.abs(clearance) < clearanceRequired;
L('Line_1, Line_2, Collision: ', line1.line, line2.line, collision);
return collision;
}
// Use this method to automatically apply accidentals to a set of `voices`.
// The accidentals will be remembered between all the voices provided.
// Optionally, you can also provide an initial `keySignature`.
}, {
key: 'applyAccidentals',
value: function applyAccidentals(voices, keySignature) {
var tickPositions = [];
var tickNoteMap = {};
// Sort the tickables in each voice by their tick position in the voice
voices.forEach(function (voice) {
var tickPosition = new _fraction.Fraction(0, 1);
var notes = voice.getTickables();
notes.forEach(function (note) {
var notesAtPosition = tickNoteMap[tickPosition.value()];
if (!notesAtPosition) {
tickPositions.push(tickPosition.value());
tickNoteMap[tickPosition.value()] = [note];
} else {
notesAtPosition.push(note);
}
tickPosition.add(note.getTicks());
});
});
var music = new _music.Music();
// Default key signature is C major
if (!keySignature) keySignature = 'C';
// Get the scale map, which represents the current state of each pitch
var scaleMap = music.createScaleMap(keySignature);
tickPositions.forEach(function (tick) {
var notes = tickNoteMap[tick];
// Array to store all pitches that modified accidental states
// at this tick position
var modifiedPitches = [];
notes.forEach(function (note) {
if (note.isRest()) return;
// Go through each key and determine if an accidental should be
// applied
note.keys.forEach(function (keyString, keyIndex) {
var key = music.getNoteParts(keyString.split('/')[0]);
// Force a natural for every key without an accidental
var accidentalString = key.accidental || 'n';
var pitch = key.root + accidentalString;
// Determine if the current pitch has the same accidental
// as the scale state
var sameAccidental = scaleMap[key.root] === pitch;
// Determine if an identical pitch in the chord already
// modified the accidental state
var previouslyModified = modifiedPitches.indexOf(pitch) > -1;
// Add the accidental to the StaveNote
if (!sameAccidental || sameAccidental && previouslyModified) {
// Modify the scale map so that the root pitch has an
// updated state
scaleMap[key.root] = pitch;
// Create the accidental
var accidental = new Accidental(accidentalString);
// Attach the accidental to the StaveNote
note.addAccidental(keyIndex, accidental);
// Add the pitch to list of pitches that modified accidentals
modifiedPitches.push(pitch);
}
});
});
});
}
// Create accidental. `type` can be a value from the
// `Vex.Flow.accidentalCodes.accidentals` table in `tables.js`. For
// example: `#`, `##`, `b`, `n`, etc.
}, {
key: 'CATEGORY',
get: function get() {
return 'accidentals';
}
}]);
function Accidental() {
var type = arguments.length <= 0 || arguments[0] === undefined ? null : arguments[0];
_classCallCheck(this, Accidental);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Accidental).call(this));
_this.setAttribute('type', 'Accidental');
L('New accidental: ', type);
_this.note = null;
// The `index` points to a specific note in a chord.
_this.index = null;
_this.type = type;
_this.position = _modifier.Modifier.Position.LEFT;
_this.render_options = {
// Font size for glyphs
font_scale: 38,
// Length of stroke across heads above or below the stave.
stroke_px: 3,
// Padding between accidental and parentheses on each side
parenLeftPadding: 2,
parenRightPadding: 2
};
_this.accidental = _tables.Flow.accidentalCodes(_this.type);
if (!_this.accidental) {
throw new _vex.Vex.RERR('ArgumentError', 'Unknown accidental type: ' + type);
}
// Cautionary accidentals have parentheses around them
_this.cautionary = false;
_this.parenLeft = null;
_this.parenRight = null;
_this.reset();
return _this;
}
_createClass(Accidental, [{
key: 'reset',
value: function reset() {
var fontScale = this.render_options.font_scale;
this.glyph = new _glyph.Glyph(this.accidental.code, fontScale);
this.glyph.setOriginX(1.0);
if (this.cautionary) {
this.parenLeft = new _glyph.Glyph(_tables.Flow.accidentalCodes('{').code, fontScale);
this.parenRight = new _glyph.Glyph(_tables.Flow.accidentalCodes('}').code, fontScale);
this.parenLeft.setOriginX(1.0);
this.parenRight.setOriginX(1.0);
}
}
}, {
key: 'getCategory',
value: function getCategory() {
return Accidental.CATEGORY;
}
}, {
key: 'getWidth',
value: function getWidth() {
var parenWidth = this.cautionary ? getGlyphWidth(this.parenLeft) + getGlyphWidth(this.parenRight) + this.render_options.parenLeftPadding + this.render_options.parenRightPadding : 0;
return getGlyphWidth(this.glyph) + parenWidth;
}
// Attach this accidental to `note`, which must be a `StaveNote`.
}, {
key: 'setNote',
value: function setNote(note) {
if (!note) {
throw new _vex.Vex.RERR('ArgumentError', 'Bad note value: ' + note);
}
this.note = note;
// Accidentals attached to grace notes are rendered smaller.
if (this.note.getCategory() === 'gracenotes') {
this.render_options.font_scale = 25;
this.reset();
}
}
// If called, draws parenthesis around accidental.
}, {
key: 'setAsCautionary',
value: function setAsCautionary() {
this.cautionary = true;
this.render_options.font_scale = 28;
this.reset();
return this;
}
// Render accidental onto canvas.
}, {
key: 'draw',
value: function draw() {
var context = this.context;
var type = this.type;
var position = this.position;
var note = this.note;
var index = this.index;
var cautionary = this.cautionary;
var x_shift = this.x_shift;
var y_shift = this.y_shift;
var glyph = this.glyph;
var parenLeft = this.parenLeft;
var parenRight = this.parenRight;
var _render_options = this.render_options;
var parenLeftPadding = _render_options.parenLeftPadding;
var parenRightPadding = _render_options.parenRightPadding;
this.checkContext();
if (!(note && index != null)) {
throw new _vex.Vex.RERR('NoAttachedNote', "Can't draw accidental without a note and index.");
}
// Figure out the start `x` and `y` coordinates for note and index.
var start = note.getModifierStartXY(position, index);
var accX = start.x + x_shift;
var accY = start.y + y_shift;
L('Rendering: ', type, accX, accY);
if (!cautionary) {
glyph.render(context, accX, accY);
} else {
// Render the accidental in parentheses.
parenRight.render(context, accX, accY);
accX -= getGlyphWidth(parenRight);
accX -= parenRightPadding;
accX -= this.accidental.parenRightPaddingAdjustment;
glyph.render(context, accX, accY);
accX -= getGlyphWidth(glyph);
accX -= parenLeftPadding;
parenLeft.render(context, accX, accY);
}
this.setRendered();
}
}]);
return Accidental;
}(_modifier.Modifier);
/***/ },
/* 30 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Music = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// This class implements some standard music theory routines.
var _vex = __webpack_require__(1);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Music = exports.Music = function () {
function Music() {
_classCallCheck(this, Music);
}
_createClass(Music, [{
key: 'isValidNoteValue',
value: function isValidNoteValue(note) {
if (note == null || note < 0 || note >= Music.NUM_TONES) {
return false;
}
return true;
}
}, {
key: 'isValidIntervalValue',
value: function isValidIntervalValue(interval) {
return this.isValidNoteValue(interval);
}
}, {
key: 'getNoteParts',
value: function getNoteParts(noteString) {
if (!noteString || noteString.length < 1) {
throw new _vex.Vex.RERR('BadArguments', 'Invalid note name: ' + noteString);
}
if (noteString.length > 3) {
throw new _vex.Vex.RERR('BadArguments', 'Invalid note name: ' + noteString);
}
var note = noteString.toLowerCase();
var regex = /^([cdefgab])(b|bb|n|#|##)?$/;
var match = regex.exec(note);
if (match != null) {
var root = match[1];
var accidental = match[2];
return {
root: root,
accidental: accidental
};
} else {
throw new _vex.Vex.RERR('BadArguments', 'Invalid note name: ' + noteString);
}
}
}, {
key: 'getKeyParts',
value: function getKeyParts(keyString) {
if (!keyString || keyString.length < 1) {
throw new _vex.Vex.RERR('BadArguments', 'Invalid key: ' + keyString);
}
var key = keyString.toLowerCase();
// Support Major, Minor, Melodic Minor, and Harmonic Minor key types.
var regex = /^([cdefgab])(b|#)?(mel|harm|m|M)?$/;
var match = regex.exec(key);
if (match != null) {
var root = match[1];
var accidental = match[2];
var type = match[3];
// Unspecified type implies major
if (!type) type = 'M';
return {
root: root,
accidental: accidental,
type: type
};
} else {
throw new _vex.Vex.RERR('BadArguments', 'Invalid key: ' + keyString);
}
}
}, {
key: 'getNoteValue',
value: function getNoteValue(noteString) {
var value = Music.noteValues[noteString];
if (value == null) {
throw new _vex.Vex.RERR('BadArguments', 'Invalid note name: ' + noteString);
}
return value.int_val;
}
}, {
key: 'getIntervalValue',
value: function getIntervalValue(intervalString) {
var value = Music.intervals[intervalString];
if (value == null) {
throw new _vex.Vex.RERR('BadArguments', 'Invalid interval name: ${intervalString}');
}
return value;
}
}, {
key: 'getCanonicalNoteName',
value: function getCanonicalNoteName(noteValue) {
if (!this.isValidNoteValue(noteValue)) {
throw new _vex.Vex.RERR('BadArguments', 'Invalid note value: ' + noteValue);
}
return Music.canonical_notes[noteValue];
}
}, {
key: 'getCanonicalIntervalName',
value: function getCanonicalIntervalName(intervalValue) {
if (!this.isValidIntervalValue(intervalValue)) {
throw new _vex.Vex.RERR('BadArguments', 'Invalid interval value: ' + intervalValue);
}
return Music.diatonic_intervals[intervalValue];
}
/* Given a note, interval, and interval direction, product the
* relative note.
*/
}, {
key: 'getRelativeNoteValue',
value: function getRelativeNoteValue(noteValue, intervalValue, direction) {
if (direction == null) direction = 1;
if (direction !== 1 && direction !== -1) {
throw new _vex.Vex.RERR('BadArguments', 'Invalid direction: ' + direction);
}
var sum = (noteValue + direction * intervalValue) % Music.NUM_TONES;
if (sum < 0) sum += Music.NUM_TONES;
return sum;
}
}, {
key: 'getRelativeNoteName',
value: function getRelativeNoteName(root, noteValue) {
var parts = this.getNoteParts(root);
var rootValue = this.getNoteValue(parts.root);
var interval = noteValue - rootValue;
if (Math.abs(interval) > Music.NUM_TONES - 3) {
var multiplier = 1;
if (interval > 0) multiplier = -1;
// Possibly wrap around. (Add +1 for modulo operator)
var reverse_interval = (noteValue + 1 + (rootValue + 1)) % Music.NUM_TONES * multiplier;
if (Math.abs(reverse_interval) > 2) {
throw new _vex.Vex.RERR('BadArguments', 'Notes not related: ' + root + ', ' + noteValue + ')');
} else {
interval = reverse_interval;
}
}
if (Math.abs(interval) > 2) {
throw new _vex.Vex.RERR('BadArguments', 'Notes not related: ' + root + ', ' + noteValue + ')');
}
var relativeNoteName = parts.root;
if (interval > 0) {
for (var i = 1; i <= interval; ++i) {
relativeNoteName += '#';
}
} else if (interval < 0) {
for (var _i = -1; _i >= interval; --_i) {
relativeNoteName += 'b';
}
}
return relativeNoteName;
}
/* Return scale tones, given intervals. Each successive interval is
* relative to the previous one, e.g., Major Scale:
*
* TTSTTTS = [2,2,1,2,2,2,1]
*
* When used with key = 0, returns C scale (which is isomorphic to
* interval list).
*/
}, {
key: 'getScaleTones',
value: function getScaleTones(key, intervals) {
var tones = [key];
var nextNote = key;
for (var i = 0; i < intervals.length; i += 1) {
nextNote = this.getRelativeNoteValue(nextNote, intervals[i]);
if (nextNote !== key) tones.push(nextNote);
}
return tones;
}
/* Returns the interval of a note, given a diatonic scale.
*
* E.g., Given the scale C, and the note E, returns M3
*/
}, {
key: 'getIntervalBetween',
value: function getIntervalBetween(note1, note2, direction) {
if (direction == null) direction = 1;
if (direction !== 1 && direction !== -1) {
throw new _vex.Vex.RERR('BadArguments', 'Invalid direction: ' + direction);
}
if (!this.isValidNoteValue(note1) || !this.isValidNoteValue(note2)) {
throw new _vex.Vex.RERR('BadArguments', 'Invalid notes: ' + note1 + ', ' + note2);
}
var difference = direction === 1 ? note2 - note1 : note1 - note2;
if (difference < 0) difference += Music.NUM_TONES;
return difference;
}
// Create a scale map that represents the pitch state for a
// `keySignature`. For example, passing a `G` to `keySignature` would
// return a scale map with every note naturalized except for `F` which
// has an `F#` state.
}, {
key: 'createScaleMap',
value: function createScaleMap(keySignature) {
var keySigParts = this.getKeyParts(keySignature);
var scaleName = Music.scaleTypes[keySigParts.type];
var keySigString = keySigParts.root;
if (keySigParts.accidental) keySigString += keySigParts.accidental;
if (!scaleName) throw new _vex.Vex.RERR('BadArguments', 'Unsupported key type: ' + keySignature);
var scale = this.getScaleTones(this.getNoteValue(keySigString), scaleName);
var noteLocation = Music.root_indices[keySigParts.root];
var scaleMap = {};
for (var i = 0; i < Music.roots.length; ++i) {
var index = (noteLocation + i) % Music.roots.length;
var rootName = Music.roots[index];
var noteName = this.getRelativeNoteName(rootName, scale[i]);
if (noteName.length === 1) {
noteName += 'n';
}
scaleMap[rootName] = noteName;
}
return scaleMap;
}
}], [{
key: 'NUM_TONES',
get: function get() {
return 12;
}
}, {
key: 'roots',
get: function get() {
return ['c', 'd', 'e', 'f', 'g', 'a', 'b'];
}
}, {
key: 'root_values',
get: function get() {
return [0, 2, 4, 5, 7, 9, 11];
}
}, {
key: 'root_indices',
get: function get() {
return {
'c': 0,
'd': 1,
'e': 2,
'f': 3,
'g': 4,
'a': 5,
'b': 6
};
}
}, {
key: 'canonical_notes',
get: function get() {
return ['c', 'c#', 'd', 'd#', 'e', 'f', 'f#', 'g', 'g#', 'a', 'a#', 'b'];
}
}, {
key: 'diatonic_intervals',
get: function get() {
return ['unison', 'm2', 'M2', 'm3', 'M3', 'p4', 'dim5', 'p5', 'm6', 'M6', 'b7', 'M7', 'octave'];
}
}, {
key: 'diatonic_accidentals',
get: function get() {
return {
'unison': { note: 0, accidental: 0 },
'm2': { note: 1, accidental: -1 },
'M2': { note: 1, accidental: 0 },
'm3': { note: 2, accidental: -1 },
'M3': { note: 2, accidental: 0 },
'p4': { note: 3, accidental: 0 },
'dim5': { note: 4, accidental: -1 },
'p5': { note: 4, accidental: 0 },
'm6': { note: 5, accidental: -1 },
'M6': { note: 5, accidental: 0 },
'b7': { note: 6, accidental: -1 },
'M7': { note: 6, accidental: 0 },
'octave': { note: 7, accidental: 0 }
};
}
}, {
key: 'intervals',
get: function get() {
return {
'u': 0, 'unison': 0,
'm2': 1, 'b2': 1, 'min2': 1, 'S': 1, 'H': 1,
'2': 2, 'M2': 2, 'maj2': 2, 'T': 2, 'W': 2,
'm3': 3, 'b3': 3, 'min3': 3,
'M3': 4, '3': 4, 'maj3': 4,
'4': 5, 'p4': 5,
'#4': 6, 'b5': 6, 'aug4': 6, 'dim5': 6,
'5': 7, 'p5': 7,
'#5': 8, 'b6': 8, 'aug5': 8,
'6': 9, 'M6': 9, 'maj6': 9,
'b7': 10, 'm7': 10, 'min7': 10, 'dom7': 10,
'M7': 11, 'maj7': 11,
'8': 12, 'octave': 12
};
}
}, {
key: 'scales',
get: function get() {
return {
major: [2, 2, 1, 2, 2, 2, 1],
dorian: [2, 1, 2, 2, 2, 1, 2],
mixolydian: [2, 2, 1, 2, 2, 1, 2],
minor: [2, 1, 2, 2, 1, 2, 2]
};
}
}, {
key: 'scaleTypes',
get: function get() {
return {
'M': Music.scales.major,
'm': Music.scales.minor
};
}
}, {
key: 'accidentals',
get: function get() {
return ['bb', 'b', 'n', '#', '##'];
}
}, {
key: 'noteValues',
get: function get() {
return {
'c': { root_index: 0, int_val: 0 },
'cn': { root_index: 0, int_val: 0 },
'c#': { root_index: 0, int_val: 1 },
'c##': { root_index: 0, int_val: 2 },
'cb': { root_index: 0, int_val: 11 },
'cbb': { root_index: 0, int_val: 10 },
'd': { root_index: 1, int_val: 2 },
'dn': { root_index: 1, int_val: 2 },
'd#': { root_index: 1, int_val: 3 },
'd##': { root_index: 1, int_val: 4 },
'db': { root_index: 1, int_val: 1 },
'dbb': { root_index: 1, int_val: 0 },
'e': { root_index: 2, int_val: 4 },
'en': { root_index: 2, int_val: 4 },
'e#': { root_index: 2, int_val: 5 },
'e##': { root_index: 2, int_val: 6 },
'eb': { root_index: 2, int_val: 3 },
'ebb': { root_index: 2, int_val: 2 },
'f': { root_index: 3, int_val: 5 },
'fn': { root_index: 3, int_val: 5 },
'f#': { root_index: 3, int_val: 6 },
'f##': { root_index: 3, int_val: 7 },
'fb': { root_index: 3, int_val: 4 },
'fbb': { root_index: 3, int_val: 3 },
'g': { root_index: 4, int_val: 7 },
'gn': { root_index: 4, int_val: 7 },
'g#': { root_index: 4, int_val: 8 },
'g##': { root_index: 4, int_val: 9 },
'gb': { root_index: 4, int_val: 6 },
'gbb': { root_index: 4, int_val: 5 },
'a': { root_index: 5, int_val: 9 },
'an': { root_index: 5, int_val: 9 },
'a#': { root_index: 5, int_val: 10 },
'a##': { root_index: 5, int_val: 11 },
'ab': { root_index: 5, int_val: 8 },
'abb': { root_index: 5, int_val: 7 },
'b': { root_index: 6, int_val: 11 },
'bn': { root_index: 6, int_val: 11 },
'b#': { root_index: 6, int_val: 0 },
'b##': { root_index: 6, int_val: 1 },
'bb': { root_index: 6, int_val: 10 },
'bbb': { root_index: 6, int_val: 9 }
};
}
}]);
return Music;
}();
/***/ },
/* 31 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.NoteSubGroup = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
var _modifier = __webpack_require__(25);
var _formatter = __webpack_require__(14);
var _voice = __webpack_require__(18);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Author Taehoon Moon 2016
//
// ## Description
//
// This file implements `NoteSubGroup` which is used to format and
// render notes as a `Modifier`
// ex) ClefNote, TimeSigNote and BarNote.
var NoteSubGroup = exports.NoteSubGroup = function (_Modifier) {
_inherits(NoteSubGroup, _Modifier);
_createClass(NoteSubGroup, null, [{
key: 'format',
// Arrange groups inside a `ModifierContext`
value: function format(groups, state) {
if (!groups || groups.length === 0) return false;
var width = 0;
for (var i = 0; i < groups.length; ++i) {
var group = groups[i];
group.preFormat();
width += group.getWidth();
}
state.left_shift += width;
return true;
}
}, {
key: 'CATEGORY',
get: function get() {
return 'notesubgroup';
}
}]);
function NoteSubGroup(subNotes) {
var _ret;
_classCallCheck(this, NoteSubGroup);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(NoteSubGroup).call(this));
_this.setAttribute('type', 'NoteSubGroup');
_this.note = null;
_this.index = null;
_this.position = _modifier.Modifier.Position.LEFT;
_this.subNotes = subNotes;
_this.subNotes.forEach(function (subNote) {
subNote.ignore_ticks = false;
});
_this.width = 0;
_this.preFormatted = false;
_this.formatter = new _formatter.Formatter();
_this.voice = new _voice.Voice({
num_beats: 4,
beat_value: 4,
resolution: _tables.Flow.RESOLUTION
}).setStrict(false);
_this.voice.addTickables(_this.subNotes);
return _ret = _this, _possibleConstructorReturn(_this, _ret);
}
_createClass(NoteSubGroup, [{
key: 'getCategory',
value: function getCategory() {
return NoteSubGroup.CATEGORY;
}
}, {
key: 'preFormat',
value: function preFormat() {
if (this.preFormatted) return;
this.formatter.joinVoices([this.voice]).format([this.voice], 0);
this.setWidth(this.formatter.getMinTotalWidth());
this.preFormatted = true;
}
}, {
key: 'setNote',
value: function setNote(note) {
this.note = note;
}
}, {
key: 'setWidth',
value: function setWidth(width) {
this.width = width;
}
}, {
key: 'getWidth',
value: function getWidth() {
return this.width;
}
}, {
key: 'draw',
value: function draw() {
var _this2 = this;
this.checkContext();
var note = this.getNote();
if (!(note && this.index !== null)) {
throw new _vex.Vex.RuntimeError('NoAttachedNote', "Can't draw notes without a parent note and parent note index.");
}
this.setRendered();
var alignSubNotesWithNote = function alignSubNotesWithNote(subNotes, note) {
// Shift over the tick contexts of each note
var tickContext = note.getTickContext();
var extraPx = tickContext.getExtraPx();
var x = tickContext.getX() - extraPx.left - extraPx.extraLeft + _this2.getSpacingFromNextModifier();
subNotes.forEach(function (subNote) {
var tick_context = subNote.getTickContext();
var x_offset = tick_context.getX();
subNote.setStave(note.stave);
tick_context.setX(x + x_offset);
});
};
alignSubNotesWithNote(this.subNotes, note, this.width);
// Draw notes
this.subNotes.forEach(function (subNote) {
return subNote.setContext(_this2.context).draw();
});
}
}]);
return NoteSubGroup;
}(_modifier.Modifier);
/***/ },
/* 32 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.GraceNoteGroup = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
var _modifier = __webpack_require__(25);
var _formatter = __webpack_require__(14);
var _voice = __webpack_require__(18);
var _beam = __webpack_require__(15);
var _stavetie = __webpack_require__(33);
var _tabtie = __webpack_require__(34);
var _stavenote = __webpack_require__(20);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
//
// This file implements `GraceNoteGroup` which is used to format and
// render grace notes.
// To enable logging for this class. Set `Vex.Flow.GraceNoteGroup.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (GraceNoteGroup.DEBUG) _vex.Vex.L('Vex.Flow.GraceNoteGroup', args);
}
var GraceNoteGroup = exports.GraceNoteGroup = function (_Modifier) {
_inherits(GraceNoteGroup, _Modifier);
_createClass(GraceNoteGroup, null, [{
key: 'format',
// Arrange groups inside a `ModifierContext`
value: function format(gracenote_groups, state) {
var group_spacing_stave = 4;
var group_spacing_tab = 0;
if (!gracenote_groups || gracenote_groups.length === 0) return false;
var group_list = [];
var prev_note = null;
var shiftL = 0;
for (var i = 0; i < gracenote_groups.length; ++i) {
var gracenote_group = gracenote_groups[i];
var note = gracenote_group.getNote();
var is_stavenote = note.getCategory() === _stavenote.StaveNote.CATEGORY;
var spacing = is_stavenote ? group_spacing_stave : group_spacing_tab;
if (is_stavenote && note !== prev_note) {
// Iterate through all notes to get the displaced pixels
for (var n = 0; n < note.keys.length; ++n) {
var props_tmp = note.getKeyProps()[n];
shiftL = props_tmp.displaced ? note.getExtraLeftPx() : shiftL;
}
prev_note = note;
}
group_list.push({ shift: shiftL, gracenote_group: gracenote_group, spacing: spacing });
}
// If first note left shift in case it is displaced
var group_shift = group_list[0].shift;
var formatWidth = void 0;
for (var _i = 0; _i < group_list.length; ++_i) {
var _gracenote_group = group_list[_i].gracenote_group;
_gracenote_group.preFormat();
formatWidth = _gracenote_group.getWidth() + group_list[_i].spacing;
group_shift = Math.max(formatWidth, group_shift);
}
for (var _i2 = 0; _i2 < group_list.length; ++_i2) {
var _gracenote_group2 = group_list[_i2].gracenote_group;
formatWidth = _gracenote_group2.getWidth() + group_list[_i2].spacing;
_gracenote_group2.setSpacingFromNextModifier(group_shift - Math.min(formatWidth, group_shift));
}
state.left_shift += group_shift;
return true;
}
// ## Prototype Methods
//
// `GraceNoteGroup` inherits from `Modifier` and is placed inside a
// `ModifierContext`.
}, {
key: 'CATEGORY',
get: function get() {
return 'gracenotegroups';
}
}]);
function GraceNoteGroup(grace_notes, show_slur) {
var _ret;
_classCallCheck(this, GraceNoteGroup);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(GraceNoteGroup).call(this));
_this.setAttribute('type', 'GraceNoteGroup');
_this.note = null;
_this.index = null;
_this.position = _modifier.Modifier.Position.LEFT;
_this.grace_notes = grace_notes;
_this.width = 0;
_this.preFormatted = false;
_this.show_slur = show_slur;
_this.slur = null;
_this.formatter = new _formatter.Formatter();
_this.voice = new _voice.Voice({
num_beats: 4,
beat_value: 4,
resolution: _tables.Flow.RESOLUTION
}).setStrict(false);
_this.render_options = {
slur_y_shift: 0
};
_this.voice.addTickables(_this.grace_notes);
return _ret = _this, _possibleConstructorReturn(_this, _ret);
}
_createClass(GraceNoteGroup, [{
key: 'getCategory',
value: function getCategory() {
return GraceNoteGroup.CATEGORY;
}
}, {
key: 'preFormat',
value: function preFormat() {
if (this.preFormatted) return;
this.formatter.joinVoices([this.voice]).format([this.voice], 0);
this.setWidth(this.formatter.getMinTotalWidth());
this.preFormatted = true;
}
}, {
key: 'beamNotes',
value: function beamNotes() {
if (this.grace_notes.length > 1) {
var beam = new _beam.Beam(this.grace_notes);
beam.render_options.beam_width = 3;
beam.render_options.partial_beam_length = 4;
this.beam = beam;
}
return this;
}
}, {
key: 'setNote',
value: function setNote(note) {
this.note = note;
}
}, {
key: 'setWidth',
value: function setWidth(width) {
this.width = width;
}
}, {
key: 'getWidth',
value: function getWidth() {
return this.width;
}
}, {
key: 'draw',
value: function draw() {
var _this2 = this;
this.checkContext();
var note = this.getNote();
L('Drawing grace note group for:', note);
if (!(note && this.index !== null)) {
throw new _vex.Vex.RuntimeError('NoAttachedNote', "Can't draw grace note without a parent note and parent note index.");
}
this.setRendered();
var that = this;
function alignGraceNotesWithNote(grace_notes, note) {
// Shift over the tick contexts of each note
// So that th aligned with the note
var tickContext = note.getTickContext();
var extraPx = tickContext.getExtraPx();
var x = tickContext.getX() - extraPx.left - extraPx.extraLeft + that.getSpacingFromNextModifier();
grace_notes.forEach(function (graceNote) {
var tick_context = graceNote.getTickContext();
var x_offset = tick_context.getX();
graceNote.setStave(note.stave);
tick_context.setX(x + x_offset);
});
}
alignGraceNotesWithNote(this.grace_notes, note, this.width);
// Draw notes
this.grace_notes.forEach(function (graceNote) {
graceNote.setContext(_this2.context).draw();
});
// Draw beam
if (this.beam) {
this.beam.setContext(this.context).draw();
}
if (this.show_slur) {
// Create and draw slur
var is_stavenote = this.getNote().getCategory() === _stavenote.StaveNote.CATEGORY;
var TieClass = is_stavenote ? _stavetie.StaveTie : _tabtie.TabTie;
this.slur = new TieClass({
last_note: this.grace_notes[0],
first_note: note,
first_indices: [0],
last_indices: [0]
});
this.slur.render_options.cp2 = 12;
this.slur.render_options.y_shift = (is_stavenote ? 7 : 5) + this.render_options.slur_y_shift;
this.slur.setContext(this.context).draw();
}
}
}]);
return GraceNoteGroup;
}(_modifier.Modifier);
/***/ },
/* 33 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StaveTie = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _element = __webpack_require__(5);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// This class implements varies types of ties between contiguous notes. The
// ties include: regular ties, hammer ons, pull offs, and slides.
var StaveTie = exports.StaveTie = function (_Element) {
_inherits(StaveTie, _Element);
function StaveTie(notes, text) {
_classCallCheck(this, StaveTie);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(StaveTie).call(this));
/**
* Notes is a struct that has:
*
* {
* first_note: Note,
* last_note: Note,
* first_indices: [n1, n2, n3],
* last_indices: [n1, n2, n3]
* }
*
**/
_this.setAttribute('type', 'StaveTie');
_this.notes = notes;
_this.context = null;
_this.text = text;
_this.direction = null;
_this.render_options = {
cp1: 8, // Curve control point 1
cp2: 12, // Curve control point 2
text_shift_x: 0,
first_x_shift: 0,
last_x_shift: 0,
y_shift: 7,
tie_spacing: 0,
font: { family: 'Arial', size: 10, style: '' }
};
_this.font = _this.render_options.font;
_this.setNotes(notes);
return _this;
}
_createClass(StaveTie, [{
key: 'setFont',
value: function setFont(font) {
this.font = font;return this;
}
}, {
key: 'setDirection',
value: function setDirection(direction) {
this.direction = direction;return this;
}
/**
* Set the notes to attach this tie to.
*
* @param {!Object} notes The notes to tie up.
*/
}, {
key: 'setNotes',
value: function setNotes(notes) {
if (!notes.first_note && !notes.last_note) {
throw new _vex.Vex.RuntimeError('BadArguments', 'Tie needs to have either first_note or last_note set.');
}
if (!notes.first_indices) notes.first_indices = [0];
if (!notes.last_indices) notes.last_indices = [0];
if (notes.first_indices.length !== notes.last_indices.length) {
throw new _vex.Vex.RuntimeError('BadArguments', 'Tied notes must have similar index sizes');
}
// Success. Lets grab 'em notes.
this.first_note = notes.first_note;
this.first_indices = notes.first_indices;
this.last_note = notes.last_note;
this.last_indices = notes.last_indices;
return this;
}
/**
* @return {boolean} Returns true if this is a partial bar.
*/
}, {
key: 'isPartial',
value: function isPartial() {
return !this.first_note || !this.last_note;
}
}, {
key: 'renderTie',
value: function renderTie(params) {
if (params.first_ys.length === 0 || params.last_ys.length === 0) {
throw new _vex.Vex.RERR('BadArguments', 'No Y-values to render');
}
var ctx = this.context;
var cp1 = this.render_options.cp1;
var cp2 = this.render_options.cp2;
if (Math.abs(params.last_x_px - params.first_x_px) < 10) {
cp1 = 2;cp2 = 8;
}
var first_x_shift = this.render_options.first_x_shift;
var last_x_shift = this.render_options.last_x_shift;
var y_shift = this.render_options.y_shift * params.direction;
for (var i = 0; i < this.first_indices.length; ++i) {
var cp_x = (params.last_x_px + last_x_shift + (params.first_x_px + first_x_shift)) / 2;
var first_y_px = params.first_ys[this.first_indices[i]] + y_shift;
var last_y_px = params.last_ys[this.last_indices[i]] + y_shift;
if (isNaN(first_y_px) || isNaN(last_y_px)) {
throw new _vex.Vex.RERR('BadArguments', 'Bad indices for tie rendering.');
}
var top_cp_y = (first_y_px + last_y_px) / 2 + cp1 * params.direction;
var bottom_cp_y = (first_y_px + last_y_px) / 2 + cp2 * params.direction;
ctx.beginPath();
ctx.moveTo(params.first_x_px + first_x_shift, first_y_px);
ctx.quadraticCurveTo(cp_x, top_cp_y, params.last_x_px + last_x_shift, last_y_px);
ctx.quadraticCurveTo(cp_x, bottom_cp_y, params.first_x_px + first_x_shift, first_y_px);
ctx.closePath();
ctx.fill();
}
}
}, {
key: 'renderText',
value: function renderText(first_x_px, last_x_px) {
if (!this.text) return;
var center_x = (first_x_px + last_x_px) / 2;
center_x -= this.context.measureText(this.text).width / 2;
this.context.save();
this.context.setFont(this.font.family, this.font.size, this.font.style);
this.context.fillText(this.text, center_x + this.render_options.text_shift_x, (this.first_note || this.last_note).getStave().getYForTopText() - 1);
this.context.restore();
}
}, {
key: 'draw',
value: function draw() {
this.checkContext();
this.setRendered();
var first_note = this.first_note;
var last_note = this.last_note;
var first_x_px = void 0;
var last_x_px = void 0;
var first_ys = void 0;
var last_ys = void 0;
var stem_direction = void 0;
if (first_note) {
first_x_px = first_note.getTieRightX() + this.render_options.tie_spacing;
stem_direction = first_note.getStemDirection();
first_ys = first_note.getYs();
} else {
first_x_px = last_note.getStave().getTieStartX();
first_ys = last_note.getYs();
this.first_indices = this.last_indices;
}
if (last_note) {
last_x_px = last_note.getTieLeftX() + this.render_options.tie_spacing;
stem_direction = last_note.getStemDirection();
last_ys = last_note.getYs();
} else {
last_x_px = first_note.getStave().getTieEndX();
last_ys = first_note.getYs();
this.last_indices = this.first_indices;
}
if (this.direction) {
stem_direction = this.direction;
}
this.renderTie({
first_x_px: first_x_px,
last_x_px: last_x_px,
first_ys: first_ys,
last_ys: last_ys,
direction: stem_direction
});
this.renderText(first_x_px, last_x_px);
return true;
}
}]);
return StaveTie;
}(_element.Element);
/***/ },
/* 34 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TabTie = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _stavetie = __webpack_require__(33);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // / [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// This class implements varies types of ties between contiguous notes. The
// ties include: regular ties, hammer ons, pull offs, and slides.
var TabTie = exports.TabTie = function (_StaveTie) {
_inherits(TabTie, _StaveTie);
_createClass(TabTie, null, [{
key: 'createHammeron',
value: function createHammeron(notes) {
return new TabTie(notes, 'H');
}
}, {
key: 'createPulloff',
value: function createPulloff(notes) {
return new TabTie(notes, 'P');
}
}]);
function TabTie(notes, text) {
_classCallCheck(this, TabTie);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(TabTie).call(this, notes, text));
/**
* Notes is a struct that has:
*
* {
* first_note: Note,
* last_note: Note,
* first_indices: [n1, n2, n3],
* last_indices: [n1, n2, n3]
* }
*
**/
_this.setAttribute('type', 'TabTie');
_this.render_options.cp1 = 9;
_this.render_options.cp2 = 11;
_this.render_options.y_shift = 3;
_this.setNotes(notes);
return _this;
}
_createClass(TabTie, [{
key: 'draw',
value: function draw() {
this.checkContext();
this.setRendered();
var first_note = this.first_note;
var last_note = this.last_note;
var first_x_px = void 0;
var last_x_px = void 0;
var first_ys = void 0;
var last_ys = void 0;
if (first_note) {
first_x_px = first_note.getTieRightX() + this.render_options.tie_spacing;
first_ys = first_note.getYs();
} else {
first_x_px = last_note.getStave().getTieStartX();
first_ys = last_note.getYs();
this.first_indices = this.last_indices;
}
if (last_note) {
last_x_px = last_note.getTieLeftX() + this.render_options.tie_spacing;
last_ys = last_note.getYs();
} else {
last_x_px = first_note.getStave().getTieEndX();
last_ys = first_note.getYs();
this.last_indices = this.first_indices;
}
this.renderTie({
first_x_px: first_x_px,
last_x_px: last_x_px,
first_ys: first_ys,
last_ys: last_ys,
direction: -1 });
this.renderText(first_x_px, last_x_px);
return true;
}
}]);
return TabTie;
}(_stavetie.StaveTie);
/***/ },
/* 35 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Stroke = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _modifier = __webpack_require__(25);
var _stavenote = __webpack_require__(20);
var _glyph = __webpack_require__(4);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Author: Larry Kuhns
//
// ## Description
// This file implements the `Stroke` class which renders chord strokes
// that can be arpeggiated, brushed, rasquedo, etc.
var Stroke = exports.Stroke = function (_Modifier) {
_inherits(Stroke, _Modifier);
_createClass(Stroke, null, [{
key: 'format',
// Arrange strokes inside `ModifierContext`
value: function format(strokes, state) {
var left_shift = state.left_shift;
var stroke_spacing = 0;
if (!strokes || strokes.length === 0) return this;
var strokeList = strokes.map(function (stroke) {
var note = stroke.getNote();
if (note instanceof _stavenote.StaveNote) {
var _note$getKeyProps$str = note.getKeyProps()[stroke.getIndex()];
var line = _note$getKeyProps$str.line;
var displaced = _note$getKeyProps$str.displaced;
var shift = displaced ? note.getExtraLeftPx() : 0;
return { line: line, shift: shift, stroke: stroke };
} else {
var string = note.getPositions()[stroke.getIndex()].str;
return { line: string, shift: 0, stroke: stroke };
}
});
var strokeShift = left_shift;
// There can only be one stroke .. if more than one, they overlay each other
var xShift = strokeList.reduce(function (xShift, _ref) {
var stroke = _ref.stroke;
var shift = _ref.shift;
stroke.setXShift(strokeShift + shift);
return Math.max(stroke.getWidth() + stroke_spacing, xShift);
}, 0);
state.left_shift += xShift;
return true;
}
}, {
key: 'CATEGORY',
get: function get() {
return 'strokes';
}
}, {
key: 'Type',
get: function get() {
return {
BRUSH_DOWN: 1,
BRUSH_UP: 2,
ROLL_DOWN: 3, // Arpegiated chord
ROLL_UP: 4, // Arpegiated chord
RASQUEDO_DOWN: 5,
RASQUEDO_UP: 6
};
}
}]);
function Stroke(type, options) {
_classCallCheck(this, Stroke);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Stroke).call(this));
_this.setAttribute('type', 'Stroke');
_this.note = null;
_this.options = _vex.Vex.Merge({}, options);
// multi voice - span stroke across all voices if true
_this.all_voices = 'all_voices' in _this.options ? _this.options.all_voices : true;
// multi voice - end note of stroke, set in draw()
_this.note_end = null;
_this.index = null;
_this.type = type;
_this.position = _modifier.Modifier.Position.LEFT;
_this.render_options = {
font_scale: 38,
stroke_px: 3,
stroke_spacing: 10
};
_this.font = {
family: 'serif',
size: 10,
weight: 'bold italic'
};
_this.setXShift(0);
_this.setWidth(10);
return _this;
}
_createClass(Stroke, [{
key: 'getCategory',
value: function getCategory() {
return Stroke.CATEGORY;
}
}, {
key: 'getPosition',
value: function getPosition() {
return this.position;
}
}, {
key: 'addEndNote',
value: function addEndNote(note) {
this.note_end = note;return this;
}
}, {
key: 'draw',
value: function draw() {
this.checkContext();
this.setRendered();
if (!(this.note && this.index != null)) {
throw new _vex.Vex.RERR('NoAttachedNote', "Can't draw stroke without a note and index.");
}
var start = this.note.getModifierStartXY(this.position, this.index);
var ys = this.note.getYs();
var topY = start.y;
var botY = start.y;
var x = start.x - 5;
var line_space = this.note.stave.options.spacing_between_lines_px;
var notes = this.getModifierContext().getModifiers(this.note.getCategory());
for (var i = 0; i < notes.length; i++) {
ys = notes[i].getYs();
for (var n = 0; n < ys.length; n++) {
if (this.note === notes[i] || this.all_voices) {
topY = _vex.Vex.Min(topY, ys[n]);
botY = _vex.Vex.Max(botY, ys[n]);
}
}
}
var arrow = void 0;
var arrow_shift_x = void 0;
var arrow_y = void 0;
var text_shift_x = void 0;
var text_y = void 0;
switch (this.type) {
case Stroke.Type.BRUSH_DOWN:
arrow = 'vc3';
arrow_shift_x = -3;
arrow_y = topY - line_space / 2 + 10;
botY += line_space / 2;
break;
case Stroke.Type.BRUSH_UP:
arrow = 'v11';
arrow_shift_x = 0.5;
arrow_y = botY + line_space / 2;
topY -= line_space / 2;
break;
case Stroke.Type.ROLL_DOWN:
case Stroke.Type.RASQUEDO_DOWN:
arrow = 'vc3';
arrow_shift_x = -3;
text_shift_x = this.x_shift + arrow_shift_x - 2;
if (this.note instanceof _stavenote.StaveNote) {
topY += 1.5 * line_space;
if ((botY - topY) % 2 !== 0) {
botY += 0.5 * line_space;
} else {
botY += line_space;
}
arrow_y = topY - line_space;
text_y = botY + line_space + 2;
} else {
topY += 1.5 * line_space;
botY += line_space;
arrow_y = topY - 0.75 * line_space;
text_y = botY + 0.25 * line_space;
}
break;
case Stroke.Type.ROLL_UP:
case Stroke.Type.RASQUEDO_UP:
arrow = 'v52';
arrow_shift_x = -4;
text_shift_x = this.x_shift + arrow_shift_x - 1;
if (this.note instanceof _stavenote.StaveNote) {
arrow_y = line_space / 2;
topY += 0.5 * line_space;
if ((botY - topY) % 2 === 0) {
botY += line_space / 2;
}
arrow_y = botY + 0.5 * line_space;
text_y = topY - 1.25 * line_space;
} else {
topY += 0.25 * line_space;
botY += 0.5 * line_space;
arrow_y = botY + 0.25 * line_space;
text_y = topY - line_space;
}
break;
default:
throw new _vex.Vex.RERR('InvalidType', 'The stroke type ' + this.type + ' does not exist');
}
// Draw the stroke
if (this.type === Stroke.Type.BRUSH_DOWN || this.type === Stroke.Type.BRUSH_UP) {
this.context.fillRect(x + this.x_shift, topY, 1, botY - topY);
} else {
if (this.note instanceof _stavenote.StaveNote) {
for (var _i = topY; _i <= botY; _i += line_space) {
_glyph.Glyph.renderGlyph(this.context, x + this.x_shift - 4, _i, this.render_options.font_scale, 'va3');
}
} else {
var _i2 = void 0;
for (_i2 = topY; _i2 <= botY; _i2 += 10) {
_glyph.Glyph.renderGlyph(this.context, x + this.x_shift - 4, _i2, this.render_options.font_scale, 'va3');
}
if (this.type === Stroke.Type.RASQUEDO_DOWN) {
text_y = _i2 + 0.25 * line_space;
}
}
}
// Draw the arrow head
_glyph.Glyph.renderGlyph(this.context, x + this.x_shift + arrow_shift_x, arrow_y, this.render_options.font_scale, arrow);
// Draw the rasquedo "R"
if (this.type === Stroke.Type.RASQUEDO_DOWN || this.type === Stroke.Type.RASQUEDO_UP) {
this.context.save();
this.context.setFont(this.font.family, this.font.size, this.font.weight);
this.context.fillText('R', x + text_shift_x, text_y);
this.context.restore();
}
}
}]);
return Stroke;
}(_modifier.Modifier);
/***/ },
/* 36 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StringNumber = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _modifier = __webpack_require__(25);
var _renderer = __webpack_require__(10);
var _stavenote = __webpack_require__(20);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Author: Larry Kuhns
//
// ## Description
// This file implements the `StringNumber` class which renders string
// number annotations beside notes.
var StringNumber = exports.StringNumber = function (_Modifier) {
_inherits(StringNumber, _Modifier);
_createClass(StringNumber, null, [{
key: 'format',
// ## Static Methods
// Arrange string numbers inside a `ModifierContext`
value: function format(nums, state) {
var left_shift = state.left_shift;
var right_shift = state.right_shift;
var num_spacing = 1;
if (!nums || nums.length === 0) return this;
var nums_list = [];
var prev_note = null;
var shift_left = 0;
var shift_right = 0;
var i = void 0;
var num = void 0;
var note = void 0;
var pos = void 0;
var props_tmp = void 0;
for (i = 0; i < nums.length; ++i) {
num = nums[i];
note = num.getNote();
for (i = 0; i < nums.length; ++i) {
num = nums[i];
note = num.getNote();
pos = num.getPosition();
var props = note.getKeyProps()[num.getIndex()];
if (note !== prev_note) {
for (var n = 0; n < note.keys.length; ++n) {
props_tmp = note.getKeyProps()[n];
if (left_shift === 0) {
shift_left = props_tmp.displaced ? note.getExtraLeftPx() : shift_left;
}
if (right_shift === 0) {
shift_right = props_tmp.displaced ? note.getExtraRightPx() : shift_right;
}
}
prev_note = note;
}
nums_list.push({
pos: pos,
note: note,
num: num,
line: props.line,
shiftL: shift_left,
shiftR: shift_right
});
}
}
// Sort string numbers by line number.
nums_list.sort(function (a, b) {
return b.line - a.line;
});
// TODO: This variable never gets assigned to anything. Is that a bug or can this be removed?
var num_shiftL = 0; // eslint-disable-line
var num_shiftR = 0;
var x_widthL = 0;
var x_widthR = 0;
var last_line = null;
var last_note = null;
for (i = 0; i < nums_list.length; ++i) {
var num_shift = 0;
note = nums_list[i].note;
pos = nums_list[i].pos;
num = nums_list[i].num;
var line = nums_list[i].line;
var shiftL = nums_list[i].shiftL;
var shiftR = nums_list[i].shiftR;
// Reset the position of the string number every line.
if (line !== last_line || note !== last_note) {
num_shiftL = left_shift + shiftL;
num_shiftR = right_shift + shiftR;
}
var num_width = num.getWidth() + num_spacing;
if (pos === _modifier.Modifier.Position.LEFT) {
num.setXShift(left_shift);
num_shift = shift_left + num_width; // spacing
x_widthL = num_shift > x_widthL ? num_shift : x_widthL;
} else if (pos === _modifier.Modifier.Position.RIGHT) {
num.setXShift(num_shiftR);
num_shift += num_width; // spacing
x_widthR = num_shift > x_widthR ? num_shift : x_widthR;
}
last_line = line;
last_note = note;
}
state.left_shift += x_widthL;
state.right_shift += x_widthR;
return true;
}
}, {
key: 'CATEGORY',
get: function get() {
return 'stringnumber';
}
}]);
function StringNumber(number) {
_classCallCheck(this, StringNumber);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(StringNumber).call(this));
_this.setAttribute('type', 'StringNumber');
_this.note = null;
_this.last_note = null;
_this.index = null;
_this.string_number = number;
_this.setWidth(20); // ???
_this.position = _modifier.Modifier.Position.ABOVE; // Default position above stem or note head
_this.x_shift = 0;
_this.y_shift = 0;
_this.x_offset = 0; // Horizontal offset from default
_this.y_offset = 0; // Vertical offset from default
_this.dashed = true; // true - draw dashed extension false - no extension
_this.leg = _renderer.Renderer.LineEndType.NONE; // draw upward/downward leg at the of extension line
_this.radius = 8;
_this.font = {
family: 'sans-serif',
size: 10,
weight: 'bold'
};
return _this;
}
_createClass(StringNumber, [{
key: 'getCategory',
value: function getCategory() {
return StringNumber.CATEGORY;
}
}, {
key: 'getNote',
value: function getNote() {
return this.note;
}
}, {
key: 'setNote',
value: function setNote(note) {
this.note = note;return this;
}
}, {
key: 'getIndex',
value: function getIndex() {
return this.index;
}
}, {
key: 'setIndex',
value: function setIndex(index) {
this.index = index;return this;
}
}, {
key: 'setLineEndType',
value: function setLineEndType(leg) {
if (leg >= _renderer.Renderer.LineEndType.NONE && leg <= _renderer.Renderer.LineEndType.DOWN) {
this.leg = leg;
}
return this;
}
}, {
key: 'getPosition',
value: function getPosition() {
return this.position;
}
}, {
key: 'setPosition',
value: function setPosition(position) {
if (position >= _modifier.Modifier.Position.LEFT && position <= _modifier.Modifier.Position.BELOW) {
this.position = position;
}
return this;
}
}, {
key: 'setStringNumber',
value: function setStringNumber(number) {
this.string_number = number;return this;
}
}, {
key: 'setOffsetX',
value: function setOffsetX(x) {
this.x_offset = x;return this;
}
}, {
key: 'setOffsetY',
value: function setOffsetY(y) {
this.y_offset = y;return this;
}
}, {
key: 'setLastNote',
value: function setLastNote(note) {
this.last_note = note;return this;
}
}, {
key: 'setDashed',
value: function setDashed(dashed) {
this.dashed = dashed;return this;
}
}, {
key: 'draw',
value: function draw() {
var ctx = this.checkContext();
if (!(this.note && this.index != null)) {
throw new _vex.Vex.RERR('NoAttachedNote', "Can't draw string number without a note and index.");
}
this.setRendered();
var line_space = this.note.stave.options.spacing_between_lines_px;
var start = this.note.getModifierStartXY(this.position, this.index);
var dot_x = start.x + this.x_shift + this.x_offset;
var dot_y = start.y + this.y_shift + this.y_offset;
switch (this.position) {
case _modifier.Modifier.Position.ABOVE:
case _modifier.Modifier.Position.BELOW:
{
var stem_ext = this.note.getStemExtents();
var top = stem_ext.topY;
var bottom = stem_ext.baseY + 2;
if (this.note.stem_direction === _stavenote.StaveNote.STEM_DOWN) {
top = stem_ext.baseY;
bottom = stem_ext.topY - 2;
}
if (this.position === _modifier.Modifier.Position.ABOVE) {
dot_y = this.note.hasStem() ? top - line_space * 1.75 : start.y - line_space * 1.75;
} else {
dot_y = this.note.hasStem() ? bottom + line_space * 1.5 : start.y + line_space * 1.75;
}
dot_y += this.y_shift + this.y_offset;
break;
}case _modifier.Modifier.Position.LEFT:
dot_x -= this.radius / 2 + 5;
break;
case _modifier.Modifier.Position.RIGHT:
dot_x += this.radius / 2 + 6;
break;
default:
throw new _vex.Vex.RERR('InvalidPosition', 'The position ' + this.position + ' is invalid');
}
ctx.save();
ctx.beginPath();
ctx.arc(dot_x, dot_y, this.radius, 0, Math.PI * 2, false);
ctx.lineWidth = 1.5;
ctx.stroke();
ctx.setFont(this.font.family, this.font.size, this.font.weight);
var x = dot_x - ctx.measureText(this.string_number).width / 2;
ctx.fillText('' + this.string_number, x, dot_y + 4.5);
if (this.last_note != null) {
var end = this.last_note.getStemX() - this.note.getX() + 5;
ctx.strokeStyle = '#000000';
ctx.lineCap = 'round';
ctx.lineWidth = 0.6;
if (this.dashed) {
_renderer.Renderer.drawDashedLine(ctx, dot_x + 10, dot_y, dot_x + end, dot_y, [3, 3]);
} else {
_renderer.Renderer.drawDashedLine(ctx, dot_x + 10, dot_y, dot_x + end, dot_y, [3, 0]);
}
var len = void 0;
var pattern = void 0;
switch (this.leg) {
case _renderer.Renderer.LineEndType.UP:
len = -10;
pattern = this.dashed ? [3, 3] : [3, 0];
_renderer.Renderer.drawDashedLine(ctx, dot_x + end, dot_y, dot_x + end, dot_y + len, pattern);
break;
case _renderer.Renderer.LineEndType.DOWN:
len = 10;
pattern = this.dashed ? [3, 3] : [3, 0];
_renderer.Renderer.drawDashedLine(ctx, dot_x + end, dot_y, dot_x + end, dot_y + len, pattern);
break;
default:
break;
}
}
ctx.restore();
}
}]);
return StringNumber;
}(_modifier.Modifier);
/***/ },
/* 37 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Articulation = undefined;
var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
var _modifier = __webpack_require__(25);
var _glyph = __webpack_require__(4);
var _stem = __webpack_require__(17);
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Author: Larry Kuhns.
//
// ## Description
//
// This file implements articulations and accents as modifiers that can be
// attached to notes. The complete list of articulations is available in
// `tables.js` under `Vex.Flow.articulationCodes`.
//
// See `tests/articulation_tests.js` for usage examples.
// To enable logging for this class. Set `Vex.Flow.Articulation.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (Articulation.DEBUG) _vex.Vex.L('Vex.Flow.Articulation', args);
}
var _Modifier$Position = _modifier.Modifier.Position;
var ABOVE = _Modifier$Position.ABOVE;
var BELOW = _Modifier$Position.BELOW;
var roundToNearestHalf = function roundToNearestHalf(mathFn, value) {
return mathFn(value / 0.5) * 0.5;
};
// This includes both staff and ledger lines
var isWithinLines = function isWithinLines(line, position) {
return position === ABOVE ? line <= 5 : line >= 1;
};
var getRoundingFunction = function getRoundingFunction(line, position) {
if (isWithinLines(line, position)) {
if (position === ABOVE) {
return Math.ceil;
} else {
return Math.floor;
}
} else {
return Math.round;
}
};
var snapLineToStaff = function snapLineToStaff(canSitBetweenLines, line, position, offsetDirection) {
// Initially, snap to nearest staff line or space
var snappedLine = roundToNearestHalf(getRoundingFunction(line, position), line);
var canSnapToStaffSpace = canSitBetweenLines && isWithinLines(snappedLine, position);
var onStaffLine = snappedLine % 1 === 0;
if (canSnapToStaffSpace && onStaffLine) {
var HALF_STAFF_SPACE = 0.5;
return snappedLine + HALF_STAFF_SPACE * -offsetDirection;
} else {
return snappedLine;
}
};
var getTopY = function getTopY(note, textLine) {
var stave = note.getStave();
var stemDirection = note.getStemDirection();
var _note$getStemExtents = note.getStemExtents();
var stemTipY = _note$getStemExtents.topY;
var stemBaseY = _note$getStemExtents.baseY;
if (note.getCategory() === 'stavenotes') {
if (note.hasStem()) {
if (stemDirection === _stem.Stem.UP) {
return stemTipY;
} else {
return stemBaseY;
}
} else {
return Math.min.apply(Math, _toConsumableArray(note.getYs()));
}
} else if (note.getCategory() === 'tabnotes') {
if (note.hasStem()) {
if (stemDirection === _stem.Stem.UP) {
return stemTipY;
} else {
return stave.getYForTopText(textLine);
}
} else {
return stave.getYForTopText(textLine);
}
} else {
throw new _vex.Vex.RERR('UnknownCategory', 'Only can get the top and bottom ys of stavenotes and tabnotes');
}
};
var getBottomY = function getBottomY(note, textLine) {
var stave = note.getStave();
var stemDirection = note.getStemDirection();
var _note$getStemExtents2 = note.getStemExtents();
var stemTipY = _note$getStemExtents2.topY;
var stemBaseY = _note$getStemExtents2.baseY;
if (note.getCategory() === 'stavenotes') {
if (note.hasStem()) {
if (stemDirection === _stem.Stem.UP) {
return stemBaseY;
} else {
return stemTipY;
}
} else {
return Math.max.apply(Math, _toConsumableArray(note.getYs()));
}
} else if (note.getCategory() === 'tabnotes') {
if (note.hasStem()) {
if (stemDirection === _stem.Stem.UP) {
return stave.getYForBottomText(textLine);
} else {
return stemTipY;
}
} else {
return stave.getYForBottomText(textLine);
}
} else {
throw new _vex.Vex.RERR('UnknownCategory', 'Only can get the top and bottom ys of stavenotes and tabnotes');
}
};
// Gets the initial offset of the articulation from the y value of the starting position.
// This is required because the top/bottom text positions already have spacing applied to
// provide a "visually pleasent" default position. However the y values provided from
// the stavenote's top/bottom do *not* have any pre-applied spacing. This function
// normalizes this asymmetry.
var getInitialOffset = function getInitialOffset(note, position) {
var isOnStemTip = position === ABOVE && note.getStemDirection() === _stem.Stem.UP || position === BELOW && note.getStemDirection() === _stem.Stem.DOWN;
if (note.getCategory() === 'stavenotes') {
if (note.hasStem() && isOnStemTip) {
return 0.5;
} else {
// this amount is larger than the stem-tip offset because we start from
// the center of the notehead
return 1;
}
} else {
if (note.hasStem() && isOnStemTip) {
return 1;
} else {
return 0;
}
}
};
var Articulation = exports.Articulation = function (_Modifier) {
_inherits(Articulation, _Modifier);
_createClass(Articulation, null, [{
key: 'format',
// FIXME:
// Most of the complex formatting logic (ie: snapping to space) is
// actually done in .render(). But that logic belongs in this method.
//
// Unfortunately, this isn't possible because, by this point, stem lengths
// have not yet been finalized. Finalized stem lengths are required to determine the
// initial position of any stem-side articulation.
//
// This indicates that all objects should have their stave set before being
// formatted. It can't be an optional if you want accurate vertical positioning.
// Consistently positioned articulations that play nice with other modifiers
// won't be possible until we stop relying on render-time formatting.
//
// Ideally, when this function has completed, the vertical articulation positions
// should be ready to render without further adjustment. But the current state
// is far from this ideal.
value: function format(articulations, state) {
if (!articulations || articulations.length === 0) return false;
var isAbove = function isAbove(artic) {
return artic.getPosition() === ABOVE;
};
var isBelow = function isBelow(artic) {
return artic.getPosition() === BELOW;
};
var margin = 0.5;
var getIncrement = function getIncrement(articulation, line, position) {
return roundToNearestHalf(getRoundingFunction(line, position), articulation.glyph.getMetrics().height / 10 + margin);
};
articulations.filter(isAbove).forEach(function (articulation) {
articulation.setTextLine(state.top_text_line);
state.top_text_line += getIncrement(articulation, state.top_text_line, ABOVE);
});
articulations.filter(isBelow).forEach(function (articulation) {
articulation.setTextLine(state.text_line);
state.text_line += getIncrement(articulation, state.text_line, BELOW);
});
var width = articulations.map(function (articulation) {
return articulation.getWidth();
}).reduce(function (maxWidth, articWidth) {
return Math.max(articWidth, maxWidth);
});
state.left_shift += width / 2;
state.right_shift += width / 2;
return true;
}
}, {
key: 'easyScoreHook',
value: function easyScoreHook(_ref, note, builder) {
var articulations = _ref.articulations;
if (!articulations) return;
var articNameToCode = {
staccato: 'a.',
tenuto: 'a-'
};
articulations.split(',').map(function (articString) {
return articString.trim().split('.');
}).map(function (_ref2) {
var _ref3 = _slicedToArray(_ref2, 2);
var name = _ref3[0];
var position = _ref3[1];
var artic = { type: articNameToCode[name] };
if (position) artic.position = _modifier.Modifier.PositionString[position];
return builder.getFactory().Articulation(artic);
}).map(function (artic) {
return note.addModifier(0, artic);
});
}
// Create a new articulation of type `type`, which is an entry in
// `Vex.Flow.articulationCodes` in `tables.js`.
}, {
key: 'CATEGORY',
get: function get() {
return 'articulations';
}
}, {
key: 'INITIAL_OFFSET',
get: function get() {
return -0.5;
}
}]);
function Articulation(type) {
_classCallCheck(this, Articulation);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Articulation).call(this));
_this.setAttribute('type', 'Articulation');
_this.note = null;
_this.index = null;
_this.type = type;
_this.position = BELOW;
_this.render_options = {
font_scale: 38
};
_this.articulation = _tables.Flow.articulationCodes(_this.type);
if (!_this.articulation) {
throw new _vex.Vex.RERR('ArgumentError', 'Articulation not found: ' + _this.type);
}
_this.glyph = new _glyph.Glyph(_this.articulation.code, _this.render_options.font_scale);
_this.setWidth(_this.glyph.getMetrics().width);
return _this;
}
_createClass(Articulation, [{
key: 'getCategory',
value: function getCategory() {
return Articulation.CATEGORY;
}
// Render articulation in position next to note.
}, {
key: 'draw',
value: function draw() {
var _ABOVE$BELOW$position;
var note = this.note;
var index = this.index;
var position = this.position;
var glyph = this.glyph;
var canSitBetweenLines = this.articulation.between_lines;
var textLine = this.text_line;
var ctx = this.context;
this.checkContext();
if (!note || index == null) {
throw new _vex.Vex.RERR('NoAttachedNote', "Can't draw Articulation without a note and index.");
}
this.setRendered();
var stave = note.getStave();
var staffSpace = stave.getSpacingBetweenLines();
var isTab = note.getCategory() === 'tabnotes';
// Articulations are centered over/under the note head.
var _note$getModifierStar = note.getModifierStartXY(position, index);
var x = _note$getModifierStar.x;
var shouldSitOutsideStaff = !canSitBetweenLines || isTab;
var initialOffset = getInitialOffset(note, position);
var y = (_ABOVE$BELOW$position = {}, _defineProperty(_ABOVE$BELOW$position, ABOVE, function () {
glyph.setOrigin(0.5, 1);
var y = getTopY(note, textLine) - (textLine + initialOffset) * staffSpace;
return shouldSitOutsideStaff ? Math.min(stave.getYForTopText(Articulation.INITIAL_OFFSET), y) : y;
}), _defineProperty(_ABOVE$BELOW$position, BELOW, function () {
glyph.setOrigin(0.5, 0);
var y = getBottomY(note, textLine) + (textLine + initialOffset) * staffSpace;
return shouldSitOutsideStaff ? Math.max(stave.getYForBottomText(Articulation.INITIAL_OFFSET), y) : y;
}), _ABOVE$BELOW$position)[position]();
if (!isTab) {
var offsetDirection = position === ABOVE ? -1 : +1;
var noteLine = isTab ? note.positions[index].str : note.getKeyProps()[index].line;
var distanceFromNote = (note.getYs()[index] - y) / staffSpace;
var articLine = distanceFromNote + noteLine;
var snappedLine = snapLineToStaff(canSitBetweenLines, articLine, position, offsetDirection);
if (isWithinLines(snappedLine, position)) glyph.setOrigin(0.5, 0.5);
y += Math.abs(snappedLine - articLine) * staffSpace * offsetDirection;
}
L('Rendering articulation at (x: ' + x + ', y: ' + y + ')');
glyph.render(ctx, x, y);
}
}]);
return Articulation;
}(_modifier.Modifier);
/***/ },
/* 38 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Ornament = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
var _modifier = __webpack_require__(25);
var _tickcontext = __webpack_require__(39);
var _stavenote = __webpack_require__(20);
var _glyph = __webpack_require__(4);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Author: Cyril Silverman
//
// ## Description
//
// This file implements ornaments as modifiers that can be
// attached to notes. The complete list of ornaments is available in
// `tables.js` under `Vex.Flow.ornamentCodes`.
//
// See `tests/ornament_tests.js` for usage examples.
// To enable logging for this class. Set `Vex.Flow.Ornament.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (Ornament.DEBUG) _vex.Vex.L('Vex.Flow.Ornament', args);
}
var Ornament = exports.Ornament = function (_Modifier) {
_inherits(Ornament, _Modifier);
_createClass(Ornament, null, [{
key: 'format',
// ## Static Methods
// Arrange ornaments inside `ModifierContext`
value: function format(ornaments, state) {
if (!ornaments || ornaments.length === 0) return false;
var width = 0;
for (var i = 0; i < ornaments.length; ++i) {
var ornament = ornaments[i];
var increment = 2;
width = Math.max(ornament.getWidth(), width);
if (ornament.getPosition() === _modifier.Modifier.Position.ABOVE) {
ornament.setTextLine(state.top_text_line);
state.top_text_line += increment;
} else {
ornament.setTextLine(state.text_line);
state.text_line += increment;
}
}
state.left_shift += width / 2;
state.right_shift += width / 2;
return true;
}
// Create a new ornament of type `type`, which is an entry in
// `Vex.Flow.ornamentCodes` in `tables.js`.
}, {
key: 'CATEGORY',
get: function get() {
return 'ornaments';
}
}]);
function Ornament(type) {
_classCallCheck(this, Ornament);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Ornament).call(this));
_this.setAttribute('type', 'Ornament');
_this.note = null;
_this.index = null;
_this.type = type;
_this.position = _modifier.Modifier.Position.ABOVE;
_this.delayed = false;
_this.accidentalUpper = null;
_this.accidentalLower = null;
_this.render_options = {
font_scale: 38,
accidentalLowerPadding: 3,
accidentalUpperPadding: 3
};
_this.ornament = _tables.Flow.ornamentCodes(_this.type);
if (!_this.ornament) {
throw new _vex.Vex.RERR('ArgumentError', 'Ornament not found: \'' + _this.type + '\'');
}
_this.glyph = new _glyph.Glyph(_this.ornament.code, _this.render_options.font_scale);
_this.glyph.setOrigin(0.5, 1.0); // FIXME: SMuFL won't require a vertical origin shift
return _this;
}
_createClass(Ornament, [{
key: 'getCategory',
value: function getCategory() {
return Ornament.CATEGORY;
}
// Set whether the ornament is to be delayed
}, {
key: 'setDelayed',
value: function setDelayed(delayed) {
this.delayed = delayed;return this;
}
// Set the upper accidental for the ornament
}, {
key: 'setUpperAccidental',
value: function setUpperAccidental(accid) {
var scale = this.render_options.font_scale / 1.3;
this.accidentalUpper = new _glyph.Glyph(_tables.Flow.accidentalCodes(accid).code, scale);
this.accidentalUpper.setOrigin(0.5, 1.0);
return this;
}
// Set the lower accidental for the ornament
}, {
key: 'setLowerAccidental',
value: function setLowerAccidental(accid) {
var scale = this.render_options.font_scale / 1.3;
this.accidentalLower = new _glyph.Glyph(_tables.Flow.accidentalCodes(accid).code, scale);
this.accidentalLower.setOrigin(0.5, 1.0);
return this;
}
// Render ornament in position next to note.
}, {
key: 'draw',
value: function draw() {
this.checkContext();
if (!this.note || this.index == null) {
throw new _vex.Vex.RERR('NoAttachedNote', "Can't draw Ornament without a note and index.");
}
this.setRendered();
var ctx = this.context;
var stemDir = this.note.getStemDirection();
var stave = this.note.getStave();
// Get stem extents
var stemExtents = this.note.getStem().getExtents();
var y = stemDir === _stavenote.StaveNote.STEM_DOWN ? stemExtents.baseY : stemExtents.topY;
// TabNotes don't have stems attached to them. Tab stems are rendered
// outside the stave.
if (this.note.getCategory() === 'tabnotes') {
if (this.note.hasStem()) {
if (stemDir === _stavenote.StaveNote.STEM_DOWN) {
y = stave.getYForTopText(this.text_line);
}
} else {
// Without a stem
y = stave.getYForTopText(this.text_line);
}
}
var isPlacedOnNoteheadSide = stemDir === _stavenote.StaveNote.STEM_DOWN;
var spacing = stave.getSpacingBetweenLines();
var lineSpacing = 1;
// Beamed stems are longer than quarter note stems, adjust accordingly
if (!isPlacedOnNoteheadSide && this.note.beam) {
lineSpacing += 0.5;
}
var totalSpacing = spacing * (this.text_line + lineSpacing);
var glyphYBetweenLines = y - totalSpacing;
// Get initial coordinates for the modifier position
var start = this.note.getModifierStartXY(this.position, this.index);
var glyphX = start.x;
var glyphY = Math.min(stave.getYForTopText(this.text_line), glyphYBetweenLines);
glyphY += this.y_shift;
// Ajdust x position if ornament is delayed
if (this.delayed) {
glyphX += this.glyph.getMetrics().width;
var nextContext = _tickcontext.TickContext.getNextContext(this.note.getTickContext());
if (nextContext) {
glyphX += (nextContext.getX() - glyphX) * 0.5;
} else {
glyphX += (stave.x + stave.width - glyphX) * 0.5;
}
}
L('Rendering ornament: ', this.ornament, glyphX, glyphY);
if (this.accidentalLower) {
this.accidentalLower.render(ctx, glyphX, glyphY);
glyphY -= this.accidentalLower.getMetrics().height;
glyphY -= this.render_options.accidentalLowerPadding;
}
this.glyph.render(ctx, glyphX, glyphY);
glyphY -= this.glyph.getMetrics().height;
if (this.accidentalUpper) {
glyphY -= this.render_options.accidentalUpperPadding;
this.accidentalUpper.render(ctx, glyphX, glyphY);
}
}
}]);
return Ornament;
}(_modifier.Modifier);
/***/ },
/* 39 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TickContext = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tickable = __webpack_require__(23);
var _fraction = __webpack_require__(3);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// A formatter for abstract tickable objects, such as notes, chords,
// tabs, etc.
var TickContext = exports.TickContext = function (_Tickable) {
_inherits(TickContext, _Tickable);
_createClass(TickContext, null, [{
key: 'getNextContext',
value: function getNextContext(tContext) {
var contexts = tContext.tContexts;
var index = contexts.indexOf(tContext);
return contexts[index + 1];
}
}]);
function TickContext() {
_classCallCheck(this, TickContext);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(TickContext).call(this));
_this.setAttribute('type', 'TickContext');
_this.currentTick = new _fraction.Fraction(0, 1);
_this.maxTicks = new _fraction.Fraction(0, 1);
_this.minTicks = null;
_this.padding = 3; // padding on each side (width += padding * 2)
_this.x = 0;
_this.tickables = []; // Notes, tabs, chords, lyrics.
_this.notePx = 0; // width of widest note in this context
_this.extraLeftPx = 0; // Extra left pixels for modifers & displace notes
_this.extraRightPx = 0; // Extra right pixels for modifers & displace notes
_this.tContexts = []; // Parent array of tick contexts
return _this;
}
_createClass(TickContext, [{
key: 'getX',
value: function getX() {
return this.x;
}
}, {
key: 'setX',
value: function setX(x) {
this.x = x;return this;
}
}, {
key: 'getWidth',
value: function getWidth() {
return this.width + this.padding * 2;
}
}, {
key: 'setPadding',
value: function setPadding(padding) {
this.padding = padding;return this;
}
}, {
key: 'getMaxTicks',
value: function getMaxTicks() {
return this.maxTicks;
}
}, {
key: 'getMinTicks',
value: function getMinTicks() {
return this.minTicks;
}
}, {
key: 'getTickables',
value: function getTickables() {
return this.tickables;
}
}, {
key: 'getCenterAlignedTickables',
value: function getCenterAlignedTickables() {
return this.tickables.filter(function (tickable) {
return tickable.isCenterAligned();
});
}
// Get widths context, note and left/right modifiers for formatting
}, {
key: 'getMetrics',
value: function getMetrics() {
return { width: this.width, notePx: this.notePx,
extraLeftPx: this.extraLeftPx, extraRightPx: this.extraRightPx };
}
}, {
key: 'getCurrentTick',
value: function getCurrentTick() {
return this.currentTick;
}
}, {
key: 'setCurrentTick',
value: function setCurrentTick(tick) {
this.currentTick = tick;
this.preFormatted = false;
}
// ### DEPRECATED ###
// Get left & right pixels used for modifiers. THIS METHOD IS DEPRECATED. Use
// the getMetrics() method instead!
}, {
key: 'getExtraPx',
value: function getExtraPx() {
var left_shift = 0;
var right_shift = 0;
var extraLeftPx = 0;
var extraRightPx = 0;
for (var i = 0; i < this.tickables.length; i++) {
extraLeftPx = Math.max(this.tickables[i].extraLeftPx || 0, extraLeftPx);
extraRightPx = Math.max(this.tickables[i].extraRightPx || 0, extraRightPx);
var mContext = this.tickables[i].modifierContext;
if (mContext && mContext != null) {
left_shift = Math.max(left_shift, mContext.state.left_shift);
right_shift = Math.max(right_shift, mContext.state.right_shift);
}
}
return {
left: left_shift,
right: right_shift,
extraLeft: extraLeftPx,
extraRight: extraRightPx
};
}
}, {
key: 'addTickable',
value: function addTickable(tickable) {
if (!tickable) {
throw new _vex.Vex.RERR('BadArgument', 'Invalid tickable added.');
}
if (!tickable.shouldIgnoreTicks()) {
this.ignore_ticks = false;
var ticks = tickable.getTicks();
if (ticks.greaterThan(this.maxTicks)) {
this.maxTicks = ticks.clone();
}
if (this.minTicks == null) {
this.minTicks = ticks.clone();
} else if (ticks.lessThan(this.minTicks)) {
this.minTicks = ticks.clone();
}
}
tickable.setTickContext(this);
this.tickables.push(tickable);
this.preFormatted = false;
return this;
}
}, {
key: 'preFormat',
value: function preFormat() {
if (this.preFormatted) return this;
for (var i = 0; i < this.tickables.length; ++i) {
var tickable = this.tickables[i];
tickable.preFormat();
var metrics = tickable.getMetrics();
// Maintain max extra pixels from all tickables in the context
this.extraLeftPx = Math.max(this.extraLeftPx, metrics.extraLeftPx + metrics.modLeftPx);
this.extraRightPx = Math.max(this.extraRightPx, metrics.extraRightPx + metrics.modRightPx);
// Maintain the widest note for all tickables in the context
this.notePx = Math.max(this.notePx, metrics.noteWidth);
// Recalculate the tick context total width
this.width = this.notePx + this.extraLeftPx + this.extraRightPx;
}
return this;
}
}, {
key: 'postFormat',
value: function postFormat() {
if (this.postFormatted) return this;
this.postFormatted = true;
return this;
}
}]);
return TickContext;
}(_tickable.Tickable);
/***/ },
/* 40 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Annotation = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
var _modifier = __webpack_require__(25);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
//
// This file implements text annotations as modifiers that can be attached to
// notes.
//
// See `tests/annotation_tests.js` for usage examples.
// To enable logging for this class. Set `Vex.Flow.Annotation.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (Annotation.DEBUG) _vex.Vex.L('Vex.Flow.Annotation', args);
}
var Annotation = exports.Annotation = function (_Modifier) {
_inherits(Annotation, _Modifier);
_createClass(Annotation, null, [{
key: 'format',
// Arrange annotations within a `ModifierContext`
value: function format(annotations, state) {
if (!annotations || annotations.length === 0) return false;
var width = 0;
for (var i = 0; i < annotations.length; ++i) {
var annotation = annotations[i];
width = Math.max(annotation.getWidth(), width);
if (annotation.getPosition() === _modifier.Modifier.Position.ABOVE) {
annotation.setTextLine(state.top_text_line);
state.top_text_line++;
} else {
annotation.setTextLine(state.text_line);
state.text_line++;
}
}
state.left_shift += width / 2;
state.right_shift += width / 2;
return true;
}
// ## Prototype Methods
//
// Annotations inherit from `Modifier` and is positioned correctly when
// in a `ModifierContext`.
// Create a new `Annotation` with the string `text`.
}, {
key: 'CATEGORY',
get: function get() {
return 'annotations';
}
// Text annotations can be positioned and justified relative to the note.
}, {
key: 'Justify',
get: function get() {
return {
LEFT: 1,
CENTER: 2,
RIGHT: 3,
CENTER_STEM: 4
};
}
}, {
key: 'JustifyString',
get: function get() {
return {
left: Annotation.Justify.LEFT,
right: Annotation.Justify.RIGHT,
center: Annotation.Justify.CENTER,
centerStem: Annotation.Justify.CENTER_STEM
};
}
}, {
key: 'VerticalJustify',
get: function get() {
return {
TOP: 1,
CENTER: 2,
BOTTOM: 3,
CENTER_STEM: 4
};
}
}, {
key: 'VerticalJustifyString',
get: function get() {
return {
above: Annotation.VerticalJustify.TOP,
top: Annotation.VerticalJustify.TOP,
below: Annotation.VerticalJustify.BOTTOM,
bottom: Annotation.VerticalJustify.BOTTOM,
center: Annotation.VerticalJustify.CENTER,
centerStem: Annotation.VerticalJustify.CENTER_STEM
};
}
}]);
function Annotation(text) {
_classCallCheck(this, Annotation);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Annotation).call(this));
_this.setAttribute('type', 'Annotation');
_this.note = null;
_this.index = null;
_this.text = text;
_this.justification = Annotation.Justify.CENTER;
_this.vert_justification = Annotation.VerticalJustify.TOP;
_this.font = {
family: 'Arial',
size: 10,
weight: ''
};
// The default width is calculated from the text.
_this.setWidth(_tables.Flow.textWidth(text));
return _this;
}
_createClass(Annotation, [{
key: 'getCategory',
value: function getCategory() {
return Annotation.CATEGORY;
}
// Set font family, size, and weight. E.g., `Arial`, `10pt`, `Bold`.
}, {
key: 'setFont',
value: function setFont(family, size, weight) {
this.font = { family: family, size: size, weight: weight };
return this;
}
// Set vertical position of text (above or below stave). `just` must be
// a value in `Annotation.VerticalJustify`.
}, {
key: 'setVerticalJustification',
value: function setVerticalJustification(just) {
this.vert_justification = typeof just === 'string' ? Annotation.VerticalJustifyString[just] : just;
return this;
}
// Get and set horizontal justification. `justification` is a value in
// `Annotation.Justify`.
}, {
key: 'getJustification',
value: function getJustification() {
return this.justification;
}
}, {
key: 'setJustification',
value: function setJustification(just) {
this.justification = typeof just === 'string' ? Annotation.JustifyString[just] : just;
return this;
}
// Render text beside the note.
}, {
key: 'draw',
value: function draw() {
this.checkContext();
if (!this.note) {
throw new _vex.Vex.RERR('NoNoteForAnnotation', "Can't draw text annotation without an attached note.");
}
this.setRendered();
var start = this.note.getModifierStartXY(_modifier.Modifier.Position.ABOVE, this.index);
// We're changing context parameters. Save current state.
this.context.save();
this.context.setFont(this.font.family, this.font.size, this.font.weight);
var text_width = this.context.measureText(this.text).width;
// Estimate text height to be the same as the width of an 'm'.
//
// This is a hack to work around the inability to measure text height
// in HTML5 Canvas (and SVG).
var text_height = this.context.measureText('m').width;
var x = void 0;
var y = void 0;
if (this.justification === Annotation.Justify.LEFT) {
x = start.x;
} else if (this.justification === Annotation.Justify.RIGHT) {
x = start.x - text_width;
} else if (this.justification === Annotation.Justify.CENTER) {
x = start.x - text_width / 2;
} else /* CENTER_STEM */{
x = this.note.getStemX() - text_width / 2;
}
var stem_ext = void 0;
var spacing = void 0;
var has_stem = this.note.hasStem();
var stave = this.note.getStave();
// The position of the text varies based on whether or not the note
// has a stem.
if (has_stem) {
stem_ext = this.note.getStem().getExtents();
spacing = stave.getSpacingBetweenLines();
}
if (this.vert_justification === Annotation.VerticalJustify.BOTTOM) {
// HACK: We need to compensate for the text's height since its origin
// is bottom-right.
y = stave.getYForBottomText(this.text_line + _tables.Flow.TEXT_HEIGHT_OFFSET_HACK);
if (has_stem) {
var stem_base = this.note.getStemDirection() === 1 ? stem_ext.baseY : stem_ext.topY;
y = Math.max(y, stem_base + spacing * (this.text_line + 2));
}
} else if (this.vert_justification === Annotation.VerticalJustify.CENTER) {
var yt = this.note.getYForTopText(this.text_line) - 1;
var yb = stave.getYForBottomText(this.text_line);
y = yt + (yb - yt) / 2 + text_height / 2;
} else if (this.vert_justification === Annotation.VerticalJustify.TOP) {
y = Math.min(stave.getYForTopText(this.text_line), this.note.getYs()[0] - 10);
if (has_stem) {
y = Math.min(y, stem_ext.topY - 5 - spacing * this.text_line);
}
} else /* CENTER_STEM */{
var extents = this.note.getStemExtents();
y = extents.topY + (extents.baseY - extents.topY) / 2 + text_height / 2;
}
L('Rendering annotation: ', this.text, x, y);
this.context.fillText(this.text, x, y);
this.context.restore();
}
}]);
return Annotation;
}(_modifier.Modifier);
/***/ },
/* 41 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Bend = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
var _modifier = __webpack_require__(25);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
//
// This file implements tablature bends.
/**
@param text Text for bend ("Full", "Half", etc.) (DEPRECATED)
@param release If true, render a release. (DEPRECATED)
@param phrase If set, ignore "text" and "release", and use the more
sophisticated phrase specified.
Example of a phrase:
[{
type: UP,
text: "whole"
width: 8;
},
{
type: DOWN,
text: "whole"
width: 8;
},
{
type: UP,
text: "half"
width: 8;
},
{
type: UP,
text: "whole"
width: 8;
},
{
type: DOWN,
text: "1 1/2"
width: 8;
}]
*/
var Bend = exports.Bend = function (_Modifier) {
_inherits(Bend, _Modifier);
_createClass(Bend, null, [{
key: 'format',
// ## Static Methods
// Arrange bends in `ModifierContext`
value: function format(bends, state) {
if (!bends || bends.length === 0) return false;
var last_width = 0;
// Bends are always on top.
var text_line = state.top_text_line;
// Format Bends
for (var i = 0; i < bends.length; ++i) {
var bend = bends[i];
bend.setXShift(last_width);
last_width = bend.getWidth();
bend.setTextLine(text_line);
}
state.right_shift += last_width;
state.top_text_line += 1;
return true;
}
// ## Prototype Methods
}, {
key: 'CATEGORY',
get: function get() {
return 'bends';
}
}, {
key: 'UP',
get: function get() {
return 0;
}
}, {
key: 'DOWN',
get: function get() {
return 1;
}
}]);
function Bend(text, release, phrase) {
_classCallCheck(this, Bend);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Bend).call(this));
_this.setAttribute('type', 'Bend');
_this.text = text;
_this.x_shift = 0;
_this.release = release || false;
_this.font = '10pt Arial';
_this.render_options = {
line_width: 1.5,
line_style: '#777777',
bend_width: 8,
release_width: 8
};
if (phrase) {
_this.phrase = phrase;
} else {
// Backward compatibility
_this.phrase = [{ type: Bend.UP, text: _this.text }];
if (_this.release) _this.phrase.push({ type: Bend.DOWN, text: '' });
}
_this.updateWidth();
return _this;
}
_createClass(Bend, [{
key: 'getCategory',
value: function getCategory() {
return Bend.CATEGORY;
}
}, {
key: 'setXShift',
value: function setXShift(value) {
this.x_shift = value;
this.updateWidth();
}
}, {
key: 'setFont',
value: function setFont(font) {
this.font = font;return this;
}
}, {
key: 'getText',
value: function getText() {
return this.text;
}
}, {
key: 'updateWidth',
value: function updateWidth() {
var that = this;
function measure_text(text) {
var text_width = void 0;
if (that.context) {
text_width = that.context.measureText(text).width;
} else {
text_width = _tables.Flow.textWidth(text);
}
return text_width;
}
var total_width = 0;
for (var i = 0; i < this.phrase.length; ++i) {
var bend = this.phrase[i];
if ('width' in bend) {
total_width += bend.width;
} else {
var additional_width = bend.type === Bend.UP ? this.render_options.bend_width : this.render_options.release_width;
bend.width = _vex.Vex.Max(additional_width, measure_text(bend.text)) + 3;
bend.draw_width = bend.width / 2;
total_width += bend.width;
}
}
this.setWidth(total_width + this.x_shift);
return this;
}
}, {
key: 'draw',
value: function draw() {
this.checkContext();
if (!(this.note && this.index != null)) {
throw new _vex.Vex.RERR('NoNoteForBend', "Can't draw bend without a note or index.");
}
this.setRendered();
var start = this.note.getModifierStartXY(_modifier.Modifier.Position.RIGHT, this.index);
start.x += 3;
start.y += 0.5;
var x_shift = this.x_shift;
var ctx = this.context;
var bend_height = this.note.getStave().getYForTopText(this.text_line) + 3;
var annotation_y = this.note.getStave().getYForTopText(this.text_line) - 1;
var that = this;
function renderBend(x, y, width, height) {
var cp_x = x + width;
var cp_y = y;
ctx.save();
ctx.beginPath();
ctx.setLineWidth(that.render_options.line_width);
ctx.setStrokeStyle(that.render_options.line_style);
ctx.setFillStyle(that.render_options.line_style);
ctx.moveTo(x, y);
ctx.quadraticCurveTo(cp_x, cp_y, x + width, height);
ctx.stroke();
ctx.restore();
}
function renderRelease(x, y, width, height) {
ctx.save();
ctx.beginPath();
ctx.setLineWidth(that.render_options.line_width);
ctx.setStrokeStyle(that.render_options.line_style);
ctx.setFillStyle(that.render_options.line_style);
ctx.moveTo(x, height);
ctx.quadraticCurveTo(x + width, height, x + width, y);
ctx.stroke();
ctx.restore();
}
function renderArrowHead(x, y, direction) {
var width = 4;
var dir = direction || 1;
ctx.beginPath();
ctx.moveTo(x, y);
ctx.lineTo(x - width, y + width * dir);
ctx.lineTo(x + width, y + width * dir);
ctx.closePath();
ctx.fill();
}
function renderText(x, text) {
ctx.save();
ctx.setRawFont(that.font);
var render_x = x - ctx.measureText(text).width / 2;
ctx.fillText(text, render_x, annotation_y);
ctx.restore();
}
var last_bend = null;
var last_drawn_width = 0;
for (var i = 0; i < this.phrase.length; ++i) {
var bend = this.phrase[i];
if (i === 0) bend.draw_width += x_shift;
last_drawn_width = bend.draw_width + (last_bend ? last_bend.draw_width : 0) - (i === 1 ? x_shift : 0);
if (bend.type === Bend.UP) {
if (last_bend && last_bend.type === Bend.UP) {
renderArrowHead(start.x, bend_height);
}
renderBend(start.x, start.y, last_drawn_width, bend_height);
}
if (bend.type === Bend.DOWN) {
if (last_bend && last_bend.type === Bend.UP) {
renderRelease(start.x, start.y, last_drawn_width, bend_height);
}
if (last_bend && last_bend.type === Bend.DOWN) {
renderArrowHead(start.x, start.y, -1);
renderRelease(start.x, start.y, last_drawn_width, bend_height);
}
if (last_bend === null) {
last_drawn_width = bend.draw_width;
renderRelease(start.x, start.y, last_drawn_width, bend_height);
}
}
renderText(start.x + last_drawn_width, bend.text);
last_bend = bend;
last_bend.x = start.x;
start.x += last_drawn_width;
}
// Final arrowhead and text
if (last_bend.type === Bend.UP) {
renderArrowHead(last_bend.x + last_drawn_width, bend_height);
} else if (last_bend.type === Bend.DOWN) {
renderArrowHead(last_bend.x + last_drawn_width, start.y, -1);
}
}
}]);
return Bend;
}(_modifier.Modifier);
/***/ },
/* 42 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Vibrato = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _modifier = __webpack_require__(25);
var _bend = __webpack_require__(41);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// This class implements vibratos.
var Vibrato = exports.Vibrato = function (_Modifier) {
_inherits(Vibrato, _Modifier);
_createClass(Vibrato, null, [{
key: 'format',
// ## Static Methods
// Arrange vibratos inside a `ModifierContext`.
value: function format(vibratos, state, context) {
if (!vibratos || vibratos.length === 0) return false;
// Vibratos are always on top.
var text_line = state.top_text_line;
var width = 0;
var shift = state.right_shift - 7;
// If there's a bend, drop the text line
var bends = context.getModifiers(_bend.Bend.CATEGORY);
if (bends && bends.length > 0) {
text_line--;
}
// Format Vibratos
for (var i = 0; i < vibratos.length; ++i) {
var vibrato = vibratos[i];
vibrato.setXShift(shift);
vibrato.setTextLine(text_line);
width += vibrato.getWidth();
shift += width;
}
state.right_shift += width;
state.top_text_line += 1;
return true;
}
// ## Prototype Methods
}, {
key: 'CATEGORY',
get: function get() {
return 'vibratos';
}
}]);
function Vibrato() {
_classCallCheck(this, Vibrato);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Vibrato).call(this));
_this.setAttribute('type', 'Vibrato');
_this.position = _modifier.Modifier.Position.RIGHT;
_this.render_options = {
harsh: false,
vibrato_width: 20,
wave_height: 6,
wave_width: 4,
wave_girth: 2
};
_this.setVibratoWidth(_this.render_options.vibrato_width);
return _this;
}
_createClass(Vibrato, [{
key: 'getCategory',
value: function getCategory() {
return Vibrato.CATEGORY;
}
}, {
key: 'setHarsh',
value: function setHarsh(harsh) {
this.render_options.harsh = harsh;return this;
}
}, {
key: 'setVibratoWidth',
value: function setVibratoWidth(width) {
this.render_options.vibrato_width = width;
this.setWidth(width);
return this;
}
}, {
key: 'draw',
value: function draw() {
var ctx = this.checkContext();
if (!this.note) {
throw new _vex.Vex.RERR('NoNoteForVibrato', "Can't draw vibrato without an attached note.");
}
this.setRendered();
var start = this.note.getModifierStartXY(_modifier.Modifier.Position.RIGHT, this.index);
var vx = start.x + this.x_shift;
var vy = this.note.getYForTopText(this.text_line) + 2;
Vibrato.renderVibrato(ctx, vx, vy, this.render_options);
}
// Static rendering method that can be called from
// other classes (e.g. VibratoBracket)
}], [{
key: 'renderVibrato',
value: function renderVibrato(ctx, x, y, opts) {
var harsh = opts.harsh;
var vibrato_width = opts.vibrato_width;
var wave_width = opts.wave_width;
var wave_girth = opts.wave_girth;
var wave_height = opts.wave_height;
var num_waves = vibrato_width / wave_width;
ctx.beginPath();
var i = void 0;
if (harsh) {
ctx.moveTo(x, y + wave_girth + 1);
for (i = 0; i < num_waves / 2; ++i) {
ctx.lineTo(x + wave_width, y - wave_height / 2);
x += wave_width;
ctx.lineTo(x + wave_width, y + wave_height / 2);
x += wave_width;
}
for (i = 0; i < num_waves / 2; ++i) {
ctx.lineTo(x - wave_width, y - wave_height / 2 + wave_girth + 1);
x -= wave_width;
ctx.lineTo(x - wave_width, y + wave_height / 2 + wave_girth + 1);
x -= wave_width;
}
ctx.fill();
} else {
ctx.moveTo(x, y + wave_girth);
for (i = 0; i < num_waves / 2; ++i) {
ctx.quadraticCurveTo(x + wave_width / 2, y - wave_height / 2, x + wave_width, y);
x += wave_width;
ctx.quadraticCurveTo(x + wave_width / 2, y + wave_height / 2, x + wave_width, y);
x += wave_width;
}
for (i = 0; i < num_waves / 2; ++i) {
ctx.quadraticCurveTo(x - wave_width / 2, y + wave_height / 2 + wave_girth, x - wave_width, y + wave_girth);
x -= wave_width;
ctx.quadraticCurveTo(x - wave_width / 2, y - wave_height / 2 + wave_girth, x - wave_width, y + wave_girth);
x -= wave_width;
}
ctx.fill();
}
}
}]);
return Vibrato;
}(_modifier.Modifier);
/***/ },
/* 43 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Stave = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _element = __webpack_require__(5);
var _tables = __webpack_require__(2);
var _stavebarline = __webpack_require__(44);
var _stavemodifier = __webpack_require__(45);
var _staverepetition = __webpack_require__(46);
var _stavesection = __webpack_require__(47);
var _stavetempo = __webpack_require__(48);
var _stavetext = __webpack_require__(49);
var _boundingbox = __webpack_require__(8);
var _clef = __webpack_require__(51);
var _keysignature = __webpack_require__(52);
var _timesignature = __webpack_require__(53);
var _stavevolta = __webpack_require__(54);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
var Stave = exports.Stave = function (_Element) {
_inherits(Stave, _Element);
function Stave(x, y, width, options) {
_classCallCheck(this, Stave);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Stave).call(this));
_this.setAttribute('type', 'Stave');
_this.x = x;
_this.y = y;
_this.width = width;
_this.formatted = false;
_this.start_x = x + 5;
_this.end_x = x + width;
_this.modifiers = []; // stave modifiers (clef, key, time, barlines, coda, segno, etc.)
_this.measure = 0;
_this.clef = 'treble';
_this.font = {
family: 'sans-serif',
size: 8,
weight: ''
};
_this.options = {
vertical_bar_width: 10, // Width around vertical bar end-marker
glyph_spacing_px: 10,
num_lines: 5,
fill_style: '#999999',
left_bar: true, // draw vertical bar on left
right_bar: true, // draw vertical bar on right
spacing_between_lines_px: 10, // in pixels
space_above_staff_ln: 4, // in staff lines
space_below_staff_ln: 4, // in staff lines
top_text_position: 1 };
_this.bounds = { x: _this.x, y: _this.y, w: _this.width, h: 0 };
_vex.Vex.Merge(_this.options, options);
_this.resetLines();
var BARTYPE = _stavebarline.Barline.type;
// beg bar
_this.addModifier(new _stavebarline.Barline(_this.options.left_bar ? BARTYPE.SINGLE : BARTYPE.NONE));
// end bar
_this.addEndModifier(new _stavebarline.Barline(_this.options.right_bar ? BARTYPE.SINGLE : BARTYPE.NONE));
return _this;
}
_createClass(Stave, [{
key: 'space',
value: function space(spacing) {
return this.options.spacing_between_lines_px * spacing;
}
}, {
key: 'resetLines',
value: function resetLines() {
this.options.line_config = [];
for (var i = 0; i < this.options.num_lines; i++) {
this.options.line_config.push({ visible: true });
}
this.height = (this.options.num_lines + this.options.space_above_staff_ln) * this.options.spacing_between_lines_px;
this.options.bottom_text_position = this.options.num_lines;
}
}, {
key: 'getOptions',
value: function getOptions() {
return this.options;
}
}, {
key: 'setNoteStartX',
value: function setNoteStartX(x) {
if (!this.formatted) this.format();
this.start_x = x;
return this;
}
}, {
key: 'getNoteStartX',
value: function getNoteStartX() {
if (!this.formatted) this.format();
return this.start_x;
}
}, {
key: 'getNoteEndX',
value: function getNoteEndX() {
if (!this.formatted) this.format();
return this.end_x;
}
}, {
key: 'getTieStartX',
value: function getTieStartX() {
return this.start_x;
}
}, {
key: 'getTieEndX',
value: function getTieEndX() {
return this.x + this.width;
}
}, {
key: 'getX',
value: function getX() {
return this.x;
}
}, {
key: 'getNumLines',
value: function getNumLines() {
return this.options.num_lines;
}
}, {
key: 'setNumLines',
value: function setNumLines(lines) {
this.options.num_lines = parseInt(lines, 10);
this.resetLines();
return this;
}
}, {
key: 'setY',
value: function setY(y) {
this.y = y;return this;
}
}, {
key: 'getTopLineTopY',
value: function getTopLineTopY() {
return this.getYForLine(0) - _tables.Flow.STAVE_LINE_THICKNESS / 2;
}
}, {
key: 'getBottomLineBottomY',
value: function getBottomLineBottomY() {
return this.getYForLine(this.getNumLines() - 1) + _tables.Flow.STAVE_LINE_THICKNESS / 2;
}
}, {
key: 'setX',
value: function setX(x) {
var shift = x - this.x;
this.formatted = false;
this.x = x;
this.start_x += shift;
this.end_x += shift;
for (var i = 0; i < this.modifiers.length; i++) {
var mod = this.modifiers[i];
if (mod.x !== undefined) {
mod.x += shift;
}
}
return this;
}
}, {
key: 'setWidth',
value: function setWidth(width) {
this.formatted = false;
this.width = width;
this.end_x = this.x + width;
// reset the x position of the end barline (TODO(0xfe): This makes no sense)
// this.modifiers[1].setX(this.end_x);
return this;
}
}, {
key: 'getWidth',
value: function getWidth() {
return this.width;
}
}, {
key: 'setMeasure',
value: function setMeasure(measure) {
this.measure = measure;return this;
}
/**
* Gets the pixels to shift from the beginning of the stave
* following the modifier at the provided index
* @param {Number} index The index from which to determine the shift
* @return {Number} The amount of pixels shifted
*/
}, {
key: 'getModifierXShift',
value: function getModifierXShift() {
var index = arguments.length <= 0 || arguments[0] === undefined ? 0 : arguments[0];
if (typeof index !== 'number') {
throw new _vex.Vex.RERR('InvalidIndex', 'Must be of number type');
}
if (!this.formatted) this.format();
if (this.getModifiers(_stavemodifier.StaveModifier.Position.BEGIN).length === 1) {
return 0;
}
var start_x = this.start_x - this.x;
var begBarline = this.modifiers[0];
if (begBarline.getType() === _stavebarline.Barline.type.REPEAT_BEGIN && start_x > begBarline.getWidth()) {
start_x -= begBarline.getWidth();
}
return start_x;
}
// Coda & Segno Symbol functions
}, {
key: 'setRepetitionTypeLeft',
value: function setRepetitionTypeLeft(type, y) {
this.modifiers.push(new _staverepetition.Repetition(type, this.x, y));
return this;
}
}, {
key: 'setRepetitionTypeRight',
value: function setRepetitionTypeRight(type, y) {
this.modifiers.push(new _staverepetition.Repetition(type, this.x, y));
return this;
}
// Volta functions
}, {
key: 'setVoltaType',
value: function setVoltaType(type, number_t, y) {
this.modifiers.push(new _stavevolta.Volta(type, number_t, this.x, y));
return this;
}
// Section functions
}, {
key: 'setSection',
value: function setSection(section, y) {
this.modifiers.push(new _stavesection.StaveSection(section, this.x, y));
return this;
}
// Tempo functions
}, {
key: 'setTempo',
value: function setTempo(tempo, y) {
this.modifiers.push(new _stavetempo.StaveTempo(tempo, this.x, y));
return this;
}
// Text functions
}, {
key: 'setText',
value: function setText(text, position, options) {
this.modifiers.push(new _stavetext.StaveText(text, position, options));
return this;
}
}, {
key: 'getHeight',
value: function getHeight() {
return this.height;
}
}, {
key: 'getSpacingBetweenLines',
value: function getSpacingBetweenLines() {
return this.options.spacing_between_lines_px;
}
}, {
key: 'getBoundingBox',
value: function getBoundingBox() {
return new _boundingbox.BoundingBox(this.x, this.y, this.width, this.getBottomY() - this.y);
}
}, {
key: 'getBottomY',
value: function getBottomY() {
var options = this.options;
var spacing = options.spacing_between_lines_px;
var score_bottom = this.getYForLine(options.num_lines) + options.space_below_staff_ln * spacing;
return score_bottom;
}
}, {
key: 'getBottomLineY',
value: function getBottomLineY() {
return this.getYForLine(this.options.num_lines);
}
// This returns the y for the *center* of a staff line
}, {
key: 'getYForLine',
value: function getYForLine(line) {
var options = this.options;
var spacing = options.spacing_between_lines_px;
var headroom = options.space_above_staff_ln;
var y = this.y + line * spacing + headroom * spacing;
return y;
}
}, {
key: 'getLineForY',
value: function getLineForY(y) {
// Does the reverse of getYForLine - somewhat dumb and just calls
// getYForLine until the right value is reaches
var options = this.options;
var spacing = options.spacing_between_lines_px;
var headroom = options.space_above_staff_ln;
return (y - this.y) / spacing - headroom;
}
}, {
key: 'getYForTopText',
value: function getYForTopText(line) {
var l = line || 0;
return this.getYForLine(-l - this.options.top_text_position);
}
}, {
key: 'getYForBottomText',
value: function getYForBottomText(line) {
var l = line || 0;
return this.getYForLine(this.options.bottom_text_position + l);
}
}, {
key: 'getYForNote',
value: function getYForNote(line) {
var options = this.options;
var spacing = options.spacing_between_lines_px;
var headroom = options.space_above_staff_ln;
var y = this.y + headroom * spacing + 5 * spacing - line * spacing;
return y;
}
}, {
key: 'getYForGlyphs',
value: function getYForGlyphs() {
return this.getYForLine(3);
}
}, {
key: 'addModifier',
value: function addModifier(modifier, position) {
if (position !== undefined) {
modifier.setPosition(position);
}
modifier.setStave(this);
this.formatted = false;
this.modifiers.push(modifier);
return this;
}
}, {
key: 'addEndModifier',
value: function addEndModifier(modifier) {
this.addModifier(modifier, _stavemodifier.StaveModifier.Position.END);
return this;
}
// Bar Line functions
}, {
key: 'setBegBarType',
value: function setBegBarType(type) {
// Only valid bar types at beginning of stave is none, single or begin repeat
var _Barline$type = _stavebarline.Barline.type;
var SINGLE = _Barline$type.SINGLE;
var REPEAT_BEGIN = _Barline$type.REPEAT_BEGIN;
var NONE = _Barline$type.NONE;
if (type === SINGLE || type === REPEAT_BEGIN || type === NONE) {
this.modifiers[0].setType(type);
this.formatted = false;
}
return this;
}
}, {
key: 'setEndBarType',
value: function setEndBarType(type) {
// Repeat end not valid at end of stave
if (type !== _stavebarline.Barline.type.REPEAT_BEGIN) {
this.modifiers[1].setType(type);
this.formatted = false;
}
return this;
}
}, {
key: 'setClef',
value: function setClef(clefSpec, size, annotation, position) {
if (position === undefined) {
position = _stavemodifier.StaveModifier.Position.BEGIN;
}
this.clef = clefSpec;
var clefs = this.getModifiers(position, _clef.Clef.CATEGORY);
if (clefs.length === 0) {
this.addClef(clefSpec, size, annotation, position);
} else {
clefs[0].setType(clefSpec, size, annotation);
}
return this;
}
}, {
key: 'setEndClef',
value: function setEndClef(clefSpec, size, annotation) {
this.setClef(clefSpec, size, annotation, _stavemodifier.StaveModifier.Position.END);
return this;
}
}, {
key: 'setKeySignature',
value: function setKeySignature(keySpec, cancelKeySpec, position) {
if (position === undefined) {
position = _stavemodifier.StaveModifier.Position.BEGIN;
}
var keySignatures = this.getModifiers(position, _keysignature.KeySignature.CATEGORY);
if (keySignatures.length === 0) {
this.addKeySignature(keySpec, cancelKeySpec, position);
} else {
keySignatures[0].setKeySig(keySpec, cancelKeySpec);
}
return this;
}
}, {
key: 'setEndKeySignature',
value: function setEndKeySignature(keySpec, cancelKeySpec) {
this.setKeySignature(keySpec, cancelKeySpec, _stavemodifier.StaveModifier.Position.END);
return this;
}
}, {
key: 'setTimeSignature',
value: function setTimeSignature(timeSpec, customPadding, position) {
if (position === undefined) {
position = _stavemodifier.StaveModifier.Position.BEGIN;
}
var timeSignatures = this.getModifiers(position, _timesignature.TimeSignature.CATEGORY);
if (timeSignatures.length === 0) {
this.addTimeSignature(timeSpec, customPadding, position);
} else {
timeSignatures[0].setTimeSig(timeSpec);
}
return this;
}
}, {
key: 'setEndTimeSignature',
value: function setEndTimeSignature(timeSpec, customPadding) {
this.setTimeSignature(timeSpec, customPadding, _stavemodifier.StaveModifier.Position.END);
return this;
}
}, {
key: 'addKeySignature',
value: function addKeySignature(keySpec, cancelKeySpec, position) {
this.addModifier(new _keysignature.KeySignature(keySpec, cancelKeySpec), position);
return this;
}
}, {
key: 'addClef',
value: function addClef(clef, size, annotation, position) {
if (position === undefined || position === _stavemodifier.StaveModifier.Position.BEGIN) {
this.clef = clef;
}
this.addModifier(new _clef.Clef(clef, size, annotation), position);
return this;
}
}, {
key: 'addEndClef',
value: function addEndClef(clef, size, annotation) {
this.addClef(clef, size, annotation, _stavemodifier.StaveModifier.Position.END);
return this;
}
}, {
key: 'addTimeSignature',
value: function addTimeSignature(timeSpec, customPadding, position) {
this.addModifier(new _timesignature.TimeSignature(timeSpec, customPadding), position);
return this;
}
}, {
key: 'addEndTimeSignature',
value: function addEndTimeSignature(timeSpec, customPadding) {
this.addTimeSignature(timeSpec, customPadding, _stavemodifier.StaveModifier.Position.END);
return this;
}
// Deprecated
}, {
key: 'addTrebleGlyph',
value: function addTrebleGlyph() {
this.addClef('treble');
return this;
}
}, {
key: 'getModifiers',
value: function getModifiers(position, category) {
if (position === undefined) return this.modifiers;
return this.modifiers.filter(function (modifier) {
return position === modifier.getPosition() && (category === undefined || category === modifier.getCategory());
});
}
}, {
key: 'sortByCategory',
value: function sortByCategory(items, order) {
for (var i = items.length - 1; i >= 0; i--) {
for (var j = 0; j < i; j++) {
if (order[items[j].getCategory()] > order[items[j + 1].getCategory()]) {
var temp = items[j];
items[j] = items[j + 1];
items[j + 1] = temp;
}
}
}
}
}, {
key: 'format',
value: function format() {
var begBarline = this.modifiers[0];
var endBarline = this.modifiers[1];
var begModifiers = this.getModifiers(_stavemodifier.StaveModifier.Position.BEGIN);
var endModifiers = this.getModifiers(_stavemodifier.StaveModifier.Position.END);
this.sortByCategory(begModifiers, {
barlines: 0, clefs: 1, keysignatures: 2, timesignatures: 3
});
this.sortByCategory(endModifiers, {
timesignatures: 0, keysignatures: 1, barlines: 2, clefs: 3
});
if (begModifiers.length > 1 && begBarline.getType() === _stavebarline.Barline.type.REPEAT_BEGIN) {
begModifiers.push(begModifiers.splice(0, 1)[0]);
begModifiers.splice(0, 0, new _stavebarline.Barline(_stavebarline.Barline.type.SINGLE));
}
if (endModifiers.indexOf(endBarline) > 0) {
endModifiers.splice(0, 0, new _stavebarline.Barline(_stavebarline.Barline.type.NONE));
}
var width = void 0;
var padding = void 0;
var modifier = void 0;
var offset = 0;
var x = this.x;
for (var i = 0; i < begModifiers.length; i++) {
modifier = begModifiers[i];
padding = modifier.getPadding(i + offset);
width = modifier.getWidth();
x += padding;
modifier.setX(x);
x += width;
if (padding + width === 0) offset--;
}
this.start_x = x;
x = this.x + this.width;
for (var _i = 0; _i < endModifiers.length; _i++) {
modifier = endModifiers[_i];
x -= modifier.getPadding(_i);
if (_i !== 0) {
x -= modifier.getWidth();
}
modifier.setX(x);
if (_i === 0) {
x -= modifier.getWidth();
}
}
this.end_x = endModifiers.length === 1 ? this.x + this.width : x;
this.formatted = true;
}
/**
* All drawing functions below need the context to be set.
*/
}, {
key: 'draw',
value: function draw() {
this.checkContext();
this.setRendered();
if (!this.formatted) this.format();
var num_lines = this.options.num_lines;
var width = this.width;
var x = this.x;
var y = void 0;
// Render lines
for (var line = 0; line < num_lines; line++) {
y = this.getYForLine(line);
this.context.save();
this.context.setFillStyle(this.options.fill_style);
this.context.setStrokeStyle(this.options.fill_style);
this.context.setLineWidth(_tables.Flow.STAVE_LINE_THICKNESS);
if (this.options.line_config[line].visible) {
this.context.beginPath();
this.context.moveTo(x, y);
this.context.lineTo(x + width, y);
this.context.stroke();
}
this.context.restore();
}
// Draw the modifiers (bar lines, coda, segno, repeat brackets, etc.)
for (var i = 0; i < this.modifiers.length; i++) {
// Only draw modifier if it has a draw function
if (typeof this.modifiers[i].draw === 'function') {
this.modifiers[i].draw(this, this.getModifierXShift(i));
}
}
// Render measure numbers
if (this.measure > 0) {
this.context.save();
this.context.setFont(this.font.family, this.font.size, this.font.weight);
var text_width = this.context.measureText('' + this.measure).width;
y = this.getYForTopText(0) + 3;
this.context.fillText('' + this.measure, this.x - text_width / 2, y);
this.context.restore();
}
return this;
}
// Draw Simple barlines for backward compatability
// Do not delete - draws the beginning bar of the stave
}, {
key: 'drawVertical',
value: function drawVertical(x, isDouble) {
this.drawVerticalFixed(this.x + x, isDouble);
}
}, {
key: 'drawVerticalFixed',
value: function drawVerticalFixed(x, isDouble) {
this.checkContext();
var top_line = this.getYForLine(0);
var bottom_line = this.getYForLine(this.options.num_lines - 1);
if (isDouble) {
this.context.fillRect(x - 3, top_line, 1, bottom_line - top_line + 1);
}
this.context.fillRect(x, top_line, 1, bottom_line - top_line + 1);
}
}, {
key: 'drawVerticalBar',
value: function drawVerticalBar(x) {
this.drawVerticalBarFixed(this.x + x, false);
}
}, {
key: 'drawVerticalBarFixed',
value: function drawVerticalBarFixed(x) {
this.checkContext();
var top_line = this.getYForLine(0);
var bottom_line = this.getYForLine(this.options.num_lines - 1);
this.context.fillRect(x, top_line, 1, bottom_line - top_line + 1);
}
/**
* Get the current configuration for the Stave.
* @return {Array} An array of configuration objects.
*/
}, {
key: 'getConfigForLines',
value: function getConfigForLines() {
return this.options.line_config;
}
/**
* Configure properties of the lines in the Stave
* @param line_number The index of the line to configure.
* @param line_config An configuration object for the specified line.
* @throws Vex.RERR "StaveConfigError" When the specified line number is out of
* range of the number of lines specified in the constructor.
*/
}, {
key: 'setConfigForLine',
value: function setConfigForLine(line_number, line_config) {
if (line_number >= this.options.num_lines || line_number < 0) {
throw new _vex.Vex.RERR('StaveConfigError', 'The line number must be within the range of the number of lines in the Stave.');
}
if (line_config.visible === undefined) {
throw new _vex.Vex.RERR('StaveConfigError', "The line configuration object is missing the 'visible' property.");
}
if (typeof line_config.visible !== 'boolean') {
throw new _vex.Vex.RERR('StaveConfigError', "The line configuration objects 'visible' property must be true or false.");
}
this.options.line_config[line_number] = line_config;
return this;
}
/**
* Set the staff line configuration array for all of the lines at once.
* @param lines_configuration An array of line configuration objects. These objects
* are of the same format as the single one passed in to setLineConfiguration().
* The caller can set null for any line config entry if it is desired that the default be used
* @throws Vex.RERR "StaveConfigError" When the lines_configuration array does not have
* exactly the same number of elements as the num_lines configuration object set in
* the constructor.
*/
}, {
key: 'setConfigForLines',
value: function setConfigForLines(lines_configuration) {
if (lines_configuration.length !== this.options.num_lines) {
throw new _vex.Vex.RERR('StaveConfigError', 'The length of the lines configuration array must match the number of lines in the Stave');
}
// Make sure the defaults are present in case an incomplete set of
// configuration options were supplied.
for (var line_config in lines_configuration) {
// Allow 'null' to be used if the caller just wants the default for a particular node.
if (!lines_configuration[line_config]) {
lines_configuration[line_config] = this.options.line_config[line_config];
}
_vex.Vex.Merge(this.options.line_config[line_config], lines_configuration[line_config]);
}
this.options.line_config = lines_configuration;
return this;
}
}]);
return Stave;
}(_element.Element);
/***/ },
/* 44 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Barline = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _tables = __webpack_require__(2);
var _stavemodifier = __webpack_require__(45);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// Author Larry Kuhns 2011
var Barline = exports.Barline = function (_StaveModifier) {
_inherits(Barline, _StaveModifier);
_createClass(Barline, null, [{
key: 'CATEGORY',
get: function get() {
return 'barlines';
}
}, {
key: 'type',
get: function get() {
return {
SINGLE: 1,
DOUBLE: 2,
END: 3,
REPEAT_BEGIN: 4,
REPEAT_END: 5,
REPEAT_BOTH: 6,
NONE: 7
};
}
/**
* @constructor
*/
}]);
function Barline(type) {
_classCallCheck(this, Barline);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Barline).call(this));
_this.setAttribute('type', 'Barline');
_this.thickness = _tables.Flow.STAVE_LINE_THICKNESS;
var TYPE = Barline.type;
_this.widths = {};
_this.widths[TYPE.SINGLE] = 5;
_this.widths[TYPE.DOUBLE] = 5;
_this.widths[TYPE.END] = 5;
_this.widths[TYPE.REPEAT_BEGIN] = 5;
_this.widths[TYPE.REPEAT_END] = 5;
_this.widths[TYPE.REPEAT_BOTH] = 5;
_this.widths[TYPE.NONE] = 5;
_this.paddings = {};
_this.paddings[TYPE.SINGLE] = 0;
_this.paddings[TYPE.DOUBLE] = 0;
_this.paddings[TYPE.END] = 0;
_this.paddings[TYPE.REPEAT_BEGIN] = 15;
_this.paddings[TYPE.REPEAT_END] = 15;
_this.paddings[TYPE.REPEAT_BOTH] = 15;
_this.paddings[TYPE.NONE] = 0;
_this.setPosition(_stavemodifier.StaveModifier.Position.BEGIN);
_this.setType(type);
return _this;
}
_createClass(Barline, [{
key: 'getCategory',
value: function getCategory() {
return Barline.CATEGORY;
}
}, {
key: 'getType',
value: function getType() {
return this.type;
}
}, {
key: 'setType',
value: function setType(type) {
this.type = type;
this.setWidth(this.widths[this.type]);
this.setPadding(this.paddings[this.type]);
return this;
}
// Draw barlines
}, {
key: 'draw',
value: function draw(stave) {
stave.checkContext();
this.setRendered();
switch (this.type) {
case Barline.type.SINGLE:
this.drawVerticalBar(stave, this.x, false);
break;
case Barline.type.DOUBLE:
this.drawVerticalBar(stave, this.x, true);
break;
case Barline.type.END:
this.drawVerticalEndBar(stave, this.x);
break;
case Barline.type.REPEAT_BEGIN:
// If the barline is shifted over (in front of clef/time/key)
// Draw vertical bar at the beginning.
this.drawRepeatBar(stave, this.x, true);
if (stave.getX() !== this.x) {
this.drawVerticalBar(stave, stave.getX());
}
break;
case Barline.type.REPEAT_END:
this.drawRepeatBar(stave, this.x, false);
break;
case Barline.type.REPEAT_BOTH:
this.drawRepeatBar(stave, this.x, false);
this.drawRepeatBar(stave, this.x, true);
break;
default:
// Default is NONE, so nothing to draw
break;
}
}
}, {
key: 'drawVerticalBar',
value: function drawVerticalBar(stave, x, double_bar) {
stave.checkContext();
var topY = stave.getTopLineTopY();
var botY = stave.getBottomLineBottomY();
if (double_bar) {
stave.context.fillRect(x - 3, topY, 1, botY - topY);
}
stave.context.fillRect(x, topY, 1, botY - topY);
}
}, {
key: 'drawVerticalEndBar',
value: function drawVerticalEndBar(stave, x) {
stave.checkContext();
var topY = stave.getTopLineTopY();
var botY = stave.getBottomLineBottomY();
stave.context.fillRect(x - 5, topY, 1, botY - topY);
stave.context.fillRect(x - 2, topY, 3, botY - topY);
}
}, {
key: 'drawRepeatBar',
value: function drawRepeatBar(stave, x, begin) {
stave.checkContext();
var topY = stave.getTopLineTopY();
var botY = stave.getBottomLineBottomY();
var x_shift = 3;
if (!begin) {
x_shift = -5;
}
stave.context.fillRect(x + x_shift, topY, 1, botY - topY);
stave.context.fillRect(x - 2, topY, 3, botY - topY);
var dot_radius = 2;
// Shift dots left or right
if (begin) {
x_shift += 4;
} else {
x_shift -= 4;
}
var dot_x = x + x_shift + dot_radius / 2;
// calculate the y offset based on number of stave lines
var y_offset = (stave.getNumLines() - 1) * stave.getSpacingBetweenLines();
y_offset = y_offset / 2 - stave.getSpacingBetweenLines() / 2;
var dot_y = topY + y_offset + dot_radius / 2;
// draw the top repeat dot
stave.context.beginPath();
stave.context.arc(dot_x, dot_y, dot_radius, 0, Math.PI * 2, false);
stave.context.fill();
// draw the bottom repeat dot
dot_y += stave.getSpacingBetweenLines();
stave.context.beginPath();
stave.context.arc(dot_x, dot_y, dot_radius, 0, Math.PI * 2, false);
stave.context.fill();
}
}]);
return Barline;
}(_stavemodifier.StaveModifier);
/***/ },
/* 45 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StaveModifier = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _element = __webpack_require__(5);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// A base class for stave modifiers (e.g. clefs, key signatures)
var StaveModifier = exports.StaveModifier = function (_Element) {
_inherits(StaveModifier, _Element);
_createClass(StaveModifier, null, [{
key: 'Position',
get: function get() {
return {
LEFT: 1,
RIGHT: 2,
ABOVE: 3,
BELOW: 4,
BEGIN: 5,
END: 6
};
}
}]);
function StaveModifier() {
_classCallCheck(this, StaveModifier);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(StaveModifier).call(this));
_this.setAttribute('type', 'StaveModifier');
_this.padding = 10;
_this.position = StaveModifier.Position.ABOVE;
return _this;
}
_createClass(StaveModifier, [{
key: 'getPosition',
value: function getPosition() {
return this.position;
}
}, {
key: 'setPosition',
value: function setPosition(position) {
this.position = position;return this;
}
}, {
key: 'getStave',
value: function getStave() {
return this.stave;
}
}, {
key: 'setStave',
value: function setStave(stave) {
this.stave = stave;return this;
}
}, {
key: 'getWidth',
value: function getWidth() {
return this.width;
}
}, {
key: 'setWidth',
value: function setWidth(width) {
this.width = width;return this;
}
}, {
key: 'getX',
value: function getX() {
return this.x;
}
}, {
key: 'setX',
value: function setX(x) {
this.x = x;return this;
}
}, {
key: 'getCategory',
value: function getCategory() {
return '';
}
}, {
key: 'makeSpacer',
value: function makeSpacer(padding) {
// TODO(0xfe): Return an instance of type `Spacer` based on `GhostNote`
// instead of this hack.
return {
getContext: function getContext() {
return true;
},
setStave: function setStave() {},
renderToStave: function renderToStave() {},
getMetrics: function getMetrics() {
return { width: padding };
}
};
}
}, {
key: 'placeGlyphOnLine',
value: function placeGlyphOnLine(glyph, stave, line) {
glyph.setYShift(stave.getYForLine(line) - stave.getYForGlyphs());
}
}, {
key: 'getPadding',
value: function getPadding(index) {
return index !== undefined && index < 2 ? 0 : this.padding;
}
}, {
key: 'setPadding',
value: function setPadding(padding) {
this.padding = padding;return this;
}
}]);
return StaveModifier;
}(_element.Element);
/***/ },
/* 46 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Repetition = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _stavemodifier = __webpack_require__(45);
var _glyph = __webpack_require__(4);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Author Larry Kuhns 2011
var Repetition = exports.Repetition = function (_StaveModifier) {
_inherits(Repetition, _StaveModifier);
_createClass(Repetition, null, [{
key: 'CATEGORY',
get: function get() {
return 'repetitions';
}
}, {
key: 'type',
get: function get() {
return {
NONE: 1, // no coda or segno
CODA_LEFT: 2, // coda at beginning of stave
CODA_RIGHT: 3, // coda at end of stave
SEGNO_LEFT: 4, // segno at beginning of stave
SEGNO_RIGHT: 5, // segno at end of stave
DC: 6, // D.C. at end of stave
DC_AL_CODA: 7, // D.C. al coda at end of stave
DC_AL_FINE: 8, // D.C. al Fine end of stave
DS: 9, // D.S. at end of stave
DS_AL_CODA: 10, // D.S. al coda at end of stave
DS_AL_FINE: 11, // D.S. al Fine at end of stave
FINE: 12 };
}
}]);
function Repetition(type, x, y_shift) {
_classCallCheck(this, Repetition);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Repetition).call(this));
_this.setAttribute('type', 'Repetition');
_this.symbol_type = type;
_this.x = x;
_this.x_shift = 0;
_this.y_shift = y_shift;
_this.font = {
family: 'times',
size: 12,
weight: 'bold italic'
};
return _this;
}
_createClass(Repetition, [{
key: 'getCategory',
value: function getCategory() {
return Repetition.CATEGORY;
}
}, {
key: 'setShiftX',
value: function setShiftX(x) {
this.x_shift = x;return this;
}
}, {
key: 'setShiftY',
value: function setShiftY(y) {
this.y_shift = y;return this;
}
}, {
key: 'draw',
value: function draw(stave, x) {
this.setRendered();
switch (this.symbol_type) {
case Repetition.type.CODA_RIGHT:
this.drawCodaFixed(stave, x + stave.width);
break;
case Repetition.type.CODA_LEFT:
this.drawSymbolText(stave, x, 'Coda', true);
break;
case Repetition.type.SEGNO_LEFT:
this.drawSignoFixed(stave, x);
break;
case Repetition.type.SEGNO_RIGHT:
this.drawSignoFixed(stave, x + stave.width);
break;
case Repetition.type.DC:
this.drawSymbolText(stave, x, 'D.C.', false);
break;
case Repetition.type.DC_AL_CODA:
this.drawSymbolText(stave, x, 'D.C. al', true);
break;
case Repetition.type.DC_AL_FINE:
this.drawSymbolText(stave, x, 'D.C. al Fine', false);
break;
case Repetition.type.DS:
this.drawSymbolText(stave, x, 'D.S.', false);
break;
case Repetition.type.DS_AL_CODA:
this.drawSymbolText(stave, x, 'D.S. al', true);
break;
case Repetition.type.DS_AL_FINE:
this.drawSymbolText(stave, x, 'D.S. al Fine', false);
break;
case Repetition.type.FINE:
this.drawSymbolText(stave, x, 'Fine', false);
break;
default:
break;
}
return this;
}
}, {
key: 'drawCodaFixed',
value: function drawCodaFixed(stave, x) {
var y = stave.getYForTopText(stave.options.num_lines) + this.y_shift;
_glyph.Glyph.renderGlyph(stave.context, this.x + x + this.x_shift, y + 25, 40, 'v4d', true);
return this;
}
}, {
key: 'drawSignoFixed',
value: function drawSignoFixed(stave, x) {
var y = stave.getYForTopText(stave.options.num_lines) + this.y_shift;
_glyph.Glyph.renderGlyph(stave.context, this.x + x + this.x_shift, y + 25, 30, 'v8c', true);
return this;
}
}, {
key: 'drawSymbolText',
value: function drawSymbolText(stave, x, text, draw_coda) {
var ctx = stave.checkContext();
ctx.save();
ctx.setFont(this.font.family, this.font.size, this.font.weight);
// Default to right symbol
var text_x = 0 + this.x_shift;
var symbol_x = x + this.x_shift;
if (this.symbol_type === Repetition.type.CODA_LEFT) {
// Offset Coda text to right of stave beginning
text_x = this.x + stave.options.vertical_bar_width;
symbol_x = text_x + ctx.measureText(text).width + 12;
} else {
// Offset Signo text to left stave end
symbol_x = this.x + x + stave.width - 5 + this.x_shift;
text_x = symbol_x - +ctx.measureText(text).width - 12;
}
var y = stave.getYForTopText(stave.options.num_lines) + this.y_shift;
if (draw_coda) {
_glyph.Glyph.renderGlyph(ctx, symbol_x, y, 40, 'v4d', true);
}
ctx.fillText(text, text_x, y + 5);
ctx.restore();
return this;
}
}]);
return Repetition;
}(_stavemodifier.StaveModifier);
/***/ },
/* 47 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StaveSection = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _stavemodifier = __webpack_require__(45);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Author Larry Kuhns 2011
var StaveSection = exports.StaveSection = function (_StaveModifier) {
_inherits(StaveSection, _StaveModifier);
_createClass(StaveSection, null, [{
key: 'CATEGORY',
get: function get() {
return 'stavesection';
}
}]);
function StaveSection(section, x, shift_y) {
_classCallCheck(this, StaveSection);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(StaveSection).call(this));
_this.setAttribute('type', 'StaveSection');
_this.setWidth(16);
_this.section = section;
_this.x = x;
_this.shift_x = 0;
_this.shift_y = shift_y;
_this.font = {
family: 'sans-serif',
size: 12,
weight: 'bold'
};
return _this;
}
_createClass(StaveSection, [{
key: 'getCategory',
value: function getCategory() {
return StaveSection.CATEGORY;
}
}, {
key: 'setStaveSection',
value: function setStaveSection(section) {
this.section = section;return this;
}
}, {
key: 'setShiftX',
value: function setShiftX(x) {
this.shift_x = x;return this;
}
}, {
key: 'setShiftY',
value: function setShiftY(y) {
this.shift_y = y;return this;
}
}, {
key: 'draw',
value: function draw(stave, shift_x) {
var ctx = stave.checkContext();
this.setRendered();
ctx.save();
ctx.lineWidth = 2;
ctx.setFont(this.font.family, this.font.size, this.font.weight);
var text_width = ctx.measureText('' + this.section).width;
var width = text_width + 6; // add left & right padding
if (width < 18) width = 18;
var height = 20;
// Seems to be a good default y
var y = stave.getYForTopText(3) + this.shift_y;
var x = this.x + shift_x;
ctx.beginPath();
ctx.lineWidth = 2;
ctx.rect(x, y, width, height);
ctx.stroke();
x += (width - text_width) / 2;
ctx.fillText('' + this.section, x, y + 16);
ctx.restore();
return this;
}
}]);
return StaveSection;
}(_stavemodifier.StaveModifier);
/***/ },
/* 48 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StaveTempo = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _tables = __webpack_require__(2);
var _modifier = __webpack_require__(25);
var _stavemodifier = __webpack_require__(45);
var _glyph = __webpack_require__(4);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Author Radosaw Eichler 2012
var StaveTempo = exports.StaveTempo = function (_StaveModifier) {
_inherits(StaveTempo, _StaveModifier);
_createClass(StaveTempo, null, [{
key: 'CATEGORY',
get: function get() {
return 'stavetempo';
}
}]);
function StaveTempo(tempo, x, shift_y) {
_classCallCheck(this, StaveTempo);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(StaveTempo).call(this));
_this.setAttribute('type', 'StaveTempo');
_this.tempo = tempo;
_this.position = _modifier.Modifier.Position.ABOVE;
_this.x = x;
_this.shift_x = 10;
_this.shift_y = shift_y;
_this.font = {
family: 'times',
size: 14,
weight: 'bold'
};
_this.render_options = {
glyph_font_scale: 30 };
return _this;
}
_createClass(StaveTempo, [{
key: 'getCategory',
value: function getCategory() {
return StaveTempo.CATEGORY;
}
}, {
key: 'setTempo',
value: function setTempo(tempo) {
this.tempo = tempo;return this;
}
}, {
key: 'setShiftX',
value: function setShiftX(x) {
this.shift_x = x;return this;
}
}, {
key: 'setShiftY',
value: function setShiftY(y) {
this.shift_y = y;return this;
}
}, {
key: 'draw',
value: function draw(stave, shift_x) {
var ctx = stave.checkContext();
this.setRendered();
var options = this.render_options;
// FIXME: What does the '38' mean? Why 38? Is that supposed to
// be the default font size for standard notation?
var scale = options.glyph_font_scale / 38;
var name = this.tempo.name;
var duration = this.tempo.duration;
var dots = this.tempo.dots;
var bpm = this.tempo.bpm;
var font = this.font;
var x = this.x + this.shift_x + shift_x;
var y = stave.getYForTopText(1) + this.shift_y;
ctx.save();
if (name) {
ctx.setFont(font.family, font.size, font.weight);
ctx.fillText(name, x, y);
x += ctx.measureText(name).width;
}
if (duration && bpm) {
ctx.setFont(font.family, font.size, 'normal');
if (name) {
x += ctx.measureText(' ').width;
ctx.fillText('(', x, y);
x += ctx.measureText('(').width;
}
var code = _tables.Flow.durationToGlyph(duration);
x += 3 * scale;
_glyph.Glyph.renderGlyph(ctx, x, y, options.glyph_font_scale, code.code_head);
x += code.getWidth() * scale;
// Draw stem and flags
if (code.stem) {
var stem_height = 30;
if (code.beam_count) stem_height += 3 * (code.beam_count - 1);
stem_height *= scale;
var y_top = y - stem_height;
ctx.fillRect(x - scale, y_top, scale, stem_height);
if (code.flag) {
_glyph.Glyph.renderGlyph(ctx, x, y_top, options.glyph_font_scale, code.code_flag_upstem);
if (!dots) x += 6 * scale;
}
}
// Draw dot
for (var i = 0; i < dots; i++) {
x += 6 * scale;
ctx.beginPath();
ctx.arc(x, y + 2 * scale, 2 * scale, 0, Math.PI * 2, false);
ctx.fill();
}
ctx.fillText(' = ' + bpm + (name ? ')' : ''), x + 3 * scale, y);
}
ctx.restore();
return this;
}
}]);
return StaveTempo;
}(_stavemodifier.StaveModifier);
/***/ },
/* 49 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StaveText = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _stavemodifier = __webpack_require__(45);
var _textnote = __webpack_require__(50);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Author Taehoon Moon 2014
var StaveText = exports.StaveText = function (_StaveModifier) {
_inherits(StaveText, _StaveModifier);
_createClass(StaveText, null, [{
key: 'CATEGORY',
get: function get() {
return 'stavetext';
}
}]);
function StaveText(text, position, options) {
_classCallCheck(this, StaveText);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(StaveText).call(this));
_this.setAttribute('type', 'StaveText');
_this.setWidth(16);
_this.text = text;
_this.position = position;
_this.options = {
shift_x: 0,
shift_y: 0,
justification: _textnote.TextNote.Justification.CENTER
};
_vex.Vex.Merge(_this.options, options);
_this.font = {
family: 'times',
size: 16,
weight: 'normal'
};
return _this;
}
_createClass(StaveText, [{
key: 'getCategory',
value: function getCategory() {
return StaveText.CATEGORY;
}
}, {
key: 'setStaveText',
value: function setStaveText(text) {
this.text = text;return this;
}
}, {
key: 'setShiftX',
value: function setShiftX(x) {
this.shift_x = x;return this;
}
}, {
key: 'setShiftY',
value: function setShiftY(y) {
this.shift_y = y;return this;
}
}, {
key: 'setFont',
value: function setFont(font) {
_vex.Vex.Merge(this.font, font);
}
}, {
key: 'setText',
value: function setText(text) {
this.text = text;
}
}, {
key: 'draw',
value: function draw(stave) {
var ctx = stave.checkContext();
this.setRendered();
ctx.save();
ctx.lineWidth = 2;
ctx.setFont(this.font.family, this.font.size, this.font.weight);
var text_width = ctx.measureText('' + this.text).width;
var x = void 0;
var y = void 0;
var Position = _stavemodifier.StaveModifier.Position;
var Justification = _textnote.TextNote.Justification;
switch (this.position) {
case Position.LEFT:
case Position.RIGHT:
y = (stave.getYForLine(0) + stave.getBottomLineY()) / 2 + this.options.shift_y;
if (this.position === Position.LEFT) {
x = stave.getX() - text_width - 24 + this.options.shift_x;
} else {
x = stave.getX() + stave.getWidth() + 24 + this.options.shift_x;
}
break;
case Position.ABOVE:
case Position.BELOW:
x = stave.getX() + this.options.shift_x;
if (this.options.justification === Justification.CENTER) {
x += stave.getWidth() / 2 - text_width / 2;
} else if (this.options.justification === Justification.RIGHT) {
x += stave.getWidth() - text_width;
}
if (this.position === Position.ABOVE) {
y = stave.getYForTopText(2) + this.options.shift_y;
} else {
y = stave.getYForBottomText(2) + this.options.shift_y;
}
break;
default:
throw new _vex.Vex.RERR('InvalidPosition', 'Value Must be in Modifier.Position.');
}
ctx.fillText('' + this.text, x, y + 4);
ctx.restore();
return this;
}
}]);
return StaveText;
}(_stavemodifier.StaveModifier);
/***/ },
/* 50 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TextNote = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
var _note = __webpack_require__(22);
var _glyph = __webpack_require__(4);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// `TextNote` is a notation element that is positioned in time. Generally
// meant for objects that sit above/below the staff and inline with each other.
// Examples of this would be such as dynamics, lyrics, chord changes, etc.
var TextNote = exports.TextNote = function (_Note) {
_inherits(TextNote, _Note);
_createClass(TextNote, null, [{
key: 'Justification',
get: function get() {
return {
LEFT: 1,
CENTER: 2,
RIGHT: 3
};
}
// Glyph data
}, {
key: 'GLYPHS',
get: function get() {
return {
'segno': {
code: 'v8c',
point: 40,
x_shift: 0,
y_shift: -10
},
'tr': {
code: 'v1f',
point: 40,
x_shift: 0,
y_shift: 0
},
'mordent_upper': {
code: 'v1e',
point: 40,
x_shift: 0,
y_shift: 0
},
'mordent_lower': {
code: 'v45',
point: 40,
x_shift: 0,
y_shift: 0
},
'f': {
code: 'vba',
point: 40,
x_shift: 0,
y_shift: 0
},
'p': {
code: 'vbf',
point: 40,
x_shift: 0,
y_shift: 0
},
'm': {
code: 'v62',
point: 40,
x_shift: 0,
y_shift: 0
},
's': {
code: 'v4a',
point: 40,
x_shift: 0,
y_shift: 0
},
'z': {
code: 'v80',
point: 40,
x_shift: 0,
y_shift: 0
},
'coda': {
code: 'v4d',
point: 40,
x_shift: 0,
y_shift: -8
},
'pedal_open': {
code: 'v36',
point: 40,
x_shift: 0,
y_shift: 0
},
'pedal_close': {
code: 'v5d',
point: 40,
x_shift: 0,
y_shift: 3
},
'caesura_straight': {
code: 'v34',
point: 40,
x_shift: 0,
y_shift: 2
},
'caesura_curved': {
code: 'v4b',
point: 40,
x_shift: 0,
y_shift: 2
},
'breath': {
code: 'v6c',
point: 40,
x_shift: 0,
y_shift: 0
},
'tick': {
code: 'v6f',
point: 50,
x_shift: 0,
y_shift: 0
},
'turn': {
code: 'v72',
point: 40,
x_shift: 0,
y_shift: 0
},
'turn_inverted': {
code: 'v33',
point: 40,
x_shift: 0,
y_shift: 0
},
// DEPRECATED - please use "mordent_upper" or "mordent_lower"
'mordent': {
code: 'v1e',
point: 40,
x_shift: 0,
y_shift: 0
}
};
}
}]);
function TextNote(text_struct) {
_classCallCheck(this, TextNote);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(TextNote).call(this, text_struct));
_this.setAttribute('type', 'TextNote');
// Note properties
_this.text = text_struct.text;
_this.superscript = text_struct.superscript;
_this.subscript = text_struct.subscript;
_this.glyph_type = text_struct.glyph;
_this.glyph = null;
_this.font = {
family: 'Arial',
size: 12,
weight: ''
};
// Set font
if (text_struct.font) _this.font = text_struct.font;
// Determine and set initial note width. Note that the text width is
// an approximation and isn't very accurate. The only way to accurately
// measure the length of text is with `canvasmeasureText()`
if (_this.glyph_type) {
var struct = TextNote.GLYPHS[_this.glyph_type];
if (!struct) throw new _vex.Vex.RERR('Invalid glyph type: ' + _this.glyph_type);
_this.glyph = new _glyph.Glyph(struct.code, struct.point, { cache: false });
if (struct.width) {
_this.setWidth(struct.width);
} else {
_this.setWidth(_this.glyph.getMetrics().width);
}
_this.glyph_struct = struct;
} else {
_this.setWidth(_tables.Flow.textWidth(_this.text));
}
_this.line = text_struct.line || 0;
_this.smooth = text_struct.smooth || false;
_this.ignore_ticks = text_struct.ignore_ticks || false;
_this.justification = TextNote.Justification.LEFT;
return _this;
}
// Set the horizontal justification of the TextNote
_createClass(TextNote, [{
key: 'setJustification',
value: function setJustification(just) {
this.justification = just;
return this;
}
// Set the Stave line on which the note should be placed
}, {
key: 'setLine',
value: function setLine(line) {
this.line = line;
return this;
}
// Pre-render formatting
}, {
key: 'preFormat',
value: function preFormat() {
this.checkContext();
if (this.preFormatted) return;
if (this.smooth) {
this.setWidth(0);
} else {
if (this.glyph) {
// Width already set.
} else {
this.setWidth(this.context.measureText(this.text).width);
}
}
if (this.justification === TextNote.Justification.CENTER) {
this.extraLeftPx = this.width / 2;
} else if (this.justification === TextNote.Justification.RIGHT) {
this.extraLeftPx = this.width;
}
this.setPreFormatted(true);
}
// Renders the TextNote
}, {
key: 'draw',
value: function draw() {
this.checkContext();
if (!this.stave) {
throw new _vex.Vex.RERR('NoStave', "Can't draw without a stave.");
}
this.setRendered();
var ctx = this.context;
var x = this.getAbsoluteX();
if (this.justification === TextNote.Justification.CENTER) {
x -= this.getWidth() / 2;
} else if (this.justification === TextNote.Justification.RIGHT) {
x -= this.getWidth();
}
var y = void 0;
if (this.glyph) {
y = this.stave.getYForLine(this.line + -3);
this.glyph.render(this.context, x + this.glyph_struct.x_shift, y + this.glyph_struct.y_shift);
} else {
y = this.stave.getYForLine(this.line + -3);
ctx.save();
ctx.setFont(this.font.family, this.font.size, this.font.weight);
ctx.fillText(this.text, x, y);
// Width of the letter M gives us the approximate height of the text
var height = ctx.measureText('M').width;
// Get accurate width of text
var width = ctx.measureText(this.text).width;
// Write superscript
if (this.superscript) {
ctx.setFont(this.font.family, this.font.size / 1.3, this.font.weight);
ctx.fillText(this.superscript, x + width + 2, y - height / 2.2);
}
// Write subscript
if (this.subscript) {
ctx.setFont(this.font.family, this.font.size / 1.3, this.font.weight);
ctx.fillText(this.subscript, x + width + 2, y + height / 2.2 - 1);
}
ctx.restore();
}
}
}]);
return TextNote;
}(_note.Note);
/***/ },
/* 51 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Clef = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _stavemodifier = __webpack_require__(45);
var _glyph = __webpack_require__(4);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna Cheppudira 2013.
// Co-author: Benjamin W. Bohl
//
// ## Description
//
// This file implements various types of clefs that can be rendered on a stave.
//
// See `tests/clef_tests.js` for usage examples.
// To enable logging for this class, set `Vex.Flow.Clef.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (Clef.DEBUG) _vex.Vex.L('Vex.Flow.Clef', args);
}
var Clef = exports.Clef = function (_StaveModifier) {
_inherits(Clef, _StaveModifier);
_createClass(Clef, null, [{
key: 'CATEGORY',
get: function get() {
return 'clefs';
}
// Every clef name is associated with a glyph code from the font file
// and a default stave line number.
}, {
key: 'types',
get: function get() {
return {
'treble': {
code: 'v83',
line: 3
},
'bass': {
code: 'v79',
line: 1
},
'alto': {
code: 'vad',
line: 2
},
'tenor': {
code: 'vad',
line: 1
},
'percussion': {
code: 'v59',
line: 2
},
'soprano': {
code: 'vad',
line: 4
},
'mezzo-soprano': {
code: 'vad',
line: 3
},
'baritone-c': {
code: 'vad',
line: 0
},
'baritone-f': {
code: 'v79',
line: 2
},
'subbass': {
code: 'v79',
line: 0
},
'french': {
code: 'v83',
line: 4
},
'tab': {
code: 'v2f'
}
};
}
// Sizes affect the point-size of the clef.
}, {
key: 'sizes',
get: function get() {
return {
'default': 40,
'small': 32
};
}
// Annotations attach to clefs -- such as "8" for octave up or down.
}, {
key: 'annotations',
get: function get() {
return {
'8va': {
code: 'v8',
sizes: {
'default': {
point: 20,
attachments: {
'treble': {
line: -1.2,
x_shift: 11
}
}
},
'small': {
point: 18,
attachments: {
'treble': {
line: -0.4,
x_shift: 8
}
}
}
}
},
'8vb': {
code: 'v8',
sizes: {
'default': {
point: 20,
attachments: {
'treble': {
line: 6.3,
x_shift: 10
},
'bass': {
line: 4,
x_shift: 1
}
}
},
'small': {
point: 18,
attachments: {
'treble': {
line: 5.8,
x_shift: 6
},
'bass': {
line: 3.5,
x_shift: 0.5
}
}
}
}
}
};
}
// Create a new clef. The parameter `clef` must be a key from
// `Clef.types`.
}]);
function Clef(type, size, annotation) {
_classCallCheck(this, Clef);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Clef).call(this));
_this.setAttribute('type', 'Clef');
_this.setPosition(_stavemodifier.StaveModifier.Position.BEGIN);
_this.setType(type, size, annotation);
_this.setWidth(_this.glyph.getMetrics().width);
L('Creating clef:', type);
return _this;
}
_createClass(Clef, [{
key: 'getCategory',
value: function getCategory() {
return Clef.CATEGORY;
}
}, {
key: 'setType',
value: function setType(type, size, annotation) {
this.type = type;
this.clef = Clef.types[type];
if (size === undefined) {
this.size = 'default';
} else {
this.size = size;
}
this.clef.point = Clef.sizes[this.size];
this.glyph = new _glyph.Glyph(this.clef.code, this.clef.point);
// If an annotation, such as 8va, is specified, add it to the Clef object.
if (annotation !== undefined) {
var anno_dict = Clef.annotations[annotation];
this.annotation = {
code: anno_dict.code,
point: anno_dict.sizes[this.size].point,
line: anno_dict.sizes[this.size].attachments[this.type].line,
x_shift: anno_dict.sizes[this.size].attachments[this.type].x_shift
};
this.attachment = new _glyph.Glyph(this.annotation.code, this.annotation.point);
this.attachment.metrics.x_max = 0;
this.attachment.setXShift(this.annotation.x_shift);
} else {
this.annotation = undefined;
}
return this;
}
}, {
key: 'getWidth',
value: function getWidth() {
if (this.type === 'tab' && !this.stave) {
throw new _vex.Vex.RERR('ClefError', "Can't get width without stave.");
}
return this.width;
}
}, {
key: 'setStave',
value: function setStave(stave) {
this.stave = stave;
if (this.type !== 'tab') return this;
var glyphScale = void 0;
var glyphOffset = void 0;
var numLines = this.stave.getOptions().num_lines;
switch (numLines) {
case 8:
glyphScale = 55;
glyphOffset = 14;
break;
case 7:
glyphScale = 47;
glyphOffset = 8;
break;
case 6:
glyphScale = 40;
glyphOffset = 1;
break;
case 5:
glyphScale = 30;
glyphOffset = -6;
break;
case 4:
glyphScale = 23;
glyphOffset = -12;
break;
default:
throw new _vex.Vex.RERR('ClefError', 'Invalid number of lines: ' + numLines);
}
this.glyph.setPoint(glyphScale);
this.glyph.setYShift(glyphOffset);
return this;
}
}, {
key: 'draw',
value: function draw() {
if (!this.x) throw new _vex.Vex.RERR('ClefError', "Can't draw clef without x.");
if (!this.stave) throw new _vex.Vex.RERR('ClefError', "Can't draw clef without stave.");
this.setRendered();
this.glyph.setStave(this.stave);
this.glyph.setContext(this.stave.context);
if (this.clef.line !== undefined) {
this.placeGlyphOnLine(this.glyph, this.stave, this.clef.line);
}
this.glyph.renderToStave(this.x);
if (this.annotation !== undefined) {
this.placeGlyphOnLine(this.attachment, this.stave, this.annotation.line);
this.attachment.setStave(this.stave);
this.attachment.setContext(this.stave.context);
this.attachment.renderToStave(this.x);
}
}
}]);
return Clef;
}(_stavemodifier.StaveModifier);
/***/ },
/* 52 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.KeySignature = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
var _stavemodifier = __webpack_require__(45);
var _glyph = __webpack_require__(4);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Author: Cyril Silverman
//
// ## Description
//
// This file implements key signatures. A key signature sits on a stave
// and indicates the notes with implicit accidentals.
var KeySignature = exports.KeySignature = function (_StaveModifier) {
_inherits(KeySignature, _StaveModifier);
_createClass(KeySignature, null, [{
key: 'CATEGORY',
get: function get() {
return 'keysignatures';
}
// Space between natural and following accidental depending
// on vertical position
}, {
key: 'accidentalSpacing',
get: function get() {
return {
'#': {
above: 6,
below: 4
},
'b': {
above: 4,
below: 7
},
'n': {
above: 4,
below: 1
},
'##': {
above: 6,
below: 4
},
'bb': {
above: 4,
below: 7
},
'db': {
above: 4,
below: 7
},
'd': {
above: 4,
below: 7
},
'bbs': {
above: 4,
below: 7
},
'++': {
above: 6,
below: 4
},
'+': {
above: 6,
below: 4
},
'+-': {
above: 6,
below: 4
},
'++-': {
above: 6,
below: 4
},
'bs': {
above: 4,
below: 10
},
'bss': {
above: 4,
below: 10
}
};
}
// Create a new Key Signature based on a `key_spec`
}]);
function KeySignature(keySpec, cancelKeySpec, alterKeySpec) {
_classCallCheck(this, KeySignature);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(KeySignature).call(this));
_this.setAttribute('type', 'KeySignature');
_this.setKeySig(keySpec, cancelKeySpec, alterKeySpec);
_this.setPosition(_stavemodifier.StaveModifier.Position.BEGIN);
_this.glyphFontScale = 38; // TODO(0xFE): Should this match StaveNote?
_this.glyphs = [];
_this.xPositions = []; // relative to this.x
_this.paddingForced = false;
return _this;
}
_createClass(KeySignature, [{
key: 'getCategory',
value: function getCategory() {
return KeySignature.CATEGORY;
}
// Add an accidental glyph to the `KeySignature` instance which represents
// the provided `acc`. If `nextAcc` is also provided, the appropriate
// spacing will be included in the glyph's position
}, {
key: 'convertToGlyph',
value: function convertToGlyph(acc, nextAcc) {
var accGlyphData = _tables.Flow.accidentalCodes(acc.type);
var glyph = new _glyph.Glyph(accGlyphData.code, this.glyphFontScale);
// Determine spacing between current accidental and the next accidental
var extraWidth = 1;
if (acc.type === 'n' && nextAcc) {
var spacing = KeySignature.accidentalSpacing[nextAcc.type];
if (spacing) {
var isAbove = nextAcc.line >= acc.line;
extraWidth = isAbove ? spacing.above : spacing.below;
}
}
// Place the glyph on the stave
this.placeGlyphOnLine(glyph, this.stave, acc.line);
this.glyphs.push(glyph);
var xPosition = this.xPositions[this.xPositions.length - 1];
var glyphWidth = glyph.getMetrics().width + extraWidth;
// Store the next accidental's x position
this.xPositions.push(xPosition + glyphWidth);
// Expand size of key signature
this.width += glyphWidth;
}
// Cancel out a key signature provided in the `spec` parameter. This will
// place appropriate natural accidentals before the key signature.
}, {
key: 'cancelKey',
value: function cancelKey(spec) {
this.formatted = false;
this.cancelKeySpec = spec;
return this;
}
}, {
key: 'convertToCancelAccList',
value: function convertToCancelAccList(spec) {
// Get the accidental list for the cancelled key signature
var cancel_accList = _tables.Flow.keySignature(spec);
// If the cancelled key has a different accidental type, ie: # vs b
var different_types = this.accList.length > 0 && cancel_accList.length > 0 && cancel_accList[0].type !== this.accList[0].type;
// Determine how many naturals needed to add
var naturals = different_types ? cancel_accList.length : cancel_accList.length - this.accList.length;
// Return if no naturals needed
if (naturals < 1) return;
// Get the line position for each natural
var cancelled = [];
for (var i = 0; i < naturals; i++) {
var index = i;
if (!different_types) {
index = cancel_accList.length - naturals + i;
}
var acc = cancel_accList[index];
cancelled.push({ type: 'n', line: acc.line });
}
// Combine naturals with main accidental list for the key signature
this.accList = cancelled.concat(this.accList);
}
// Deprecated
}, {
key: 'addToStave',
value: function addToStave(stave) {
this.paddingForced = true;
stave.addModifier(this);
return this;
}
// Apply the accidental staff line placement based on the `clef` and
// the accidental `type` for the key signature ('# or 'b').
}, {
key: 'convertAccLines',
value: function convertAccLines(clef, type) {
var offset = 0.0; // if clef === "treble"
var customLines = void 0; // when clef doesn't follow treble key sig shape
switch (clef) {
// Treble & Subbass both have offsets of 0, so are not included.
case 'soprano':
if (type === '#') customLines = [2.5, 0.5, 2, 0, 1.5, -0.5, 1];else offset = -1;
break;
case 'mezzo-soprano':
if (type === 'b') customLines = [0, 2, 0.5, 2.5, 1, 3, 1.5];else offset = 1.5;
break;
case 'alto':
offset = 0.5;
break;
case 'tenor':
if (type === '#') customLines = [3, 1, 2.5, 0.5, 2, 0, 1.5];else offset = -0.5;
break;
case 'baritone-f':
case 'baritone-c':
if (type === 'b') customLines = [0.5, 2.5, 1, 3, 1.5, 3.5, 2];else offset = 2;
break;
case 'bass':
case 'french':
offset = 1;
break;
default:
break;
}
// If there's a special case, assign those lines/spaces:
var i = void 0;
if (typeof customLines !== 'undefined') {
for (i = 0; i < this.accList.length; ++i) {
this.accList[i].line = customLines[i];
}
} else if (offset !== 0) {
for (i = 0; i < this.accList.length; ++i) {
this.accList[i].line += offset;
}
}
}
}, {
key: 'getPadding',
value: function getPadding(index) {
if (!this.formatted) this.format();
return this.glyphs.length === 0 || !this.paddingForced && index < 2 ? 0 : this.padding;
}
}, {
key: 'getWidth',
value: function getWidth() {
if (!this.formatted) this.format();
return this.width;
}
}, {
key: 'setKeySig',
value: function setKeySig(keySpec, cancelKeySpec, alterKeySpec) {
this.formatted = false;
this.keySpec = keySpec;
this.cancelKeySpec = cancelKeySpec;
this.alterKeySpec = alterKeySpec;
return this;
}
// Alter the accidentals of a key spec one by one.
// Each alteration is a new accidental that replaces the
// original accidental (or the canceled one).
}, {
key: 'alterKey',
value: function alterKey(alterKeySpec) {
this.formatted = false;
this.alterKeySpec = alterKeySpec;
return this;
}
}, {
key: 'convertToAlterAccList',
value: function convertToAlterAccList(alterKeySpec) {
var max = Math.min(alterKeySpec.length, this.accList.length);
for (var i = 0; i < max; ++i) {
if (alterKeySpec[i]) {
this.accList[i].type = alterKeySpec[i];
}
}
}
}, {
key: 'format',
value: function format() {
if (!this.stave) {
throw new _vex.Vex.RERR('KeySignatureError', "Can't draw key signature without stave.");
}
this.width = 0;
this.glyphs = [];
this.xPositions = [0]; // initialize with initial x position
this.accList = _tables.Flow.keySignature(this.keySpec);
if (this.cancelKeySpec) {
this.convertToCancelAccList(this.cancelKeySpec);
}
var firstAccidentalType = this.accList.length > 0 ? this.accList[0].type : null;
if (this.alterKeySpec) {
this.convertToAlterAccList(this.alterKeySpec);
}
if (this.accList.length > 0) {
this.convertAccLines(this.stave.clef, firstAccidentalType);
for (var i = 0; i < this.accList.length; ++i) {
this.convertToGlyph(this.accList[i], this.accList[i + 1]);
}
}
this.formatted = true;
}
}, {
key: 'draw',
value: function draw() {
if (!this.x) {
throw new _vex.Vex.RERR('KeySignatureError', "Can't draw key signature without x.");
}
if (!this.stave) {
throw new _vex.Vex.RERR('KeySignatureError', "Can't draw key signature without stave.");
}
if (!this.formatted) this.format();
this.setRendered();
for (var i = 0; i < this.glyphs.length; i++) {
var glyph = this.glyphs[i];
var x = this.x + this.xPositions[i];
glyph.setStave(this.stave);
glyph.setContext(this.stave.context);
glyph.renderToStave(x);
}
}
}]);
return KeySignature;
}(_stavemodifier.StaveModifier);
/***/ },
/* 53 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TimeSignature = undefined;
var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _glyph3 = __webpack_require__(4);
var _stavemodifier = __webpack_require__(45);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// Implements time signatures glyphs for staffs
// See tables.js for the internal time signatures
// representation
var assertIsValidFraction = function assertIsValidFraction(timeSpec) {
var numbers = timeSpec.split('/').filter(function (number) {
return number !== '';
});
if (numbers.length !== 2) {
throw new _vex.Vex.RERR('BadTimeSignature', 'Invalid time spec: ' + timeSpec + '. Must be in the form "<numerator>/<denominator>"');
}
numbers.forEach(function (number) {
if (isNaN(Number(number))) {
throw new _vex.Vex.RERR('BadTimeSignature', 'Invalid time spec: ' + timeSpec + '. Must contain two valid numbers.');
}
});
};
var TimeSignature = exports.TimeSignature = function (_StaveModifier) {
_inherits(TimeSignature, _StaveModifier);
_createClass(TimeSignature, null, [{
key: 'CATEGORY',
get: function get() {
return 'timesignatures';
}
}, {
key: 'glyphs',
get: function get() {
return {
'C': {
code: 'v41',
point: 40,
line: 2
},
'C|': {
code: 'vb6',
point: 40,
line: 2
}
};
}
}]);
function TimeSignature() {
var timeSpec = arguments.length <= 0 || arguments[0] === undefined ? null : arguments[0];
var customPadding = arguments.length <= 1 || arguments[1] === undefined ? 15 : arguments[1];
_classCallCheck(this, TimeSignature);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(TimeSignature).call(this));
_this.setAttribute('type', 'TimeSignature');
if (timeSpec === null) return _possibleConstructorReturn(_this);
var padding = customPadding;
_this.point = 40;
_this.topLine = 2;
_this.bottomLine = 4;
_this.setPosition(_stavemodifier.StaveModifier.Position.BEGIN);
_this.setTimeSig(timeSpec);
_this.setWidth(_this.timeSig.glyph.getMetrics().width);
_this.setPadding(padding);
return _this;
}
_createClass(TimeSignature, [{
key: 'getCategory',
value: function getCategory() {
return TimeSignature.CATEGORY;
}
}, {
key: 'parseTimeSpec',
value: function parseTimeSpec(timeSpec) {
if (timeSpec === 'C' || timeSpec === 'C|') {
var _TimeSignature$glyphs = TimeSignature.glyphs[timeSpec];
var line = _TimeSignature$glyphs.line;
var code = _TimeSignature$glyphs.code;
var point = _TimeSignature$glyphs.point;
return {
line: line,
num: false,
glyph: new _glyph3.Glyph(code, point)
};
}
assertIsValidFraction(timeSpec);
var _timeSpec$split$map = timeSpec.split('/').map(function (number) {
return number.split('');
});
var _timeSpec$split$map2 = _slicedToArray(_timeSpec$split$map, 2);
var topDigits = _timeSpec$split$map2[0];
var botDigits = _timeSpec$split$map2[1];
return {
num: true,
glyph: this.makeTimeSignatureGlyph(topDigits, botDigits)
};
}
}, {
key: 'makeTimeSignatureGlyph',
value: function makeTimeSignatureGlyph(topDigits, botDigits) {
var glyph = new _glyph3.Glyph('v0', this.point);
glyph.topGlyphs = [];
glyph.botGlyphs = [];
var topWidth = 0;
for (var i = 0; i < topDigits.length; ++i) {
var num = topDigits[i];
var topGlyph = new _glyph3.Glyph('v' + num, this.point);
glyph.topGlyphs.push(topGlyph);
topWidth += topGlyph.getMetrics().width;
}
var botWidth = 0;
for (var _i = 0; _i < botDigits.length; ++_i) {
var _num = botDigits[_i];
var botGlyph = new _glyph3.Glyph('v' + _num, this.point);
glyph.botGlyphs.push(botGlyph);
botWidth += botGlyph.getMetrics().width;
}
var width = topWidth > botWidth ? topWidth : botWidth;
var xMin = glyph.getMetrics().x_min;
glyph.getMetrics = function () {
return {
x_min: xMin,
x_max: xMin + width,
width: width
};
};
var topStartX = (width - topWidth) / 2.0;
var botStartX = (width - botWidth) / 2.0;
var that = this;
glyph.renderToStave = function renderToStave(x) {
var start_x = x + topStartX;
for (var _i2 = 0; _i2 < this.topGlyphs.length; ++_i2) {
var _glyph = this.topGlyphs[_i2];
_glyph3.Glyph.renderOutline(this.context, _glyph.metrics.outline, _glyph.scale, start_x + _glyph.x_shift, this.stave.getYForLine(that.topLine) + 1);
start_x += _glyph.getMetrics().width;
}
start_x = x + botStartX;
for (var _i3 = 0; _i3 < this.botGlyphs.length; ++_i3) {
var _glyph2 = this.botGlyphs[_i3];
that.placeGlyphOnLine(_glyph2, this.stave, _glyph2.line);
_glyph3.Glyph.renderOutline(this.context, _glyph2.metrics.outline, _glyph2.scale, start_x + _glyph2.x_shift, this.stave.getYForLine(that.bottomLine) + 1);
start_x += _glyph2.getMetrics().width;
}
};
return glyph;
}
}, {
key: 'getTimeSig',
value: function getTimeSig() {
return this.timeSig;
}
}, {
key: 'setTimeSig',
value: function setTimeSig(timeSpec) {
this.timeSig = this.parseTimeSpec(timeSpec);
return this;
}
}, {
key: 'draw',
value: function draw() {
if (!this.x) {
throw new _vex.Vex.RERR('TimeSignatureError', "Can't draw time signature without x.");
}
if (!this.stave) {
throw new _vex.Vex.RERR('TimeSignatureError', "Can't draw time signature without stave.");
}
this.setRendered();
this.timeSig.glyph.setStave(this.stave);
this.timeSig.glyph.setContext(this.stave.context);
this.placeGlyphOnLine(this.timeSig.glyph, this.stave, this.timeSig.line);
this.timeSig.glyph.renderToStave(this.x);
}
}]);
return TimeSignature;
}(_stavemodifier.StaveModifier);
/***/ },
/* 54 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Volta = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _stavemodifier = __webpack_require__(45);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Author Larry Kuhns 2011
var Volta = exports.Volta = function (_StaveModifier) {
_inherits(Volta, _StaveModifier);
_createClass(Volta, null, [{
key: 'CATEGORY',
get: function get() {
return 'voltas';
}
}, {
key: 'type',
get: function get() {
return {
NONE: 1,
BEGIN: 2,
MID: 3,
END: 4,
BEGIN_END: 5
};
}
}]);
function Volta(type, number, x, y_shift) {
_classCallCheck(this, Volta);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Volta).call(this));
_this.setAttribute('type', 'Volta');
_this.volta = type;
_this.x = x;
_this.y_shift = y_shift;
_this.number = number;
_this.font = {
family: 'sans-serif',
size: 9,
weight: 'bold'
};
return _this;
}
_createClass(Volta, [{
key: 'getCategory',
value: function getCategory() {
return Volta.CATEGORY;
}
}, {
key: 'setShiftY',
value: function setShiftY(y) {
this.y_shift = y;return this;
}
}, {
key: 'draw',
value: function draw(stave, x) {
var ctx = stave.checkContext();
this.setRendered();
var width = stave.width;
var top_y = stave.getYForTopText(stave.options.num_lines) + this.y_shift;
var vert_height = 1.5 * stave.options.spacing_between_lines_px;
switch (this.volta) {
case Volta.type.BEGIN:
ctx.fillRect(this.x + x, top_y, 1, vert_height);
break;
case Volta.type.END:
width -= 5;
ctx.fillRect(this.x + x + width, top_y, 1, vert_height);
break;
case Volta.type.BEGIN_END:
width -= 3;
ctx.fillRect(this.x + x, top_y, 1, vert_height);
ctx.fillRect(this.x + x + width, top_y, 1, vert_height);
break;
default:
break;
}
// If the beginning of a volta, draw measure number
if (this.volta === Volta.type.BEGIN || this.volta === Volta.type.BEGIN_END) {
ctx.save();
ctx.setFont(this.font.family, this.font.size, this.font.weight);
ctx.fillText(this.number, this.x + x + 5, top_y + 15);
ctx.restore();
}
ctx.fillRect(this.x + x, top_y, width, 1);
return this;
}
}]);
return Volta;
}(_stavemodifier.StaveModifier);
/***/ },
/* 55 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TabStave = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _stave = __webpack_require__(43);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
var TabStave = exports.TabStave = function (_Stave) {
_inherits(TabStave, _Stave);
function TabStave(x, y, width, options) {
_classCallCheck(this, TabStave);
var tab_options = {
spacing_between_lines_px: 13,
num_lines: 6,
top_text_position: 1
};
_vex.Vex.Merge(tab_options, options);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(TabStave).call(this, x, y, width, tab_options));
_this.setAttribute('type', 'TabStave');
return _this;
}
_createClass(TabStave, [{
key: 'getYForGlyphs',
value: function getYForGlyphs() {
return this.getYForLine(2.5);
}
// Deprecated
}, {
key: 'addTabGlyph',
value: function addTabGlyph() {
this.addClef('tab');
return this;
}
}]);
return TabStave;
}(_stave.Stave);
/***/ },
/* 56 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TabNote = undefined;
var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
var _modifier = __webpack_require__(25);
var _stem = __webpack_require__(17);
var _stemmablenote = __webpack_require__(24);
var _dot = __webpack_require__(26);
var _glyph2 = __webpack_require__(4);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
//
// The file implements notes for Tablature notation. This consists of one or
// more fret positions, and can either be drawn with or without stems.
//
// See `tests/tabnote_tests.js` for usage examples
// Gets the unused strings grouped together if consecutive.
//
// Parameters:
// * num_lines - The number of lines
// * strings_used - An array of numbers representing which strings have fret positions
function getUnusedStringGroups(num_lines, strings_used) {
var stem_through = [];
var group = [];
for (var string = 1; string <= num_lines; string++) {
var is_used = strings_used.indexOf(string) > -1;
if (!is_used) {
group.push(string);
} else {
stem_through.push(group);
group = [];
}
}
if (group.length > 0) stem_through.push(group);
return stem_through;
}
// Gets groups of points that outline the partial stem lines
// between fret positions
//
// Parameters:
// * stem_Y - The `y` coordinate the stem is located on
// * unused_strings - An array of groups of unused strings
// * stave - The stave to use for reference
// * stem_direction - The direction of the stem
function getPartialStemLines(stem_y, unused_strings, stave, stem_direction) {
var up_stem = stem_direction !== 1;
var down_stem = stem_direction !== -1;
var line_spacing = stave.getSpacingBetweenLines();
var total_lines = stave.getNumLines();
var stem_lines = [];
unused_strings.forEach(function (strings) {
var containsLastString = strings.indexOf(total_lines) > -1;
var containsFirstString = strings.indexOf(1) > -1;
if (up_stem && containsFirstString || down_stem && containsLastString) {
return;
}
// If there's only one string in the group, push a duplicate value.
// We do this because we need 2 strings to convert into upper/lower y
// values.
if (strings.length === 1) {
strings.push(strings[0]);
}
var line_ys = [];
// Iterate through each group string and store it's y position
strings.forEach(function (string, index, strings) {
var isTopBound = string === 1;
var isBottomBound = string === total_lines;
// Get the y value for the appropriate staff line,
// we adjust for a 0 index array, since string numbers are index 1
var y = stave.getYForLine(string - 1);
// Unless the string is the first or last, add padding to each side
// of the line
if (index === 0 && !isTopBound) {
y -= line_spacing / 2 - 1;
} else if (index === strings.length - 1 && !isBottomBound) {
y += line_spacing / 2 - 1;
}
// Store the y value
line_ys.push(y);
// Store a subsequent y value connecting this group to the main
// stem above/below the stave if it's the top/bottom string
if (stem_direction === 1 && isTopBound) {
line_ys.push(stem_y - 2);
} else if (stem_direction === -1 && isBottomBound) {
line_ys.push(stem_y + 2);
}
});
// Add the sorted y values to the
stem_lines.push(line_ys.sort(function (a, b) {
return a - b;
}));
});
return stem_lines;
}
var TabNote = exports.TabNote = function (_StemmableNote) {
_inherits(TabNote, _StemmableNote);
_createClass(TabNote, null, [{
key: 'CATEGORY',
get: function get() {
return 'tabnotes';
}
// Initialize the TabNote with a `tab_struct` full of properties
// and whether to `draw_stem` when rendering the note
}]);
function TabNote(tab_struct, draw_stem) {
_classCallCheck(this, TabNote);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(TabNote).call(this, tab_struct));
_this.setAttribute('type', 'TabNote');
_this.ghost = false; // Renders parenthesis around notes
// Note properties
//
// The fret positions in the note. An array of `{ str: X, fret: X }`
_this.positions = tab_struct.positions;
// Render Options
_vex.Vex.Merge(_this.render_options, {
// font size for note heads and rests
glyph_font_scale: _tables.Flow.DEFAULT_TABLATURE_FONT_SCALE,
// Flag to draw a stem
draw_stem: draw_stem,
// Flag to draw dot modifiers
draw_dots: draw_stem,
// Flag to extend the main stem through the stave and fret positions
draw_stem_through_stave: false,
// vertical shift from stave line
y_shift: 0,
// normal glyph scale
scale: 1.0,
// default tablature font
font: '10pt Arial'
});
_this.glyph = _tables.Flow.durationToGlyph(_this.duration, _this.noteType);
if (!_this.glyph) {
throw new _vex.Vex.RuntimeError('BadArguments', 'Invalid note initialization data (No glyph found): ' + JSON.stringify(tab_struct));
}
_this.buildStem();
if (tab_struct.stem_direction) {
_this.setStemDirection(tab_struct.stem_direction);
} else {
_this.setStemDirection(_stem.Stem.UP);
}
// Renders parenthesis around notes
_this.ghost = false;
_this.updateWidth();
return _this;
}
// The ModifierContext category
_createClass(TabNote, [{
key: 'getCategory',
value: function getCategory() {
return TabNote.CATEGORY;
}
// Set as ghost `TabNote`, surrounds the fret positions with parenthesis.
// Often used for indicating frets that are being bent to
}, {
key: 'setGhost',
value: function setGhost(ghost) {
this.ghost = ghost;
this.updateWidth();
return this;
}
// Determine if the note has a stem
}, {
key: 'hasStem',
value: function hasStem() {
return this.render_options.draw_stem;
}
// Get the default stem extension for the note
}, {
key: 'getStemExtension',
value: function getStemExtension() {
var glyph = this.getGlyph();
if (this.stem_extension_override != null) {
return this.stem_extension_override;
}
if (glyph) {
return this.getStemDirection() === 1 ? glyph.tabnote_stem_up_extension : glyph.tabnote_stem_down_extension;
}
return 0;
}
// Add a dot to the note
}, {
key: 'addDot',
value: function addDot() {
var dot = new _dot.Dot();
this.dots += 1;
return this.addModifier(dot, 0);
}
// Calculate and store the width of the note
}, {
key: 'updateWidth',
value: function updateWidth() {
var _this2 = this;
this.glyphs = [];
this.width = 0;
for (var i = 0; i < this.positions.length; ++i) {
var fret = this.positions[i].fret;
if (this.ghost) fret = '(' + fret + ')';
var glyph = _tables.Flow.tabToGlyph(fret, this.render_options.scale);
this.glyphs.push(glyph);
this.width = Math.max(glyph.getWidth(), this.width);
}
// For some reason we associate a notehead glyph with a TabNote, and this
// glyph is used for certain width calculations. Of course, this is totally
// incorrect since a notehead is a poor approximation for the dimensions of
// a fret number which can have multiple digits. As a result, we must
// overwrite getWidth() to return the correct width
this.glyph.getWidth = function () {
return _this2.width;
};
}
// Set the `stave` to the note
}, {
key: 'setStave',
value: function setStave(stave) {
var _this3 = this;
_get(Object.getPrototypeOf(TabNote.prototype), 'setStave', this).call(this, stave);
this.context = stave.context;
// Calculate the fret number width based on font used
var i = void 0;
if (this.context) {
var ctx = this.context;
this.width = 0;
var _loop = function _loop() {
var glyph = _this3.glyphs[i];
var text = '' + glyph.text;
if (text.toUpperCase() !== 'X') {
ctx.save();
ctx.setRawFont(_this3.render_options.font);
glyph.width = ctx.measureText(text).width;
ctx.restore();
glyph.getWidth = function () {
return glyph.width;
};
}
_this3.width = Math.max(glyph.getWidth(), _this3.width);
};
for (i = 0; i < this.glyphs.length; ++i) {
_loop();
}
this.glyph.getWidth = function () {
return _this3.width;
};
}
// we subtract 1 from `line` because getYForLine expects a 0-based index,
// while the position.str is a 1-based index
var ys = this.positions.map(function (_ref) {
var line = _ref.str;
return stave.getYForLine(line - 1);
});
this.setYs(ys);
if (this.stem) {
this.stem.setYBounds(this.getStemY(), this.getStemY());
}
return this;
}
// Get the fret positions for the note
}, {
key: 'getPositions',
value: function getPositions() {
return this.positions;
}
// Add self to the provided modifier context `mc`
}, {
key: 'addToModifierContext',
value: function addToModifierContext(mc) {
this.setModifierContext(mc);
for (var i = 0; i < this.modifiers.length; ++i) {
this.modifierContext.addModifier(this.modifiers[i]);
}
this.modifierContext.addModifier(this);
this.preFormatted = false;
return this;
}
// Get the `x` coordinate to the right of the note
}, {
key: 'getTieRightX',
value: function getTieRightX() {
var tieStartX = this.getAbsoluteX();
var note_glyph_width = this.glyph.getWidth();
tieStartX += note_glyph_width / 2;
tieStartX += -this.width / 2 + this.width + 2;
return tieStartX;
}
// Get the `x` coordinate to the left of the note
}, {
key: 'getTieLeftX',
value: function getTieLeftX() {
var tieEndX = this.getAbsoluteX();
var note_glyph_width = this.glyph.getWidth();
tieEndX += note_glyph_width / 2;
tieEndX -= this.width / 2 + 2;
return tieEndX;
}
// Get the default `x` and `y` coordinates for a modifier at a specific
// `position` at a fret position `index`
}, {
key: 'getModifierStartXY',
value: function getModifierStartXY(position, index) {
if (!this.preFormatted) {
throw new _vex.Vex.RERR('UnformattedNote', "Can't call GetModifierStartXY on an unformatted note");
}
if (this.ys.length === 0) {
throw new _vex.Vex.RERR('NoYValues', 'No Y-Values calculated for this note.');
}
var x = 0;
if (position === _modifier.Modifier.Position.LEFT) {
x = -1 * 2; // extra_left_px
} else if (position === _modifier.Modifier.Position.RIGHT) {
x = this.width + 2; // extra_right_px
} else if (position === _modifier.Modifier.Position.BELOW || position === _modifier.Modifier.Position.ABOVE) {
var note_glyph_width = this.glyph.getWidth();
x = note_glyph_width / 2;
}
return {
x: this.getAbsoluteX() + x,
y: this.ys[index]
};
}
// Get the default line for rest
}, {
key: 'getLineForRest',
value: function getLineForRest() {
return this.positions[0].str;
}
// Pre-render formatting
}, {
key: 'preFormat',
value: function preFormat() {
if (this.preFormatted) return;
if (this.modifierContext) this.modifierContext.preFormat();
// width is already set during init()
this.setPreFormatted(true);
}
// Get the x position for the stem
}, {
key: 'getStemX',
value: function getStemX() {
return this.getCenterGlyphX();
}
// Get the y position for the stem
}, {
key: 'getStemY',
value: function getStemY() {
var num_lines = this.stave.getNumLines();
// The decimal staff line amounts provide optimal spacing between the
// fret number and the stem
var stemUpLine = -0.5;
var stemDownLine = num_lines - 0.5;
var stemStartLine = _stem.Stem.UP === this.stem_direction ? stemUpLine : stemDownLine;
return this.stave.getYForLine(stemStartLine);
}
// Get the stem extents for the tabnote
}, {
key: 'getStemExtents',
value: function getStemExtents() {
return this.stem.getExtents();
}
// Draw the fal onto the context
}, {
key: 'drawFlag',
value: function drawFlag() {
var beam = this.beam;
var glyph = this.glyph;
var context = this.context;
var stem = this.stem;
var stem_direction = this.stem_direction;
var _render_options = this.render_options;
var draw_stem = _render_options.draw_stem;
var glyph_font_scale = _render_options.glyph_font_scale;
var shouldDrawFlag = beam == null && draw_stem;
// Now it's the flag's turn.
if (glyph.flag && shouldDrawFlag) {
var flag_x = this.getStemX() + 1;
var flag_y = this.getStemY() - stem.getHeight();
var flag_code = stem_direction === _stem.Stem.DOWN ? glyph.code_flag_downstem // Down stems have flags on the left.
: glyph.code_flag_upstem;
// Draw the Flag
_glyph2.Glyph.renderGlyph(context, flag_x, flag_y, glyph_font_scale, flag_code);
}
}
// Render the modifiers onto the context
}, {
key: 'drawModifiers',
value: function drawModifiers() {
var _this4 = this;
// Draw the modifiers
this.modifiers.forEach(function (modifier) {
// Only draw the dots if enabled
if (modifier.getCategory() === 'dots' && !_this4.render_options.draw_dots) return;
modifier.setContext(_this4.context);
modifier.draw();
});
}
// Render the stem extension through the fret positions
}, {
key: 'drawStemThrough',
value: function drawStemThrough() {
var stem_x = this.getStemX();
var stem_y = this.getStemY();
var ctx = this.context;
var stem_through = this.render_options.draw_stem_through_stave;
var draw_stem = this.render_options.draw_stem;
if (draw_stem && stem_through) {
var total_lines = this.stave.getNumLines();
var strings_used = this.positions.map(function (position) {
return position.str;
});
var unused_strings = getUnusedStringGroups(total_lines, strings_used);
var stem_lines = getPartialStemLines(stem_y, unused_strings, this.getStave(), this.getStemDirection());
ctx.save();
ctx.setLineWidth(_stem.Stem.WIDTH);
stem_lines.forEach(function (bounds) {
if (bounds.length === 0) return;
ctx.beginPath();
ctx.moveTo(stem_x, bounds[0]);
ctx.lineTo(stem_x, bounds[bounds.length - 1]);
ctx.stroke();
ctx.closePath();
});
ctx.restore();
}
}
// Render the fret positions onto the context
}, {
key: 'drawPositions',
value: function drawPositions() {
var ctx = this.context;
var x = this.getAbsoluteX();
var ys = this.ys;
for (var i = 0; i < this.positions.length; ++i) {
var y = ys[i] + this.render_options.y_shift;
var _glyph = this.glyphs[i];
// Center the fret text beneath the notation note head
var note_glyph_width = this.glyph.getWidth();
var tab_x = x + note_glyph_width / 2 - _glyph.getWidth() / 2;
// FIXME: Magic numbers.
ctx.clearRect(tab_x - 2, y - 3, _glyph.getWidth() + 4, 6);
if (_glyph.code) {
_glyph2.Glyph.renderGlyph(ctx, tab_x, y, this.render_options.glyph_font_scale * this.render_options.scale, _glyph.code);
} else {
ctx.save();
ctx.setRawFont(this.render_options.font);
var _text = _glyph.text.toString();
ctx.fillText(_text, tab_x, y + 5 * this.render_options.scale);
ctx.restore();
}
}
}
// The main rendering function for the entire note
}, {
key: 'draw',
value: function draw() {
this.checkContext();
if (!this.stave) {
throw new _vex.Vex.RERR('NoStave', "Can't draw without a stave.");
}
if (this.ys.length === 0) {
throw new _vex.Vex.RERR('NoYValues', "Can't draw note without Y values.");
}
this.setRendered();
var render_stem = this.beam == null && this.render_options.draw_stem;
this.drawPositions();
this.drawStemThrough();
var stem_x = this.getStemX();
this.stem.setNoteHeadXBounds(stem_x, stem_x);
if (render_stem) {
this.context.openGroup('stem', null, { pointerBBox: true });
this.stem.setContext(this.context).draw();
this.context.closeGroup();
}
this.drawFlag();
this.drawModifiers();
}
}]);
return TabNote;
}(_stemmablenote.StemmableNote);
/***/ },
/* 57 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.VibratoBracket = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _element = __webpack_require__(5);
var _vibrato = __webpack_require__(42);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Author: Balazs Forian-Szabo
//
// ## Description
//
// This file implements `VibratoBrackets`
// that renders vibrato effect between two notes.
// To enable logging for this class. Set `Vex.Flow.VibratoBracket.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (VibratoBracket.DEBUG) _vex.Vex.L('Vex.Flow.VibratoBracket', args);
}
var VibratoBracket = exports.VibratoBracket = function (_Element) {
_inherits(VibratoBracket, _Element);
// bracket_data = {
// start: Vex.Flow.Note (optional)
// stop: Vex.Flow.Note (optional)
// };
// Either the stop or start note must be set, or both of them.
// A null value for the start or stop note indicates that the vibrato
// is drawn from the beginning or until the end of the stave accordingly.
function VibratoBracket(bracket_data) {
_classCallCheck(this, VibratoBracket);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(VibratoBracket).call(this));
_this.setAttribute('type', 'VibratoBracket');
_this.start = bracket_data.start;
_this.stop = bracket_data.stop;
_this.line = 1;
_this.render_options = {
harsh: false,
wave_height: 6,
wave_width: 4,
wave_girth: 2
};
return _this;
}
// Set line position of the vibrato bracket
_createClass(VibratoBracket, [{
key: 'setLine',
value: function setLine(line) {
this.line = line;return this;
}
}, {
key: 'setHarsh',
value: function setHarsh(harsh) {
this.render_options.harsh = harsh;return this;
}
// Draw the vibrato bracket on the rendering context
}, {
key: 'draw',
value: function draw() {
var ctx = this.context;
this.setRendered();
var y = this.start ? this.start.getStave().getYForTopText(this.line) : this.stop.getStave().getYForTopText(this.line);
// If start note is not set then vibrato will be drawn
// from the beginning of the stave
var start_x = this.start ? this.start.getAbsoluteX() : this.stop.getStave().getTieStartX();
// If stop note is not set then vibrato will be drawn
// until the end of the stave
var stop_x = this.stop ? this.stop.getAbsoluteX() - this.stop.getWidth() - 5 : this.start.getStave().getTieEndX() - 10;
this.render_options.vibrato_width = stop_x - start_x;
L('Rendering VibratoBracket: start_x:', start_x, 'stop_x:', stop_x, 'y:', y);
_vibrato.Vibrato.renderVibrato(ctx, start_x, y, this.render_options);
}
}]);
return VibratoBracket;
}(_element.Element);
/***/ },
/* 58 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ClefNote = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _boundingbox = __webpack_require__(8);
var _note = __webpack_require__(22);
var _clef = __webpack_require__(51);
var _glyph = __webpack_require__(4);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Copyright Mohit Muthanna 2010
//
// Author Taehoon Moon 2014
/** @constructor */
var ClefNote = exports.ClefNote = function (_Note) {
_inherits(ClefNote, _Note);
_createClass(ClefNote, null, [{
key: 'CATEGORY',
get: function get() {
return 'clefnote';
}
}]);
function ClefNote(type, size, annotation) {
_classCallCheck(this, ClefNote);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(ClefNote).call(this, { duration: 'b' }));
_this.setAttribute('type', 'ClefNote');
_this.setType(type, size, annotation);
// Note properties
_this.ignore_ticks = true;
return _this;
}
_createClass(ClefNote, [{
key: 'setType',
value: function setType(type, size, annotation) {
this.type = type;
this.clef_obj = new _clef.Clef(type, size, annotation);
this.clef = this.clef_obj.clef;
this.glyph = new _glyph.Glyph(this.clef.code, this.clef.point);
this.setWidth(this.glyph.getMetrics().width);
return this;
}
}, {
key: 'getClef',
value: function getClef() {
return this.clef;
}
}, {
key: 'setContext',
value: function setContext(context) {
this.context = context;
this.glyph.setContext(this.context);
return this;
}
}, {
key: 'getBoundingBox',
value: function getBoundingBox() {
return new _boundingbox.BoundingBox(0, 0, 0, 0);
}
}, {
key: 'addToModifierContext',
value: function addToModifierContext() {
/* overridden to ignore */
return this;
}
}, {
key: 'getCategory',
value: function getCategory() {
return ClefNote.CATEGORY;
}
}, {
key: 'preFormat',
value: function preFormat() {
this.setPreFormatted(true);
return this;
}
}, {
key: 'draw',
value: function draw() {
if (!this.stave) throw new _vex.Vex.RERR('NoStave', "Can't draw without a stave.");
if (!this.glyph.getContext()) {
this.glyph.setContext(this.context);
}
this.setRendered();
var abs_x = this.getAbsoluteX();
this.glyph.setStave(this.stave);
this.glyph.setYShift(this.stave.getYForLine(this.clef.line) - this.stave.getYForGlyphs());
this.glyph.renderToStave(abs_x);
// If the Vex.Flow.Clef has an annotation, such as 8va, draw it.
if (this.clef_obj.annotation !== undefined) {
var attachment = new _glyph.Glyph(this.clef_obj.annotation.code, this.clef_obj.annotation.point);
if (!attachment.getContext()) {
attachment.setContext(this.context);
}
attachment.setStave(this.stave);
attachment.setYShift(this.stave.getYForLine(this.clef_obj.annotation.line) - this.stave.getYForGlyphs());
attachment.setXShift(this.clef_obj.annotation.x_shift);
attachment.renderToStave(abs_x);
}
}
}]);
return ClefNote;
}(_note.Note);
/***/ },
/* 59 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TimeSigNote = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _boundingbox = __webpack_require__(8);
var _note = __webpack_require__(22);
var _timesignature = __webpack_require__(53);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Author Taehoon Moon 2014
var TimeSigNote = exports.TimeSigNote = function (_Note) {
_inherits(TimeSigNote, _Note);
function TimeSigNote(timeSpec, customPadding) {
_classCallCheck(this, TimeSigNote);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(TimeSigNote).call(this, { duration: 'b' }));
_this.setAttribute('type', 'TimeSigNote');
var timeSignature = new _timesignature.TimeSignature(timeSpec, customPadding);
_this.timeSig = timeSignature.getTimeSig();
_this.setWidth(_this.timeSig.glyph.getMetrics().width);
// Note properties
_this.ignore_ticks = true;
return _this;
}
_createClass(TimeSigNote, [{
key: 'getBoundingBox',
value: function getBoundingBox() {
return new _boundingbox.BoundingBox(0, 0, 0, 0);
}
}, {
key: 'addToModifierContext',
value: function addToModifierContext() {
/* overridden to ignore */
return this;
}
}, {
key: 'preFormat',
value: function preFormat() {
this.setPreFormatted(true);
return this;
}
}, {
key: 'draw',
value: function draw() {
this.stave.checkContext();
this.setRendered();
if (!this.timeSig.glyph.getContext()) {
this.timeSig.glyph.setContext(this.context);
}
this.timeSig.glyph.setStave(this.stave);
this.timeSig.glyph.setYShift(this.stave.getYForLine(this.timeSig.line) - this.stave.getYForGlyphs());
this.timeSig.glyph.renderToStave(this.getAbsoluteX());
}
}]);
return TimeSigNote;
}(_note.Note);
/***/ },
/* 60 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TabSlide = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tabtie = __webpack_require__(34);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// This class implements varies types of ties between contiguous notes. The
// ties include: regular ties, hammer ons, pull offs, and slides.
var TabSlide = exports.TabSlide = function (_TabTie) {
_inherits(TabSlide, _TabTie);
_createClass(TabSlide, null, [{
key: 'createSlideUp',
value: function createSlideUp(notes) {
return new TabSlide(notes, TabSlide.SLIDE_UP);
}
}, {
key: 'createSlideDown',
value: function createSlideDown(notes) {
return new TabSlide(notes, TabSlide.SLIDE_DOWN);
}
}, {
key: 'SLIDE_UP',
get: function get() {
return 1;
}
}, {
key: 'SLIDE_DOWN',
get: function get() {
return -1;
}
}]);
function TabSlide(notes, direction) {
_classCallCheck(this, TabSlide);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(TabSlide).call(this, notes, 'sl.'));
/**
* Notes is a struct that has:
*
* {
* first_note: Note,
* last_note: Note,
* first_indices: [n1, n2, n3],
* last_indices: [n1, n2, n3]
* }
*
**/
_this.setAttribute('type', 'TabSlide');
if (!direction) {
var first_fret = notes.first_note.getPositions()[0].fret;
var last_fret = notes.last_note.getPositions()[0].fret;
direction = parseInt(first_fret, 10) > parseInt(last_fret, 10) ? TabSlide.SLIDE_DOWN : TabSlide.SLIDE_UP;
}
_this.slide_direction = direction;
_this.render_options.cp1 = 11;
_this.render_options.cp2 = 14;
_this.render_options.y_shift = 0.5;
_this.setFont({ font: 'Times', size: 10, style: 'bold italic' });
_this.setNotes(notes);
return _this;
}
_createClass(TabSlide, [{
key: 'renderTie',
value: function renderTie(params) {
if (params.first_ys.length === 0 || params.last_ys.length === 0) {
throw new _vex.Vex.RERR('BadArguments', 'No Y-values to render');
}
var ctx = this.context;
var first_x_px = params.first_x_px;
var first_ys = params.first_ys;
var last_x_px = params.last_x_px;
var direction = this.slide_direction;
if (direction !== TabSlide.SLIDE_UP && direction !== TabSlide.SLIDE_DOWN) {
throw new _vex.Vex.RERR('BadSlide', 'Invalid slide direction');
}
for (var i = 0; i < this.first_indices.length; ++i) {
var slide_y = first_ys[this.first_indices[i]] + this.render_options.y_shift;
if (isNaN(slide_y)) {
throw new _vex.Vex.RERR('BadArguments', 'Bad indices for slide rendering.');
}
ctx.beginPath();
ctx.moveTo(first_x_px, slide_y + 3 * direction);
ctx.lineTo(last_x_px, slide_y - 3 * direction);
ctx.closePath();
ctx.stroke();
}
this.setRendered();
}
}]);
return TabSlide;
}(_tabtie.TabTie);
/***/ },
/* 61 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.GraceNote = undefined;
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _stavenote = __webpack_require__(20);
var _tables = __webpack_require__(2);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
var GraceNote = exports.GraceNote = function (_StaveNote) {
_inherits(GraceNote, _StaveNote);
_createClass(GraceNote, null, [{
key: 'CATEGORY',
get: function get() {
return 'gracenotes';
}
}, {
key: 'LEDGER_LINE_OFFSET',
get: function get() {
return 2;
}
}, {
key: 'SCALE',
get: function get() {
return 0.66;
}
}]);
function GraceNote(note_struct) {
_classCallCheck(this, GraceNote);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(GraceNote).call(this, _extends(note_struct, {
glyph_font_scale: _tables.Flow.DEFAULT_NOTATION_FONT_SCALE * GraceNote.SCALE,
stroke_px: GraceNote.LEDGER_LINE_OFFSET
})));
_this.setAttribute('type', 'GraceNote');
_this.slash = note_struct.slash;
_this.slur = true;
_this.buildNoteHeads();
_this.width = 3;
return _this;
}
_createClass(GraceNote, [{
key: 'getStemExtension',
value: function getStemExtension() {
var glyph = this.getGlyph();
if (this.stem_extension_override != null) {
return this.stem_extension_override;
}
if (glyph) {
return this.getStemDirection() === 1 ? glyph.gracenote_stem_up_extension : glyph.gracenote_stem_down_extension;
}
return 0;
}
}, {
key: 'getCategory',
value: function getCategory() {
return GraceNote.CATEGORY;
}
}, {
key: 'draw',
value: function draw() {
_get(Object.getPrototypeOf(GraceNote.prototype), 'draw', this).call(this);
this.setRendered();
var ctx = this.context;
var stem_direction = this.getStemDirection();
if (this.slash) {
ctx.beginPath();
var x = this.getAbsoluteX();
var y = this.getYs()[0] - this.stem.getHeight() / 2.8;
if (stem_direction === 1) {
x += 1;
ctx.moveTo(x, y);
ctx.lineTo(x + 13, y - 9);
} else if (stem_direction === -1) {
x -= 4;
y += 1;
ctx.moveTo(x, y);
ctx.lineTo(x + 13, y + 9);
}
ctx.closePath();
ctx.stroke();
}
}
}]);
return GraceNote;
}(_stavenote.StaveNote);
/***/ },
/* 62 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.GraceTabNote = undefined;
var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tabnote = __webpack_require__(56);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// @author Balazs Forian-Szabo
//
// ## Description
//
// A basic implementation of grace notes
// to be rendered on a tab stave.
//
// See `tests/gracetabnote_tests.js` for usage examples.
var GraceTabNote = exports.GraceTabNote = function (_TabNote) {
_inherits(GraceTabNote, _TabNote);
_createClass(GraceTabNote, null, [{
key: 'CATEGORY',
get: function get() {
return 'gracetabnotes';
}
}]);
function GraceTabNote(note_struct) {
_classCallCheck(this, GraceTabNote);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(GraceTabNote).call(this, note_struct, false));
_this.setAttribute('type', 'GraceTabNote');
_vex.Vex.Merge(_this.render_options, {
// vertical shift from stave line
y_shift: 0.3,
// grace glyph scale
scale: 0.6,
// grace tablature font
font: '7.5pt Arial'
});
_this.updateWidth();
return _this;
}
_createClass(GraceTabNote, [{
key: 'getCategory',
value: function getCategory() {
return GraceTabNote.CATEGORY;
}
}, {
key: 'draw',
value: function draw() {
_get(Object.getPrototypeOf(GraceTabNote.prototype), 'draw', this).call(this);
this.setRendered();
}
}]);
return GraceTabNote;
}(_tabnote.TabNote);
/***/ },
/* 63 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Tuning = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// This class implements varies types of tunings for tablature.
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Tuning = exports.Tuning = function () {
_createClass(Tuning, null, [{
key: 'names',
get: function get() {
return {
'standard': 'E/5,B/4,G/4,D/4,A/3,E/3',
'dagdad': 'D/5,A/4,G/4,D/4,A/3,D/3',
'dropd': 'E/5,B/4,G/4,D/4,A/3,D/3',
'eb': 'Eb/5,Bb/4,Gb/4,Db/4,Ab/3,Db/3',
'standardBanjo': 'D/5,B/4,G/4,D/4,G/5'
};
}
}]);
function Tuning() {
var tuningString = arguments.length <= 0 || arguments[0] === undefined ? 'E/5,B/4,G/4,D/4,A/3,E/3,B/2,E/2' : arguments[0];
_classCallCheck(this, Tuning);
// Default to standard tuning.
this.setTuning(tuningString);
}
_createClass(Tuning, [{
key: 'noteToInteger',
value: function noteToInteger(noteString) {
return _tables.Flow.keyProperties(noteString).int_value;
}
}, {
key: 'setTuning',
value: function setTuning(noteString) {
if (Tuning.names[noteString]) {
noteString = Tuning.names[noteString];
}
this.tuningString = noteString;
this.tuningValues = [];
this.numStrings = 0;
var keys = noteString.split(/\s*,\s*/);
if (keys.length === 0) {
throw new _vex.Vex.RERR('BadArguments', 'Invalid tuning string: ' + noteString);
}
this.numStrings = keys.length;
for (var i = 0; i < this.numStrings; ++i) {
this.tuningValues[i] = this.noteToInteger(keys[i]);
}
}
}, {
key: 'getValueForString',
value: function getValueForString(stringNum) {
var s = parseInt(stringNum, 10);
if (s < 1 || s > this.numStrings) {
throw new _vex.Vex.RERR('BadArguments', 'String number must be between 1 and ' + this.numStrings + ':' + stringNum);
}
return this.tuningValues[s - 1];
}
}, {
key: 'getValueForFret',
value: function getValueForFret(fretNum, stringNum) {
var stringValue = this.getValueForString(stringNum);
var f = parseInt(fretNum, 10);
if (f < 0) {
throw new _vex.Vex.RERR('BadArguments', 'Fret number must be 0 or higher: ' + fretNum);
}
return stringValue + f;
}
}, {
key: 'getNoteForFret',
value: function getNoteForFret(fretNum, stringNum) {
var noteValue = this.getValueForFret(fretNum, stringNum);
var octave = Math.floor(noteValue / 12);
var value = noteValue % 12;
return _tables.Flow.integerToNote(value) + '/' + octave;
}
}]);
return Tuning;
}();
/***/ },
/* 64 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.KeyManager = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
//
// This class implements diatonic key management.
var _vex = __webpack_require__(1);
var _music = __webpack_require__(30);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var KeyManager = exports.KeyManager = function () {
function KeyManager(key) {
_classCallCheck(this, KeyManager);
this.music = new _music.Music();
this.setKey(key);
}
_createClass(KeyManager, [{
key: 'setKey',
value: function setKey(key) {
this.key = key;
this.reset();
return this;
}
}, {
key: 'getKey',
value: function getKey() {
return this.key;
}
}, {
key: 'reset',
value: function reset() {
this.keyParts = this.music.getKeyParts(this.key);
this.keyString = this.keyParts.root;
if (this.keyParts.accidental) this.keyString += this.keyParts.accidental;
var is_supported_type = _music.Music.scaleTypes[this.keyParts.type];
if (!is_supported_type) {
throw new _vex.Vex.RERR('BadArguments', 'Unsupported key type: ' + this.key);
}
this.scale = this.music.getScaleTones(this.music.getNoteValue(this.keyString), _music.Music.scaleTypes[this.keyParts.type]);
this.scaleMap = {};
this.scaleMapByValue = {};
this.originalScaleMapByValue = {};
var noteLocation = _music.Music.root_indices[this.keyParts.root];
for (var i = 0; i < _music.Music.roots.length; ++i) {
var index = (noteLocation + i) % _music.Music.roots.length;
var rootName = _music.Music.roots[index];
var noteName = this.music.getRelativeNoteName(rootName, this.scale[i]);
this.scaleMap[rootName] = noteName;
this.scaleMapByValue[this.scale[i]] = noteName;
this.originalScaleMapByValue[this.scale[i]] = noteName;
}
return this;
}
}, {
key: 'getAccidental',
value: function getAccidental(key) {
var root = this.music.getKeyParts(key).root;
var parts = this.music.getNoteParts(this.scaleMap[root]);
return {
note: this.scaleMap[root],
accidental: parts.accidental
};
}
}, {
key: 'selectNote',
value: function selectNote(note) {
note = note.toLowerCase();
var parts = this.music.getNoteParts(note);
// First look for matching note in our altered scale
var scaleNote = this.scaleMap[parts.root];
var modparts = this.music.getNoteParts(scaleNote);
if (scaleNote === note) {
return {
'note': scaleNote,
'accidental': parts.accidental,
'change': false
};
}
// Then search for a note of equivalent value in our altered scale
var valueNote = this.scaleMapByValue[this.music.getNoteValue(note)];
if (valueNote != null) {
return {
'note': valueNote,
'accidental': this.music.getNoteParts(valueNote).accidental,
'change': false
};
}
// Then search for a note of equivalent value in the original scale
var originalValueNote = this.originalScaleMapByValue[this.music.getNoteValue(note)];
if (originalValueNote != null) {
this.scaleMap[modparts.root] = originalValueNote;
delete this.scaleMapByValue[this.music.getNoteValue(scaleNote)];
this.scaleMapByValue[this.music.getNoteValue(note)] = originalValueNote;
return {
'note': originalValueNote,
'accidental': this.music.getNoteParts(originalValueNote).accidental,
'change': true
};
}
// Then try to unmodify a currently modified note.
if (modparts.root === note) {
delete this.scaleMapByValue[this.music.getNoteValue(this.scaleMap[parts.root])];
this.scaleMapByValue[this.music.getNoteValue(modparts.root)] = modparts.root;
this.scaleMap[modparts.root] = modparts.root;
return {
'note': modparts.root,
'accidental': null,
'change': true
};
}
// Last resort -- shitshoot
delete this.scaleMapByValue[this.music.getNoteValue(this.scaleMap[parts.root])];
this.scaleMapByValue[this.music.getNoteValue(note)] = note;
delete this.scaleMap[modparts.root];
this.scaleMap[modparts.root] = note;
return {
note: note,
'accidental': parts.accidental,
'change': true
};
}
}]);
return KeyManager;
}();
/***/ },
/* 65 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StaveHairpin = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _element = __webpack_require__(5);
var _modifier = __webpack_require__(25);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// This class by Raffaele Viglianti, 2012 http://itisnotsound.wordpress.com/
//
// This class implements hairpins between notes.
// Hairpins can be either Crescendo or Descrescendo.
var StaveHairpin = exports.StaveHairpin = function (_Element) {
_inherits(StaveHairpin, _Element);
_createClass(StaveHairpin, null, [{
key: 'FormatByTicksAndDraw',
/* Helper function to convert ticks into pixels.
* Requires a Formatter with voices joined and formatted (to
* get pixels per tick)
*
* options is struct that has:
*
* {
* height: px,
* y_shift: px, //vertical offset
* left_shift_ticks: 0, //left horizontal offset expressed in ticks
* right_shift_ticks: 0 // right horizontal offset expressed in ticks
* }
*
**/
value: function FormatByTicksAndDraw(ctx, formatter, notes, type, position, options) {
var ppt = formatter.pixelsPerTick;
if (ppt == null) {
throw new _vex.Vex.RuntimeError('BadArguments', 'A valid Formatter must be provide to draw offsets by ticks.');
}
var l_shift_px = ppt * options.left_shift_ticks;
var r_shift_px = ppt * options.right_shift_ticks;
var hairpin_options = {
height: options.height,
y_shift: options.y_shift,
left_shift_px: l_shift_px,
right_shift_px: r_shift_px };
new StaveHairpin({
first_note: notes.first_note,
last_note: notes.last_note
}, type).setContext(ctx).setRenderOptions(hairpin_options).setPosition(position).draw();
}
/**
* Create a new hairpin from the specified notes.
*
* @constructor
* @param {!Object} notes The notes to tie up.
* @param {!Object} type The type of hairpin
*/
}, {
key: 'type',
get: function get() {
return {
CRESC: 1,
DECRESC: 2
};
}
}]);
function StaveHairpin(notes, type) {
_classCallCheck(this, StaveHairpin);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(StaveHairpin).call(this));
/**
* Notes is a struct that has:
*
* {
* first_note: Note,
* last_note: Note,
* }
*
**/
_this.setAttribute('type', 'StaveHairpin');
_this.notes = notes;
_this.hairpin = type;
_this.position = _modifier.Modifier.Position.BELOW;
_this.render_options = {
height: 10,
y_shift: 0, // vertical offset
left_shift_px: 0, // left horizontal offset
right_shift_px: 0 };
_this.setNotes(notes);
return _this;
}
_createClass(StaveHairpin, [{
key: 'setPosition',
value: function setPosition(position) {
if (position === _modifier.Modifier.Position.ABOVE || position === _modifier.Modifier.Position.BELOW) {
this.position = position;
}
return this;
}
}, {
key: 'setRenderOptions',
value: function setRenderOptions(options) {
if (options.height != null && options.y_shift != null && options.left_shift_px != null && options.right_shift_px != null) {
this.render_options = options;
}
return this;
}
/**
* Set the notes to attach this hairpin to.
*
* @param {!Object} notes The start and end notes.
*/
}, {
key: 'setNotes',
value: function setNotes(notes) {
if (!notes.first_note && !notes.last_note) {
throw new _vex.Vex.RuntimeError('BadArguments', 'Hairpin needs to have either first_note or last_note set.');
}
// Success. Lets grab 'em notes.
this.first_note = notes.first_note;
this.last_note = notes.last_note;
return this;
}
}, {
key: 'renderHairpin',
value: function renderHairpin(params) {
var ctx = this.checkContext();
var dis = this.render_options.y_shift + 20;
var y_shift = params.first_y;
if (this.position === _modifier.Modifier.Position.ABOVE) {
dis = -dis + 30;
y_shift = params.first_y - params.staff_height;
}
var l_shift = this.render_options.left_shift_px;
var r_shift = this.render_options.right_shift_px;
ctx.beginPath();
switch (this.hairpin) {
case StaveHairpin.type.CRESC:
ctx.moveTo(params.last_x + r_shift, y_shift + dis);
ctx.lineTo(params.first_x + l_shift, y_shift + this.render_options.height / 2 + dis);
ctx.lineTo(params.last_x + r_shift, y_shift + this.render_options.height + dis);
break;
case StaveHairpin.type.DECRESC:
ctx.moveTo(params.first_x + l_shift, y_shift + dis);
ctx.lineTo(params.last_x + r_shift, y_shift + this.render_options.height / 2 + dis);
ctx.lineTo(params.first_x + l_shift, y_shift + this.render_options.height + dis);
break;
default:
// Default is NONE, so nothing to draw
break;
}
ctx.stroke();
ctx.closePath();
}
}, {
key: 'draw',
value: function draw() {
this.checkContext();
this.setRendered();
var firstNote = this.first_note;
var lastNote = this.last_note;
var start = firstNote.getModifierStartXY(this.position, 0);
var end = lastNote.getModifierStartXY(this.position, 0);
this.renderHairpin({
first_x: start.x,
last_x: end.x,
first_y: firstNote.getStave().y + firstNote.getStave().height,
last_y: lastNote.getStave().y + lastNote.getStave().height,
staff_height: firstNote.getStave().height
});
return true;
}
}]);
return StaveHairpin;
}(_element.Element);
/***/ },
/* 66 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Curve = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _element = __webpack_require__(5);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // VexFlow - Music Engraving for HTML5
// Copyright Mohit Muthanna 2010
//
// This class implements curves (for slurs)
var Curve = exports.Curve = function (_Element) {
_inherits(Curve, _Element);
_createClass(Curve, null, [{
key: 'Position',
get: function get() {
return {
NEAR_HEAD: 1,
NEAR_TOP: 2
};
}
}, {
key: 'PositionString',
get: function get() {
return {
nearHead: Curve.Position.NEAR_HEAD,
nearTop: Curve.Position.NEAR_TOP
};
}
// from: Start note
// to: End note
// options:
// cps: List of control points
// x_shift: pixels to shift
// y_shift: pixels to shift
}]);
function Curve(from, to, options) {
_classCallCheck(this, Curve);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Curve).call(this));
_this.setAttribute('type', 'Curve');
_this.render_options = {
spacing: 2,
thickness: 2,
x_shift: 0,
y_shift: 10,
position: Curve.Position.NEAR_HEAD,
position_end: Curve.Position.NEAR_HEAD,
invert: false,
cps: [{ x: 0, y: 10 }, { x: 0, y: 10 }]
};
_vex.Vex.Merge(_this.render_options, options);
_this.setNotes(from, to);
return _this;
}
_createClass(Curve, [{
key: 'setNotes',
value: function setNotes(from, to) {
if (!from && !to) {
throw new _vex.Vex.RuntimeError('BadArguments', 'Curve needs to have either first_note or last_note set.');
}
this.from = from;
this.to = to;
return this;
}
/**
* @return {boolean} Returns true if this is a partial bar.
*/
}, {
key: 'isPartial',
value: function isPartial() {
return !this.from || !this.to;
}
}, {
key: 'renderCurve',
value: function renderCurve(params) {
var ctx = this.context;
var cps = this.render_options.cps;
var x_shift = this.render_options.x_shift;
var y_shift = this.render_options.y_shift * params.direction;
var first_x = params.first_x + x_shift;
var first_y = params.first_y + y_shift;
var last_x = params.last_x - x_shift;
var last_y = params.last_y + y_shift;
var thickness = this.render_options.thickness;
var cp_spacing = (last_x - first_x) / (cps.length + 2);
ctx.beginPath();
ctx.moveTo(first_x, first_y);
ctx.bezierCurveTo(first_x + cp_spacing + cps[0].x, first_y + cps[0].y * params.direction, last_x - cp_spacing + cps[1].x, last_y + cps[1].y * params.direction, last_x, last_y);
ctx.bezierCurveTo(last_x - cp_spacing + cps[1].x, last_y + (cps[1].y + thickness) * params.direction, first_x + cp_spacing + cps[0].x, first_y + (cps[0].y + thickness) * params.direction, first_x, first_y);
ctx.stroke();
ctx.closePath();
ctx.fill();
}
}, {
key: 'draw',
value: function draw() {
this.checkContext();
this.setRendered();
var first_note = this.from;
var last_note = this.to;
var first_x = void 0;
var last_x = void 0;
var first_y = void 0;
var last_y = void 0;
var stem_direction = void 0;
var metric = 'baseY';
var end_metric = 'baseY';
function getPosition(position) {
return typeof position === 'string' ? Curve.PositionString[position] : position;
}
var position = getPosition(this.render_options.position);
var position_end = getPosition(this.render_options.position_end);
if (position === Curve.Position.NEAR_TOP) {
metric = 'topY';
end_metric = 'topY';
}
if (position_end === Curve.Position.NEAR_HEAD) {
end_metric = 'baseY';
} else if (position_end === Curve.Position.NEAR_TOP) {
end_metric = 'topY';
}
if (first_note) {
first_x = first_note.getTieRightX();
stem_direction = first_note.getStemDirection();
first_y = first_note.getStemExtents()[metric];
} else {
first_x = last_note.getStave().getTieStartX();
first_y = last_note.getStemExtents()[metric];
}
if (last_note) {
last_x = last_note.getTieLeftX();
stem_direction = last_note.getStemDirection();
last_y = last_note.getStemExtents()[end_metric];
} else {
last_x = first_note.getStave().getTieEndX();
last_y = first_note.getStemExtents()[end_metric];
}
this.renderCurve({
first_x: first_x,
last_x: last_x,
first_y: first_y,
last_y: last_y,
direction: stem_direction * (this.render_options.invert === true ? -1 : 1)
});
return true;
}
}]);
return Curve;
}(_element.Element);
/***/ },
/* 67 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TextDynamics = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _note = __webpack_require__(22);
var _glyph = __webpack_require__(4);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
// This file implements the `TextDynamics` which renders traditional
// text dynamics markings, **ie: p, f, sfz, rfz, ppp**
//
// You can render any dynamics string that contains a combination of
// the following letters: P, M, F, Z, R, S
// To enable logging for this class. Set `Vex.Flow.TextDynamics.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (TextDynamics.DEBUG) _vex.Vex.L('Vex.Flow.TextDynamics', args);
}
var TextDynamics = exports.TextDynamics = function (_Note) {
_inherits(TextDynamics, _Note);
_createClass(TextDynamics, null, [{
key: 'GLYPHS',
// The glyph data for each dynamics letter
get: function get() {
return {
'f': {
code: 'vba',
width: 12
},
'p': {
code: 'vbf',
width: 14
},
'm': {
code: 'v62',
width: 17
},
's': {
code: 'v4a',
width: 10
},
'z': {
code: 'v80',
width: 12
},
'r': {
code: 'vb1',
width: 12
}
};
}
// A `TextDynamics` object inherits from `Note` so that it can be formatted
// within a `Voice`.
// Create the dynamics marking. `text_struct` is an object
// that contains a `duration` property and a `sequence` of
// letters that represents the letters to render
}]);
function TextDynamics(text_struct) {
_classCallCheck(this, TextDynamics);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(TextDynamics).call(this, text_struct));
_this.setAttribute('type', 'TextDynamics');
_this.sequence = text_struct.text.toLowerCase();
_this.line = text_struct.line || 0;
_this.glyphs = [];
_vex.Vex.Merge(_this.render_options, {
glyph_font_size: 40
});
L('New Dynamics Text: ', _this.sequence);
return _this;
}
// Set the Stave line on which the note should be placed
_createClass(TextDynamics, [{
key: 'setLine',
value: function setLine(line) {
this.line = line;
return this;
}
// Preformat the dynamics text
}, {
key: 'preFormat',
value: function preFormat() {
var _this2 = this;
var total_width = 0;
// Iterate through each letter
this.sequence.split('').forEach(function (letter) {
// Get the glyph data for the letter
var glyph_data = TextDynamics.GLYPHS[letter];
if (!glyph_data) throw new _vex.Vex.RERR('Invalid dynamics character: ' + letter);
var size = _this2.render_options.glyph_font_size;
var glyph = new _glyph.Glyph(glyph_data.code, size);
// Add the glyph
_this2.glyphs.push(glyph);
total_width += glyph_data.width;
});
// Store the width of the text
this.setWidth(total_width);
this.preFormatted = true;
return this;
}
// Draw the dynamics text on the rendering context
}, {
key: 'draw',
value: function draw() {
var _this3 = this;
this.setRendered();
var x = this.getAbsoluteX();
var y = this.stave.getYForLine(this.line + -3);
L('Rendering Dynamics: ', this.sequence);
var letter_x = x;
this.glyphs.forEach(function (glyph, index) {
var current_letter = _this3.sequence[index];
glyph.render(_this3.context, letter_x, y);
letter_x += TextDynamics.GLYPHS[current_letter].width;
});
}
}]);
return TextDynamics;
}(_note.Note);
/***/ },
/* 68 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StaveLine = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _element = __webpack_require__(5);
var _tables = __webpack_require__(2);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
//
// This file implements `StaveLine` which are simply lines that connect
// two notes. This object is highly configurable, see the `render_options`.
// A simple line is often used for notating glissando articulations, but you
// can format a `StaveLine` with arrows or colors for more pedagogical
// purposes, such as diagrams.
// Attribution: Arrow rendering implementations based off of
// Patrick Horgan's article, "Drawing lines and arcs with
// arrow heads on HTML5 Canvas"
//
// Draw an arrow head that connects between 3 coordinates
function drawArrowHead(ctx, x0, y0, x1, y1, x2, y2) {
// all cases do this.
ctx.beginPath();
ctx.moveTo(x0, y0);
ctx.lineTo(x1, y1);
ctx.lineTo(x2, y2);
ctx.lineTo(x0, y0);
ctx.closePath();
ctx.fill();
}
// Helper function to draw a line with arrow heads
function drawArrowLine(ctx, point1, point2, config) {
var both_arrows = config.draw_start_arrow && config.draw_end_arrow;
var x1 = point1.x;
var y1 = point1.y;
var x2 = point2.x;
var y2 = point2.y;
// For ends with arrow we actually want to stop before we get to the arrow
// so that wide lines won't put a flat end on the arrow.
var distance = Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));
var ratio = (distance - config.arrowhead_length / 3) / distance;
var end_x = void 0;
var end_y = void 0;
var start_x = void 0;
var start_y = void 0;
if (config.draw_end_arrow || both_arrows) {
end_x = Math.round(x1 + (x2 - x1) * ratio);
end_y = Math.round(y1 + (y2 - y1) * ratio);
} else {
end_x = x2;
end_y = y2;
}
if (config.draw_start_arrow || both_arrows) {
start_x = x1 + (x2 - x1) * (1 - ratio);
start_y = y1 + (y2 - y1) * (1 - ratio);
} else {
start_x = x1;
start_y = y1;
}
if (config.color) {
ctx.setStrokeStyle(config.color);
ctx.setFillStyle(config.color);
}
// Draw the shaft of the arrow
ctx.beginPath();
ctx.moveTo(start_x, start_y);
ctx.lineTo(end_x, end_y);
ctx.stroke();
ctx.closePath();
// calculate the angle of the line
var line_angle = Math.atan2(y2 - y1, x2 - x1);
// h is the line length of a side of the arrow head
var h = Math.abs(config.arrowhead_length / Math.cos(config.arrowhead_angle));
var angle1 = void 0;
var angle2 = void 0;
var top_x = void 0;
var top_y = void 0;
var bottom_x = void 0;
var bottom_y = void 0;
if (config.draw_end_arrow || both_arrows) {
angle1 = line_angle + Math.PI + config.arrowhead_angle;
top_x = x2 + Math.cos(angle1) * h;
top_y = y2 + Math.sin(angle1) * h;
angle2 = line_angle + Math.PI - config.arrowhead_angle;
bottom_x = x2 + Math.cos(angle2) * h;
bottom_y = y2 + Math.sin(angle2) * h;
drawArrowHead(ctx, top_x, top_y, x2, y2, bottom_x, bottom_y);
}
if (config.draw_start_arrow || both_arrows) {
angle1 = line_angle + config.arrowhead_angle;
top_x = x1 + Math.cos(angle1) * h;
top_y = y1 + Math.sin(angle1) * h;
angle2 = line_angle - config.arrowhead_angle;
bottom_x = x1 + Math.cos(angle2) * h;
bottom_y = y1 + Math.sin(angle2) * h;
drawArrowHead(ctx, top_x, top_y, x1, y1, bottom_x, bottom_y);
}
}
var StaveLine = exports.StaveLine = function (_Element) {
_inherits(StaveLine, _Element);
_createClass(StaveLine, null, [{
key: 'TextVerticalPosition',
// Text Positioning
get: function get() {
return {
TOP: 1,
BOTTOM: 2
};
}
}, {
key: 'TextJustification',
get: function get() {
return {
LEFT: 1,
CENTER: 2,
RIGHT: 3
};
}
// Initialize the StaveLine with the given `notes`.
//
// `notes` is a struct that has:
//
// ```
// {
// first_note: Note,
// last_note: Note,
// first_indices: [n1, n2, n3],
// last_indices: [n1, n2, n3]
// }
// ```
}]);
function StaveLine(notes) {
_classCallCheck(this, StaveLine);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(StaveLine).call(this));
_this.setAttribute('type', 'StaveLine');
_this.notes = notes;
_this.text = '';
_this.font = {
family: 'Arial',
size: 10,
weight: ''
};
_this.render_options = {
// Space to add to the left or the right
padding_left: 4,
padding_right: 3,
// The width of the line in pixels
line_width: 1,
// An array of line/space lengths. Unsupported with Raphael (SVG)
line_dash: null,
// Can draw rounded line end, instead of a square. Unsupported with Raphael (SVG)
rounded_end: true,
// The color of the line and arrowheads
color: null,
// Flags to draw arrows on each end of the line
draw_start_arrow: false,
draw_end_arrow: false,
// The length of the arrowhead sides
arrowhead_length: 10,
// The angle of the arrowhead
arrowhead_angle: Math.PI / 8,
// The position of the text
text_position_vertical: StaveLine.TextVerticalPosition.TOP,
text_justification: StaveLine.TextJustification.CENTER
};
_this.setNotes(notes);
return _this;
}
// Set the font for the `StaveLine` text
_createClass(StaveLine, [{
key: 'setFont',
value: function setFont(font) {
this.font = font;return this;
}
// The the annotation for the `StaveLine`
}, {
key: 'setText',
value: function setText(text) {
this.text = text;return this;
}
// Set the notes for the `StaveLine`
}, {
key: 'setNotes',
value: function setNotes(notes) {
if (!notes.first_note && !notes.last_note) {
throw new _vex.Vex.RuntimeError('BadArguments', 'Notes needs to have either first_note or last_note set.');
}
if (!notes.first_indices) notes.first_indices = [0];
if (!notes.last_indices) notes.last_indices = [0];
if (notes.first_indices.length !== notes.last_indices.length) {
throw new _vex.Vex.RuntimeError('BadArguments', 'Connected notes must have similar index sizes');
}
// Success. Lets grab 'em notes.
this.first_note = notes.first_note;
this.first_indices = notes.first_indices;
this.last_note = notes.last_note;
this.last_indices = notes.last_indices;
return this;
}
// Apply the style of the `StaveLine` to the context
}, {
key: 'applyLineStyle',
value: function applyLineStyle() {
var ctx = this.checkContext();
var render_options = this.render_options;
if (render_options.line_dash) {
ctx.setLineDash(render_options.line_dash);
}
if (render_options.line_width) {
ctx.setLineWidth(render_options.line_width);
}
if (render_options.rounded_end) {
ctx.setLineCap('round');
} else {
ctx.setLineCap('square');
}
}
// Apply the text styling to the context
}, {
key: 'applyFontStyle',
value: function applyFontStyle() {
var ctx = this.checkContext();
if (this.font) {
ctx.setFont(this.font.family, this.font.size, this.font.weight);
}
if (this.render_options.color) {
ctx.setStrokeStyle(this.render_options.color);
ctx.setFillStyle(this.render_options.color);
}
}
// Renders the `StaveLine` on the context
}, {
key: 'draw',
value: function draw() {
var _this2 = this;
var ctx = this.checkContext();
this.setRendered();
var first_note = this.first_note;
var last_note = this.last_note;
var render_options = this.render_options;
ctx.save();
this.applyLineStyle();
// Cycle through each set of indices and draw lines
var start_position = void 0;
var end_position = void 0;
this.first_indices.forEach(function (first_index, i) {
var last_index = _this2.last_indices[i];
// Get initial coordinates for the start/end of the line
start_position = first_note.getModifierStartXY(2, first_index);
end_position = last_note.getModifierStartXY(1, last_index);
var upwards_slope = start_position.y > end_position.y;
// Adjust `x` coordinates for modifiers
start_position.x += first_note.getMetrics().modRightPx + render_options.padding_left;
end_position.x -= last_note.getMetrics().modLeftPx + render_options.padding_right;
// Adjust first `x` coordinates for displacements
var notehead_width = first_note.getGlyph().getWidth();
var first_displaced = first_note.getKeyProps()[first_index].displaced;
if (first_displaced && first_note.getStemDirection() === 1) {
start_position.x += notehead_width + render_options.padding_left;
}
// Adjust last `x` coordinates for displacements
var last_displaced = last_note.getKeyProps()[last_index].displaced;
if (last_displaced && last_note.getStemDirection() === -1) {
end_position.x -= notehead_width + render_options.padding_right;
}
// Adjust y position better if it's not coming from the center of the note
start_position.y += upwards_slope ? -3 : 1;
end_position.y += upwards_slope ? 2 : 0;
drawArrowLine(ctx, start_position, end_position, _this2.render_options);
});
ctx.restore();
// Determine the x coordinate where to start the text
var text_width = ctx.measureText(this.text).width;
var justification = render_options.text_justification;
var x = 0;
if (justification === StaveLine.TextJustification.LEFT) {
x = start_position.x;
} else if (justification === StaveLine.TextJustification.CENTER) {
var delta_x = end_position.x - start_position.x;
var center_x = delta_x / 2 + start_position.x;
x = center_x - text_width / 2;
} else if (justification === StaveLine.TextJustification.RIGHT) {
x = end_position.x - text_width;
}
// Determine the y value to start the text
var y = void 0;
var vertical_position = render_options.text_position_vertical;
if (vertical_position === StaveLine.TextVerticalPosition.TOP) {
y = first_note.getStave().getYForTopText();
} else if (vertical_position === StaveLine.TextVerticalPosition.BOTTOM) {
y = first_note.getStave().getYForBottomText(_tables.Flow.TEXT_HEIGHT_OFFSET_HACK);
}
// Draw the text
ctx.save();
this.applyFontStyle();
ctx.fillText(this.text, x, y);
ctx.restore();
return this;
}
}]);
return StaveLine;
}(_element.Element);
/***/ },
/* 69 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.PedalMarking = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _element = __webpack_require__(5);
var _glyph = __webpack_require__(4);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
//
// This file implements different types of pedal markings. These notation
// elements indicate to the performer when to depress and release the a pedal.
//
// In order to create "Sostenuto", and "una corda" markings, you must set
// custom text for the release/depress pedal markings.
// To enable logging for this class. Set `Vex.Flow.PedalMarking.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (PedalMarking.DEBUG) _vex.Vex.L('Vex.Flow.PedalMarking', args);
}
// Draws a pedal glyph with the provided `name` on a rendering `context`
// at the coordinates `x` and `y. Takes into account the glyph data
// coordinate shifts.
function drawPedalGlyph(name, context, x, y, point) {
var glyph_data = PedalMarking.GLYPHS[name];
var glyph = new _glyph.Glyph(glyph_data.code, point);
glyph.render(context, x + glyph_data.x_shift, y + glyph_data.y_shift);
}
var PedalMarking = exports.PedalMarking = function (_Element) {
_inherits(PedalMarking, _Element);
_createClass(PedalMarking, null, [{
key: 'createSustain',
// Create a sustain pedal marking. Returns the defaults PedalMarking.
// Which uses the traditional "Ped" and "*"" markings.
value: function createSustain(notes) {
var pedal = new PedalMarking(notes);
return pedal;
}
// Create a sostenuto pedal marking
}, {
key: 'createSostenuto',
value: function createSostenuto(notes) {
var pedal = new PedalMarking(notes);
pedal.setStyle(PedalMarking.Styles.MIXED);
pedal.setCustomText('Sost. Ped.');
return pedal;
}
// Create an una corda pedal marking
}, {
key: 'createUnaCorda',
value: function createUnaCorda(notes) {
var pedal = new PedalMarking(notes);
pedal.setStyle(PedalMarking.Styles.TEXT);
pedal.setCustomText('una corda', 'tre corda');
return pedal;
}
// ## Prototype Methods
}, {
key: 'GLYPHS',
// Glyph data
get: function get() {
return {
'pedal_depress': {
code: 'v36',
x_shift: -10,
y_shift: 0
},
'pedal_release': {
code: 'v5d',
x_shift: -2,
y_shift: 3
}
};
}
}, {
key: 'Styles',
get: function get() {
return {
TEXT: 1,
BRACKET: 2,
MIXED: 3
};
}
}]);
function PedalMarking(notes) {
_classCallCheck(this, PedalMarking);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(PedalMarking).call(this));
_this.setAttribute('type', 'PedalMarking');
_this.notes = notes;
_this.style = PedalMarking.TEXT;
_this.line = 0;
// Custom text for the release/depress markings
_this.custom_depress_text = '';
_this.custom_release_text = '';
_this.font = {
family: 'Times New Roman',
size: 12,
weight: 'italic bold'
};
_this.render_options = {
bracket_height: 10,
text_margin_right: 6,
bracket_line_width: 1,
glyph_point_size: 40,
color: 'black'
};
return _this;
}
// Set custom text for the `depress`/`release` pedal markings. No text is
// set if the parameter is falsy.
_createClass(PedalMarking, [{
key: 'setCustomText',
value: function setCustomText(depress, release) {
this.custom_depress_text = depress || '';
this.custom_release_text = release || '';
return this;
}
// Set the pedal marking style
}, {
key: 'setStyle',
value: function setStyle(style) {
if (style < 1 && style > 3) {
throw new _vex.Vex.RERR('InvalidParameter', 'The style must be one found in PedalMarking.Styles');
}
this.style = style;
return this;
}
// Set the staff line to render the markings on
}, {
key: 'setLine',
value: function setLine(line) {
this.line = line;return this;
}
// Draw the bracket based pedal markings
}, {
key: 'drawBracketed',
value: function drawBracketed() {
var ctx = this.context;
var is_pedal_depressed = false;
var prev_x = void 0;
var prev_y = void 0;
var pedal = this;
// Iterate through each note
this.notes.forEach(function (note, index, notes) {
// Each note triggers the opposite pedal action
is_pedal_depressed = !is_pedal_depressed;
// Get the initial coordinates for the note
var x = note.getAbsoluteX();
var y = note.getStave().getYForBottomText(pedal.line + 3);
// Throw if current note is positioned before the previous note
if (x < prev_x) {
throw new _vex.Vex.RERR('InvalidConfiguration', 'The notes provided must be in order of ascending x positions');
}
// Determine if the previous or next note are the same
// as the current note. We need to keep track of this for
// when adjustments are made for the release+depress action
var next_is_same = notes[index + 1] === note;
var prev_is_same = notes[index - 1] === note;
var x_shift = 0;
if (is_pedal_depressed) {
// Adjustment for release+depress
x_shift = prev_is_same ? 5 : 0;
if (pedal.style === PedalMarking.Styles.MIXED && !prev_is_same) {
// For MIXED style, start with text instead of bracket
if (pedal.custom_depress_text) {
// If we have custom text, use instead of the default "Ped" glyph
var text_width = ctx.measureText(pedal.custom_depress_text).width;
ctx.fillText(pedal.custom_depress_text, x - text_width / 2, y);
x_shift = text_width / 2 + pedal.render_options.text_margin_right;
} else {
// Render the Ped glyph in position
drawPedalGlyph('pedal_depress', ctx, x, y, pedal.render_options.glyph_point_size);
x_shift = 20 + pedal.render_options.text_margin_right;
}
} else {
// Draw start bracket
ctx.beginPath();
ctx.moveTo(x, y - pedal.render_options.bracket_height);
ctx.lineTo(x + x_shift, y);
ctx.stroke();
ctx.closePath();
}
} else {
// Adjustment for release+depress
x_shift = next_is_same ? -5 : 0;
// Draw end bracket
ctx.beginPath();
ctx.moveTo(prev_x, prev_y);
ctx.lineTo(x + x_shift, y);
ctx.lineTo(x, y - pedal.render_options.bracket_height);
ctx.stroke();
ctx.closePath();
}
// Store previous coordinates
prev_x = x + x_shift;
prev_y = y;
});
}
// Draw the text based pedal markings. This defaults to the traditional
// "Ped" and "*"" symbols if no custom text has been provided.
}, {
key: 'drawText',
value: function drawText() {
var ctx = this.context;
var is_pedal_depressed = false;
var pedal = this;
// The glyph point size
var point = pedal.render_options.glyph_point_size;
// Iterate through each note, placing glyphs or custom text accordingly
this.notes.forEach(function (note) {
is_pedal_depressed = !is_pedal_depressed;
var stave = note.getStave();
var x = note.getAbsoluteX();
var y = stave.getYForBottomText(pedal.line + 3);
var text_width = 0;
if (is_pedal_depressed) {
if (pedal.custom_depress_text) {
text_width = ctx.measureText(pedal.custom_depress_text).width;
ctx.fillText(pedal.custom_depress_text, x - text_width / 2, y);
} else {
drawPedalGlyph('pedal_depress', ctx, x, y, point);
}
} else {
if (pedal.custom_release_text) {
text_width = ctx.measureText(pedal.custom_release_text).width;
ctx.fillText(pedal.custom_release_text, x - text_width / 2, y);
} else {
drawPedalGlyph('pedal_release', ctx, x, y, point);
}
}
});
}
// Render the pedal marking in position on the rendering context
}, {
key: 'draw',
value: function draw() {
var ctx = this.checkContext();
this.setRendered();
ctx.save();
ctx.setStrokeStyle(this.render_options.color);
ctx.setFillStyle(this.render_options.color);
ctx.setFont(this.font.family, this.font.size, this.font.weight);
L('Rendering Pedal Marking');
if (this.style === PedalMarking.Styles.BRACKET || this.style === PedalMarking.Styles.MIXED) {
ctx.setLineWidth(this.render_options.bracket_line_width);
this.drawBracketed();
} else if (this.style === PedalMarking.Styles.TEXT) {
this.drawText();
}
ctx.restore();
}
}]);
return PedalMarking;
}(_element.Element);
/***/ },
/* 70 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TextBracket = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _tables = __webpack_require__(2);
var _element = __webpack_require__(5);
var _renderer = __webpack_require__(10);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Author: Cyril Silverman
//
// ## Description
//
// This file implement `TextBrackets` which extend between two notes.
// The octave transposition markings (8va, 8vb, 15va, 15vb) can be created
// using this class.
// To enable logging for this class. Set `Vex.Flow.TextBracket.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (TextBracket.DEBUG) _vex.Vex.L('Vex.Flow.TextBracket', args);
}
var TextBracket = exports.TextBracket = function (_Element) {
_inherits(TextBracket, _Element);
_createClass(TextBracket, null, [{
key: 'Positions',
get: function get() {
return {
TOP: 1,
BOTTOM: -1
};
}
}]);
function TextBracket(bracket_data) {
_classCallCheck(this, TextBracket);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(TextBracket).call(this));
_this.setAttribute('type', 'TextBracket');
_this.start = bracket_data.start;
_this.stop = bracket_data.stop;
_this.text = bracket_data.text || '';
_this.superscript = bracket_data.superscript || '';
_this.position = bracket_data.position || TextBracket.Positions.TOP;
_this.line = 1;
_this.font = {
family: 'Serif',
size: 15,
weight: 'italic'
};
_this.render_options = {
dashed: true,
dash: [5],
color: 'black',
line_width: 1,
show_bracket: true,
bracket_height: 8,
// In the BOTTOM position, the bracket line can extend
// under the superscript.
underline_superscript: true
};
return _this;
}
// Apply the text backet styling to the provided `context`
_createClass(TextBracket, [{
key: 'applyStyle',
value: function applyStyle(context) {
// Apply style for the octave bracket
context.setFont(this.font.family, this.font.size, this.font.weight);
context.setStrokeStyle(this.render_options.color);
context.setFillStyle(this.render_options.color);
context.setLineWidth(this.render_options.line_width);
return this;
}
// Set whether the bracket line should be `dashed`. You can also
// optionally set the `dash` pattern by passing in an array of numbers
}, {
key: 'setDashed',
value: function setDashed(dashed, dash) {
this.render_options.dashed = dashed;
if (dash) this.render_options.dash = dash;
return this;
}
// Set the font for the text
}, {
key: 'setFont',
value: function setFont(font) {
this.font = font;return this;
}
// Set the rendering `context` for the octave bracket
}, {
key: 'setLine',
value: function setLine(line) {
this.line = line;return this;
}
// Draw the octave bracket on the rendering context
}, {
key: 'draw',
value: function draw() {
var ctx = this.context;
this.setRendered();
var y = 0;
switch (this.position) {
case TextBracket.Positions.TOP:
y = this.start.getStave().getYForTopText(this.line);
break;
case TextBracket.Positions.BOTTOM:
y = this.start.getStave().getYForBottomText(this.line + _tables.Flow.TEXT_HEIGHT_OFFSET_HACK);
break;
default:
throw new _vex.Vex.RERR('InvalidPosition', 'The position ' + this.position + ' is invalid');
}
// Get the preliminary start and stop coordintates for the bracket
var start = { x: this.start.getAbsoluteX(), y: y };
var stop = { x: this.stop.getAbsoluteX(), y: y };
L('Rendering TextBracket: start:', start, 'stop:', stop, 'y:', y);
var bracket_height = this.render_options.bracket_height * this.position;
ctx.save();
this.applyStyle(ctx);
// Draw text
ctx.fillText(this.text, start.x, start.y);
// Get the width and height for the octave number
var main_width = ctx.measureText(this.text).width;
var main_height = ctx.measureText('M').width;
// Calculate the y position for the super script
var super_y = start.y - main_height / 2.5;
// Draw the superscript
ctx.setFont(this.font.family, this.font.size / 1.4, this.font.weight);
ctx.fillText(this.superscript, start.x + main_width + 1, super_y);
// Determine width and height of the superscript
var superscript_width = ctx.measureText(this.superscript).width;
var super_height = ctx.measureText('M').width;
// Setup initial coordinates for the bracket line
var start_x = start.x;
var line_y = super_y;
var end_x = stop.x + this.stop.getGlyph().getWidth();
// Adjust x and y coordinates based on position
if (this.position === TextBracket.Positions.TOP) {
start_x += main_width + superscript_width + 5;
line_y -= super_height / 2.7;
} else if (this.position === TextBracket.Positions.BOTTOM) {
line_y += super_height / 2.7;
start_x += main_width + 2;
if (!this.render_options.underline_superscript) {
start_x += superscript_width;
}
}
if (this.render_options.dashed) {
// Main line
_renderer.Renderer.drawDashedLine(ctx, start_x, line_y, end_x, line_y, this.render_options.dash);
// Ending Bracket
if (this.render_options.show_bracket) {
_renderer.Renderer.drawDashedLine(ctx, end_x, line_y + 1 * this.position, end_x, line_y + bracket_height, this.render_options.dash);
}
} else {
ctx.beginPath();
ctx.moveTo(start_x, line_y);
// Main line
ctx.lineTo(end_x, line_y);
if (this.render_options.show_bracket) {
// Ending bracket
ctx.lineTo(end_x, line_y + bracket_height);
}
ctx.stroke();
ctx.closePath();
}
ctx.restore();
}
}]);
return TextBracket;
}(_element.Element);
/***/ },
/* 71 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.BarNote = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _note = __webpack_require__(22);
var _stavebarline = __webpack_require__(44);
var _boundingbox = __webpack_require__(8);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
//
// A `BarNote` is used to render bar lines (from `barline.js`). `BarNote`s can
// be added to a voice and rendered in the middle of a stave. Since it has no
// duration, it consumes no `tick`s, and is dealt with appropriately by the formatter.
//
// See `tests/barnote_tests.js` for usage examples.
// To enable logging for this class. Set `Vex.Flow.BarNote.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (BarNote.DEBUG) _vex.Vex.L('Vex.Flow.BarNote', args);
}
var BarNote = exports.BarNote = function (_Note) {
_inherits(BarNote, _Note);
function BarNote(type) {
_classCallCheck(this, BarNote);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(BarNote).call(this, { duration: 'b' }));
_this.setAttribute('type', 'BarNote');
var TYPE = _stavebarline.Barline.type;
_this.metrics = {
widths: {}
};
// Defined this way to prevent lint errors.
_this.metrics.widths[TYPE.SINGLE] = 8;
_this.metrics.widths[TYPE.DOUBLE] = 12;
_this.metrics.widths[TYPE.END] = 15;
_this.metrics.widths[TYPE.REPEAT_BEGIN] = 14;
_this.metrics.widths[TYPE.REPEAT_END] = 14;
_this.metrics.widths[TYPE.REPEAT_BOTH] = 18;
_this.metrics.widths[TYPE.NONE] = 0;
// Tell the formatter that bar notes have no duration.
_this.ignore_ticks = true;
_this.type = type === undefined ? TYPE.SINGLE : type;
// Set width to width of relevant `Barline`.
_this.setWidth(_this.metrics.widths[_this.type]);
return _this;
}
// Get and set the type of Bar note. `type` must be one of `Vex.Flow.Barline.type`.
_createClass(BarNote, [{
key: 'getType',
value: function getType() {
return this.type;
}
}, {
key: 'setType',
value: function setType(type) {
this.type = type;
this.setWidth(this.metrics.widths[this.type]);
return this;
}
}, {
key: 'getBoundingBox',
value: function getBoundingBox() {
return new _boundingbox.BoundingBox(0, 0, 0, 0);
}
}, {
key: 'addToModifierContext',
value: function addToModifierContext() {
/* overridden to ignore */
return this;
}
}, {
key: 'preFormat',
value: function preFormat() {
/* overridden to ignore */
this.setPreFormatted(true);
return this;
}
// Render note to stave.
}, {
key: 'draw',
value: function draw() {
this.checkContext();
if (!this.stave) throw new _vex.Vex.RERR('NoStave', "Can't draw without a stave.");
L('Rendering bar line at: ', this.getAbsoluteX());
var barline = new _stavebarline.Barline(this.type);
barline.setX(this.getAbsoluteX());
barline.draw(this.stave);
this.setRendered();
}
}]);
return BarNote;
}(_note.Note);
/***/ },
/* 72 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.GhostNote = undefined;
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
var _vex = __webpack_require__(1);
var _stemmablenote = __webpack_require__(24);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
var GhostNote = exports.GhostNote = function (_StemmableNote) {
_inherits(GhostNote, _StemmableNote);
/** @constructor */
function GhostNote(parameter) {
_classCallCheck(this, GhostNote);
// Sanity check
if (!parameter) {
throw new _vex.Vex.RuntimeError('BadArguments', 'Ghost note must have valid initialization data to identify ' + 'duration.');
}
var note_struct = void 0;
// Preserve backwards-compatibility
if (typeof parameter === 'string') {
note_struct = { duration: parameter };
} else if ((typeof parameter === 'undefined' ? 'undefined' : _typeof(parameter)) === 'object') {
note_struct = parameter;
} else {
throw new _vex.Vex.RuntimeError('BadArguments', 'Ghost note must have valid initialization data to identify ' + 'duration.');
}
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(GhostNote).call(this, note_struct));
_this.setAttribute('type', 'GhostNote');
// Note properties
_this.setWidth(0);
return _this;
}
_createClass(GhostNote, [{
key: 'isRest',
value: function isRest() {
return true;
}
}, {
key: 'setStave',
value: function setStave(stave) {
_get(Object.getPrototypeOf(GhostNote.prototype), 'setStave', this).call(this, stave);
}
}, {
key: 'addToModifierContext',
value: function addToModifierContext() {
/* intentionally overridden */return this;
}
}, {
key: 'preFormat',
value: function preFormat() {
this.setPreFormatted(true);
return this;
}
}, {
key: 'draw',
value: function draw() {
if (!this.stave) throw new _vex.Vex.RERR('NoStave', "Can't draw without a stave.");
// Draw the modifiers
this.setRendered();
for (var i = 0; i < this.modifiers.length; ++i) {
var modifier = this.modifiers[i];
modifier.setContext(this.context);
modifier.draw();
}
}
}]);
return GhostNote;
}(_stemmablenote.StemmableNote);
/***/ },
/* 73 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Tremolo = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _modifier = __webpack_require__(25);
var _glyph = __webpack_require__(4);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// Author: Mike Corrigan <corrigan@gmail.com>
//
// This class implements tremolo notation.
var Tremolo = exports.Tremolo = function (_Modifier) {
_inherits(Tremolo, _Modifier);
_createClass(Tremolo, null, [{
key: 'CATEGORY',
get: function get() {
return 'tremolo';
}
}]);
function Tremolo(num) {
_classCallCheck(this, Tremolo);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Tremolo).call(this));
_this.setAttribute('type', 'Tremolo');
_this.num = num;
_this.note = null;
_this.index = null;
_this.position = _modifier.Modifier.Position.CENTER;
_this.code = 'v74';
_this.shift_right = -2;
_this.y_spacing = 4;
_this.render_options = {
font_scale: 35,
stroke_px: 3,
stroke_spacing: 10
};
_this.font = {
family: 'Arial',
size: 16,
weight: ''
};
return _this;
}
_createClass(Tremolo, [{
key: 'getCategory',
value: function getCategory() {
return Tremolo.CATEGORY;
}
}, {
key: 'draw',
value: function draw() {
this.checkContext();
if (!(this.note && this.index != null)) {
throw new _vex.Vex.RERR('NoAttachedNote', "Can't draw Tremolo without a note and index.");
}
this.setRendered();
var start = this.note.getModifierStartXY(this.position, this.index);
var x = start.x;
var y = start.y;
x += this.shift_right;
for (var i = 0; i < this.num; ++i) {
_glyph.Glyph.renderGlyph(this.context, x, y, this.render_options.font_scale, this.code);
y += this.y_spacing;
}
}
}]);
return Tremolo;
}(_modifier.Modifier);
/***/ },
/* 74 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Crescendo = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _vex = __webpack_require__(1);
var _note = __webpack_require__(22);
var _tickcontext = __webpack_require__(39);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// ## Description
//
// This file implements the `Crescendo` object which draws crescendos and
// decrescendo dynamics markings. A `Crescendo` is initialized with a
// duration and formatted as part of a `Voice` like any other `Note`
// type in VexFlow. This object would most likely be formatted in a Voice
// with `TextNotes` - which are used to represent other dynamics markings.
// To enable logging for this class. Set `Vex.Flow.Crescendo.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (Crescendo.DEBUG) _vex.Vex.L('Vex.Flow.Crescendo', args);
}
// Private helper to draw the hairpin
function renderHairpin(ctx, params) {
var begin_x = params.begin_x;
var end_x = params.end_x;
var y = params.y;
var half_height = params.height / 2;
ctx.beginPath();
if (params.reverse) {
ctx.moveTo(begin_x, y - half_height);
ctx.lineTo(end_x, y);
ctx.lineTo(begin_x, y + half_height);
} else {
ctx.moveTo(end_x, y - half_height);
ctx.lineTo(begin_x, y);
ctx.lineTo(end_x, y + half_height);
}
ctx.stroke();
ctx.closePath();
}
var Crescendo = exports.Crescendo = function (_Note) {
_inherits(Crescendo, _Note);
// Initialize the crescendo's properties
function Crescendo(note_struct) {
_classCallCheck(this, Crescendo);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Crescendo).call(this, note_struct));
_this.setAttribute('type', 'Crescendo');
// Whether the object is a decrescendo
_this.decrescendo = false;
// The staff line to be placed on
_this.line = note_struct.line || 0;
// The height at the open end of the cresc/decresc
_this.height = 15;
_vex.Vex.Merge(_this.render_options, {
// Extensions to the length of the crescendo on either side
extend_left: 0,
extend_right: 0,
// Vertical shift
y_shift: 0
});
return _this;
}
// Set the line to center the element on
_createClass(Crescendo, [{
key: 'setLine',
value: function setLine(line) {
this.line = line;return this;
}
// Set the full height at the open end
}, {
key: 'setHeight',
value: function setHeight(height) {
this.height = height;return this;
}
// Set whether the sign should be a descresendo by passing a bool
// to `decresc`
}, {
key: 'setDecrescendo',
value: function setDecrescendo(decresc) {
this.decrescendo = decresc;
return this;
}
// Preformat the note
}, {
key: 'preFormat',
value: function preFormat() {
this.preFormatted = true;return this;
}
// Render the Crescendo object onto the canvas
}, {
key: 'draw',
value: function draw() {
this.checkContext();
this.setRendered();
var tick_context = this.getTickContext();
var next_context = _tickcontext.TickContext.getNextContext(tick_context);
var begin_x = this.getAbsoluteX();
var end_x = next_context ? next_context.getX() : this.stave.x + this.stave.width;
var y = this.stave.getYForLine(this.line + -3) + 1;
L('Drawing ', this.decrescendo ? 'decrescendo ' : 'crescendo ', this.height, 'x', begin_x - end_x);
renderHairpin(this.context, {
begin_x: begin_x - this.render_options.extend_left,
end_x: end_x + this.render_options.extend_right,
y: y + this.render_options.y_shift,
height: this.height,
reverse: this.decrescendo
});
}
}]);
return Crescendo;
}(_note.Note);
/***/ },
/* 75 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.System = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// This class implements a musical system, which is a collection of staves,
// each which can have one or more voices. All voices across all staves in
// the system are formatted together.
var _element = __webpack_require__(5);
var _factory = __webpack_require__(76);
var _formatter = __webpack_require__(14);
var _note = __webpack_require__(22);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
function setDefaults(params, defaults) {
var default_options = defaults.options;
params = _extends(defaults, params);
params.options = _extends(default_options, params.options);
return params;
}
var System = exports.System = function (_Element) {
_inherits(System, _Element);
function System() {
var params = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
_classCallCheck(this, System);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(System).call(this));
_this.setAttribute('type', 'System');
_this.setOptions(params);
_this.parts = [];
return _this;
}
_createClass(System, [{
key: 'setOptions',
value: function setOptions() {
var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
this.options = setDefaults(options, {
x: 10,
y: 10,
width: 500,
connector: null,
spaceBetweenStaves: 12, // stave spaces
factory: null,
debugFormatter: false,
formatIterations: 0, // number of formatter tuning steps
options: {}
});
this.factory = this.options.factory || new _factory.Factory({ renderer: { el: null } });
}
}, {
key: 'setContext',
value: function setContext(context) {
_get(Object.getPrototypeOf(System.prototype), 'setContext', this).call(this, context);
this.factory.setContext(context);
return this;
}
}, {
key: 'addConnector',
value: function addConnector() {
var type = arguments.length <= 0 || arguments[0] === undefined ? 'double' : arguments[0];
this.connector = this.factory.StaveConnector({
top_stave: this.parts[0].stave,
bottom_stave: this.parts[this.parts.length - 1].stave,
type: type
});
return this.connector;
}
}, {
key: 'addStave',
value: function addStave(params) {
var _this2 = this;
params = setDefaults(params, {
stave: null,
voices: [],
spaceAbove: 0, // stave spaces
spaceBelow: 0, // stave spaces
debugNoteMetrics: false,
options: {}
});
if (!params.stave) {
var options = { left_bar: false };
params.stave = this.factory.Stave({ x: this.options.x, y: this.options.y, width: this.options.width, options: options });
}
params.voices.forEach(function (voice) {
return voice.setContext(_this2.context).setStave(params.stave);
});
this.parts.push(params);
return params.stave;
}
}, {
key: 'format',
value: function format() {
var _this3 = this;
var formatter = new _formatter.Formatter();
this.formatter = formatter;
var y = this.options.y;
var startX = 0;
var allVoices = [];
var debugNoteMetricsYs = [];
// Join the voices for each stave.
this.parts.forEach(function (part) {
y = y + part.stave.space(part.spaceAbove);
part.stave.setY(y);
formatter.joinVoices(part.voices);
y = y + part.stave.space(part.spaceBelow);
y = y + part.stave.space(_this3.options.spaceBetweenStaves);
if (part.debugNoteMetrics) {
debugNoteMetricsYs.push({ y: y, voice: part.voices[0] });
y += 15;
}
allVoices = allVoices.concat(part.voices);
startX = Math.max(startX, part.stave.getNoteStartX());
});
// Update the start position of all staves.
this.parts.forEach(function (part) {
return part.stave.setNoteStartX(startX);
});
var justifyWidth = this.options.width - (startX - this.options.x) - _note.Note.STAVEPADDING;
formatter.format(allVoices, justifyWidth);
for (var i = 0; i < this.options.formatIterations; i++) {
formatter.tune();
}
this.startX = startX;
this.debugNoteMetricsYs = debugNoteMetricsYs;
this.lastY = y;
}
}, {
key: 'draw',
value: function draw() {
// Render debugging information, if requested.
var ctx = this.checkContext();
this.setRendered();
if (this.options.debugFormatter) {
_formatter.Formatter.plotDebugging(ctx, this.formatter, this.startX, this.options.y, this.lastY);
}
this.debugNoteMetricsYs.forEach(function (d) {
d.voice.getTickables().forEach(function (note) {
return _note.Note.plotMetrics(ctx, note, d.y);
});
});
}
}]);
return System;
}(_element.Element);
/***/ },
/* 76 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Factory = exports.X = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
// @author Mohit Cheppudira
//
// ## Description
//
// This file implements a high level API around VexFlow. It will eventually
// become the canonical way to use VexFlow.
//
// *This API is currently DRAFT*
var _vex = __webpack_require__(1);
var _accidental = __webpack_require__(29);
var _articulation = __webpack_require__(37);
var _annotation = __webpack_require__(40);
var _formatter = __webpack_require__(14);
var _frethandfinger = __webpack_require__(28);
var _textdynamics = __webpack_require__(67);
var _modifiercontext = __webpack_require__(27);
var _renderer = __webpack_require__(10);
var _stave = __webpack_require__(43);
var _stavetie = __webpack_require__(33);
var _stavenote = __webpack_require__(20);
var _staveconnector = __webpack_require__(19);
var _system = __webpack_require__(75);
var _tickcontext = __webpack_require__(39);
var _tuplet = __webpack_require__(16);
var _voice = __webpack_require__(18);
var _beam = __webpack_require__(15);
var _curve = __webpack_require__(66);
var _gracenote = __webpack_require__(61);
var _gracenotegroup = __webpack_require__(32);
var _easyscore = __webpack_require__(77);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
// To enable logging for this class. Set `Vex.Flow.Factory.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (Factory.DEBUG) _vex.Vex.L('Vex.Flow.Factory', args);
}
var X = exports.X = _vex.Vex.MakeException('FactoryError');
function setDefaults() {
var params = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
var defaults = arguments[1];
var default_options = defaults.options;
params = _extends(defaults, params);
params.options = _extends(default_options, params.options);
return params;
}
var Factory = exports.Factory = function () {
function Factory(options) {
_classCallCheck(this, Factory);
L('New factory: ', options);
var defaults = {
stave: {
space: 10
},
renderer: {
context: null,
selector: '',
backend: _renderer.Renderer.Backends.SVG,
width: 500,
height: 200,
background: '#FFF'
},
font: {
face: 'Arial',
point: 10,
style: ''
}
};
this.options = defaults;
this.setOptions(options);
}
_createClass(Factory, [{
key: 'reset',
value: function reset() {
this.renderQ = [];
this.systems = [];
this.staves = [];
this.voices = [];
this.stave = null; // current stave
}
}, {
key: 'getOptions',
value: function getOptions() {
return this.options;
}
}, {
key: 'setOptions',
value: function setOptions(options) {
var _arr = ['stave', 'renderer', 'font'];
for (var _i = 0; _i < _arr.length; _i++) {
var key = _arr[_i];
_extends(this.options[key], options[key]);
}
if (this.options.renderer.selector !== null || this.options.renderer.context) {
this.initRenderer();
}
this.reset();
}
}, {
key: 'initRenderer',
value: function initRenderer() {
var _options$renderer = this.options.renderer;
var selector = _options$renderer.selector;
var backend = _options$renderer.backend;
var width = _options$renderer.width;
var height = _options$renderer.height;
var background = _options$renderer.background;
if (selector === '') {
throw new X('HTML DOM element not set in Factory');
}
this.context = _renderer.Renderer.buildContext(selector, backend, width, height, background);
}
}, {
key: 'getContext',
value: function getContext() {
return this.context;
}
}, {
key: 'setContext',
value: function setContext(context) {
this.context = context;return this;
}
}, {
key: 'getStave',
value: function getStave() {
return this.stave;
}
// Returns pixels from current stave spacing.
}, {
key: 'space',
value: function space(spacing) {
return this.options.stave.space * spacing;
}
}, {
key: 'Stave',
value: function Stave(params) {
params = setDefaults(params, {
x: 0,
y: 0,
width: this.options.renderer.width - this.space(1),
options: {
spacing_between_lines_px: this.options.stave.space
}
});
var stave = new _stave.Stave(params.x, params.y, params.width, params.options);
this.staves.push(stave);
stave.setContext(this.context);
this.stave = stave;
return stave;
}
}, {
key: 'StaveNote',
value: function StaveNote(noteStruct) {
var note = new _stavenote.StaveNote(noteStruct);
if (this.stave) note.setStave(this.stave);
note.setContext(this.context);
this.renderQ.push(note);
return note;
}
}, {
key: 'GraceNote',
value: function GraceNote(noteStruct) {
var note = new _gracenote.GraceNote(noteStruct);
if (this.stave) note.setStave(this.stave);
note.setContext(this.context);
return note;
}
}, {
key: 'GraceNoteGroup',
value: function GraceNoteGroup(params) {
var group = new _gracenotegroup.GraceNoteGroup(params.notes, params.slur);
group.setContext(this.context);
return group;
}
}, {
key: 'Accidental',
value: function Accidental(params) {
params = setDefaults(params, {
type: null,
options: {}
});
var accid = new _accidental.Accidental(params.type);
accid.setContext(this.context);
return accid;
}
}, {
key: 'Annotation',
value: function Annotation(params) {
params = setDefaults(params, {
text: 'p',
vJustify: 'below',
hJustify: 'center',
fontFamily: 'Times',
fontSize: 14,
fontWeight: 'bold italic',
options: {}
});
var annotation = new _annotation.Annotation(params.text);
annotation.setJustification(params.hJustify);
annotation.setVerticalJustification(params.vJustify);
annotation.setFont(params.fontFamily, params.fontSize, params.fontWeight);
annotation.setContext(this.context);
return annotation;
}
}, {
key: 'Articulation',
value: function Articulation(params) {
params = setDefaults(params, {
type: 'a.',
position: 'above',
options: {}
});
var articulation = new _articulation.Articulation(params.type);
articulation.setPosition(params.position);
articulation.setContext(this.context);
return articulation;
}
}, {
key: 'TextDynamics',
value: function TextDynamics(params) {
params = setDefaults(params, {
text: 'p',
duration: 'q',
dots: 0,
line: 0,
options: {}
});
var text = new _textdynamics.TextDynamics({
text: params.text,
line: params.line,
duration: params.duration,
dots: params.dots
});
text.setContext(this.context);
return text;
}
}, {
key: 'Fingering',
value: function Fingering(params) {
params = setDefaults(params, {
number: '0',
position: 'left',
options: {}
});
var fingering = new _frethandfinger.FretHandFinger(params.number);
fingering.setPosition(params.position);
fingering.setContext(this.context);
return fingering;
}
}, {
key: 'TickContext',
value: function TickContext() {
return new _tickcontext.TickContext().setContext(this.context);
}
}, {
key: 'ModifierContext',
value: function ModifierContext() {
return new _modifiercontext.ModifierContext();
}
}, {
key: 'Voice',
value: function Voice(params) {
params = setDefaults(params, {
time: '4/4',
options: {}
});
var voice = new _voice.Voice(params.time);
this.voices.push(voice);
return voice;
}
}, {
key: 'StaveConnector',
value: function StaveConnector(params) {
params = setDefaults(params, {
top_stave: null,
bottom_stave: null,
type: 'double',
options: {}
});
var connector = new _staveconnector.StaveConnector(params.top_stave, params.bottom_stave);
connector.setType(params.type).setContext(this.context);
this.renderQ.push(connector);
return connector;
}
}, {
key: 'Formatter',
value: function Formatter() {
return new _formatter.Formatter();
}
}, {
key: 'Tuplet',
value: function Tuplet(params) {
params = setDefaults(params, {
notes: [],
options: {}
});
var tuplet = new _tuplet.Tuplet(params.notes, params.options).setContext(this.context);
this.renderQ.push(tuplet);
return tuplet;
}
}, {
key: 'Beam',
value: function Beam(params) {
params = setDefaults(params, {
notes: [],
options: {
autoStem: false
}
});
var beam = new _beam.Beam(params.notes, params.options.autoStem).setContext(this.context);
this.renderQ.push(beam);
return beam;
}
}, {
key: 'Curve',
value: function Curve(params) {
params = setDefaults(params, {
from: null,
to: null,
options: {}
});
var curve = new _curve.Curve(params.from, params.to, params.options).setContext(this.context);
this.renderQ.push(curve);
return curve;
}
}, {
key: 'StaveTie',
value: function StaveTie(params) {
params = setDefaults(params, {
from: null,
to: null,
first_indices: [0],
last_indices: [0],
text: null,
options: {}
});
var tie = new _stavetie.StaveTie({
first_note: params.from,
last_note: params.to,
first_indices: params.first_indices,
last_indices: params.last_indices
}, params.text).setContext(this.context);
this.renderQ.push(tie);
return tie;
}
}, {
key: 'System',
value: function System() {
var params = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
params.factory = this;
var system = new _system.System(params).setContext(this.context);
this.systems.push(system);
return system;
}
}, {
key: 'EasyScore',
value: function EasyScore() {
var params = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
params.factory = this;
return new _easyscore.EasyScore(params);
}
}, {
key: 'draw',
value: function draw() {
var _this = this;
this.systems.forEach(function (i) {
return i.setContext(_this.context).format();
});
this.staves.forEach(function (i) {
return i.setContext(_this.context).draw();
});
this.voices.forEach(function (i) {
return i.setContext(_this.context).draw();
});
this.renderQ.forEach(function (i) {
if (!i.isRendered()) i.setContext(_this.context).draw();
});
this.systems.forEach(function (i) {
return i.setContext(_this.context).draw();
});
this.reset();
}
}], [{
key: 'newFromSelector',
value: function newFromSelector(selector) {
var width = arguments.length <= 1 || arguments[1] === undefined ? 500 : arguments[1];
var height = arguments.length <= 2 || arguments[2] === undefined ? 200 : arguments[2];
return new Factory({ renderer: { selector: selector, width: width, height: height } });
}
}]);
return Factory;
}();
/***/ },
/* 77 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.EasyScore = exports.X = undefined;
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// This class implements a parser for a simple language to generate
// VexFlow objects.
var _vex = __webpack_require__(1);
var _stavenote = __webpack_require__(20);
var _parser = __webpack_require__(78);
var _articulation = __webpack_require__(37);
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
// To enable logging for this class. Set `Vex.Flow.EasyScore.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (EasyScore.DEBUG) _vex.Vex.L('Vex.Flow.EasyScore', args);
}
var X = exports.X = _vex.Vex.MakeException('EasyScoreError');
var Grammar = function () {
function Grammar(builder) {
_classCallCheck(this, Grammar);
this.builder = builder;
}
_createClass(Grammar, [{
key: 'begin',
value: function begin() {
return this.LINE;
}
}, {
key: 'LINE',
value: function LINE() {
return {
expect: [this.PIECE, this.PIECES, this.EOL]
};
}
}, {
key: 'PIECE',
value: function PIECE() {
var _this = this;
return {
expect: [this.CHORDORNOTE, this.PARAMS],
run: function run() {
return _this.builder.commitPiece();
}
};
}
}, {
key: 'PIECES',
value: function PIECES() {
return {
expect: [this.COMMA, this.PIECE],
zeroOrMore: true
};
}
}, {
key: 'PARAMS',
value: function PARAMS() {
return {
expect: [this.DURATION, this.TYPE, this.DOTS, this.OPTS]
};
}
}, {
key: 'CHORDORNOTE',
value: function CHORDORNOTE() {
return {
expect: [this.CHORD, this.SINGLENOTE],
or: true
};
}
}, {
key: 'CHORD',
value: function CHORD() {
var _this2 = this;
return {
expect: [this.LPAREN, this.NOTES, this.RPAREN],
run: function run(state) {
return _this2.builder.addChord(state.matches[1]);
}
};
}
}, {
key: 'NOTES',
value: function NOTES() {
return {
expect: [this.NOTE],
oneOrMore: true
};
}
}, {
key: 'NOTE',
value: function NOTE() {
return {
expect: [this.NOTENAME, this.ACCIDENTAL, this.OCTAVE]
};
}
}, {
key: 'SINGLENOTE',
value: function SINGLENOTE() {
var _this3 = this;
return {
expect: [this.NOTENAME, this.ACCIDENTAL, this.OCTAVE],
run: function run(state) {
return _this3.builder.addSingleNote(state.matches[0], state.matches[1], state.matches[2]);
}
};
}
}, {
key: 'ACCIDENTAL',
value: function ACCIDENTAL() {
return {
expect: [this.ACCIDENTALS],
maybe: true
};
}
}, {
key: 'DOTS',
value: function DOTS() {
var _this4 = this;
return {
expect: [this.DOT],
zeroOrMore: true,
run: function run(state) {
return _this4.builder.setNoteDots(state.matches[0]);
}
};
}
}, {
key: 'TYPE',
value: function TYPE() {
var _this5 = this;
return {
expect: [this.SLASH, this.MAYBESLASH, this.TYPES],
maybe: true,
run: function run(state) {
return _this5.builder.setNoteType(state.matches[2]);
}
};
}
}, {
key: 'DURATION',
value: function DURATION() {
var _this6 = this;
return {
expect: [this.SLASH, this.DURATIONS],
maybe: true,
run: function run(state) {
return _this6.builder.setNoteDuration(state.matches[1]);
}
};
}
}, {
key: 'OPTS',
value: function OPTS() {
return {
expect: [this.LBRACKET, this.KEYVAL, this.KEYVALS, this.RBRACKET],
maybe: true
};
}
}, {
key: 'KEYVALS',
value: function KEYVALS() {
return {
expect: [this.COMMA, this.KEYVAL],
zeroOrMore: true
};
}
}, {
key: 'KEYVAL',
value: function KEYVAL() {
var _this7 = this;
var unquote = function unquote(str) {
return str.slice(1, -1);
};
return {
expect: [this.KEY, this.EQUALS, this.VAL],
run: function run(state) {
return _this7.builder.addNoteOption(state.matches[0], unquote(state.matches[2]));
}
};
}
}, {
key: 'VAL',
value: function VAL() {
return {
expect: [this.SVAL, this.DVAL],
or: true
};
}
}, {
key: 'KEY',
value: function KEY() {
return { token: '[a-zA-Z][a-zA-Z0-9]*' };
}
}, {
key: 'DVAL',
value: function DVAL() {
return { token: '["][^"]*["]' };
}
}, {
key: 'SVAL',
value: function SVAL() {
return { token: "['][^']*[']" };
}
}, {
key: 'NOTENAME',
value: function NOTENAME() {
return { token: '[a-gA-G]' };
}
}, {
key: 'OCTAVE',
value: function OCTAVE() {
return { token: '[0-9]+' };
}
}, {
key: 'ACCIDENTALS',
value: function ACCIDENTALS() {
return { token: 'bbs|bb|bss|bs|b|db|d|##|#|n|\\+\\+-|\\+-|\\+\\+|\\+' };
}
}, {
key: 'DURATIONS',
value: function DURATIONS() {
return { token: '[0-9whq]+' };
}
}, {
key: 'TYPES',
value: function TYPES() {
return { token: '[rRsSxX]' };
}
}, {
key: 'LPAREN',
value: function LPAREN() {
return { token: '[(]' };
}
}, {
key: 'RPAREN',
value: function RPAREN() {
return { token: '[)]' };
}
}, {
key: 'COMMA',
value: function COMMA() {
return { token: '[,]' };
}
}, {
key: 'DOT',
value: function DOT() {
return { token: '[.]' };
}
}, {
key: 'SLASH',
value: function SLASH() {
return { token: '[/]' };
}
}, {
key: 'MAYBESLASH',
value: function MAYBESLASH() {
return { token: '[/]?' };
}
}, {
key: 'EQUALS',
value: function EQUALS() {
return { token: '[=]' };
}
}, {
key: 'LBRACKET',
value: function LBRACKET() {
return { token: '\\[' };
}
}, {
key: 'RBRACKET',
value: function RBRACKET() {
return { token: '\\]' };
}
}, {
key: 'EOL',
value: function EOL() {
return { token: '$' };
}
}]);
return Grammar;
}();
var Builder = function () {
function Builder(factory) {
_classCallCheck(this, Builder);
this.factory = factory;
this.commitHooks = [];
this.reset();
}
_createClass(Builder, [{
key: 'reset',
value: function reset() {
var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
this.options = {
stem: 'auto',
clef: 'treble'
};
this.elements = {
notes: [],
accidentals: []
};
this.rollingDuration = '8';
this.resetPiece();
_extends(this.options, options);
}
}, {
key: 'getFactory',
value: function getFactory() {
return this.factory;
}
}, {
key: 'getElements',
value: function getElements() {
return this.elements;
}
}, {
key: 'addCommitHook',
value: function addCommitHook(commitHook) {
this.commitHooks.push(commitHook);
}
}, {
key: 'resetPiece',
value: function resetPiece() {
L('resetPiece');
this.piece = {
chord: [],
duration: this.rollingDuration,
dots: 0,
type: undefined,
options: {}
};
}
}, {
key: 'setNoteDots',
value: function setNoteDots(dots) {
L('setNoteDots:', dots);
if (dots) this.piece.dots = dots.length;
}
}, {
key: 'setNoteDuration',
value: function setNoteDuration(duration) {
L('setNoteDuration:', duration);
this.rollingDuration = this.piece.duration = duration || this.rollingDuration;
}
}, {
key: 'setNoteType',
value: function setNoteType(type) {
L('setNoteType:', type);
if (type) this.piece.type = type;
}
}, {
key: 'addNoteOption',
value: function addNoteOption(key, value) {
L('addNoteOption: key:', key, 'value:', value);
this.piece.options[key] = value;
}
}, {
key: 'addNote',
value: function addNote(key, accid, octave) {
L('addNote:', key, accid, octave);
this.piece.chord.push({ key: key, accid: accid, octave: octave });
}
}, {
key: 'addSingleNote',
value: function addSingleNote(key, accid, octave) {
L('addSingleNote:', key, accid, octave);
this.addNote(key, accid, octave);
}
}, {
key: 'addChord',
value: function addChord(notes) {
var _this8 = this;
L('startChord');
if (_typeof(notes[0]) !== 'object') {
this.addSingleNote(notes[0]);
} else {
notes.forEach(function (n) {
if (n) _this8.addNote.apply(_this8, _toConsumableArray(n));
});
}
L('endChord');
}
}, {
key: 'commitPiece',
value: function commitPiece() {
var _this9 = this;
L('commitPiece');
var factory = this.factory;
if (!factory) return;
var options = _extends({}, this.options, this.piece.options);
var stem = options.stem;
var clef = options.clef;
var autoStem = stem.toLowerCase() === 'auto';
var stemDirection = !autoStem && stem.toLowerCase() === 'up' ? _stavenote.StaveNote.STEM_UP : _stavenote.StaveNote.STEM_DOWN;
// Build StaveNotes.
var _piece = this.piece;
var chord = _piece.chord;
var duration = _piece.duration;
var dots = _piece.dots;
var type = _piece.type;
var keys = chord.map(function (note) {
return note.key + '/' + note.octave;
});
var note = factory.StaveNote({
keys: keys,
duration: duration,
dots: dots,
type: type,
clef: clef,
auto_stem: autoStem
});
if (!autoStem) note.setStemDirection(stemDirection);
// Attach accidentals.
var accids = chord.map(function (note) {
return note.accid || null;
});
accids.forEach(function (accid, i) {
if (accid) note.addAccidental(i, factory.Accidental({ type: accid }));
});
// Attach dots.
for (var i = 0; i < dots; i++) {
note.addDotToAll();
}this.commitHooks.forEach(function (fn) {
return fn(options, note, _this9);
});
this.elements.notes.push(note);
this.elements.accidentals.concat(accids);
this.resetPiece();
}
}]);
return Builder;
}();
function setId(_ref, note) {
var id = _ref.id;
if (id === undefined) return;
note.setAttribute('id', id);
}
function setClass(options, note) {
if (!options.class) return;
var commaSeparatedRegex = /\s*,\s*/;
options.class.split(commaSeparatedRegex).forEach(function (className) {
return note.addClass(className);
});
}
var EasyScore = exports.EasyScore = function () {
function EasyScore() {
var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
_classCallCheck(this, EasyScore);
this.setOptions(options);
this.defaults = {
clef: 'treble',
time: '4/4',
stem: 'auto'
};
}
_createClass(EasyScore, [{
key: 'set',
value: function set(defaults) {
_extends(this.defaults, defaults);
return this;
}
}, {
key: 'setOptions',
value: function setOptions(options) {
var _this10 = this;
this.options = _extends({
factory: null,
builder: null,
commitHooks: [setId, setClass, _articulation.Articulation.easyScoreHook],
throwOnError: false
}, options);
this.factory = this.options.factory;
this.builder = this.options.builder || new Builder(this.factory);
this.grammar = new Grammar(this.builder);
this.parser = new _parser.Parser(this.grammar);
this.options.commitHooks.forEach(function (commitHook) {
return _this10.addCommitHook(commitHook);
});
return this;
}
}, {
key: 'setContext',
value: function setContext(context) {
if (this.factory) this.factory.setContext(context);
return this;
}
}, {
key: 'parse',
value: function parse(line) {
var options = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
this.builder.reset(options);
var result = this.parser.parse(line);
if (!result.success && this.options.throwOnError) {
throw new X('Error parsing line: ' + line, result);
}
return result;
}
}, {
key: 'beam',
value: function beam(notes) {
var options = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
this.factory.Beam({ notes: notes, options: options });
return notes;
}
}, {
key: 'tuplet',
value: function tuplet(notes) {
var options = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
this.factory.Tuplet({ notes: notes, options: options });
return notes;
}
}, {
key: 'notes',
value: function notes(line) {
var options = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
options = _extends({ clef: this.defaults.clef, stem: this.defaults.stem }, options);
this.parse(line, options);
return this.builder.getElements().notes;
}
}, {
key: 'voice',
value: function voice(notes, voiceOptions) {
voiceOptions = _extends({ time: this.defaults.time }, voiceOptions);
return this.factory.Voice(voiceOptions).addTickables(notes);
}
}, {
key: 'addCommitHook',
value: function addCommitHook(commitHook) {
return this.builder.addCommitHook(commitHook);
}
}]);
return EasyScore;
}();
/***/ },
/* 78 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Parser = exports.X = undefined;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); // [VexFlow](http://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
//
// A generic text parsing class for VexFlow.
var _vex = __webpack_require__(1);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
// To enable logging for this class. Set `Vex.Flow.Parser.DEBUG` to `true`.
function L() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (Parser.DEBUG) _vex.Vex.L('Vex.Flow.Parser', args);
}
var X = exports.X = _vex.Vex.MakeException('ParserError');
// Converts parser results into an easy to reference list that can be
// used in triggers.
function flattenMatches(results) {
if (results.matchedString !== undefined) return results.matchedString;
if (results.results) return flattenMatches(results.results);
if (results.length === 1) return flattenMatches(results[0]);
if (results.length === 0) return null;
return results.map(flattenMatches);
}
// This is the base parser class. Given an arbitrary context-free grammar, it
// can parse any line and execute code when specific rules are met (e.g.,
// when a string is terminated.)
var Parser = exports.Parser = function () {
// For an example of a simple grammar, take a look at tests/parser_tests.js or
// the EasyScore grammar in easyscore.js.
function Parser(grammar) {
_classCallCheck(this, Parser);
this.grammar = grammar;
}
// Parse `line` using current grammar. Returns {success: true} if the
// line parsed correctly, otherwise returns `{success: false, errorPos: N}`
// where `errorPos` is the location of the error in the string.
_createClass(Parser, [{
key: 'parse',
value: function parse(line) {
this.line = line;
this.pos = 0;
this.errorPos = -1;
var results = this.expect(this.grammar.begin());
results.errorPos = this.errorPos;
return results;
}
}, {
key: 'matchFail',
value: function matchFail(returnPos) {
if (this.errorPos === -1) this.errorPos = this.pos;
this.pos = returnPos;
}
}, {
key: 'matchSuccess',
value: function matchSuccess() {
this.errorPos = -1;
}
// Look for `token` in this.line[this.pos], and return success
// if one is found. `token` is specified as a regular expression.
}, {
key: 'matchToken',
value: function matchToken(token) {
var noSpace = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1];
var regexp = noSpace ? new RegExp('^((' + token + '))') : new RegExp('^((' + token + ')\\s*)');
var workingLine = this.line.slice(this.pos);
var result = workingLine.match(regexp);
if (result !== null) {
return {
success: true,
matchedString: result[2],
incrementPos: result[1].length,
pos: this.pos
};
} else {
return {
success: false,
pos: this.pos
};
}
}
// Execute rule to match a sequence of tokens (or rules). If `maybe` is
// set, then return success even if the token is not found, but reset
// the position before exiting.
}, {
key: 'expectOne',
value: function expectOne(rule) {
var maybe = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1];
var results = [];
var pos = this.pos;
var allMatches = true;
var oneMatch = false;
maybe = maybe === true || rule.maybe === true;
// Execute all sub rules in sequence.
for (var i = 0; i < rule.expect.length; i++) {
var next = rule.expect[i];
var localPos = this.pos;
var result = this.expect(next);
// If `rule.or` is set, then return success if any one
// of the subrules match, else all subrules must match.
if (result.success) {
results.push(result);
oneMatch = true;
if (rule.or) break;
} else {
allMatches = false;
if (!rule.or) {
this.pos = localPos;
break;
}
}
}
var gotOne = rule.or && oneMatch || allMatches;
var success = gotOne || maybe === true;
if (maybe && !gotOne) this.pos = pos;
if (success) this.matchSuccess();else this.matchFail(pos);
return { success: success, results: results, numMatches: gotOne ? 1 : 0 };
}
// Try to match multiple (one or more) instances of the rule. If `maybe` is set,
// then a failed match is also a success (but the position is reset).
}, {
key: 'expectOneOrMore',
value: function expectOneOrMore(rule) {
var maybe = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1];
var results = [];
var pos = this.pos;
var numMatches = 0;
var more = true;
do {
var result = this.expectOne(rule);
if (result.success) {
numMatches++;
results.push(result.results);
} else {
more = false;
}
} while (more);
var success = numMatches > 0 || maybe === true;
if (maybe && !(numMatches > 0)) this.pos = pos;
if (success) this.matchSuccess();else this.matchFail(pos);
return { success: success, results: results, numMatches: numMatches };
}
// Match zero or more instances of `rule`. Offloads to `expectOneOrMore`.
}, {
key: 'expectZeroOrMore',
value: function expectZeroOrMore(rule) {
return this.expectOneOrMore(rule, true);
}
// Execute the rule produced by the provided the `rules` function. This
// ofloads to one of the above matchers and consolidates the results. It is also
// responsible for executing any code triggered by the rule (in `rule.run`.)
}, {
key: 'expect',
value: function expect(rules) {
L('Evaluating rules:', rules);
var result = void 0;
if (!rules) {
throw new X('Invalid Rule: ' + rules, rules);
}
// Get rule from Grammar class.
var rule = rules.bind(this.grammar)();
if (rule.token) {
// Base case: parse the regex and throw an error if the
// line doesn't match.
result = this.matchToken(rule.token, rule.noSpace === true);
if (result.success) {
// Token match! Update position and throw away parsed portion
// of string.
this.pos += result.incrementPos;
}
} else if (rule.expect) {
if (rule.oneOrMore) {
result = this.expectOneOrMore(rule);
} else if (rule.zeroOrMore) {
result = this.expectZeroOrMore(rule);
} else {
result = this.expectOne(rule);
}
} else {
throw new X('Bad grammar! No `token` or `expect` property', rule);
}
// If there's a trigger attached to this rule, then pull it.
result.matches = [];
if (result.results) result.results.forEach(function (r) {
return result.matches.push(flattenMatches(r));
});
if (rule.run && result.success) rule.run(result);
return result;
}
}]);
return Parser;
}();
/***/ }
/******/ ])
});
;
//# sourceMappingURL=vexflow-debug.js.map