@coderline/alphatab 1.3.0-alpha.133 → 1.3.0-alpha.137

package/dist/alphaTab.mjs

@@ -1,5 +1,5 @@
 /**
- * alphaTab v1.3.0-alpha.133 (develop, build 133)
+ * alphaTab v1.3.0-alpha.137 (develop, build 137)
  * 
  * Copyright © 2021, Daniel Kuschny and Contributors, All rights reserved.
  * 
@@ -14,30 +14,48 @@
  * Copyright (C) 2012 Steve Folta (https://github.com/stevefolta/SFZero)
  */
 
-var AlphaTabErrorType;
-(function (AlphaTabErrorType) {
-    AlphaTabErrorType[AlphaTabErrorType["General"] = 0] = "General";
-    AlphaTabErrorType[AlphaTabErrorType["Format"] = 1] = "Format";
-    AlphaTabErrorType[AlphaTabErrorType["AlphaTex"] = 2] = "AlphaTex";
-})(AlphaTabErrorType || (AlphaTabErrorType = {}));
-class AlphaTabError extends Error {
-    constructor(type, message = "", inner) {
-        super(message);
-        this.type = type;
-        this.inner = inner !== null && inner !== void 0 ? inner : null;
-        Object.setPrototypeOf(this, AlphaTabError.prototype);
-    }
-}
+/**
+ * Lists all layout modes that are supported.
+ */
+var LayoutMode;
+(function (LayoutMode) {
+    /**
+     * Bars are aligned in rows using a fixed width.
+     */
+    LayoutMode[LayoutMode["Page"] = 0] = "Page";
+    /**
+     * Bars are aligned horizontally in one row
+     */
+    LayoutMode[LayoutMode["Horizontal"] = 1] = "Horizontal";
+})(LayoutMode || (LayoutMode = {}));
 
 /**
- * An invalid input format was detected (e.g. invalid setting values, file formats,...)
+ * Lists all stave profiles controlling which staves are shown.
  */
-class FormatError extends AlphaTabError {
-    constructor(message) {
-        super(AlphaTabErrorType.Format, message);
-        Object.setPrototypeOf(this, FormatError.prototype);
-    }
-}
+var StaveProfile;
+(function (StaveProfile) {
+    /**
+     * The profile is auto detected by the track configurations.
+     */
+    StaveProfile[StaveProfile["Default"] = 0] = "Default";
+    /**
+     * Standard music notation and guitar tablature are rendered.
+     */
+    StaveProfile[StaveProfile["ScoreTab"] = 1] = "ScoreTab";
+    /**
+     * Only standard music notation is rendered.
+     */
+    StaveProfile[StaveProfile["Score"] = 2] = "Score";
+    /**
+     * Only guitar tablature is rendered.
+     */
+    StaveProfile[StaveProfile["Tab"] = 3] = "Tab";
+    /**
+     * Only guitar tablature is rendered, but also rests and time signatures are not shown.
+     * This profile is typically used in multi-track scenarios.
+     */
+    StaveProfile[StaveProfile["TabMixed"] = 4] = "TabMixed";
+})(StaveProfile || (StaveProfile = {}));
 
 /**
  * This public class provides names for all general midi instruments.
@@ -93,2161 +111,1154 @@ GeneralMidi._values = new Map([
 ]);
 
 /**
- * Lists all fingers.
+ * This is the base public class for creating new song importers which
+ * enable reading scores from any binary datasource
  */
-var Fingers;
-(function (Fingers) {
-    /**
-     * Unknown type (not documented)
-     */
-    Fingers[Fingers["Unknown"] = -2] = "Unknown";
-    /**
-     * No finger, dead note
-     */
-    Fingers[Fingers["NoOrDead"] = -1] = "NoOrDead";
-    /**
-     * The thumb
-     */
-    Fingers[Fingers["Thumb"] = 0] = "Thumb";
-    /**
-     * The index finger
-     */
-    Fingers[Fingers["IndexFinger"] = 1] = "IndexFinger";
-    /**
-     * The middle finger
-     */
-    Fingers[Fingers["MiddleFinger"] = 2] = "MiddleFinger";
-    /**
-     * The annular finger
-     */
-    Fingers[Fingers["AnnularFinger"] = 3] = "AnnularFinger";
+class ScoreImporter {
     /**
-     * The little finger
+     * Initializes the importer with the given data and settings.
      */
-    Fingers[Fingers["LittleFinger"] = 4] = "LittleFinger";
-})(Fingers || (Fingers = {}));
+    init(data, settings) {
+        this.data = data;
+        this.settings = settings;
+    }
+}
+
+var AlphaTabErrorType;
+(function (AlphaTabErrorType) {
+    AlphaTabErrorType[AlphaTabErrorType["General"] = 0] = "General";
+    AlphaTabErrorType[AlphaTabErrorType["Format"] = 1] = "Format";
+    AlphaTabErrorType[AlphaTabErrorType["AlphaTex"] = 2] = "AlphaTex";
+})(AlphaTabErrorType || (AlphaTabErrorType = {}));
+class AlphaTabError extends Error {
+    constructor(type, message = "", inner) {
+        super(message);
+        this.type = type;
+        this.inner = inner !== null && inner !== void 0 ? inner : null;
+        Object.setPrototypeOf(this, AlphaTabError.prototype);
+    }
+}
 
 /**
- * Lists the different modes on how rhythm notation is shown on the tab staff.
+ * The exception thrown by a {@link ScoreImporter} in case the
+ * binary data does not contain a reader compatible structure.
  */
-var TabRhythmMode;
-(function (TabRhythmMode) {
+class UnsupportedFormatError extends AlphaTabError {
+    constructor(message = 'Unsupported format', inner = null) {
+        super(AlphaTabErrorType.Format, message);
+        this.inner = inner;
+        Object.setPrototypeOf(this, UnsupportedFormatError.prototype);
+    }
+}
+
+/**
+ * Lists all types of note acceuntations
+ */
+var AccentuationType;
+(function (AccentuationType) {
     /**
-     * Rhythm notation is hidden.
+     * No accentuation
      */
-    TabRhythmMode[TabRhythmMode["Hidden"] = 0] = "Hidden";
+    AccentuationType[AccentuationType["None"] = 0] = "None";
     /**
-     * Rhythm notation is shown with individual beams per beat.
+     * Normal accentuation
      */
-    TabRhythmMode[TabRhythmMode["ShowWithBeams"] = 1] = "ShowWithBeams";
+    AccentuationType[AccentuationType["Normal"] = 1] = "Normal";
     /**
-     * Rhythm notation is shown and behaves like normal score notation with connected bars.
+     * Heavy accentuation
      */
-    TabRhythmMode[TabRhythmMode["ShowWithBars"] = 2] = "ShowWithBars";
-})(TabRhythmMode || (TabRhythmMode = {}));
+    AccentuationType[AccentuationType["Heavy"] = 2] = "Heavy";
+})(AccentuationType || (AccentuationType = {}));
+
 /**
- * Lists all modes on how fingerings should be displayed.
+ * This public enumeration lists all types of automations.
  */
-var FingeringMode;
-(function (FingeringMode) {
+var AutomationType;
+(function (AutomationType) {
     /**
-     * Fingerings will be shown in the standard notation staff.
+     * Tempo change.
      */
-    FingeringMode[FingeringMode["ScoreDefault"] = 0] = "ScoreDefault";
+    AutomationType[AutomationType["Tempo"] = 0] = "Tempo";
     /**
-     * Fingerings will be shown in the standard notation staff. Piano finger style is enforced, where
-     * fingers are rendered as 1-5 instead of p,i,m,a,c and T,1,2,3,4.
+     * Colume change.
      */
-    FingeringMode[FingeringMode["ScoreForcePiano"] = 1] = "ScoreForcePiano";
+    AutomationType[AutomationType["Volume"] = 1] = "Volume";
     /**
-     * Fingerings will be shown in a effect band above the tabs in case
-     * they have only a single note on the beat.
+     * Instrument change.
      */
-    FingeringMode[FingeringMode["SingleNoteEffectBand"] = 2] = "SingleNoteEffectBand";
+    AutomationType[AutomationType["Instrument"] = 2] = "Instrument";
     /**
-     * Fingerings will be shown in a effect band above the tabs in case
-     * they have only a single note on the beat. Piano finger style is enforced, where
-     * fingers are rendered as 1-5 instead of p,i,m,a,c and T,1,2,3,4.
+     * Balance change.
      */
-    FingeringMode[FingeringMode["SingleNoteEffectBandForcePiano"] = 3] = "SingleNoteEffectBandForcePiano";
-})(FingeringMode || (FingeringMode = {}));
+    AutomationType[AutomationType["Balance"] = 3] = "Balance";
+})(AutomationType || (AutomationType = {}));
 /**
- * Lists all modes on how alphaTab can handle the display and playback of music notation.
+ * Automations are used to change the behaviour of a song.
+ * @cloneable
+ * @json
  */
-var NotationMode;
-(function (NotationMode) {
-    /**
-     * Music elements will be displayed and played as in Guitar Pro.
-     */
-    NotationMode[NotationMode["GuitarPro"] = 0] = "GuitarPro";
-    /**
-     * Music elements will be displayed and played as in traditional songbooks.
-     * Changes:
-     * 1. Bends
-     *   For bends additional grace beats are introduced.
-     *   Bends are categorized into gradual and fast bends.
-     *   - Gradual bends are indicated by beat text "grad" or "grad.". Bend will sound along the beat duration.
-     *   - Fast bends are done right before the next note. If the next note is tied even on-beat of the next note.
-     * 2. Whammy Bars
-     *   Dips are shown as simple annotation over the beats
-     *   Whammy Bars are categorized into gradual and fast.
-     *   - Gradual whammys are indicated by beat text "grad" or "grad.". Whammys will sound along the beat duration.
-     *   - Fast whammys are done right the beat.
-     * 3. Let Ring
-     *   Tied notes with let ring are not shown in standard notation
-     *   Let ring does not cause a longer playback, duration is defined via tied notes.
-     */
-    NotationMode[NotationMode["SongBook"] = 1] = "SongBook";
-})(NotationMode || (NotationMode = {}));
+class Automation {
+    constructor() {
+        /**
+         * Gets or sets whether the automation is applied linear.
+         */
+        this.isLinear = false;
+        /**
+         * Gets or sets the type of the automation.
+         */
+        this.type = AutomationType.Tempo;
+        /**
+         * Gets or sets the target value of the automation.
+         */
+        this.value = 0;
+        /**
+         * Gets or sets the relative position of of the automation.
+         */
+        this.ratioPosition = 0;
+        /**
+         * Gets or sets the additional text of the automation.
+         */
+        this.text = '';
+    }
+    static buildTempoAutomation(isLinear, ratioPosition, value, reference) {
+        if (reference < 1 || reference > 5) {
+            reference = 2;
+        }
+        let references = new Float32Array([1, 0.5, 1.0, 1.5, 2.0, 3.0]);
+        let automation = new Automation();
+        automation.type = AutomationType.Tempo;
+        automation.isLinear = isLinear;
+        automation.ratioPosition = ratioPosition;
+        automation.value = value * references[reference];
+        return automation;
+    }
+    static buildInstrumentAutomation(isLinear, ratioPosition, value) {
+        let automation = new Automation();
+        automation.type = AutomationType.Instrument;
+        automation.isLinear = isLinear;
+        automation.ratioPosition = ratioPosition;
+        automation.value = value;
+        return automation;
+    }
+}
+
 /**
- * Lists all major music notation elements that are part
- * of the music sheet and can be dynamically controlled to be shown
- * or hidden.
+ * This public enumeration lists all supported Clefs.
  */
-var NotationElement;
-(function (NotationElement) {
-    /**
-     * The score title shown at the start of the music sheet.
-     */
-    NotationElement[NotationElement["ScoreTitle"] = 0] = "ScoreTitle";
-    /**
-     * The score subtitle shown at the start of the music sheet.
-     */
-    NotationElement[NotationElement["ScoreSubTitle"] = 1] = "ScoreSubTitle";
-    /**
-     * The score artist shown at the start of the music sheet.
-     */
-    NotationElement[NotationElement["ScoreArtist"] = 2] = "ScoreArtist";
-    /**
-     * The score album shown at the start of the music sheet.
-     */
-    NotationElement[NotationElement["ScoreAlbum"] = 3] = "ScoreAlbum";
-    /**
-     * The score words author shown at the start of the music sheet.
-     */
-    NotationElement[NotationElement["ScoreWords"] = 4] = "ScoreWords";
-    /**
-     * The score music author shown at the start of the music sheet.
-     */
-    NotationElement[NotationElement["ScoreMusic"] = 5] = "ScoreMusic";
-    /**
-     * The score words&music author shown at the start of the music sheet.
-     */
-    NotationElement[NotationElement["ScoreWordsAndMusic"] = 6] = "ScoreWordsAndMusic";
-    /**
-     * The score copyright owner shown at the start of the music sheet.
-     */
-    NotationElement[NotationElement["ScoreCopyright"] = 7] = "ScoreCopyright";
-    /**
-     * The tuning information of the guitar shown
-     * above the staves.
-     */
-    NotationElement[NotationElement["GuitarTuning"] = 8] = "GuitarTuning";
-    /**
-     * The track names which are shown in the accolade.
-     */
-    NotationElement[NotationElement["TrackNames"] = 9] = "TrackNames";
-    /**
-     * The chord diagrams for guitars. Usually shown
-     * below the score info.
-     */
-    NotationElement[NotationElement["ChordDiagrams"] = 10] = "ChordDiagrams";
-    /**
-     * Parenthesis that are shown for tied bends
-     * if they are preceeded by bends.
-     */
-    NotationElement[NotationElement["ParenthesisOnTiedBends"] = 11] = "ParenthesisOnTiedBends";
-    /**
-     * The tab number for tied notes if the
-     * bend of a note is increased at that point.
-     */
-    NotationElement[NotationElement["TabNotesOnTiedBends"] = 12] = "TabNotesOnTiedBends";
-    /**
-     * Zero tab numbers on "dive whammys".
-     */
-    NotationElement[NotationElement["ZerosOnDiveWhammys"] = 13] = "ZerosOnDiveWhammys";
-    /**
-     * The alternate endings information on repeats shown above the staff.
-     */
-    NotationElement[NotationElement["EffectAlternateEndings"] = 14] = "EffectAlternateEndings";
-    /**
-     * The information about the fret on which the capo is placed shown above the staff.
-     */
-    NotationElement[NotationElement["EffectCapo"] = 15] = "EffectCapo";
-    /**
-     * The chord names shown above beats shown above the staff.
-     */
-    NotationElement[NotationElement["EffectChordNames"] = 16] = "EffectChordNames";
-    /**
-     * The crescendo/decrescendo angle  shown above the staff.
-     */
-    NotationElement[NotationElement["EffectCrescendo"] = 17] = "EffectCrescendo";
-    /**
-     * The beat dynamics  shown above the staff.
-     */
-    NotationElement[NotationElement["EffectDynamics"] = 18] = "EffectDynamics";
-    /**
-     * The curved angle for fade in/out effects  shown above the staff.
-     */
-    NotationElement[NotationElement["EffectFadeIn"] = 19] = "EffectFadeIn";
-    /**
-     * The fermata symbol shown above the staff.
-     */
-    NotationElement[NotationElement["EffectFermata"] = 20] = "EffectFermata";
-    /**
-     * The fingering information.
-     */
-    NotationElement[NotationElement["EffectFingering"] = 21] = "EffectFingering";
-    /**
-     * The harmonics names shown above the staff.
-     * (does not represent the harmonic note heads)
-     */
-    NotationElement[NotationElement["EffectHarmonics"] = 22] = "EffectHarmonics";
-    /**
-     * The let ring name and line above the staff.
-     */
-    NotationElement[NotationElement["EffectLetRing"] = 23] = "EffectLetRing";
-    /**
-     * The lyrics of the track shown above the staff.
-     */
-    NotationElement[NotationElement["EffectLyrics"] = 24] = "EffectLyrics";
-    /**
-     * The section markers shown above the staff.
-     */
-    NotationElement[NotationElement["EffectMarker"] = 25] = "EffectMarker";
-    /**
-     * The ottava symbol and lines shown above the staff.
-     */
-    NotationElement[NotationElement["EffectOttavia"] = 26] = "EffectOttavia";
+var Clef;
+(function (Clef) {
     /**
-     * The palm mute name and line shown above the staff.
+     * Neutral clef.
      */
-    NotationElement[NotationElement["EffectPalmMute"] = 27] = "EffectPalmMute";
+    Clef[Clef["Neutral"] = 0] = "Neutral";
     /**
-     * The pick slide information shown above the staff.
-     * (does not control the pick slide lines)
+     * C3 clef
      */
-    NotationElement[NotationElement["EffectPickSlide"] = 28] = "EffectPickSlide";
+    Clef[Clef["C3"] = 1] = "C3";
     /**
-     * The pick stroke symbols shown above the staff.
+     * C4 clef
      */
-    NotationElement[NotationElement["EffectPickStroke"] = 29] = "EffectPickStroke";
+    Clef[Clef["C4"] = 2] = "C4";
     /**
-     * The slight beat vibrato waves shown above the staff.
+     * F4 clef
      */
-    NotationElement[NotationElement["EffectSlightBeatVibrato"] = 30] = "EffectSlightBeatVibrato";
+    Clef[Clef["F4"] = 3] = "F4";
     /**
-     * The slight note vibrato waves shown above the staff.
+     * G2 clef
      */
-    NotationElement[NotationElement["EffectSlightNoteVibrato"] = 31] = "EffectSlightNoteVibrato";
+    Clef[Clef["G2"] = 4] = "G2";
+})(Clef || (Clef = {}));
+
+/**
+ * Lists all ottavia.
+ */
+var Ottavia;
+(function (Ottavia) {
     /**
-     * The tap/slap/pop effect names shown above the staff.
+     * 2 octaves higher
      */
-    NotationElement[NotationElement["EffectTap"] = 32] = "EffectTap";
+    Ottavia[Ottavia["_15ma"] = 0] = "_15ma";
     /**
-     * The tempo information shown above the staff.
+     * 1 octave higher
      */
-    NotationElement[NotationElement["EffectTempo"] = 33] = "EffectTempo";
+    Ottavia[Ottavia["_8va"] = 1] = "_8va";
     /**
-     * The additional beat text shown above the staff.
+     * Normal
      */
-    NotationElement[NotationElement["EffectText"] = 34] = "EffectText";
+    Ottavia[Ottavia["Regular"] = 2] = "Regular";
     /**
-     * The trill name and waves shown above the staff.
+     * 1 octave lower
      */
-    NotationElement[NotationElement["EffectTrill"] = 35] = "EffectTrill";
+    Ottavia[Ottavia["_8vb"] = 3] = "_8vb";
     /**
-     * The triplet feel symbol shown above the staff.
+     * 2 octaves lower.
      */
-    NotationElement[NotationElement["EffectTripletFeel"] = 36] = "EffectTripletFeel";
+    Ottavia[Ottavia["_15mb"] = 4] = "_15mb";
+})(Ottavia || (Ottavia = {}));
+
+/**
+ * Lists all simile mark types as they are assigned to bars.
+ */
+var SimileMark;
+(function (SimileMark) {
     /**
-     * The whammy bar information shown above the staff.
-     * (does not control the whammy lines shown within the staff)
+     * No simile mark is applied
      */
-    NotationElement[NotationElement["EffectWhammyBar"] = 37] = "EffectWhammyBar";
+    SimileMark[SimileMark["None"] = 0] = "None";
     /**
-     * The wide beat vibrato waves shown above the staff.
+     * A simple simile mark. The previous bar is repeated.
      */
-    NotationElement[NotationElement["EffectWideBeatVibrato"] = 38] = "EffectWideBeatVibrato";
+    SimileMark[SimileMark["Simple"] = 1] = "Simple";
     /**
-     * The wide note vibrato waves shown above the staff.
+     * A double simile mark. This value is assigned to the first
+     * bar of the 2 repeat bars.
      */
-    NotationElement[NotationElement["EffectWideNoteVibrato"] = 39] = "EffectWideNoteVibrato";
+    SimileMark[SimileMark["FirstOfDouble"] = 2] = "FirstOfDouble";
     /**
-     * The left hand tap symbol shown above the staff.
+     * A double simile mark. This value is assigned to the second
+     * bar of the 2 repeat bars.
      */
-    NotationElement[NotationElement["EffectLeftHandTap"] = 40] = "EffectLeftHandTap";
-})(NotationElement || (NotationElement = {}));
+    SimileMark[SimileMark["SecondOfDouble"] = 3] = "SecondOfDouble";
+})(SimileMark || (SimileMark = {}));
+
 /**
- * The notation settings control how various music notation elements are shown and behaving
+ * A bar is a single block within a track, also known as Measure.
  * @json
  */
-class NotationSettings {
+class Bar {
     constructor() {
         /**
-         * Gets or sets the mode to use for display and play music notation elements.
-         */
-        this.notationMode = NotationMode.GuitarPro;
-        /**
-         * Gets or sets the fingering mode to use.
-         */
-        this.fingeringMode = FingeringMode.ScoreDefault;
-        /**
-         * Gets or sets the configuration on whether music notation elements are visible or not.
-         * If notation elements are not specified, the default configuration will be applied.
+         * Gets or sets the unique id of this bar.
          */
-        this.elements = new Map();
+        this.id = Bar._globalBarId++;
         /**
-         * Whether to show rhythm notation in the guitar tablature.
+         * Gets or sets the zero-based index of this bar within the staff.
+         * @json_ignore
          */
-        this.rhythmMode = TabRhythmMode.Hidden;
+        this.index = 0;
         /**
-         * The height of the rythm bars.
+         * Gets or sets the next bar that comes after this bar.
+         * @json_ignore
          */
-        this.rhythmHeight = 15;
+        this.nextBar = null;
         /**
-         * The transposition pitch offsets for the individual tracks.
-         * They apply to rendering and playback.
+         * Gets or sets the previous bar that comes before this bar.
+         * @json_ignore
          */
-        this.transpositionPitches = [];
+        this.previousBar = null;
         /**
-         * The transposition pitch offsets for the individual tracks.
-         * They apply to rendering only.
+         * Gets or sets the clef on this bar.
          */
-        this.displayTranspositionPitches = [];
+        this.clef = Clef.G2;
         /**
-         * If set to true the guitar tabs on grace beats are rendered smaller.
+         * Gets or sets the ottava applied to the clef.
          */
-        this.smallGraceTabNotes = true;
+        this.clefOttava = Ottavia.Regular;
         /**
-         * If set to true bend arrows expand to the end of the last tied note
-         * of the string. Otherwise they end on the next beat.
+         * Gets or sets the list of voices contained in this bar.
+         * @json_add addVoice
          */
-        this.extendBendArrowsOnTiedNotes = true;
+        this.voices = [];
         /**
-         * If set to true, line effects (like w/bar, let-ring etc)
-         * are drawn until the end of the beat instead of the start.
+         * Gets or sets the simile mark on this bar.
          */
-        this.extendLineEffectsToBeatEnd = false;
+        this.simileMark = SimileMark.None;
         /**
-         * Gets or sets the height for slurs. The factor is multiplied with the a logarithmic distance
-         * between slur start and end.
+         * Gets a value indicating whether this bar contains multiple voices with notes.
+         * @json_ignore
          */
-        this.slurHeight = 5.0;
+        this.isMultiVoice = false;
     }
-    /**
-     * Gets whether the given music notation element should be shown
-     * @param element the element to check
-     * @returns true if the element should be shown, otherwise false.
-     */
-    isNotationElementVisible(element) {
-        if (this.elements.has(element)) {
-            return this.elements.get(element);
-        }
-        if (NotationSettings.defaultElements.has(element)) {
-            return NotationSettings.defaultElements.get(element);
-        }
-        return true;
-    }
-}
-/**
- * Gets the default configuration of the {@see notationElements} setting. Do not modify
- * this map as it might not result in the expected side effects.
- * If items are not listed explicitly in this list, they are considered visible.
- */
-NotationSettings.defaultElements = new Map([
-    [NotationElement.ZerosOnDiveWhammys, false]
-]);
-
-class TuningParseResult {
-    constructor() {
-        this.note = null;
-        this.noteValue = 0;
-        this.octave = 0;
-    }
-    get realValue() {
-        return this.octave * 12 + this.noteValue;
+    get masterBar() {
+        return this.staff.track.score.masterBars[this.index];
     }
-}
-/**
- * This public class contains some utilities for working with model public classes
- */
-class ModelUtils {
-    static getIndex(duration) {
-        let index = 0;
-        let value = duration;
-        if (value < 0) {
-            return index;
+    get isEmpty() {
+        for (let i = 0, j = this.voices.length; i < j; i++) {
+            if (!this.voices[i].isEmpty) {
+                return false;
+            }
         }
-        return Math.log2(duration) | 0;
-    }
-    static keySignatureIsFlat(ks) {
-        return ks < 0;
-    }
-    static keySignatureIsNatural(ks) {
-        return ks === 0;
+        return true;
     }
-    static keySignatureIsSharp(ks) {
-        return ks > 0;
+    addVoice(voice) {
+        voice.bar = this;
+        voice.index = this.voices.length;
+        this.voices.push(voice);
     }
-    static applyPitchOffsets(settings, score) {
-        for (let i = 0; i < score.tracks.length; i++) {
-            if (i < settings.notation.displayTranspositionPitches.length) {
-                for (let staff of score.tracks[i].staves) {
-                    staff.displayTranspositionPitch = -settings.notation.displayTranspositionPitches[i];
-                }
-            }
-            if (i < settings.notation.transpositionPitches.length) {
-                for (let staff of score.tracks[i].staves) {
-                    staff.transpositionPitch = -settings.notation.transpositionPitches[i];
-                }
+    finish(settings) {
+        this.isMultiVoice = false;
+        for (let i = 0, j = this.voices.length; i < j; i++) {
+            let voice = this.voices[i];
+            voice.finish(settings);
+            if (i > 0 && !voice.isEmpty) {
+                this.isMultiVoice = true;
             }
         }
     }
-    static fingerToString(settings, beat, finger, leftHand) {
-        if (settings.notation.fingeringMode === FingeringMode.ScoreForcePiano ||
-            settings.notation.fingeringMode === FingeringMode.SingleNoteEffectBandForcePiano ||
-            GeneralMidi.isPiano(beat.voice.bar.staff.track.playbackInfo.program)) {
-            switch (finger) {
-                case Fingers.Unknown:
-                case Fingers.NoOrDead:
-                    return null;
-                case Fingers.Thumb:
-                    return '1';
-                case Fingers.IndexFinger:
-                    return '2';
-                case Fingers.MiddleFinger:
-                    return '3';
-                case Fingers.AnnularFinger:
-                    return '4';
-                case Fingers.LittleFinger:
-                    return '5';
-                default:
-                    return null;
-            }
-        }
-        if (leftHand) {
-            switch (finger) {
-                case Fingers.Unknown:
-                case Fingers.NoOrDead:
-                    return '0';
-                case Fingers.Thumb:
-                    return 'T';
-                case Fingers.IndexFinger:
-                    return '1';
-                case Fingers.MiddleFinger:
-                    return '2';
-                case Fingers.AnnularFinger:
-                    return '3';
-                case Fingers.LittleFinger:
-                    return '4';
-                default:
-                    return null;
+    calculateDuration() {
+        let duration = 0;
+        for (let voice of this.voices) {
+            let voiceDuration = voice.calculateDuration();
+            if (voiceDuration > duration) {
+                duration = voiceDuration;
             }
         }
-        switch (finger) {
-            case Fingers.Unknown:
-            case Fingers.NoOrDead:
-                return null;
-            case Fingers.Thumb:
-                return 'p';
-            case Fingers.IndexFinger:
-                return 'i';
-            case Fingers.MiddleFinger:
-                return 'm';
-            case Fingers.AnnularFinger:
-                return 'a';
-            case Fingers.LittleFinger:
-                return 'c';
-            default:
-                return null;
-        }
+        return duration;
     }
+}
+Bar._globalBarId = 0;
+
+class MidiUtils {
     /**
-     * Checks if the given string is a tuning inticator.
-     * @param name
-     * @returns
+     * Converts the given midi tick duration into milliseconds.
+     * @param ticks The duration in midi ticks
+     * @param tempo The current tempo in BPM.
+     * @returns The converted duration in milliseconds.
      */
-    static isTuning(name) {
-        return !!ModelUtils.parseTuning(name);
+    static ticksToMillis(ticks, tempo) {
+        return (ticks * (60000.0 / (tempo * MidiUtils.QuarterTime))) | 0;
     }
-    static parseTuning(name) {
-        let note = '';
-        let octave = '';
-        for (let i = 0; i < name.length; i++) {
-            let c = name.charCodeAt(i);
-            if (c >= 0x30 && c <= 0x39) {
-                // number without note?
-                if (!note) {
-                    return null;
-                }
-                octave += String.fromCharCode(c);
-            }
-            else if ((c >= 0x41 && c <= 0x5a) || (c >= 0x61 && c <= 0x7a) || c === 0x23) {
-                note += String.fromCharCode(c);
-            }
-            else {
-                return null;
-            }
-        }
-        if (!octave || !note) {
-            return null;
-        }
-        let result = new TuningParseResult();
-        result.octave = parseInt(octave) + 1;
-        result.note = note.toLowerCase();
-        result.noteValue = ModelUtils.getToneForText(result.note);
-        return result;
+    /**
+     * Converts the given midi tick duration into milliseconds.
+     * @param millis The duration in milliseconds
+     * @param tempo The current tempo in BPM.
+     * @returns The converted duration in midi ticks.
+     */
+    static millisToTicks(millis, tempo) {
+        return (millis / (60000.0 / (tempo * MidiUtils.QuarterTime))) | 0;
     }
-    static getTuningForText(str) {
-        let result = ModelUtils.parseTuning(str);
-        if (!result) {
-            return -1;
+    /**
+     * Converts a duration value to its ticks equivalent.
+     */
+    static toTicks(duration) {
+        return MidiUtils.valueToTicks(duration);
+    }
+    /**
+     * Converts a numerical value to its ticks equivalent.
+     * @param duration the numerical proportion to convert. (i.E. timesignature denominator, note duration,...)
+     */
+    static valueToTicks(duration) {
+        let denomninator = duration;
+        if (denomninator < 0) {
+            denomninator = 1 / -denomninator;
         }
-        return result.realValue;
+        return (MidiUtils.QuarterTime * (4.0 / denomninator)) | 0;
     }
-    static getToneForText(note) {
-        let b = 0;
-        switch (note.toLowerCase()) {
-            case 'c':
-                b = 0;
-                break;
-            case 'c#':
-            case 'db':
-                b = 1;
-                break;
-            case 'd':
-                b = 2;
-                break;
-            case 'd#':
-            case 'eb':
-                b = 3;
-                break;
-            case 'e':
-                b = 4;
-                break;
-            case 'f':
-                b = 5;
-                break;
-            case 'f#':
-            case 'gb':
-                b = 6;
-                break;
-            case 'g':
-                b = 7;
-                break;
-            case 'g#':
-            case 'ab':
-                b = 8;
-                break;
-            case 'a':
-                b = 9;
-                break;
-            case 'a#':
-            case 'bb':
-                b = 10;
-                break;
-            case 'b':
-                b = 11;
-                break;
-            default:
-                return 0;
+    static applyDot(ticks, doubleDotted) {
+        if (doubleDotted) {
+            return ticks + ((ticks / 4) | 0) * 3;
         }
-        return b;
+        return ticks + ((ticks / 2) | 0);
     }
-    static newGuid() {
-        return (Math.floor((1 + Math.random()) * 0x10000)
-            .toString(16)
-            .substring(1) +
-            Math.floor((1 + Math.random()) * 0x10000)
-                .toString(16)
-                .substring(1) +
-            '-' +
-            Math.floor((1 + Math.random()) * 0x10000)
-                .toString(16)
-                .substring(1) +
-            '-' +
-            Math.floor((1 + Math.random()) * 0x10000)
-                .toString(16)
-                .substring(1) +
-            '-' +
-            Math.floor((1 + Math.random()) * 0x10000)
-                .toString(16)
-                .substring(1) +
-            '-' +
-            Math.floor((1 + Math.random()) * 0x10000)
-                .toString(16)
-                .substring(1) +
-            Math.floor((1 + Math.random()) * 0x10000)
-                .toString(16)
-                .substring(1) +
-            Math.floor((1 + Math.random()) * 0x10000)
-                .toString(16)
-                .substring(1));
+    static applyTuplet(ticks, numerator, denominator) {
+        return ((ticks * denominator) / numerator) | 0;
     }
-    static isAlmostEqualTo(a, b) {
-        return Math.abs(a - b) < 0.00001;
+    static removeTuplet(ticks, numerator, denominator) {
+        return ((ticks * numerator) / denominator) | 0;
     }
-    static toHexString(n, digits = 0) {
-        let s = '';
-        let hexChars = '0123456789ABCDEF';
-        do {
-            s = String.fromCharCode(hexChars.charCodeAt(n & 15)) + s;
-            n = n >> 4;
-        } while (n > 0);
-        while (s.length < digits) {
-            s = '0' + s;
-        }
-        return s;
+    static dynamicToVelocity(dyn) {
+        return MidiUtils.MinVelocity + dyn * MidiUtils.VelocityIncrement;
     }
-}
+}
+MidiUtils.QuarterTime = 960;
+MidiUtils.MinVelocity = 15;
+MidiUtils.VelocityIncrement = 16;
 
 /**
- * @json_immutable
+ * A single point of a bending graph. Used to
+ * describe WhammyBar and String Bending effects.
+ * @cloneable
+ * @json
  */
-class Color {
+class BendPoint {
     /**
-     * Initializes a new instance of the {@link Color} class.
-     * @param r The red component.
-     * @param g The green component.
-     * @param b The blue component.
-     * @param a The alpha component.
+     * Initializes a new instance of the {@link BendPoint} class.
+     * @param offset The offset.
+     * @param value The value.
      */
-    constructor(r, g, b, a = 0xff) {
-        /**
-         * Gets or sets the raw RGBA value.
-         */
-        this.raw = 0;
-        this.raw = ((a & 0xff) << 24) | ((r & 0xff) << 16) | ((g & 0xff) << 8) | (b & 0xff);
-        this.updateRgba();
-    }
-    updateRgba() {
-        if (this.a === 0xff) {
-            this.rgba =
-                '#' +
-                    ModelUtils.toHexString(this.r, 2) +
-                    ModelUtils.toHexString(this.g, 2) +
-                    ModelUtils.toHexString(this.b, 2);
-        }
-        else {
-            this.rgba = `rgba(${this.r},${this.g},${this.b},${this.a / 255.0})`;
-        }
-    }
-    get a() {
-        return (this.raw >> 24) & 0xff;
-    }
-    get r() {
-        return (this.raw >> 16) & 0xff;
-    }
-    get g() {
-        return (this.raw >> 8) & 0xff;
-    }
-    get b() {
-        return this.raw & 0xff;
-    }
-    static random(opacity = 100) {
-        return new Color((Math.random() * 255) | 0, (Math.random() * 255) | 0, (Math.random() * 255) | 0, opacity);
-    }
-    static fromJson(v) {
-        switch (typeof v) {
-            case 'number':
-                {
-                    const c = new Color(0, 0, 0, 0);
-                    c.raw = v;
-                    c.updateRgba();
-                    return c;
-                }
-            case 'string':
-                {
-                    const json = v;
-                    if (json.startsWith('#')) {
-                        if (json.length === 4) {
-                            // #RGB
-                            return new Color(parseInt(json.substring(1, 1), 16) * 17, parseInt(json.substring(2, 1), 16) * 17, parseInt(json.substring(3, 1), 16) * 17);
-                        }
-                        if (json.length === 5) {
-                            // #RGBA
-                            return new Color(parseInt(json.substring(1, 1), 16) * 17, parseInt(json.substring(2, 1), 16) * 17, parseInt(json.substring(3, 1), 16) * 17, parseInt(json.substring(4, 1), 16) * 17);
-                        }
-                        if (json.length === 7) {
-                            // #RRGGBB
-                            return new Color(parseInt(json.substring(1, 2), 16), parseInt(json.substring(3, 2), 16), parseInt(json.substring(5, 2), 16));
-                        }
-                        if (json.length === 9) {
-                            // #RRGGBBAA
-                            return new Color(parseInt(json.substring(1, 2), 16), parseInt(json.substring(3, 2), 16), parseInt(json.substring(5, 2), 16), parseInt(json.substring(7, 2), 16));
-                        }
-                    }
-                    else if (json.startsWith('rgba') || json.startsWith('rgb')) {
-                        const start = json.indexOf('(');
-                        const end = json.lastIndexOf(')');
-                        if (start === -1 || end === -1) {
-                            throw new FormatError('No values specified for rgb/rgba function');
-                        }
-                        const numbers = json.substring(start + 1, end).split(',');
-                        if (numbers.length === 3) {
-                            return new Color(parseInt(numbers[0]), parseInt(numbers[1]), parseInt(numbers[2]));
-                        }
-                        if (numbers.length === 4) {
-                            return new Color(parseInt(numbers[0]), parseInt(numbers[1]), parseInt(numbers[2]), parseFloat(numbers[3]) * 255);
-                        }
-                    }
-                    return null;
-                }
-        }
-        throw new FormatError('Unsupported format for color');
-    }
-    static toJson(obj) {
-        return obj.raw;
+    constructor(offset = 0, value = 0) {
+        this.offset = offset;
+        this.value = value;
     }
 }
-Color.BlackRgb = '#000000';
+BendPoint.MaxPosition = 60;
+BendPoint.MaxValue = 12;
 
 /**
- * @partial
+ * Lists the different bend styles
  */
-class JsonHelper {
+var BendStyle;
+(function (BendStyle) {
     /**
-     * @target web
-     * @partial
+     * The bends are as described by the bend points
      */
-    static parseEnum(s, enumType) {
-        switch (typeof s) {
-            case 'string':
-                const num = parseInt(s);
-                return isNaN(num)
-                    ? enumType[Object.keys(enumType).find(k => k.toLowerCase() === s.toLowerCase())]
-                    : num;
-            case 'number':
-                return s;
-            case 'undefined':
-            case 'object':
-                return null;
-        }
-        throw new AlphaTabError(AlphaTabErrorType.Format, `Could not parse enum value '${s}'`);
-    }
+    BendStyle[BendStyle["Default"] = 0] = "Default";
     /**
-     * @target web
-     * @partial
+     * The bends are gradual over the beat duration.
      */
-    static forEach(s, func) {
-        if (s instanceof Map) {
-            s.forEach(func);
-        }
-        else if (typeof s === 'object') {
-            for (const k in s) {
-                func(s[k], k);
-            }
-        }
-        // skip
-    }
-}
+    BendStyle[BendStyle["Gradual"] = 1] = "Gradual";
+    /**
+     * The bends are done fast before the next note.
+     */
+    BendStyle[BendStyle["Fast"] = 2] = "Fast";
+})(BendStyle || (BendStyle = {}));
 
 /**
- * A very basic font parser which parses the fields according to
- * https://www.w3.org/TR/CSS21/fonts.html#propdef-font
+ * Lists all types of bends
  */
-class FontParserToken {
-    constructor(text, startPos, endPos) {
-        this.text = text;
-        this.startPos = startPos;
-        this.endPos = endPos;
-    }
-}
-class FontParser {
-    constructor(input) {
-        this.style = 'normal';
-        this.variant = 'normal';
-        this.weight = 'normal';
-        this.stretch = 'normal';
-        this.lineHeight = 'normal';
-        this.size = '1rem';
-        this.families = [];
-        this._currentTokenIndex = -1;
-        this._input = '';
-        this._currentToken = null;
-        this._input = input;
-        this._tokens = this.splitToTokens(input);
-    }
-    splitToTokens(input) {
-        const tokens = [];
-        let startPos = 0;
-        while (startPos < input.length) {
-            let endPos = startPos;
-            while (endPos < input.length && input.charAt(endPos) !== ' ') {
-                endPos++;
-            }
-            if (endPos > startPos) {
-                tokens.push(new FontParserToken(input.substring(startPos, endPos), startPos, endPos));
-            }
-            startPos = endPos + 1;
-        }
-        return tokens;
-    }
-    parse() {
-        var _a;
-        this.reset();
-        // default font flags
-        if (this._tokens.length === 1) {
-            switch ((_a = this._currentToken) === null || _a === void 0 ? void 0 : _a.text) {
-                case 'caption':
-                case 'icon':
-                case 'menu':
-                case 'message-box':
-                case 'small-caption':
-                case 'status-bar':
-                case 'inherit':
-                    return;
-            }
-        }
-        this.fontStyleVariantWeight();
-        this.fontSizeLineHeight();
-        this.fontFamily();
-    }
-    fontFamily() {
-        if (!this._currentToken) {
-            throw new Error(`Missing font list`);
-        }
-        const familyListInput = this._input.substr(this._currentToken.startPos).trim();
-        let pos = 0;
-        while (pos < familyListInput.length) {
-            let c = familyListInput.charAt(pos);
-            if (c === ' ' || c == ',') {
-                // skip whitespace and quotes
-                pos++;
-            }
-            else if (c === '"' || c === "'") {
-                // quoted
-                const endOfString = this.findEndOfQuote(familyListInput, pos + 1, c);
-                this.families.push(familyListInput
-                    .substring(pos + 1, endOfString)
-                    .split('\\' + c)
-                    .join(c));
-                pos = endOfString + 1;
-            }
-            else {
-                // until comma
-                const endOfString = this.findEndOfQuote(familyListInput, pos + 1, ',');
-                this.families.push(familyListInput.substring(pos, endOfString).trim());
-                pos = endOfString + 1;
-            }
-        }
-    }
-    findEndOfQuote(s, pos, quoteChar) {
-        let escaped = false;
-        while (pos < s.length) {
-            const c = s.charAt(pos);
-            if (!escaped && c === quoteChar) {
-                return pos;
-            }
-            if (!escaped && c === '\\') {
-                escaped = true;
-            }
-            else {
-                escaped = false;
-            }
-            pos += 1;
-        }
-        return s.length;
-    }
-    fontSizeLineHeight() {
-        if (!this._currentToken) {
-            throw new Error(`Missing font size`);
-        }
-        const parts = this._currentToken.text.split('/');
-        if (parts.length >= 3) {
-            throw new Error(`Invalid font size '${this._currentToken}' specified`);
-        }
-        this.nextToken();
-        if (parts.length >= 2) {
-            if (parts[1] === '/') {
-                // size/ line-height (space after slash)
-                if (!this._currentToken) {
-                    throw new Error('Missing line-height after font size');
-                }
-                this.lineHeight = this._currentToken.text;
-                this.nextToken();
-            }
-            else {
-                // size/line-height (no spaces)
-                this.size = parts[0];
-                this.lineHeight = parts[1];
-            }
-        }
-        else if (parts.length >= 1) {
-            this.size = parts[0];
-            if (this._currentToken &&
-                this._currentToken.text.indexOf('/') === 0) {
-                // size / line-height (with spaces befor and after slash)
-                if (this._currentToken.text === '/') {
-                    this.nextToken();
-                    if (!this._currentToken) {
-                        throw new Error('Missing line-height after font size');
-                    }
-                    this.lineHeight = this._currentToken.text;
-                    this.nextToken();
-                }
-                else {
-                    this.lineHeight = this._currentToken.text.substr(1);
-                    this.nextToken();
-                }
-            }
-        }
-        else {
-            throw new Error(`Missing font size`);
-        }
-    }
-    nextToken() {
-        this._currentTokenIndex++;
-        if (this._currentTokenIndex < this._tokens.length) {
-            this._currentToken = this._tokens[this._currentTokenIndex];
-        }
-        else {
-            this._currentToken = null;
-        }
-    }
-    fontStyleVariantWeight() {
-        let hasStyle = false;
-        let hasVariant = false;
-        let hasWeight = false;
-        let valuesNeeded = 3;
-        let ambiguous = [];
-        while (true) {
-            if (!this._currentToken) {
-                return;
-            }
-            let text = this._currentToken.text;
-            switch (text) {
-                // ambiguous
-                case 'normal':
-                case 'inherit':
-                    ambiguous.push(text);
-                    valuesNeeded--;
-                    this.nextToken();
-                    break;
-                // style
-                case 'italic':
-                case 'oblique':
-                    this.style = text;
-                    hasStyle = true;
-                    valuesNeeded--;
-                    this.nextToken();
-                    break;
-                // variant
-                case 'small-caps':
-                    this.variant = text;
-                    hasVariant = true;
-                    valuesNeeded--;
-                    this.nextToken();
-                    break;
-                // weight
-                case 'bold':
-                case 'bolder':
-                case 'lighter':
-                case '100':
-                case '200':
-                case '300':
-                case '400':
-                case '500':
-                case '600':
-                case '700':
-                case '800':
-                case '900':
-                    this.weight = text;
-                    hasWeight = true;
-                    valuesNeeded--;
-                    this.nextToken();
-                    break;
-                default:
-                    // unknown token -> done with this part
-                    return;
-            }
-            if (valuesNeeded === 0) {
-                break;
-            }
-        }
-        while (ambiguous.length > 0) {
-            const v = ambiguous.pop();
-            if (!hasWeight) {
-                this.weight = v;
-            }
-            else if (!hasVariant) {
-                this.variant = v;
-            }
-            else if (!hasStyle) {
-                this.style = v;
-            }
-        }
-    }
-    reset() {
-        this._currentTokenIndex = -1;
-        this.nextToken();
-    }
-}
+var BendType;
+(function (BendType) {
+    /**
+     * No bend at all
+     */
+    BendType[BendType["None"] = 0] = "None";
+    /**
+     * Individual points define the bends in a flexible manner.
+     * This system was mainly used in Guitar Pro 3-5
+     */
+    BendType[BendType["Custom"] = 1] = "Custom";
+    /**
+     * Simple Bend from an unbended string to a higher note.
+     */
+    BendType[BendType["Bend"] = 2] = "Bend";
+    /**
+     * Release of a bend that was started on an earlier note.
+     */
+    BendType[BendType["Release"] = 3] = "Release";
+    /**
+     * A bend that starts from an unbended string,
+     * and also releases the bend after some time.
+     */
+    BendType[BendType["BendRelease"] = 4] = "BendRelease";
+    /**
+     * Holds a bend that was started on an earlier note
+     */
+    BendType[BendType["Hold"] = 5] = "Hold";
+    /**
+     * A bend that is already started before the note is played then it is held until the end.
+     */
+    BendType[BendType["Prebend"] = 6] = "Prebend";
+    /**
+     * A bend that is already started before the note is played and
+     * bends even further, then it is held until the end.
+     */
+    BendType[BendType["PrebendBend"] = 7] = "PrebendBend";
+    /**
+     * A bend that is already started before the note is played and
+     * then releases the bend to a lower note where it is held until the end.
+     */
+    BendType[BendType["PrebendRelease"] = 8] = "PrebendRelease";
+})(BendType || (BendType = {}));
+
 /**
- * Lists all flags for font styles.
+ * Lists all types of how to brush multiple notes on a beat.
  */
-var FontStyle;
-(function (FontStyle) {
+var BrushType;
+(function (BrushType) {
     /**
-     * No flags.
+     * No brush.
      */
-    FontStyle[FontStyle["Plain"] = 0] = "Plain";
+    BrushType[BrushType["None"] = 0] = "None";
     /**
-     * Font is italic.
+     * Normal brush up.
      */
-    FontStyle[FontStyle["Italic"] = 1] = "Italic";
-})(FontStyle || (FontStyle = {}));
+    BrushType[BrushType["BrushUp"] = 1] = "BrushUp";
+    /**
+     * Normal brush down.
+     */
+    BrushType[BrushType["BrushDown"] = 2] = "BrushDown";
+    /**
+     * Arpeggio up.
+     */
+    BrushType[BrushType["ArpeggioUp"] = 3] = "ArpeggioUp";
+    /**
+     * Arpeggio down.
+     */
+    BrushType[BrushType["ArpeggioDown"] = 4] = "ArpeggioDown";
+})(BrushType || (BrushType = {}));
+
 /**
- * Lists all font weight values.
+ * Lists all Crescendo and Decrescendo types.
  */
-var FontWeight;
-(function (FontWeight) {
+var CrescendoType;
+(function (CrescendoType) {
     /**
-     * Not bold
+     * No crescendo applied.
      */
-    FontWeight[FontWeight["Regular"] = 0] = "Regular";
+    CrescendoType[CrescendoType["None"] = 0] = "None";
     /**
-     * Font is bold
+     * Normal crescendo applied.
      */
-    FontWeight[FontWeight["Bold"] = 1] = "Bold";
-})(FontWeight || (FontWeight = {}));
+    CrescendoType[CrescendoType["Crescendo"] = 1] = "Crescendo";
+    /**
+     * Normal decrescendo applied.
+     */
+    CrescendoType[CrescendoType["Decrescendo"] = 2] = "Decrescendo";
+})(CrescendoType || (CrescendoType = {}));
+
 /**
- * @json_immutable
+ * Lists all durations of a beat.
  */
-class Font {
+var Duration;
+(function (Duration) {
     /**
-     * Initializes a new instance of the {@link Font} class.
-     * @param family The family.
-     * @param size The size.
-     * @param style The style.
-     * @param weight The weight.
+     * A quadruple whole note duration
      */
-    constructor(family, size, style = FontStyle.Plain, weight = FontWeight.Regular) {
-        this._cssScale = 0.0;
-        this._family = family;
-        this._size = size;
-        this._style = style;
-        this._weight = weight;
-        this._css = this.toCssString();
-    }
-    reset() {
-        this._cssScale = 0;
-        this._css = this.toCssString();
-    }
+    Duration[Duration["QuadrupleWhole"] = -4] = "QuadrupleWhole";
     /**
-     * Gets the font family name.
+     * A double whole note duration
      */
-    get family() {
-        return this._family;
-    }
+    Duration[Duration["DoubleWhole"] = -2] = "DoubleWhole";
     /**
-     * Sets the font family name.
+     * A whole note duration
      */
-    set family(value) {
-        this._family = value;
-        this.reset();
-    }
+    Duration[Duration["Whole"] = 1] = "Whole";
     /**
-     * Gets the font size in pixels.
+     * A 1/2 note duration
      */
-    get size() {
-        return this._size;
-    }
+    Duration[Duration["Half"] = 2] = "Half";
     /**
-     * Sets the font size in pixels.
+     * A 1/4 note duration
      */
-    set size(value) {
-        this._size = value;
-        this.reset();
-    }
+    Duration[Duration["Quarter"] = 4] = "Quarter";
     /**
-     * Gets the font style.
+     * A 1/8 note duration
      */
-    get style() {
-        return this._style;
-    }
+    Duration[Duration["Eighth"] = 8] = "Eighth";
     /**
-     * Sets the font style.
+     * A 1/16 note duration
      */
-    set style(value) {
-        this._style = value;
-        this.reset();
-    }
+    Duration[Duration["Sixteenth"] = 16] = "Sixteenth";
     /**
-     * Gets the font weight.
+     * A 1/32 note duration
      */
-    get weight() {
-        return this._weight;
-    }
+    Duration[Duration["ThirtySecond"] = 32] = "ThirtySecond";
     /**
-     * Gets or sets the font weight.
+     * A 1/64 note duration
      */
-    set weight(value) {
-        this._weight = value;
-        this.reset();
-    }
-    get isBold() {
-        return this.weight === FontWeight.Bold;
-    }
-    get isItalic() {
-        return this.style === FontStyle.Italic;
-    }
-    toCssString(scale = 1) {
-        if (!this._css || !(Math.abs(scale - this._cssScale) < 0.01)) {
-            let buf = '';
-            if (this.isBold) {
-                buf += 'bold ';
-            }
-            if (this.isItalic) {
-                buf += 'italic ';
-            }
-            buf += this.size * scale;
-            buf += 'px ';
-            buf += "'";
-            buf += this.family;
-            buf += "'";
-            this._css = buf;
-            this._cssScale = scale;
-        }
-        return this._css;
-    }
-    static fromJson(v) {
-        switch (typeof v) {
-            case 'undefined':
-                return null;
-            case 'object': {
-                const m = v;
-                let family = m.get('family');
-                // tslint:disable-next-line: no-unnecessary-type-assertion
-                let size = m.get('size');
-                let style = JsonHelper.parseEnum(m.get('style'), FontStyle);
-                let weight = JsonHelper.parseEnum(m.get('weight'), FontWeight);
-                return new Font(family, size, style, weight);
-            }
-            case 'string': {
-                const parser = new FontParser(v);
-                parser.parse();
-                let family = parser.families[0];
-                if ((family.startsWith("'") && family.endsWith("'")) ||
-                    (family.startsWith('"') && family.endsWith('"'))) {
-                    family = family.substr(1, family.length - 2);
-                }
-                let fontSizeString = parser.size.toLowerCase();
-                let fontSize = 0;
-                // as per https://websemantics.uk/articles/font-size-conversion/
-                switch (fontSizeString) {
-                    case 'xx-small':
-                        fontSize = 7;
-                        break;
-                    case 'x-small':
-                        fontSize = 10;
-                        break;
-                    case 'small':
-                    case 'smaller':
-                        fontSize = 13;
-                        break;
-                    case 'medium':
-                        fontSize = 16;
-                        break;
-                    case 'large':
-                    case 'larger':
-                        fontSize = 18;
-                        break;
-                    case 'x-large':
-                        fontSize = 24;
-                        break;
-                    case 'xx-large':
-                        fontSize = 32;
-                        break;
-                    default:
-                        try {
-                            if (fontSizeString.endsWith('em')) {
-                                fontSize = parseFloat(fontSizeString.substr(0, fontSizeString.length - 2)) * 16;
-                            }
-                            else if (fontSizeString.endsWith('pt')) {
-                                fontSize =
-                                    (parseFloat(fontSizeString.substr(0, fontSizeString.length - 2)) * 16.0) / 12.0;
-                            }
-                            else if (fontSizeString.endsWith('px')) {
-                                fontSize = parseFloat(fontSizeString.substr(0, fontSizeString.length - 2));
-                            }
-                            else {
-                                fontSize = 12;
-                            }
-                        }
-                        catch (e) {
-                            fontSize = 12;
-                        }
-                        break;
-                }
-                let fontStyle = FontStyle.Plain;
-                if (parser.style === 'italic') {
-                    fontStyle = FontStyle.Italic;
-                }
-                let fontWeight = FontWeight.Regular;
-                let fontWeightString = parser.weight.toLowerCase();
-                switch (fontWeightString) {
-                    case 'normal':
-                    case 'lighter':
-                        break;
-                    default:
-                        fontWeight = FontWeight.Bold;
-                        break;
-                }
-                return new Font(family, fontSize, fontStyle, fontWeight);
-            }
-            default:
-                return null;
-        }
-    }
-    static toJson(font) {
-        const o = new Map();
-        o.set('family', font.family);
-        o.set('size', font.size);
-        o.set('style', font.style);
-        o.set('weight', font.weight);
-        return o;
-    }
-}
+    Duration[Duration["SixtyFourth"] = 64] = "SixtyFourth";
+    /**
+     * A 1/128 note duration
+     */
+    Duration[Duration["OneHundredTwentyEighth"] = 128] = "OneHundredTwentyEighth";
+    /**
+     * A 1/256 note duration
+     */
+    Duration[Duration["TwoHundredFiftySixth"] = 256] = "TwoHundredFiftySixth";
+})(Duration || (Duration = {}));
 
 /**
- * This public class contains central definitions for controlling the visual appearance.
- * @json
+ * Lists all dynamics.
  */
-class RenderingResources {
-    constructor() {
-        /**
-         * Gets or sets the font to use for displaying the songs copyright information in the header of the music sheet.
-         */
-        this.copyrightFont = new Font(RenderingResources.sansFont, 12, FontStyle.Plain, FontWeight.Bold);
-        /**
-         * Gets or sets the font to use for displaying the songs title in the header of the music sheet.
-         */
-        this.titleFont = new Font(RenderingResources.serifFont, 32, FontStyle.Plain);
-        /**
-         * Gets or sets the font to use for displaying the songs subtitle in the header of the music sheet.
-         */
-        this.subTitleFont = new Font(RenderingResources.serifFont, 20, FontStyle.Plain);
-        /**
-         * Gets or sets the font to use for displaying the lyrics information in the header of the music sheet.
-         */
-        this.wordsFont = new Font(RenderingResources.serifFont, 15, FontStyle.Plain);
-        /**
-         * Gets or sets the font to use for displaying certain effect related elements in the music sheet.
-         */
-        this.effectFont = new Font(RenderingResources.serifFont, 12, FontStyle.Italic);
-        /**
-         * Gets or sets the font to use for displaying the fretboard numbers in chord diagrams.
-         */
-        this.fretboardNumberFont = new Font(RenderingResources.sansFont, 11, FontStyle.Plain);
-        /**
-         * Gets or sets the font to use for displaying the guitar tablature numbers in the music sheet.
-         */
-        this.tablatureFont = new Font(RenderingResources.sansFont, 13, FontStyle.Plain);
-        /**
-         * Gets or sets the font to use for grace notation related texts in the music sheet.
-         */
-        this.graceFont = new Font(RenderingResources.sansFont, 11, FontStyle.Plain);
-        /**
-         * Gets or sets the color to use for rendering the lines of staves.
-         */
-        this.staffLineColor = new Color(165, 165, 165, 0xff);
-        /**
-         * Gets or sets the color to use for rendering bar separators, the accolade and repeat signs.
-         */
-        this.barSeparatorColor = new Color(34, 34, 17, 0xff);
-        /**
-         * Gets or sets the font to use for displaying the bar numbers above the music sheet.
-         */
-        this.barNumberFont = new Font(RenderingResources.sansFont, 11, FontStyle.Plain);
-        /**
-         * Gets or sets the color to use for displaying the bar numbers above the music sheet.
-         */
-        this.barNumberColor = new Color(200, 0, 0, 0xff);
-        /**
-         * Gets or sets the font to use for displaying finger information in the music sheet.
-         */
-        this.fingeringFont = new Font(RenderingResources.serifFont, 14, FontStyle.Plain);
-        /**
-         * Gets or sets the font to use for section marker labels shown above the music sheet.
-         */
-        this.markerFont = new Font(RenderingResources.serifFont, 14, FontStyle.Plain, FontWeight.Bold);
-        /**
-         * Gets or sets the color to use for music notation elements of the primary voice.
-         */
-        this.mainGlyphColor = new Color(0, 0, 0, 0xff);
-        /**
-         * Gets or sets the color to use for music notation elements of the secondary voices.
-         */
-        this.secondaryGlyphColor = new Color(0, 0, 0, 100);
-        /**
-         * Gets or sets the color to use for displaying the song information above the music sheet.
-         */
-        this.scoreInfoColor = new Color(0, 0, 0, 0xff);
-    }
-}
-RenderingResources.sansFont = 'Arial';
-RenderingResources.serifFont = 'Georgia';
-
-/**
- * Lists all stave profiles controlling which staves are shown.
- */
-var StaveProfile;
-(function (StaveProfile) {
+var DynamicValue;
+(function (DynamicValue) {
     /**
-     * The profile is auto detected by the track configurations.
+     * pianississimo (very very soft)
      */
-    StaveProfile[StaveProfile["Default"] = 0] = "Default";
+    DynamicValue[DynamicValue["PPP"] = 0] = "PPP";
     /**
-     * Standard music notation and guitar tablature are rendered.
+     * pianissimo (very soft)
      */
-    StaveProfile[StaveProfile["ScoreTab"] = 1] = "ScoreTab";
+    DynamicValue[DynamicValue["PP"] = 1] = "PP";
     /**
-     * Only standard music notation is rendered.
+     * piano (soft)
      */
-    StaveProfile[StaveProfile["Score"] = 2] = "Score";
+    DynamicValue[DynamicValue["P"] = 2] = "P";
     /**
-     * Only guitar tablature is rendered.
+     * mezzo-piano (half soft)
      */
-    StaveProfile[StaveProfile["Tab"] = 3] = "Tab";
+    DynamicValue[DynamicValue["MP"] = 3] = "MP";
     /**
-     * Only guitar tablature is rendered, but also rests and time signatures are not shown.
-     * This profile is typically used in multi-track scenarios.
+     * mezzo-forte (half loud)
      */
-    StaveProfile[StaveProfile["TabMixed"] = 4] = "TabMixed";
-})(StaveProfile || (StaveProfile = {}));
-/**
- * Lists all layout modes that are supported.
- */
-var LayoutMode;
-(function (LayoutMode) {
+    DynamicValue[DynamicValue["MF"] = 4] = "MF";
     /**
-     * Bars are aligned in rows using a fixed width.
+     * forte (loud)
      */
-    LayoutMode[LayoutMode["Page"] = 0] = "Page";
+    DynamicValue[DynamicValue["F"] = 5] = "F";
     /**
-     * Bars are aligned horizontally in one row
+     * fortissimo (very loud)
      */
-    LayoutMode[LayoutMode["Horizontal"] = 1] = "Horizontal";
-})(LayoutMode || (LayoutMode = {}));
-/**
- * The display settings control how the general layout and display of alphaTab is done.
- * @json
- */
-class DisplaySettings {
-    constructor() {
-        /**
-         * Sets the zoom level of the rendered notation
-         */
-        this.scale = 1.0;
-        /**
-         * The default stretch force to use for layouting.
-         */
-        this.stretchForce = 1.0;
-        /**
-         * The layouting mode used to arrange the the notation.
-         */
-        this.layoutMode = LayoutMode.Page;
-        /**
-         * The stave profile to use.
-         */
-        this.staveProfile = StaveProfile.Default;
-        /**
-         * Limit the displayed bars per row.
-         */
-        this.barsPerRow = -1;
-        /**
-         * The bar start number to start layouting with. Note that this is the bar number and not an index!
-         */
-        this.startBar = 1;
-        /**
-         * The amount of bars to render overall.
-         */
-        this.barCount = -1;
-        /**
-         * The number of bars that should be rendered per partial. This setting is not used by all layouts.
-         */
-        this.barCountPerPartial = 10;
-        /**
-         * Gets or sets the resources used during rendering. This defines all fonts and colors used.
-         * @json_partial_names
-         */
-        this.resources = new RenderingResources();
-        /**
-         * Gets or sets the padding between the music notation and the border.
-         */
-        this.padding = null;
-    }
-}
-
-/**
- * This is the base public class for creating new song importers which
- * enable reading scores from any binary datasource
- */
-class ScoreImporter {
+    DynamicValue[DynamicValue["FF"] = 6] = "FF";
     /**
-     * Initializes the importer with the given data and settings.
+     * fortississimo (very very loud)
      */
-    init(data, settings) {
-        this.data = data;
-        this.settings = settings;
-    }
-}
-
-/**
- * The exception thrown by a {@link ScoreImporter} in case the
- * binary data does not contain a reader compatible structure.
- */
-class UnsupportedFormatError extends AlphaTabError {
-    constructor(message = 'Unsupported format', inner = null) {
-        super(AlphaTabErrorType.Format, message);
-        this.inner = inner;
-        Object.setPrototypeOf(this, UnsupportedFormatError.prototype);
-    }
-}
+    DynamicValue[DynamicValue["FFF"] = 7] = "FFF";
+})(DynamicValue || (DynamicValue = {}));
 
 /**
- * Lists all types of note acceuntations
+ * Lists all types of grace notes
  */
-var AccentuationType;
-(function (AccentuationType) {
+var GraceType;
+(function (GraceType) {
     /**
-     * No accentuation
+     * No grace, normal beat.
      */
-    AccentuationType[AccentuationType["None"] = 0] = "None";
+    GraceType[GraceType["None"] = 0] = "None";
     /**
-     * Normal accentuation
+     * The beat contains on-beat grace notes.
      */
-    AccentuationType[AccentuationType["Normal"] = 1] = "Normal";
+    GraceType[GraceType["OnBeat"] = 1] = "OnBeat";
     /**
-     * Heavy accentuation
+     * The beat contains before-beat grace notes.
      */
-    AccentuationType[AccentuationType["Heavy"] = 2] = "Heavy";
-})(AccentuationType || (AccentuationType = {}));
+    GraceType[GraceType["BeforeBeat"] = 2] = "BeforeBeat";
+    /**
+     * The beat contains very special bend-grace notes used in SongBook style displays.
+     */
+    GraceType[GraceType["BendGrace"] = 3] = "BendGrace";
+})(GraceType || (GraceType = {}));
 
 /**
- * This public enumeration lists all types of automations.
+ * Lists all fingers.
  */
-var AutomationType;
-(function (AutomationType) {
+var Fingers;
+(function (Fingers) {
     /**
-     * Tempo change.
+     * Unknown type (not documented)
      */
-    AutomationType[AutomationType["Tempo"] = 0] = "Tempo";
+    Fingers[Fingers["Unknown"] = -2] = "Unknown";
     /**
-     * Colume change.
+     * No finger, dead note
      */
-    AutomationType[AutomationType["Volume"] = 1] = "Volume";
+    Fingers[Fingers["NoOrDead"] = -1] = "NoOrDead";
     /**
-     * Instrument change.
+     * The thumb
      */
-    AutomationType[AutomationType["Instrument"] = 2] = "Instrument";
+    Fingers[Fingers["Thumb"] = 0] = "Thumb";
     /**
-     * Balance change.
+     * The index finger
      */
-    AutomationType[AutomationType["Balance"] = 3] = "Balance";
-})(AutomationType || (AutomationType = {}));
-/**
- * Automations are used to change the behaviour of a song.
- * @cloneable
- * @json
- */
-class Automation {
-    constructor() {
-        /**
-         * Gets or sets whether the automation is applied linear.
-         */
-        this.isLinear = false;
-        /**
-         * Gets or sets the type of the automation.
-         */
-        this.type = AutomationType.Tempo;
-        /**
-         * Gets or sets the target value of the automation.
-         */
-        this.value = 0;
-        /**
-         * Gets or sets the relative position of of the automation.
-         */
-        this.ratioPosition = 0;
-        /**
-         * Gets or sets the additional text of the automation.
-         */
-        this.text = '';
-    }
-    static buildTempoAutomation(isLinear, ratioPosition, value, reference) {
-        if (reference < 1 || reference > 5) {
-            reference = 2;
-        }
-        let references = new Float32Array([1, 0.5, 1.0, 1.5, 2.0, 3.0]);
-        let automation = new Automation();
-        automation.type = AutomationType.Tempo;
-        automation.isLinear = isLinear;
-        automation.ratioPosition = ratioPosition;
-        automation.value = value * references[reference];
-        return automation;
-    }
-    static buildInstrumentAutomation(isLinear, ratioPosition, value) {
-        let automation = new Automation();
-        automation.type = AutomationType.Instrument;
-        automation.isLinear = isLinear;
-        automation.ratioPosition = ratioPosition;
-        automation.value = value;
-        return automation;
-    }
-}
+    Fingers[Fingers["IndexFinger"] = 1] = "IndexFinger";
+    /**
+     * The middle finger
+     */
+    Fingers[Fingers["MiddleFinger"] = 2] = "MiddleFinger";
+    /**
+     * The annular finger
+     */
+    Fingers[Fingers["AnnularFinger"] = 3] = "AnnularFinger";
+    /**
+     * The little finger
+     */
+    Fingers[Fingers["LittleFinger"] = 4] = "LittleFinger";
+})(Fingers || (Fingers = {}));
 
 /**
- * This public enumeration lists all supported Clefs.
+ * Lists all harmonic types.
  */
-var Clef;
-(function (Clef) {
+var HarmonicType;
+(function (HarmonicType) {
     /**
-     * Neutral clef.
+     * No harmonics.
      */
-    Clef[Clef["Neutral"] = 0] = "Neutral";
+    HarmonicType[HarmonicType["None"] = 0] = "None";
     /**
-     * C3 clef
+     * Natural harmonic
      */
-    Clef[Clef["C3"] = 1] = "C3";
+    HarmonicType[HarmonicType["Natural"] = 1] = "Natural";
     /**
-     * C4 clef
+     * Artificial harmonic
      */
-    Clef[Clef["C4"] = 2] = "C4";
+    HarmonicType[HarmonicType["Artificial"] = 2] = "Artificial";
     /**
-     * F4 clef
+     * Pinch harmonics
      */
-    Clef[Clef["F4"] = 3] = "F4";
+    HarmonicType[HarmonicType["Pinch"] = 3] = "Pinch";
     /**
-     * G2 clef
+     * Tap harmonics
      */
-    Clef[Clef["G2"] = 4] = "G2";
-})(Clef || (Clef = {}));
+    HarmonicType[HarmonicType["Tap"] = 4] = "Tap";
+    /**
+     * Semi harmonics
+     */
+    HarmonicType[HarmonicType["Semi"] = 5] = "Semi";
+    /**
+     * Feedback harmonics
+     */
+    HarmonicType[HarmonicType["Feedback"] = 6] = "Feedback";
+})(HarmonicType || (HarmonicType = {}));
 
 /**
- * Lists all ottavia.
+ * Lists the modes how accidentals are handled for notes
  */
-var Ottavia;
-(function (Ottavia) {
+var NoteAccidentalMode;
+(function (NoteAccidentalMode) {
     /**
-     * 2 octaves higher
+     * Accidentals are calculated automatically.
      */
-    Ottavia[Ottavia["_15ma"] = 0] = "_15ma";
+    NoteAccidentalMode[NoteAccidentalMode["Default"] = 0] = "Default";
     /**
-     * 1 octave higher
+     * This will try to ensure that no accidental is shown.
      */
-    Ottavia[Ottavia["_8va"] = 1] = "_8va";
+    NoteAccidentalMode[NoteAccidentalMode["ForceNone"] = 1] = "ForceNone";
     /**
-     * Normal
+     * This will move the note one line down and applies a Naturalize.
      */
-    Ottavia[Ottavia["Regular"] = 2] = "Regular";
+    NoteAccidentalMode[NoteAccidentalMode["ForceNatural"] = 2] = "ForceNatural";
     /**
-     * 1 octave lower
+     * This will move the note one line down and applies a Sharp.
      */
-    Ottavia[Ottavia["_8vb"] = 3] = "_8vb";
+    NoteAccidentalMode[NoteAccidentalMode["ForceSharp"] = 3] = "ForceSharp";
     /**
-     * 2 octaves lower.
+     * This will move the note to be shown 2 half-notes deeper with a double sharp symbol
      */
-    Ottavia[Ottavia["_15mb"] = 4] = "_15mb";
-})(Ottavia || (Ottavia = {}));
+    NoteAccidentalMode[NoteAccidentalMode["ForceDoubleSharp"] = 4] = "ForceDoubleSharp";
+    /**
+     * This will move the note one line up and applies a Flat.
+     */
+    NoteAccidentalMode[NoteAccidentalMode["ForceFlat"] = 5] = "ForceFlat";
+    /**
+     * This will move the note two half notes up with a double flag symbol.
+     */
+    NoteAccidentalMode[NoteAccidentalMode["ForceDoubleFlat"] = 6] = "ForceDoubleFlat";
+})(NoteAccidentalMode || (NoteAccidentalMode = {}));
 
 /**
- * Lists all simile mark types as they are assigned to bars.
+ * This public enum lists all different types of finger slide-ins on a string.
  */
-var SimileMark;
-(function (SimileMark) {
-    /**
-     * No simile mark is applied
-     */
-    SimileMark[SimileMark["None"] = 0] = "None";
+var SlideInType;
+(function (SlideInType) {
     /**
-     * A simple simile mark. The previous bar is repeated.
+     * No slide.
      */
-    SimileMark[SimileMark["Simple"] = 1] = "Simple";
+    SlideInType[SlideInType["None"] = 0] = "None";
     /**
-     * A double simile mark. This value is assigned to the first
-     * bar of the 2 repeat bars.
+     * Slide into the note from below on the same string.
      */
-    SimileMark[SimileMark["FirstOfDouble"] = 2] = "FirstOfDouble";
+    SlideInType[SlideInType["IntoFromBelow"] = 1] = "IntoFromBelow";
     /**
-     * A double simile mark. This value is assigned to the second
-     * bar of the 2 repeat bars.
+     * Slide into the note from above on the same string.
      */
-    SimileMark[SimileMark["SecondOfDouble"] = 3] = "SecondOfDouble";
-})(SimileMark || (SimileMark = {}));
+    SlideInType[SlideInType["IntoFromAbove"] = 2] = "IntoFromAbove";
+})(SlideInType || (SlideInType = {}));
 
 /**
- * A bar is a single block within a track, also known as Measure.
- * @json
+ * This public enum lists all different types of finger slide-outs on a string.
  */
-class Bar {
-    constructor() {
-        /**
-         * Gets or sets the unique id of this bar.
-         */
-        this.id = Bar._globalBarId++;
-        /**
-         * Gets or sets the zero-based index of this bar within the staff.
-         * @json_ignore
-         */
-        this.index = 0;
-        /**
-         * Gets or sets the next bar that comes after this bar.
-         * @json_ignore
-         */
-        this.nextBar = null;
-        /**
-         * Gets or sets the previous bar that comes before this bar.
-         * @json_ignore
-         */
-        this.previousBar = null;
-        /**
-         * Gets or sets the clef on this bar.
-         */
-        this.clef = Clef.G2;
-        /**
-         * Gets or sets the ottava applied to the clef.
-         */
-        this.clefOttava = Ottavia.Regular;
-        /**
-         * Gets or sets the list of voices contained in this bar.
-         * @json_add addVoice
-         */
-        this.voices = [];
-        /**
-         * Gets or sets the simile mark on this bar.
-         */
-        this.simileMark = SimileMark.None;
-        /**
-         * Gets a value indicating whether this bar contains multiple voices with notes.
-         * @json_ignore
-         */
-        this.isMultiVoice = false;
-    }
-    get masterBar() {
-        return this.staff.track.score.masterBars[this.index];
-    }
-    get isEmpty() {
-        for (let i = 0, j = this.voices.length; i < j; i++) {
-            if (!this.voices[i].isEmpty) {
-                return false;
-            }
-        }
-        return true;
-    }
-    addVoice(voice) {
-        voice.bar = this;
-        voice.index = this.voices.length;
-        this.voices.push(voice);
-    }
-    finish(settings) {
-        this.isMultiVoice = false;
-        for (let i = 0, j = this.voices.length; i < j; i++) {
-            let voice = this.voices[i];
-            voice.finish(settings);
-            if (i > 0 && !voice.isEmpty) {
-                this.isMultiVoice = true;
-            }
-        }
-    }
-    calculateDuration() {
-        let duration = 0;
-        for (let voice of this.voices) {
-            let voiceDuration = voice.calculateDuration();
-            if (voiceDuration > duration) {
-                duration = voiceDuration;
-            }
-        }
-        return duration;
-    }
-}
-Bar._globalBarId = 0;
-
-class MidiUtils {
+var SlideOutType;
+(function (SlideOutType) {
     /**
-     * Converts the given midi tick duration into milliseconds.
-     * @param ticks The duration in midi ticks
-     * @param tempo The current tempo in BPM.
-     * @returns The converted duration in milliseconds.
+     * No slide.
      */
-    static ticksToMillis(ticks, tempo) {
-        return (ticks * (60000.0 / (tempo * MidiUtils.QuarterTime))) | 0;
-    }
+    SlideOutType[SlideOutType["None"] = 0] = "None";
     /**
-     * Converts the given midi tick duration into milliseconds.
-     * @param millis The duration in milliseconds
-     * @param tempo The current tempo in BPM.
-     * @returns The converted duration in midi ticks.
+     * Shift slide to next note on same string
      */
-    static millisToTicks(millis, tempo) {
-        return (millis / (60000.0 / (tempo * MidiUtils.QuarterTime))) | 0;
-    }
+    SlideOutType[SlideOutType["Shift"] = 1] = "Shift";
     /**
-     * Converts a duration value to its ticks equivalent.
+     * Legato slide to next note on same string.
      */
-    static toTicks(duration) {
-        return MidiUtils.valueToTicks(duration);
-    }
+    SlideOutType[SlideOutType["Legato"] = 2] = "Legato";
     /**
-     * Converts a numerical value to its ticks equivalent.
-     * @param duration the numerical proportion to convert. (i.E. timesignature denominator, note duration,...)
+     * Slide out from the note from upwards on the same string.
      */
-    static valueToTicks(duration) {
-        let denomninator = duration;
-        if (denomninator < 0) {
-            denomninator = 1 / -denomninator;
-        }
-        return (MidiUtils.QuarterTime * (4.0 / denomninator)) | 0;
-    }
-    static applyDot(ticks, doubleDotted) {
-        if (doubleDotted) {
-            return ticks + ((ticks / 4) | 0) * 3;
-        }
-        return ticks + ((ticks / 2) | 0);
-    }
-    static applyTuplet(ticks, numerator, denominator) {
-        return ((ticks * denominator) / numerator) | 0;
-    }
-    static removeTuplet(ticks, numerator, denominator) {
-        return ((ticks * numerator) / denominator) | 0;
-    }
-    static dynamicToVelocity(dyn) {
-        return MidiUtils.MinVelocity + dyn * MidiUtils.VelocityIncrement;
-    }
-}
-MidiUtils.QuarterTime = 960;
-MidiUtils.MinVelocity = 15;
-MidiUtils.VelocityIncrement = 16;
-
-/**
- * A single point of a bending graph. Used to
- * describe WhammyBar and String Bending effects.
- * @cloneable
- * @json
- */
-class BendPoint {
+    SlideOutType[SlideOutType["OutUp"] = 3] = "OutUp";
     /**
-     * Initializes a new instance of the {@link BendPoint} class.
-     * @param offset The offset.
-     * @param value The value.
+     * Slide out from the note from downwards on the same string.
      */
-    constructor(offset = 0, value = 0) {
-        this.offset = offset;
-        this.value = value;
-    }
-}
-BendPoint.MaxPosition = 60;
-BendPoint.MaxValue = 12;
+    SlideOutType[SlideOutType["OutDown"] = 4] = "OutDown";
+    /**
+     * Pickslide down on this note
+     */
+    SlideOutType[SlideOutType["PickSlideDown"] = 5] = "PickSlideDown";
+    /**
+     * Pickslide up on this note
+     */
+    SlideOutType[SlideOutType["PickSlideUp"] = 6] = "PickSlideUp";
+})(SlideOutType || (SlideOutType = {}));
 
 /**
- * Lists the different bend styles
+ * This public enum lists all vibrato types that can be performed.
  */
-var BendStyle;
-(function (BendStyle) {
+var VibratoType;
+(function (VibratoType) {
     /**
-     * The bends are as described by the bend points
+     * No vibrato.
      */
-    BendStyle[BendStyle["Default"] = 0] = "Default";
+    VibratoType[VibratoType["None"] = 0] = "None";
     /**
-     * The bends are gradual over the beat duration.
+     * A slight vibrato.
      */
-    BendStyle[BendStyle["Gradual"] = 1] = "Gradual";
+    VibratoType[VibratoType["Slight"] = 1] = "Slight";
     /**
-     * The bends are done fast before the next note.
+     * A wide vibrato.
      */
-    BendStyle[BendStyle["Fast"] = 2] = "Fast";
-})(BendStyle || (BendStyle = {}));
+    VibratoType[VibratoType["Wide"] = 2] = "Wide";
+})(VibratoType || (VibratoType = {}));
 
 /**
- * Lists all types of bends
+ * Lists the different modes on how rhythm notation is shown on the tab staff.
  */
-var BendType;
-(function (BendType) {
-    /**
-     * No bend at all
-     */
-    BendType[BendType["None"] = 0] = "None";
-    /**
-     * Individual points define the bends in a flexible manner.
-     * This system was mainly used in Guitar Pro 3-5
-     */
-    BendType[BendType["Custom"] = 1] = "Custom";
+var TabRhythmMode;
+(function (TabRhythmMode) {
     /**
-     * Simple Bend from an unbended string to a higher note.
+     * Rhythm notation is hidden.
      */
-    BendType[BendType["Bend"] = 2] = "Bend";
+    TabRhythmMode[TabRhythmMode["Hidden"] = 0] = "Hidden";
     /**
-     * Release of a bend that was started on an earlier note.
+     * Rhythm notation is shown with individual beams per beat.
      */
-    BendType[BendType["Release"] = 3] = "Release";
+    TabRhythmMode[TabRhythmMode["ShowWithBeams"] = 1] = "ShowWithBeams";
     /**
-     * A bend that starts from an unbended string,
-     * and also releases the bend after some time.
+     * Rhythm notation is shown and behaves like normal score notation with connected bars.
      */
-    BendType[BendType["BendRelease"] = 4] = "BendRelease";
+    TabRhythmMode[TabRhythmMode["ShowWithBars"] = 2] = "ShowWithBars";
+})(TabRhythmMode || (TabRhythmMode = {}));
+/**
+ * Lists all modes on how fingerings should be displayed.
+ */
+var FingeringMode;
+(function (FingeringMode) {
     /**
-     * Holds a bend that was started on an earlier note
+     * Fingerings will be shown in the standard notation staff.
      */
-    BendType[BendType["Hold"] = 5] = "Hold";
+    FingeringMode[FingeringMode["ScoreDefault"] = 0] = "ScoreDefault";
     /**
-     * A bend that is already started before the note is played then it is held until the end.
+     * Fingerings will be shown in the standard notation staff. Piano finger style is enforced, where
+     * fingers are rendered as 1-5 instead of p,i,m,a,c and T,1,2,3,4.
      */
-    BendType[BendType["Prebend"] = 6] = "Prebend";
+    FingeringMode[FingeringMode["ScoreForcePiano"] = 1] = "ScoreForcePiano";
     /**
-     * A bend that is already started before the note is played and
-     * bends even further, then it is held until the end.
+     * Fingerings will be shown in a effect band above the tabs in case
+     * they have only a single note on the beat.
      */
-    BendType[BendType["PrebendBend"] = 7] = "PrebendBend";
+    FingeringMode[FingeringMode["SingleNoteEffectBand"] = 2] = "SingleNoteEffectBand";
     /**
-     * A bend that is already started before the note is played and
-     * then releases the bend to a lower note where it is held until the end.
+     * Fingerings will be shown in a effect band above the tabs in case
+     * they have only a single note on the beat. Piano finger style is enforced, where
+     * fingers are rendered as 1-5 instead of p,i,m,a,c and T,1,2,3,4.
      */
-    BendType[BendType["PrebendRelease"] = 8] = "PrebendRelease";
-})(BendType || (BendType = {}));
-
+    FingeringMode[FingeringMode["SingleNoteEffectBandForcePiano"] = 3] = "SingleNoteEffectBandForcePiano";
+})(FingeringMode || (FingeringMode = {}));
 /**
- * Lists all types of how to brush multiple notes on a beat.
+ * Lists all modes on how alphaTab can handle the display and playback of music notation.
  */
-var BrushType;
-(function (BrushType) {
-    /**
-     * No brush.
-     */
-    BrushType[BrushType["None"] = 0] = "None";
+var NotationMode;
+(function (NotationMode) {
     /**
-     * Normal brush up.
+     * Music elements will be displayed and played as in Guitar Pro.
      */
-    BrushType[BrushType["BrushUp"] = 1] = "BrushUp";
+    NotationMode[NotationMode["GuitarPro"] = 0] = "GuitarPro";
     /**
-     * Normal brush down.
+     * Music elements will be displayed and played as in traditional songbooks.
+     * Changes:
+     * 1. Bends
+     *   For bends additional grace beats are introduced.
+     *   Bends are categorized into gradual and fast bends.
+     *   - Gradual bends are indicated by beat text "grad" or "grad.". Bend will sound along the beat duration.
+     *   - Fast bends are done right before the next note. If the next note is tied even on-beat of the next note.
+     * 2. Whammy Bars
+     *   Dips are shown as simple annotation over the beats
+     *   Whammy Bars are categorized into gradual and fast.
+     *   - Gradual whammys are indicated by beat text "grad" or "grad.". Whammys will sound along the beat duration.
+     *   - Fast whammys are done right the beat.
+     * 3. Let Ring
+     *   Tied notes with let ring are not shown in standard notation
+     *   Let ring does not cause a longer playback, duration is defined via tied notes.
      */
-    BrushType[BrushType["BrushDown"] = 2] = "BrushDown";
+    NotationMode[NotationMode["SongBook"] = 1] = "SongBook";
+})(NotationMode || (NotationMode = {}));
+/**
+ * Lists all major music notation elements that are part
+ * of the music sheet and can be dynamically controlled to be shown
+ * or hidden.
+ */
+var NotationElement;
+(function (NotationElement) {
     /**
-     * Arpeggio up.
+     * The score title shown at the start of the music sheet.
      */
-    BrushType[BrushType["ArpeggioUp"] = 3] = "ArpeggioUp";
+    NotationElement[NotationElement["ScoreTitle"] = 0] = "ScoreTitle";
     /**
-     * Arpeggio down.
+     * The score subtitle shown at the start of the music sheet.
      */
-    BrushType[BrushType["ArpeggioDown"] = 4] = "ArpeggioDown";
-})(BrushType || (BrushType = {}));
-
-/**
- * Lists all Crescendo and Decrescendo types.
- */
-var CrescendoType;
-(function (CrescendoType) {
+    NotationElement[NotationElement["ScoreSubTitle"] = 1] = "ScoreSubTitle";
     /**
-     * No crescendo applied.
+     * The score artist shown at the start of the music sheet.
      */
-    CrescendoType[CrescendoType["None"] = 0] = "None";
+    NotationElement[NotationElement["ScoreArtist"] = 2] = "ScoreArtist";
     /**
-     * Normal crescendo applied.
+     * The score album shown at the start of the music sheet.
      */
-    CrescendoType[CrescendoType["Crescendo"] = 1] = "Crescendo";
+    NotationElement[NotationElement["ScoreAlbum"] = 3] = "ScoreAlbum";
     /**
-     * Normal decrescendo applied.
+     * The score words author shown at the start of the music sheet.
      */
-    CrescendoType[CrescendoType["Decrescendo"] = 2] = "Decrescendo";
-})(CrescendoType || (CrescendoType = {}));
-
-/**
- * Lists all durations of a beat.
- */
-var Duration;
-(function (Duration) {
+    NotationElement[NotationElement["ScoreWords"] = 4] = "ScoreWords";
     /**
-     * A quadruple whole note duration
+     * The score music author shown at the start of the music sheet.
      */
-    Duration[Duration["QuadrupleWhole"] = -4] = "QuadrupleWhole";
+    NotationElement[NotationElement["ScoreMusic"] = 5] = "ScoreMusic";
     /**
-     * A double whole note duration
+     * The score words&music author shown at the start of the music sheet.
      */
-    Duration[Duration["DoubleWhole"] = -2] = "DoubleWhole";
+    NotationElement[NotationElement["ScoreWordsAndMusic"] = 6] = "ScoreWordsAndMusic";
     /**
-     * A whole note duration
+     * The score copyright owner shown at the start of the music sheet.
      */
-    Duration[Duration["Whole"] = 1] = "Whole";
+    NotationElement[NotationElement["ScoreCopyright"] = 7] = "ScoreCopyright";
     /**
-     * A 1/2 note duration
+     * The tuning information of the guitar shown
+     * above the staves.
      */
-    Duration[Duration["Half"] = 2] = "Half";
+    NotationElement[NotationElement["GuitarTuning"] = 8] = "GuitarTuning";
     /**
-     * A 1/4 note duration
+     * The track names which are shown in the accolade.
      */
-    Duration[Duration["Quarter"] = 4] = "Quarter";
+    NotationElement[NotationElement["TrackNames"] = 9] = "TrackNames";
     /**
-     * A 1/8 note duration
+     * The chord diagrams for guitars. Usually shown
+     * below the score info.
      */
-    Duration[Duration["Eighth"] = 8] = "Eighth";
+    NotationElement[NotationElement["ChordDiagrams"] = 10] = "ChordDiagrams";
     /**
-     * A 1/16 note duration
+     * Parenthesis that are shown for tied bends
+     * if they are preceeded by bends.
      */
-    Duration[Duration["Sixteenth"] = 16] = "Sixteenth";
+    NotationElement[NotationElement["ParenthesisOnTiedBends"] = 11] = "ParenthesisOnTiedBends";
     /**
-     * A 1/32 note duration
+     * The tab number for tied notes if the
+     * bend of a note is increased at that point.
      */
-    Duration[Duration["ThirtySecond"] = 32] = "ThirtySecond";
+    NotationElement[NotationElement["TabNotesOnTiedBends"] = 12] = "TabNotesOnTiedBends";
     /**
-     * A 1/64 note duration
+     * Zero tab numbers on "dive whammys".
      */
-    Duration[Duration["SixtyFourth"] = 64] = "SixtyFourth";
+    NotationElement[NotationElement["ZerosOnDiveWhammys"] = 13] = "ZerosOnDiveWhammys";
     /**
-     * A 1/128 note duration
+     * The alternate endings information on repeats shown above the staff.
      */
-    Duration[Duration["OneHundredTwentyEighth"] = 128] = "OneHundredTwentyEighth";
+    NotationElement[NotationElement["EffectAlternateEndings"] = 14] = "EffectAlternateEndings";
     /**
-     * A 1/256 note duration
+     * The information about the fret on which the capo is placed shown above the staff.
      */
-    Duration[Duration["TwoHundredFiftySixth"] = 256] = "TwoHundredFiftySixth";
-})(Duration || (Duration = {}));
-
-/**
- * Lists all dynamics.
- */
-var DynamicValue;
-(function (DynamicValue) {
+    NotationElement[NotationElement["EffectCapo"] = 15] = "EffectCapo";
     /**
-     * pianississimo (very very soft)
+     * The chord names shown above beats shown above the staff.
      */
-    DynamicValue[DynamicValue["PPP"] = 0] = "PPP";
+    NotationElement[NotationElement["EffectChordNames"] = 16] = "EffectChordNames";
     /**
-     * pianissimo (very soft)
+     * The crescendo/decrescendo angle  shown above the staff.
      */
-    DynamicValue[DynamicValue["PP"] = 1] = "PP";
+    NotationElement[NotationElement["EffectCrescendo"] = 17] = "EffectCrescendo";
     /**
-     * piano (soft)
+     * The beat dynamics  shown above the staff.
      */
-    DynamicValue[DynamicValue["P"] = 2] = "P";
+    NotationElement[NotationElement["EffectDynamics"] = 18] = "EffectDynamics";
     /**
-     * mezzo-piano (half soft)
+     * The curved angle for fade in/out effects  shown above the staff.
      */
-    DynamicValue[DynamicValue["MP"] = 3] = "MP";
+    NotationElement[NotationElement["EffectFadeIn"] = 19] = "EffectFadeIn";
     /**
-     * mezzo-forte (half loud)
+     * The fermata symbol shown above the staff.
      */
-    DynamicValue[DynamicValue["MF"] = 4] = "MF";
+    NotationElement[NotationElement["EffectFermata"] = 20] = "EffectFermata";
     /**
-     * forte (loud)
+     * The fingering information.
      */
-    DynamicValue[DynamicValue["F"] = 5] = "F";
+    NotationElement[NotationElement["EffectFingering"] = 21] = "EffectFingering";
     /**
-     * fortissimo (very loud)
+     * The harmonics names shown above the staff.
+     * (does not represent the harmonic note heads)
      */
-    DynamicValue[DynamicValue["FF"] = 6] = "FF";
+    NotationElement[NotationElement["EffectHarmonics"] = 22] = "EffectHarmonics";
     /**
-     * fortississimo (very very loud)
+     * The let ring name and line above the staff.
      */
-    DynamicValue[DynamicValue["FFF"] = 7] = "FFF";
-})(DynamicValue || (DynamicValue = {}));
-
-/**
- * Lists all types of grace notes
- */
-var GraceType;
-(function (GraceType) {
+    NotationElement[NotationElement["EffectLetRing"] = 23] = "EffectLetRing";
     /**
-     * No grace, normal beat.
+     * The lyrics of the track shown above the staff.
      */
-    GraceType[GraceType["None"] = 0] = "None";
+    NotationElement[NotationElement["EffectLyrics"] = 24] = "EffectLyrics";
     /**
-     * The beat contains on-beat grace notes.
+     * The section markers shown above the staff.
      */
-    GraceType[GraceType["OnBeat"] = 1] = "OnBeat";
+    NotationElement[NotationElement["EffectMarker"] = 25] = "EffectMarker";
     /**
-     * The beat contains before-beat grace notes.
+     * The ottava symbol and lines shown above the staff.
      */
-    GraceType[GraceType["BeforeBeat"] = 2] = "BeforeBeat";
+    NotationElement[NotationElement["EffectOttavia"] = 26] = "EffectOttavia";
     /**
-     * The beat contains very special bend-grace notes used in SongBook style displays.
+     * The palm mute name and line shown above the staff.
      */
-    GraceType[GraceType["BendGrace"] = 3] = "BendGrace";
-})(GraceType || (GraceType = {}));
-
-/**
- * Lists all harmonic types.
- */
-var HarmonicType;
-(function (HarmonicType) {
+    NotationElement[NotationElement["EffectPalmMute"] = 27] = "EffectPalmMute";
     /**
-     * No harmonics.
+     * The pick slide information shown above the staff.
+     * (does not control the pick slide lines)
      */
-    HarmonicType[HarmonicType["None"] = 0] = "None";
+    NotationElement[NotationElement["EffectPickSlide"] = 28] = "EffectPickSlide";
     /**
-     * Natural harmonic
+     * The pick stroke symbols shown above the staff.
      */
-    HarmonicType[HarmonicType["Natural"] = 1] = "Natural";
+    NotationElement[NotationElement["EffectPickStroke"] = 29] = "EffectPickStroke";
     /**
-     * Artificial harmonic
+     * The slight beat vibrato waves shown above the staff.
      */
-    HarmonicType[HarmonicType["Artificial"] = 2] = "Artificial";
+    NotationElement[NotationElement["EffectSlightBeatVibrato"] = 30] = "EffectSlightBeatVibrato";
     /**
-     * Pinch harmonics
+     * The slight note vibrato waves shown above the staff.
      */
-    HarmonicType[HarmonicType["Pinch"] = 3] = "Pinch";
+    NotationElement[NotationElement["EffectSlightNoteVibrato"] = 31] = "EffectSlightNoteVibrato";
     /**
-     * Tap harmonics
+     * The tap/slap/pop effect names shown above the staff.
      */
-    HarmonicType[HarmonicType["Tap"] = 4] = "Tap";
+    NotationElement[NotationElement["EffectTap"] = 32] = "EffectTap";
     /**
-     * Semi harmonics
+     * The tempo information shown above the staff.
      */
-    HarmonicType[HarmonicType["Semi"] = 5] = "Semi";
+    NotationElement[NotationElement["EffectTempo"] = 33] = "EffectTempo";
     /**
-     * Feedback harmonics
+     * The additional beat text shown above the staff.
      */
-    HarmonicType[HarmonicType["Feedback"] = 6] = "Feedback";
-})(HarmonicType || (HarmonicType = {}));
-
-/**
- * Lists the modes how accidentals are handled for notes
- */
-var NoteAccidentalMode;
-(function (NoteAccidentalMode) {
+    NotationElement[NotationElement["EffectText"] = 34] = "EffectText";
     /**
-     * Accidentals are calculated automatically.
+     * The trill name and waves shown above the staff.
      */
-    NoteAccidentalMode[NoteAccidentalMode["Default"] = 0] = "Default";
+    NotationElement[NotationElement["EffectTrill"] = 35] = "EffectTrill";
     /**
-     * This will try to ensure that no accidental is shown.
+     * The triplet feel symbol shown above the staff.
      */
-    NoteAccidentalMode[NoteAccidentalMode["ForceNone"] = 1] = "ForceNone";
+    NotationElement[NotationElement["EffectTripletFeel"] = 36] = "EffectTripletFeel";
     /**
-     * This will move the note one line down and applies a Naturalize.
+     * The whammy bar information shown above the staff.
+     * (does not control the whammy lines shown within the staff)
      */
-    NoteAccidentalMode[NoteAccidentalMode["ForceNatural"] = 2] = "ForceNatural";
+    NotationElement[NotationElement["EffectWhammyBar"] = 37] = "EffectWhammyBar";
     /**
-     * This will move the note one line down and applies a Sharp.
+     * The wide beat vibrato waves shown above the staff.
      */
-    NoteAccidentalMode[NoteAccidentalMode["ForceSharp"] = 3] = "ForceSharp";
+    NotationElement[NotationElement["EffectWideBeatVibrato"] = 38] = "EffectWideBeatVibrato";
     /**
-     * This will move the note to be shown 2 half-notes deeper with a double sharp symbol
+     * The wide note vibrato waves shown above the staff.
      */
-    NoteAccidentalMode[NoteAccidentalMode["ForceDoubleSharp"] = 4] = "ForceDoubleSharp";
+    NotationElement[NotationElement["EffectWideNoteVibrato"] = 39] = "EffectWideNoteVibrato";
     /**
-     * This will move the note one line up and applies a Flat.
+     * The left hand tap symbol shown above the staff.
      */
-    NoteAccidentalMode[NoteAccidentalMode["ForceFlat"] = 5] = "ForceFlat";
+    NotationElement[NotationElement["EffectLeftHandTap"] = 40] = "EffectLeftHandTap";
+})(NotationElement || (NotationElement = {}));
+/**
+ * The notation settings control how various music notation elements are shown and behaving
+ * @json
+ */
+class NotationSettings {
+    constructor() {
+        /**
+         * Gets or sets the mode to use for display and play music notation elements.
+         */
+        this.notationMode = NotationMode.GuitarPro;
+        /**
+         * Gets or sets the fingering mode to use.
+         */
+        this.fingeringMode = FingeringMode.ScoreDefault;
+        /**
+         * Gets or sets the configuration on whether music notation elements are visible or not.
+         * If notation elements are not specified, the default configuration will be applied.
+         */
+        this.elements = new Map();
+        /**
+         * Whether to show rhythm notation in the guitar tablature.
+         */
+        this.rhythmMode = TabRhythmMode.Hidden;
+        /**
+         * The height of the rythm bars.
+         */
+        this.rhythmHeight = 15;
+        /**
+         * The transposition pitch offsets for the individual tracks.
+         * They apply to rendering and playback.
+         */
+        this.transpositionPitches = [];
+        /**
+         * The transposition pitch offsets for the individual tracks.
+         * They apply to rendering only.
+         */
+        this.displayTranspositionPitches = [];
+        /**
+         * If set to true the guitar tabs on grace beats are rendered smaller.
+         */
+        this.smallGraceTabNotes = true;
+        /**
+         * If set to true bend arrows expand to the end of the last tied note
+         * of the string. Otherwise they end on the next beat.
+         */
+        this.extendBendArrowsOnTiedNotes = true;
+        /**
+         * If set to true, line effects (like w/bar, let-ring etc)
+         * are drawn until the end of the beat instead of the start.
+         */
+        this.extendLineEffectsToBeatEnd = false;
+        /**
+         * Gets or sets the height for slurs. The factor is multiplied with the a logarithmic distance
+         * between slur start and end.
+         */
+        this.slurHeight = 5.0;
+    }
     /**
-     * This will move the note two half notes up with a double flag symbol.
+     * Gets whether the given music notation element should be shown
+     * @param element the element to check
+     * @returns true if the element should be shown, otherwise false.
      */
-    NoteAccidentalMode[NoteAccidentalMode["ForceDoubleFlat"] = 6] = "ForceDoubleFlat";
-})(NoteAccidentalMode || (NoteAccidentalMode = {}));
+    isNotationElementVisible(element) {
+        if (this.elements.has(element)) {
+            return this.elements.get(element);
+        }
+        if (NotationSettings.defaultElements.has(element)) {
+            return NotationSettings.defaultElements.get(element);
+        }
+        return true;
+    }
+}
+/**
+ * Gets the default configuration of the {@see notationElements} setting. Do not modify
+ * this map as it might not result in the expected side effects.
+ * If items are not listed explicitly in this list, they are considered visible.
+ */
+NotationSettings.defaultElements = new Map([
+    [NotationElement.ZerosOnDiveWhammys, false]
+]);
 
 /**
- * This public enum lists all different types of finger slide-ins on a string.
+ * @target web
  */
-var SlideInType;
-(function (SlideInType) {
-    /**
-     * No slide.
-     */
-    SlideInType[SlideInType["None"] = 0] = "None";
-    /**
-     * Slide into the note from below on the same string.
-     */
-    SlideInType[SlideInType["IntoFromBelow"] = 1] = "IntoFromBelow";
-    /**
-     * Slide into the note from above on the same string.
-     */
-    SlideInType[SlideInType["IntoFromAbove"] = 2] = "IntoFromAbove";
-})(SlideInType || (SlideInType = {}));
+class Lazy {
+    constructor(factory) {
+        this._value = undefined;
+        this._factory = factory;
+    }
+    get value() {
+        if (this._value === undefined) {
+            this._value = this._factory();
+        }
+        return this._value;
+    }
+}
 
 /**
- * This public enum lists all different types of finger slide-outs on a string.
+ * Defines all loglevels.
+ * @json
  */
-var SlideOutType;
-(function (SlideOutType) {
+var LogLevel;
+(function (LogLevel) {
     /**
-     * No slide.
+     * No logging
      */
-    SlideOutType[SlideOutType["None"] = 0] = "None";
+    LogLevel[LogLevel["None"] = 0] = "None";
     /**
-     * Shift slide to next note on same string
+     * Debug level (internal details are displayed).
      */
-    SlideOutType[SlideOutType["Shift"] = 1] = "Shift";
+    LogLevel[LogLevel["Debug"] = 1] = "Debug";
     /**
-     * Legato slide to next note on same string.
+     * Info level (only important details are shown)
      */
-    SlideOutType[SlideOutType["Legato"] = 2] = "Legato";
+    LogLevel[LogLevel["Info"] = 2] = "Info";
     /**
-     * Slide out from the note from upwards on the same string.
+     * Warning level
      */
-    SlideOutType[SlideOutType["OutUp"] = 3] = "OutUp";
+    LogLevel[LogLevel["Warning"] = 3] = "Warning";
     /**
-     * Slide out from the note from downwards on the same string.
-     */
-    SlideOutType[SlideOutType["OutDown"] = 4] = "OutDown";
-    /**
-     * Pickslide down on this note
-     */
-    SlideOutType[SlideOutType["PickSlideDown"] = 5] = "PickSlideDown";
-    /**
-     * Pickslide up on this note
-     */
-    SlideOutType[SlideOutType["PickSlideUp"] = 6] = "PickSlideUp";
-})(SlideOutType || (SlideOutType = {}));
-
-/**
- * This public enum lists all vibrato types that can be performed.
- */
-var VibratoType;
-(function (VibratoType) {
-    /**
-     * No vibrato.
-     */
-    VibratoType[VibratoType["None"] = 0] = "None";
-    /**
-     * A slight vibrato.
-     */
-    VibratoType[VibratoType["Slight"] = 1] = "Slight";
-    /**
-     * A wide vibrato.
-     */
-    VibratoType[VibratoType["Wide"] = 2] = "Wide";
-})(VibratoType || (VibratoType = {}));
-
-/**
- * @target web
- */
-class Lazy {
-    constructor(factory) {
-        this._value = undefined;
-        this._factory = factory;
-    }
-    get value() {
-        if (this._value === undefined) {
-            this._value = this._factory();
-        }
-        return this._value;
-    }
-}
-
-/**
- * Defines all loglevels.
- * @json
- */
-var LogLevel;
-(function (LogLevel) {
-    /**
-     * No logging
-     */
-    LogLevel[LogLevel["None"] = 0] = "None";
-    /**
-     * Debug level (internal details are displayed).
-     */
-    LogLevel[LogLevel["Debug"] = 1] = "Debug";
-    /**
-     * Info level (only important details are shown)
-     */
-    LogLevel[LogLevel["Info"] = 2] = "Info";
-    /**
-     * Warning level
-     */
-    LogLevel[LogLevel["Warning"] = 3] = "Warning";
-    /**
-     * Error level.
+     * Error level.
      */
     LogLevel[LogLevel["Error"] = 4] = "Error";
 })(LogLevel || (LogLevel = {}));
@@ -2298,6 +1309,249 @@ class Logger {
 Logger.logLevel = LogLevel.Info;
 Logger.log = new ConsoleLogger();
 
+class TuningParseResult {
+    constructor() {
+        this.note = null;
+        this.noteValue = 0;
+        this.octave = 0;
+    }
+    get realValue() {
+        return this.octave * 12 + this.noteValue;
+    }
+}
+/**
+ * This public class contains some utilities for working with model public classes
+ */
+class ModelUtils {
+    static getIndex(duration) {
+        let index = 0;
+        let value = duration;
+        if (value < 0) {
+            return index;
+        }
+        return Math.log2(duration) | 0;
+    }
+    static keySignatureIsFlat(ks) {
+        return ks < 0;
+    }
+    static keySignatureIsNatural(ks) {
+        return ks === 0;
+    }
+    static keySignatureIsSharp(ks) {
+        return ks > 0;
+    }
+    static applyPitchOffsets(settings, score) {
+        for (let i = 0; i < score.tracks.length; i++) {
+            if (i < settings.notation.displayTranspositionPitches.length) {
+                for (let staff of score.tracks[i].staves) {
+                    staff.displayTranspositionPitch = -settings.notation.displayTranspositionPitches[i];
+                }
+            }
+            if (i < settings.notation.transpositionPitches.length) {
+                for (let staff of score.tracks[i].staves) {
+                    staff.transpositionPitch = -settings.notation.transpositionPitches[i];
+                }
+            }
+        }
+    }
+    static fingerToString(settings, beat, finger, leftHand) {
+        if (settings.notation.fingeringMode === FingeringMode.ScoreForcePiano ||
+            settings.notation.fingeringMode === FingeringMode.SingleNoteEffectBandForcePiano ||
+            GeneralMidi.isPiano(beat.voice.bar.staff.track.playbackInfo.program)) {
+            switch (finger) {
+                case Fingers.Unknown:
+                case Fingers.NoOrDead:
+                    return null;
+                case Fingers.Thumb:
+                    return '1';
+                case Fingers.IndexFinger:
+                    return '2';
+                case Fingers.MiddleFinger:
+                    return '3';
+                case Fingers.AnnularFinger:
+                    return '4';
+                case Fingers.LittleFinger:
+                    return '5';
+                default:
+                    return null;
+            }
+        }
+        if (leftHand) {
+            switch (finger) {
+                case Fingers.Unknown:
+                case Fingers.NoOrDead:
+                    return '0';
+                case Fingers.Thumb:
+                    return 'T';
+                case Fingers.IndexFinger:
+                    return '1';
+                case Fingers.MiddleFinger:
+                    return '2';
+                case Fingers.AnnularFinger:
+                    return '3';
+                case Fingers.LittleFinger:
+                    return '4';
+                default:
+                    return null;
+            }
+        }
+        switch (finger) {
+            case Fingers.Unknown:
+            case Fingers.NoOrDead:
+                return null;
+            case Fingers.Thumb:
+                return 'p';
+            case Fingers.IndexFinger:
+                return 'i';
+            case Fingers.MiddleFinger:
+                return 'm';
+            case Fingers.AnnularFinger:
+                return 'a';
+            case Fingers.LittleFinger:
+                return 'c';
+            default:
+                return null;
+        }
+    }
+    /**
+     * Checks if the given string is a tuning inticator.
+     * @param name
+     * @returns
+     */
+    static isTuning(name) {
+        return !!ModelUtils.parseTuning(name);
+    }
+    static parseTuning(name) {
+        let note = '';
+        let octave = '';
+        for (let i = 0; i < name.length; i++) {
+            let c = name.charCodeAt(i);
+            if (c >= 0x30 && c <= 0x39) {
+                // number without note?
+                if (!note) {
+                    return null;
+                }
+                octave += String.fromCharCode(c);
+            }
+            else if ((c >= 0x41 && c <= 0x5a) || (c >= 0x61 && c <= 0x7a) || c === 0x23) {
+                note += String.fromCharCode(c);
+            }
+            else {
+                return null;
+            }
+        }
+        if (!octave || !note) {
+            return null;
+        }
+        let result = new TuningParseResult();
+        result.octave = parseInt(octave) + 1;
+        result.note = note.toLowerCase();
+        result.noteValue = ModelUtils.getToneForText(result.note);
+        return result;
+    }
+    static getTuningForText(str) {
+        let result = ModelUtils.parseTuning(str);
+        if (!result) {
+            return -1;
+        }
+        return result.realValue;
+    }
+    static getToneForText(note) {
+        let b = 0;
+        switch (note.toLowerCase()) {
+            case 'c':
+                b = 0;
+                break;
+            case 'c#':
+            case 'db':
+                b = 1;
+                break;
+            case 'd':
+                b = 2;
+                break;
+            case 'd#':
+            case 'eb':
+                b = 3;
+                break;
+            case 'e':
+                b = 4;
+                break;
+            case 'f':
+                b = 5;
+                break;
+            case 'f#':
+            case 'gb':
+                b = 6;
+                break;
+            case 'g':
+                b = 7;
+                break;
+            case 'g#':
+            case 'ab':
+                b = 8;
+                break;
+            case 'a':
+                b = 9;
+                break;
+            case 'a#':
+            case 'bb':
+                b = 10;
+                break;
+            case 'b':
+                b = 11;
+                break;
+            default:
+                return 0;
+        }
+        return b;
+    }
+    static newGuid() {
+        return (Math.floor((1 + Math.random()) * 0x10000)
+            .toString(16)
+            .substring(1) +
+            Math.floor((1 + Math.random()) * 0x10000)
+                .toString(16)
+                .substring(1) +
+            '-' +
+            Math.floor((1 + Math.random()) * 0x10000)
+                .toString(16)
+                .substring(1) +
+            '-' +
+            Math.floor((1 + Math.random()) * 0x10000)
+                .toString(16)
+                .substring(1) +
+            '-' +
+            Math.floor((1 + Math.random()) * 0x10000)
+                .toString(16)
+                .substring(1) +
+            '-' +
+            Math.floor((1 + Math.random()) * 0x10000)
+                .toString(16)
+                .substring(1) +
+            Math.floor((1 + Math.random()) * 0x10000)
+                .toString(16)
+                .substring(1) +
+            Math.floor((1 + Math.random()) * 0x10000)
+                .toString(16)
+                .substring(1));
+    }
+    static isAlmostEqualTo(a, b) {
+        return Math.abs(a - b) < 0.00001;
+    }
+    static toHexString(n, digits = 0) {
+        let s = '';
+        let hexChars = '0123456789ABCDEF';
+        do {
+            s = String.fromCharCode(hexChars.charCodeAt(n & 15)) + s;
+            n = n >> 4;
+        } while (n > 0);
+        while (s.length < digits) {
+            s = '0' + s;
+        }
+        return s;
+    }
+}
+
 /**
  * Lists all types of pick strokes.
  */
@@ -5258,6 +4512,117 @@ class Section {
     }
 }
 
+/**
+ * An invalid input format was detected (e.g. invalid setting values, file formats,...)
+ */
+class FormatError extends AlphaTabError {
+    constructor(message) {
+        super(AlphaTabErrorType.Format, message);
+        Object.setPrototypeOf(this, FormatError.prototype);
+    }
+}
+
+/**
+ * @json_immutable
+ */
+class Color {
+    /**
+     * Initializes a new instance of the {@link Color} class.
+     * @param r The red component.
+     * @param g The green component.
+     * @param b The blue component.
+     * @param a The alpha component.
+     */
+    constructor(r, g, b, a = 0xff) {
+        /**
+         * Gets or sets the raw RGBA value.
+         */
+        this.raw = 0;
+        this.raw = ((a & 0xff) << 24) | ((r & 0xff) << 16) | ((g & 0xff) << 8) | (b & 0xff);
+        this.updateRgba();
+    }
+    updateRgba() {
+        if (this.a === 0xff) {
+            this.rgba =
+                '#' +
+                    ModelUtils.toHexString(this.r, 2) +
+                    ModelUtils.toHexString(this.g, 2) +
+                    ModelUtils.toHexString(this.b, 2);
+        }
+        else {
+            this.rgba = `rgba(${this.r},${this.g},${this.b},${this.a / 255.0})`;
+        }
+    }
+    get a() {
+        return (this.raw >> 24) & 0xff;
+    }
+    get r() {
+        return (this.raw >> 16) & 0xff;
+    }
+    get g() {
+        return (this.raw >> 8) & 0xff;
+    }
+    get b() {
+        return this.raw & 0xff;
+    }
+    static random(opacity = 100) {
+        return new Color((Math.random() * 255) | 0, (Math.random() * 255) | 0, (Math.random() * 255) | 0, opacity);
+    }
+    static fromJson(v) {
+        switch (typeof v) {
+            case 'number':
+                {
+                    const c = new Color(0, 0, 0, 0);
+                    c.raw = v;
+                    c.updateRgba();
+                    return c;
+                }
+            case 'string':
+                {
+                    const json = v;
+                    if (json.startsWith('#')) {
+                        if (json.length === 4) {
+                            // #RGB
+                            return new Color(parseInt(json.substring(1, 1), 16) * 17, parseInt(json.substring(2, 1), 16) * 17, parseInt(json.substring(3, 1), 16) * 17);
+                        }
+                        if (json.length === 5) {
+                            // #RGBA
+                            return new Color(parseInt(json.substring(1, 1), 16) * 17, parseInt(json.substring(2, 1), 16) * 17, parseInt(json.substring(3, 1), 16) * 17, parseInt(json.substring(4, 1), 16) * 17);
+                        }
+                        if (json.length === 7) {
+                            // #RRGGBB
+                            return new Color(parseInt(json.substring(1, 2), 16), parseInt(json.substring(3, 2), 16), parseInt(json.substring(5, 2), 16));
+                        }
+                        if (json.length === 9) {
+                            // #RRGGBBAA
+                            return new Color(parseInt(json.substring(1, 2), 16), parseInt(json.substring(3, 2), 16), parseInt(json.substring(5, 2), 16), parseInt(json.substring(7, 2), 16));
+                        }
+                    }
+                    else if (json.startsWith('rgba') || json.startsWith('rgb')) {
+                        const start = json.indexOf('(');
+                        const end = json.lastIndexOf(')');
+                        if (start === -1 || end === -1) {
+                            throw new FormatError('No values specified for rgb/rgba function');
+                        }
+                        const numbers = json.substring(start + 1, end).split(',');
+                        if (numbers.length === 3) {
+                            return new Color(parseInt(numbers[0]), parseInt(numbers[1]), parseInt(numbers[2]));
+                        }
+                        if (numbers.length === 4) {
+                            return new Color(parseInt(numbers[0]), parseInt(numbers[1]), parseInt(numbers[2]), parseFloat(numbers[3]) * 255);
+                        }
+                    }
+                    return null;
+                }
+        }
+        throw new FormatError('Unsupported format for color');
+    }
+    static toJson(obj) {
+        return obj.raw;
+    }
+}
+Color.BlackRgb = '#000000';
+
 /**
  * This public class stores the midi specific information of a track needed
  * for playback.
@@ -7555,6 +6920,9 @@ class AlphaTexImporter extends ScoreImporter {
                 break;
         }
     }
+    isNoteText(txt) {
+        return txt === 'x' || txt === '-' || txt === 'r';
+    }
     note(beat) {
         // fret.string
         let isDead = false;
@@ -7957,7 +7325,7 @@ class AlphaTexImporter extends ScoreImporter {
                 let text = this._syData;
                 this._sy = this.newSy();
                 let marker = '';
-                if (this._sy === AlphaTexSymbols.String) {
+                if (this._sy === AlphaTexSymbols.String && !this.isNoteText(this._syData.toLowerCase())) {
                     marker = text;
                     text = this._syData;
                     this._sy = this.newSy();
@@ -17878,6 +17246,7 @@ class AlphaSynth {
     set masterVolume(value) {
         value = Math.max(value, SynthConstants.MinVolume);
         this._synthesizer.masterVolume = value;
+        this.onAudioSettingsUpdate();
     }
     get metronomeVolume() {
         return this._metronomeVolume;
@@ -17886,6 +17255,7 @@ class AlphaSynth {
         value = Math.max(value, SynthConstants.MinVolume);
         this._metronomeVolume = value;
         this._synthesizer.metronomeVolume = value;
+        this.onAudioSettingsUpdate();
     }
     get countInVolume() {
         return this._countInVolume;
@@ -17907,7 +17277,7 @@ class AlphaSynth {
         value = SynthHelper.clamp(value, SynthConstants.MinPlaybackSpeed, SynthConstants.MaxPlaybackSpeed);
         let oldSpeed = this._sequencer.playbackSpeed;
         this._sequencer.playbackSpeed = value;
-        this.updateTimePosition(this._timePosition * (oldSpeed / value), true);
+        this.timePosition = this.timePosition * (oldSpeed / value);
     }
     get tickPosition() {
         return this._tickPosition;
@@ -18031,242 +17401,888 @@ class AlphaSynth {
             this.soundFontLoadFailed.trigger(e);
         }
     }
-    checkReadyForPlayback() {
-        if (this.isReadyForPlayback) {
-            this._synthesizer.setupMetronomeChannel(this.metronomeVolume);
-            this.readyForPlayback.trigger();
-        }
+    checkReadyForPlayback() {
+        if (this.isReadyForPlayback) {
+            this._synthesizer.setupMetronomeChannel(this.metronomeVolume);
+            this.readyForPlayback.trigger();
+        }
+    }
+    /**
+     * Loads the given midi file for playback.
+     * @param midi The midi file to load
+     */
+    loadMidiFile(midi) {
+        this.stop();
+        try {
+            Logger.debug('AlphaSynth', 'Loading midi from model');
+            this._sequencer.loadMidi(midi);
+            this._isMidiLoaded = true;
+            this.midiLoaded.trigger(new PositionChangedEventArgs(0, this._sequencer.endTime, 0, this._sequencer.endTick, false));
+            Logger.debug('AlphaSynth', 'Midi successfully loaded');
+            this.checkReadyForPlayback();
+            this.tickPosition = 0;
+        }
+        catch (e) {
+            Logger.error('AlphaSynth', 'Could not load midi from model ' + e);
+            this.midiLoadFailed.trigger(e);
+        }
+    }
+    setChannelMute(channel, mute) {
+        this._synthesizer.channelSetMute(channel, mute);
+        this.onAudioSettingsUpdate();
+    }
+    resetChannelStates() {
+        this._synthesizer.resetChannelStates();
+    }
+    setChannelSolo(channel, solo) {
+        this._synthesizer.channelSetSolo(channel, solo);
+        this.onAudioSettingsUpdate();
+    }
+    setChannelVolume(channel, volume) {
+        volume = Math.max(volume, SynthConstants.MinVolume);
+        this._synthesizer.channelSetMixVolume(channel, volume);
+        this.onAudioSettingsUpdate();
+    }
+    onAudioSettingsUpdate() {
+        // seeking to the currently known position, will ensure we
+        // clear all audio buffers and re-generate the audio 
+        // which was not actually played yet. 
+        this.timePosition = this.timePosition;
+    }
+    onSamplesPlayed(sampleCount) {
+        let playedMillis = (sampleCount / this._synthesizer.outSampleRate) * 1000;
+        this.updateTimePosition(this._timePosition + playedMillis, false);
+        this.checkForFinish();
+    }
+    checkForFinish() {
+        let startTick = 0;
+        let endTick = 0;
+        if (this.playbackRange) {
+            startTick = this.playbackRange.startTick;
+            endTick = this.playbackRange.endTick;
+        }
+        else {
+            endTick = this._sequencer.endTick;
+        }
+        if (this._tickPosition >= endTick) {
+            Logger.debug('AlphaSynth', 'Finished playback');
+            if (this._sequencer.isPlayingCountIn) {
+                this._sequencer.resetCountIn();
+                this.timePosition = this._sequencer.currentTime;
+                this.playInternal();
+            }
+            else if (this._sequencer.isPlayingOneTimeMidi) {
+                this._sequencer.resetOneTimeMidi();
+                this.state = PlayerState.Paused;
+                this.output.pause();
+                this._synthesizer.noteOffAll(false);
+            }
+            else {
+                this.finished.trigger();
+                if (this.isLooping) {
+                    this.tickPosition = startTick;
+                }
+                else {
+                    this.stop();
+                }
+            }
+        }
+    }
+    updateTimePosition(timePosition, isSeek) {
+        // update the real positions
+        const currentTime = timePosition;
+        this._timePosition = currentTime;
+        const currentTick = this._sequencer.timePositionToTickPosition(currentTime);
+        this._tickPosition = currentTick;
+        const endTime = this._sequencer.endTime;
+        const endTick = this._sequencer.endTick;
+        if (!this._sequencer.isPlayingOneTimeMidi && !this._sequencer.isPlayingCountIn) {
+            Logger.debug('AlphaSynth', `Position changed: (time: ${currentTime}/${endTime}, tick: ${currentTick}/${endTick}, Active Voices: ${this._synthesizer.activeVoiceCount}`);
+            this.positionChanged.trigger(new PositionChangedEventArgs(currentTime, endTime, currentTick, endTick, isSeek));
+        }
+        // build events which were actually played
+        if (isSeek) {
+            this._playedEventsQueue.clear();
+        }
+        else {
+            const playedEvents = new Queue();
+            while (!this._playedEventsQueue.isEmpty && this._playedEventsQueue.peek().time < currentTime) {
+                const synthEvent = this._playedEventsQueue.dequeue();
+                playedEvents.enqueue(synthEvent.event);
+            }
+            if (!playedEvents.isEmpty) {
+                this.midiEventsPlayed.trigger(new MidiEventsPlayedEventArgs(playedEvents.toArray()));
+            }
+        }
+    }
+}
+
+/**
+ * Represents a midi file with a single track that can be played via {@link AlphaSynth}
+ */
+class MidiFile {
+    constructor() {
+        /**
+         * Gets or sets the division per quarter notes.
+         */
+        this.division = MidiUtils.QuarterTime;
+        /**
+         * Gets a list of midi events sorted by time.
+         */
+        this.events = [];
+    }
+    /**
+     * Adds the given midi event a the correct time position into the file.
+     */
+    addEvent(e) {
+        if (this.events.length === 0) {
+            this.events.push(e);
+        }
+        else {
+            let insertPos = this.events.length;
+            while (insertPos > 0) {
+                const prevItem = this.events[insertPos - 1];
+                if (prevItem.tick > e.tick) {
+                    insertPos--;
+                }
+                else {
+                    break;
+                }
+            }
+            this.events.splice(insertPos, 0, e);
+        }
+    }
+    /**
+     * Writes the midi file into a binary format.
+     * @returns The binary midi file.
+     */
+    toBinary() {
+        let data = ByteBuffer.empty();
+        this.writeTo(data);
+        return data.toArray();
+    }
+    /**
+     * Writes the midi file as binary into the given stream.
+     * @returns The stream to write to.
+     */
+    writeTo(s) {
+        // magic number "MThd" (0x4D546864)
+        let b = new Uint8Array([0x4d, 0x54, 0x68, 0x64]);
+        s.write(b, 0, b.length);
+        // Header Length 6 (0x00000006)
+        b = new Uint8Array([0x00, 0x00, 0x00, 0x06]);
+        s.write(b, 0, b.length);
+        // format
+        b = new Uint8Array([0x00, 0x00]);
+        s.write(b, 0, b.length);
+        // number of tracks
+        let v = 1;
+        b = new Uint8Array([(v >> 8) & 0xff, v & 0xff]);
+        s.write(b, 0, b.length);
+        v = this.division;
+        b = new Uint8Array([(v >> 8) & 0xff, v & 0xff]);
+        s.write(b, 0, b.length);
+        // build track data first
+        let trackData = ByteBuffer.empty();
+        let previousTick = 0;
+        for (let midiEvent of this.events) {
+            let delta = midiEvent.tick - previousTick;
+            MidiFile.writeVariableInt(trackData, delta);
+            midiEvent.writeTo(trackData);
+            previousTick = midiEvent.tick;
+        }
+        // end of track
+        // magic number "MTrk" (0x4D54726B)
+        b = new Uint8Array([0x4d, 0x54, 0x72, 0x6b]);
+        s.write(b, 0, b.length);
+        // size as integer
+        let data = trackData.toArray();
+        let l = data.length;
+        b = new Uint8Array([(l >> 24) & 0xff, (l >> 16) & 0xff, (l >> 8) & 0xff, l & 0xff]);
+        s.write(b, 0, b.length);
+        s.write(data, 0, data.length);
+    }
+    static writeVariableInt(s, value) {
+        let array = new Uint8Array(4);
+        let n = 0;
+        do {
+            array[n++] = value & 0x7f;
+            value >>= 7;
+        } while (value > 0);
+        while (n > 0) {
+            n--;
+            if (n > 0) {
+                s.writeByte(array[n] | 0x80);
+            }
+            else {
+                s.writeByte(array[n]);
+            }
+        }
+    }
+}
+
+class MetaDataEvent extends MetaEvent {
+    constructor(track, delta, status, metaId, data) {
+        super(track, delta, status, metaId, 0);
+        this.data = data;
+    }
+    writeTo(s) {
+        s.writeByte(0xff);
+        s.writeByte(this.metaStatus);
+        let l = this.data.length;
+        MidiFile.writeVariableInt(s, l);
+        s.write(this.data, 0, this.data.length);
+    }
+}
+
+class MetaNumberEvent extends MetaEvent {
+    constructor(track, delta, status, metaId, value) {
+        super(track, delta, status, metaId, 0);
+        this.value = value;
+    }
+    writeTo(s) {
+        s.writeByte(0xff);
+        s.writeByte(this.metaStatus);
+        MidiFile.writeVariableInt(s, 3);
+        let b = new Uint8Array([(this.value >> 16) & 0xff, (this.value >> 8) & 0xff, this.value & 0xff]);
+        s.write(b, 0, b.length);
+    }
+}
+
+/**
+ * @partial
+ */
+class JsonHelper {
+    /**
+     * @target web
+     * @partial
+     */
+    static parseEnum(s, enumType) {
+        switch (typeof s) {
+            case 'string':
+                const num = parseInt(s);
+                return isNaN(num)
+                    ? enumType[Object.keys(enumType).find(k => k.toLowerCase() === s.toLowerCase())]
+                    : num;
+            case 'number':
+                return s;
+            case 'undefined':
+            case 'object':
+                return null;
+        }
+        throw new AlphaTabError(AlphaTabErrorType.Format, `Could not parse enum value '${s}'`);
+    }
+    /**
+     * @target web
+     * @partial
+     */
+    static forEach(s, func) {
+        if (s instanceof Map) {
+            s.forEach(func);
+        }
+        else if (typeof s === 'object') {
+            for (const k in s) {
+                func(s[k], k);
+            }
+        }
+        // skip
+    }
+}
+
+/**
+ * A very basic font parser which parses the fields according to
+ * https://www.w3.org/TR/CSS21/fonts.html#propdef-font
+ */
+class FontParserToken {
+    constructor(text, startPos, endPos) {
+        this.text = text;
+        this.startPos = startPos;
+        this.endPos = endPos;
+    }
+}
+class FontParser {
+    constructor(input) {
+        this.style = 'normal';
+        this.variant = 'normal';
+        this.weight = 'normal';
+        this.stretch = 'normal';
+        this.lineHeight = 'normal';
+        this.size = '1rem';
+        this.families = [];
+        this._currentTokenIndex = -1;
+        this._input = '';
+        this._currentToken = null;
+        this._input = input;
+        this._tokens = this.splitToTokens(input);
+    }
+    splitToTokens(input) {
+        const tokens = [];
+        let startPos = 0;
+        while (startPos < input.length) {
+            let endPos = startPos;
+            while (endPos < input.length && input.charAt(endPos) !== ' ') {
+                endPos++;
+            }
+            if (endPos > startPos) {
+                tokens.push(new FontParserToken(input.substring(startPos, endPos), startPos, endPos));
+            }
+            startPos = endPos + 1;
+        }
+        return tokens;
+    }
+    parse() {
+        var _a;
+        this.reset();
+        // default font flags
+        if (this._tokens.length === 1) {
+            switch ((_a = this._currentToken) === null || _a === void 0 ? void 0 : _a.text) {
+                case 'caption':
+                case 'icon':
+                case 'menu':
+                case 'message-box':
+                case 'small-caption':
+                case 'status-bar':
+                case 'inherit':
+                    return;
+            }
+        }
+        this.fontStyleVariantWeight();
+        this.fontSizeLineHeight();
+        this.fontFamily();
+    }
+    fontFamily() {
+        if (!this._currentToken) {
+            throw new Error(`Missing font list`);
+        }
+        const familyListInput = this._input.substr(this._currentToken.startPos).trim();
+        let pos = 0;
+        while (pos < familyListInput.length) {
+            let c = familyListInput.charAt(pos);
+            if (c === ' ' || c == ',') {
+                // skip whitespace and quotes
+                pos++;
+            }
+            else if (c === '"' || c === "'") {
+                // quoted
+                const endOfString = this.findEndOfQuote(familyListInput, pos + 1, c);
+                this.families.push(familyListInput
+                    .substring(pos + 1, endOfString)
+                    .split('\\' + c)
+                    .join(c));
+                pos = endOfString + 1;
+            }
+            else {
+                // until comma
+                const endOfString = this.findEndOfQuote(familyListInput, pos + 1, ',');
+                this.families.push(familyListInput.substring(pos, endOfString).trim());
+                pos = endOfString + 1;
+            }
+        }
+    }
+    findEndOfQuote(s, pos, quoteChar) {
+        let escaped = false;
+        while (pos < s.length) {
+            const c = s.charAt(pos);
+            if (!escaped && c === quoteChar) {
+                return pos;
+            }
+            if (!escaped && c === '\\') {
+                escaped = true;
+            }
+            else {
+                escaped = false;
+            }
+            pos += 1;
+        }
+        return s.length;
+    }
+    fontSizeLineHeight() {
+        if (!this._currentToken) {
+            throw new Error(`Missing font size`);
+        }
+        const parts = this._currentToken.text.split('/');
+        if (parts.length >= 3) {
+            throw new Error(`Invalid font size '${this._currentToken}' specified`);
+        }
+        this.nextToken();
+        if (parts.length >= 2) {
+            if (parts[1] === '/') {
+                // size/ line-height (space after slash)
+                if (!this._currentToken) {
+                    throw new Error('Missing line-height after font size');
+                }
+                this.lineHeight = this._currentToken.text;
+                this.nextToken();
+            }
+            else {
+                // size/line-height (no spaces)
+                this.size = parts[0];
+                this.lineHeight = parts[1];
+            }
+        }
+        else if (parts.length >= 1) {
+            this.size = parts[0];
+            if (this._currentToken &&
+                this._currentToken.text.indexOf('/') === 0) {
+                // size / line-height (with spaces befor and after slash)
+                if (this._currentToken.text === '/') {
+                    this.nextToken();
+                    if (!this._currentToken) {
+                        throw new Error('Missing line-height after font size');
+                    }
+                    this.lineHeight = this._currentToken.text;
+                    this.nextToken();
+                }
+                else {
+                    this.lineHeight = this._currentToken.text.substr(1);
+                    this.nextToken();
+                }
+            }
+        }
+        else {
+            throw new Error(`Missing font size`);
+        }
+    }
+    nextToken() {
+        this._currentTokenIndex++;
+        if (this._currentTokenIndex < this._tokens.length) {
+            this._currentToken = this._tokens[this._currentTokenIndex];
+        }
+        else {
+            this._currentToken = null;
+        }
+    }
+    fontStyleVariantWeight() {
+        let hasStyle = false;
+        let hasVariant = false;
+        let hasWeight = false;
+        let valuesNeeded = 3;
+        let ambiguous = [];
+        while (true) {
+            if (!this._currentToken) {
+                return;
+            }
+            let text = this._currentToken.text;
+            switch (text) {
+                // ambiguous
+                case 'normal':
+                case 'inherit':
+                    ambiguous.push(text);
+                    valuesNeeded--;
+                    this.nextToken();
+                    break;
+                // style
+                case 'italic':
+                case 'oblique':
+                    this.style = text;
+                    hasStyle = true;
+                    valuesNeeded--;
+                    this.nextToken();
+                    break;
+                // variant
+                case 'small-caps':
+                    this.variant = text;
+                    hasVariant = true;
+                    valuesNeeded--;
+                    this.nextToken();
+                    break;
+                // weight
+                case 'bold':
+                case 'bolder':
+                case 'lighter':
+                case '100':
+                case '200':
+                case '300':
+                case '400':
+                case '500':
+                case '600':
+                case '700':
+                case '800':
+                case '900':
+                    this.weight = text;
+                    hasWeight = true;
+                    valuesNeeded--;
+                    this.nextToken();
+                    break;
+                default:
+                    // unknown token -> done with this part
+                    return;
+            }
+            if (valuesNeeded === 0) {
+                break;
+            }
+        }
+        while (ambiguous.length > 0) {
+            const v = ambiguous.pop();
+            if (!hasWeight) {
+                this.weight = v;
+            }
+            else if (!hasVariant) {
+                this.variant = v;
+            }
+            else if (!hasStyle) {
+                this.style = v;
+            }
+        }
+    }
+    reset() {
+        this._currentTokenIndex = -1;
+        this.nextToken();
+    }
+}
+/**
+ * Lists all flags for font styles.
+ */
+var FontStyle;
+(function (FontStyle) {
+    /**
+     * No flags.
+     */
+    FontStyle[FontStyle["Plain"] = 0] = "Plain";
+    /**
+     * Font is italic.
+     */
+    FontStyle[FontStyle["Italic"] = 1] = "Italic";
+})(FontStyle || (FontStyle = {}));
+/**
+ * Lists all font weight values.
+ */
+var FontWeight;
+(function (FontWeight) {
+    /**
+     * Not bold
+     */
+    FontWeight[FontWeight["Regular"] = 0] = "Regular";
+    /**
+     * Font is bold
+     */
+    FontWeight[FontWeight["Bold"] = 1] = "Bold";
+})(FontWeight || (FontWeight = {}));
+/**
+ * @json_immutable
+ */
+class Font {
+    /**
+     * Initializes a new instance of the {@link Font} class.
+     * @param family The family.
+     * @param size The size.
+     * @param style The style.
+     * @param weight The weight.
+     */
+    constructor(family, size, style = FontStyle.Plain, weight = FontWeight.Regular) {
+        this._cssScale = 0.0;
+        this._family = family;
+        this._size = size;
+        this._style = style;
+        this._weight = weight;
+        this._css = this.toCssString();
+    }
+    reset() {
+        this._cssScale = 0;
+        this._css = this.toCssString();
+    }
+    /**
+     * Gets the font family name.
+     */
+    get family() {
+        return this._family;
+    }
+    /**
+     * Sets the font family name.
+     */
+    set family(value) {
+        this._family = value;
+        this.reset();
     }
     /**
-     * Loads the given midi file for playback.
-     * @param midi The midi file to load
+     * Gets the font size in pixels.
      */
-    loadMidiFile(midi) {
-        this.stop();
-        try {
-            Logger.debug('AlphaSynth', 'Loading midi from model');
-            this._sequencer.loadMidi(midi);
-            this._isMidiLoaded = true;
-            this.midiLoaded.trigger(new PositionChangedEventArgs(0, this._sequencer.endTime, 0, this._sequencer.endTick, false));
-            Logger.debug('AlphaSynth', 'Midi successfully loaded');
-            this.checkReadyForPlayback();
-            this.tickPosition = 0;
-        }
-        catch (e) {
-            Logger.error('AlphaSynth', 'Could not load midi from model ' + e);
-            this.midiLoadFailed.trigger(e);
-        }
+    get size() {
+        return this._size;
     }
-    setChannelMute(channel, mute) {
-        this._synthesizer.channelSetMute(channel, mute);
+    /**
+     * Sets the font size in pixels.
+     */
+    set size(value) {
+        this._size = value;
+        this.reset();
     }
-    resetChannelStates() {
-        this._synthesizer.resetChannelStates();
+    /**
+     * Gets the font style.
+     */
+    get style() {
+        return this._style;
     }
-    setChannelSolo(channel, solo) {
-        this._synthesizer.channelSetSolo(channel, solo);
+    /**
+     * Sets the font style.
+     */
+    set style(value) {
+        this._style = value;
+        this.reset();
     }
-    setChannelVolume(channel, volume) {
-        volume = Math.max(volume, SynthConstants.MinVolume);
-        this._synthesizer.channelSetMixVolume(channel, volume);
+    /**
+     * Gets the font weight.
+     */
+    get weight() {
+        return this._weight;
     }
-    onSamplesPlayed(sampleCount) {
-        let playedMillis = (sampleCount / this._synthesizer.outSampleRate) * 1000;
-        this.updateTimePosition(this._timePosition + playedMillis, false);
-        this.checkForFinish();
+    /**
+     * Gets or sets the font weight.
+     */
+    set weight(value) {
+        this._weight = value;
+        this.reset();
     }
-    checkForFinish() {
-        let startTick = 0;
-        let endTick = 0;
-        if (this.playbackRange) {
-            startTick = this.playbackRange.startTick;
-            endTick = this.playbackRange.endTick;
-        }
-        else {
-            endTick = this._sequencer.endTick;
-        }
-        if (this._tickPosition >= endTick) {
-            Logger.debug('AlphaSynth', 'Finished playback');
-            if (this._sequencer.isPlayingCountIn) {
-                this._sequencer.resetCountIn();
-                this.timePosition = this._sequencer.currentTime;
-                this.playInternal();
-            }
-            else if (this._sequencer.isPlayingOneTimeMidi) {
-                this._sequencer.resetOneTimeMidi();
-                this.state = PlayerState.Paused;
-                this.output.pause();
-                this._synthesizer.noteOffAll(false);
+    get isBold() {
+        return this.weight === FontWeight.Bold;
+    }
+    get isItalic() {
+        return this.style === FontStyle.Italic;
+    }
+    toCssString(scale = 1) {
+        if (!this._css || !(Math.abs(scale - this._cssScale) < 0.01)) {
+            let buf = '';
+            if (this.isBold) {
+                buf += 'bold ';
             }
-            else {
-                this.finished.trigger();
-                if (this.isLooping) {
-                    this.tickPosition = startTick;
-                }
-                else {
-                    this.stop();
-                }
+            if (this.isItalic) {
+                buf += 'italic ';
             }
+            buf += this.size * scale;
+            buf += 'px ';
+            buf += "'";
+            buf += this.family;
+            buf += "'";
+            this._css = buf;
+            this._cssScale = scale;
         }
+        return this._css;
     }
-    updateTimePosition(timePosition, isSeek) {
-        // update the real positions
-        const currentTime = timePosition;
-        this._timePosition = currentTime;
-        const currentTick = this._sequencer.timePositionToTickPosition(currentTime);
-        this._tickPosition = currentTick;
-        const endTime = this._sequencer.endTime;
-        const endTick = this._sequencer.endTick;
-        if (!this._sequencer.isPlayingOneTimeMidi && !this._sequencer.isPlayingCountIn) {
-            Logger.debug('AlphaSynth', `Position changed: (time: ${currentTime}/${endTime}, tick: ${currentTick}/${endTick}, Active Voices: ${this._synthesizer.activeVoiceCount}`);
-            this.positionChanged.trigger(new PositionChangedEventArgs(currentTime, endTime, currentTick, endTick, isSeek));
-        }
-        // build events which were actually played
-        if (isSeek) {
-            this._playedEventsQueue.clear();
-        }
-        else {
-            const playedEvents = new Queue();
-            while (!this._playedEventsQueue.isEmpty && this._playedEventsQueue.peek().time < currentTime) {
-                const synthEvent = this._playedEventsQueue.dequeue();
-                playedEvents.enqueue(synthEvent.event);
+    static fromJson(v) {
+        switch (typeof v) {
+            case 'undefined':
+                return null;
+            case 'object': {
+                const m = v;
+                let family = m.get('family');
+                // tslint:disable-next-line: no-unnecessary-type-assertion
+                let size = m.get('size');
+                let style = JsonHelper.parseEnum(m.get('style'), FontStyle);
+                let weight = JsonHelper.parseEnum(m.get('weight'), FontWeight);
+                return new Font(family, size, style, weight);
             }
-            if (!playedEvents.isEmpty) {
-                this.midiEventsPlayed.trigger(new MidiEventsPlayedEventArgs(playedEvents.toArray()));
+            case 'string': {
+                const parser = new FontParser(v);
+                parser.parse();
+                let family = parser.families[0];
+                if ((family.startsWith("'") && family.endsWith("'")) ||
+                    (family.startsWith('"') && family.endsWith('"'))) {
+                    family = family.substr(1, family.length - 2);
+                }
+                let fontSizeString = parser.size.toLowerCase();
+                let fontSize = 0;
+                // as per https://websemantics.uk/articles/font-size-conversion/
+                switch (fontSizeString) {
+                    case 'xx-small':
+                        fontSize = 7;
+                        break;
+                    case 'x-small':
+                        fontSize = 10;
+                        break;
+                    case 'small':
+                    case 'smaller':
+                        fontSize = 13;
+                        break;
+                    case 'medium':
+                        fontSize = 16;
+                        break;
+                    case 'large':
+                    case 'larger':
+                        fontSize = 18;
+                        break;
+                    case 'x-large':
+                        fontSize = 24;
+                        break;
+                    case 'xx-large':
+                        fontSize = 32;
+                        break;
+                    default:
+                        try {
+                            if (fontSizeString.endsWith('em')) {
+                                fontSize = parseFloat(fontSizeString.substr(0, fontSizeString.length - 2)) * 16;
+                            }
+                            else if (fontSizeString.endsWith('pt')) {
+                                fontSize =
+                                    (parseFloat(fontSizeString.substr(0, fontSizeString.length - 2)) * 16.0) / 12.0;
+                            }
+                            else if (fontSizeString.endsWith('px')) {
+                                fontSize = parseFloat(fontSizeString.substr(0, fontSizeString.length - 2));
+                            }
+                            else {
+                                fontSize = 12;
+                            }
+                        }
+                        catch (e) {
+                            fontSize = 12;
+                        }
+                        break;
+                }
+                let fontStyle = FontStyle.Plain;
+                if (parser.style === 'italic') {
+                    fontStyle = FontStyle.Italic;
+                }
+                let fontWeight = FontWeight.Regular;
+                let fontWeightString = parser.weight.toLowerCase();
+                switch (fontWeightString) {
+                    case 'normal':
+                    case 'lighter':
+                        break;
+                    default:
+                        fontWeight = FontWeight.Bold;
+                        break;
+                }
+                return new Font(family, fontSize, fontStyle, fontWeight);
             }
+            default:
+                return null;
         }
     }
+    static toJson(font) {
+        const o = new Map();
+        o.set('family', font.family);
+        o.set('size', font.size);
+        o.set('style', font.style);
+        o.set('weight', font.weight);
+        return o;
+    }
 }
 
 /**
- * Represents a midi file with a single track that can be played via {@link AlphaSynth}
+ * This public class contains central definitions for controlling the visual appearance.
+ * @json
  */
-class MidiFile {
+class RenderingResources {
     constructor() {
         /**
-         * Gets or sets the division per quarter notes.
+         * Gets or sets the font to use for displaying the songs copyright information in the header of the music sheet.
          */
-        this.division = MidiUtils.QuarterTime;
+        this.copyrightFont = new Font(RenderingResources.sansFont, 12, FontStyle.Plain, FontWeight.Bold);
         /**
-         * Gets a list of midi events sorted by time.
+         * Gets or sets the font to use for displaying the songs title in the header of the music sheet.
          */
-        this.events = [];
-    }
-    /**
-     * Adds the given midi event a the correct time position into the file.
-     */
-    addEvent(e) {
-        if (this.events.length === 0) {
-            this.events.push(e);
-        }
-        else {
-            let insertPos = this.events.length;
-            while (insertPos > 0) {
-                const prevItem = this.events[insertPos - 1];
-                if (prevItem.tick > e.tick) {
-                    insertPos--;
-                }
-                else {
-                    break;
-                }
-            }
-            this.events.splice(insertPos, 0, e);
-        }
-    }
-    /**
-     * Writes the midi file into a binary format.
-     * @returns The binary midi file.
-     */
-    toBinary() {
-        let data = ByteBuffer.empty();
-        this.writeTo(data);
-        return data.toArray();
-    }
-    /**
-     * Writes the midi file as binary into the given stream.
-     * @returns The stream to write to.
-     */
-    writeTo(s) {
-        // magic number "MThd" (0x4D546864)
-        let b = new Uint8Array([0x4d, 0x54, 0x68, 0x64]);
-        s.write(b, 0, b.length);
-        // Header Length 6 (0x00000006)
-        b = new Uint8Array([0x00, 0x00, 0x00, 0x06]);
-        s.write(b, 0, b.length);
-        // format
-        b = new Uint8Array([0x00, 0x00]);
-        s.write(b, 0, b.length);
-        // number of tracks
-        let v = 1;
-        b = new Uint8Array([(v >> 8) & 0xff, v & 0xff]);
-        s.write(b, 0, b.length);
-        v = this.division;
-        b = new Uint8Array([(v >> 8) & 0xff, v & 0xff]);
-        s.write(b, 0, b.length);
-        // build track data first
-        let trackData = ByteBuffer.empty();
-        let previousTick = 0;
-        for (let midiEvent of this.events) {
-            let delta = midiEvent.tick - previousTick;
-            MidiFile.writeVariableInt(trackData, delta);
-            midiEvent.writeTo(trackData);
-            previousTick = midiEvent.tick;
-        }
-        // end of track
-        // magic number "MTrk" (0x4D54726B)
-        b = new Uint8Array([0x4d, 0x54, 0x72, 0x6b]);
-        s.write(b, 0, b.length);
-        // size as integer
-        let data = trackData.toArray();
-        let l = data.length;
-        b = new Uint8Array([(l >> 24) & 0xff, (l >> 16) & 0xff, (l >> 8) & 0xff, l & 0xff]);
-        s.write(b, 0, b.length);
-        s.write(data, 0, data.length);
-    }
-    static writeVariableInt(s, value) {
-        let array = new Uint8Array(4);
-        let n = 0;
-        do {
-            array[n++] = value & 0x7f;
-            value >>= 7;
-        } while (value > 0);
-        while (n > 0) {
-            n--;
-            if (n > 0) {
-                s.writeByte(array[n] | 0x80);
-            }
-            else {
-                s.writeByte(array[n]);
-            }
-        }
-    }
-}
-
-class MetaDataEvent extends MetaEvent {
-    constructor(track, delta, status, metaId, data) {
-        super(track, delta, status, metaId, 0);
-        this.data = data;
-    }
-    writeTo(s) {
-        s.writeByte(0xff);
-        s.writeByte(this.metaStatus);
-        let l = this.data.length;
-        MidiFile.writeVariableInt(s, l);
-        s.write(this.data, 0, this.data.length);
+        this.titleFont = new Font(RenderingResources.serifFont, 32, FontStyle.Plain);
+        /**
+         * Gets or sets the font to use for displaying the songs subtitle in the header of the music sheet.
+         */
+        this.subTitleFont = new Font(RenderingResources.serifFont, 20, FontStyle.Plain);
+        /**
+         * Gets or sets the font to use for displaying the lyrics information in the header of the music sheet.
+         */
+        this.wordsFont = new Font(RenderingResources.serifFont, 15, FontStyle.Plain);
+        /**
+         * Gets or sets the font to use for displaying certain effect related elements in the music sheet.
+         */
+        this.effectFont = new Font(RenderingResources.serifFont, 12, FontStyle.Italic);
+        /**
+         * Gets or sets the font to use for displaying the fretboard numbers in chord diagrams.
+         */
+        this.fretboardNumberFont = new Font(RenderingResources.sansFont, 11, FontStyle.Plain);
+        /**
+         * Gets or sets the font to use for displaying the guitar tablature numbers in the music sheet.
+         */
+        this.tablatureFont = new Font(RenderingResources.sansFont, 13, FontStyle.Plain);
+        /**
+         * Gets or sets the font to use for grace notation related texts in the music sheet.
+         */
+        this.graceFont = new Font(RenderingResources.sansFont, 11, FontStyle.Plain);
+        /**
+         * Gets or sets the color to use for rendering the lines of staves.
+         */
+        this.staffLineColor = new Color(165, 165, 165, 0xff);
+        /**
+         * Gets or sets the color to use for rendering bar separators, the accolade and repeat signs.
+         */
+        this.barSeparatorColor = new Color(34, 34, 17, 0xff);
+        /**
+         * Gets or sets the font to use for displaying the bar numbers above the music sheet.
+         */
+        this.barNumberFont = new Font(RenderingResources.sansFont, 11, FontStyle.Plain);
+        /**
+         * Gets or sets the color to use for displaying the bar numbers above the music sheet.
+         */
+        this.barNumberColor = new Color(200, 0, 0, 0xff);
+        /**
+         * Gets or sets the font to use for displaying finger information in the music sheet.
+         */
+        this.fingeringFont = new Font(RenderingResources.serifFont, 14, FontStyle.Plain);
+        /**
+         * Gets or sets the font to use for section marker labels shown above the music sheet.
+         */
+        this.markerFont = new Font(RenderingResources.serifFont, 14, FontStyle.Plain, FontWeight.Bold);
+        /**
+         * Gets or sets the color to use for music notation elements of the primary voice.
+         */
+        this.mainGlyphColor = new Color(0, 0, 0, 0xff);
+        /**
+         * Gets or sets the color to use for music notation elements of the secondary voices.
+         */
+        this.secondaryGlyphColor = new Color(0, 0, 0, 100);
+        /**
+         * Gets or sets the color to use for displaying the song information above the music sheet.
+         */
+        this.scoreInfoColor = new Color(0, 0, 0, 0xff);
     }
-}
+}
+RenderingResources.sansFont = 'Arial';
+RenderingResources.serifFont = 'Georgia';
 
-class MetaNumberEvent extends MetaEvent {
-    constructor(track, delta, status, metaId, value) {
-        super(track, delta, status, metaId, 0);
-        this.value = value;
-    }
-    writeTo(s) {
-        s.writeByte(0xff);
-        s.writeByte(this.metaStatus);
-        MidiFile.writeVariableInt(s, 3);
-        let b = new Uint8Array([(this.value >> 16) & 0xff, (this.value >> 8) & 0xff, this.value & 0xff]);
-        s.write(b, 0, b.length);
+/**
+ * The display settings control how the general layout and display of alphaTab is done.
+ * @json
+ */
+class DisplaySettings {
+    constructor() {
+        /**
+         * Sets the zoom level of the rendered notation
+         */
+        this.scale = 1.0;
+        /**
+         * The default stretch force to use for layouting.
+         */
+        this.stretchForce = 1.0;
+        /**
+         * The layouting mode used to arrange the the notation.
+         */
+        this.layoutMode = LayoutMode.Page;
+        /**
+         * The stave profile to use.
+         */
+        this.staveProfile = StaveProfile.Default;
+        /**
+         * Limit the displayed bars per row.
+         */
+        this.barsPerRow = -1;
+        /**
+         * The bar start number to start layouting with. Note that this is the bar number and not an index!
+         */
+        this.startBar = 1;
+        /**
+         * The amount of bars to render overall.
+         */
+        this.barCount = -1;
+        /**
+         * The number of bars that should be rendered per partial. This setting is not used by all layouts.
+         */
+        this.barCountPerPartial = 10;
+        /**
+         * Gets or sets the resources used during rendering. This defines all fonts and colors used.
+         * @json_partial_names
+         */
+        this.resources = new RenderingResources();
+        /**
+         * Gets or sets the padding between the music notation and the border.
+         */
+        this.padding = null;
     }
 }
 
@@ -21393,7 +21409,7 @@ class ScoreRenderer {
     }
     recreateCanvas() {
         if (this._currentRenderEngine !== this.settings.core.engine) {
-            this.canvas = Environment.getRenderEngineFactory(this.settings).createCanvas();
+            this.canvas = Environment.getRenderEngineFactory(this.settings.core.engine).createCanvas();
             this._currentRenderEngine = this.settings.core.engine;
             return true;
         }
@@ -21401,7 +21417,7 @@ class ScoreRenderer {
     }
     recreateLayout() {
         if (!this.layout || this._currentLayoutMode !== this.settings.display.layoutMode) {
-            this.layout = Environment.getLayoutEngineFactory(this.settings).createLayout(this);
+            this.layout = Environment.getLayoutEngineFactory(this.settings.display.layoutMode).createLayout(this);
             this._currentLayoutMode = this.settings.display.layoutMode;
             return true;
         }
@@ -23898,7 +23914,7 @@ class AlphaTabApiBase {
         this.container.appendChild(this.canvasElement);
         if (this.settings.core.useWorkers &&
             this.uiFacade.areWorkersSupported &&
-            Environment.getRenderEngineFactory(this.settings).supportsWorkers) {
+            Environment.getRenderEngineFactory(this.settings.core.engine).supportsWorkers) {
             this.renderer = this.uiFacade.createWorkerRenderer();
         }
         else {
@@ -24585,7 +24601,7 @@ class AlphaTabApiBase {
             }
             if (!this._beatMouseDown && this.settings.player.scrollMode !== ScrollMode.Off) {
                 let scrollElement = this.uiFacade.getScrollContainer();
-                let isVertical = Environment.getLayoutEngineFactory(this.settings).vertical;
+                let isVertical = Environment.getLayoutEngineFactory(this.settings.display.layoutMode).vertical;
                 let mode = this.settings.player.scrollMode;
                 if (isVertical) {
                     // when scrolling on the y-axis, we preliminary check if the new beat/bar have
@@ -25539,6 +25555,21 @@ class AlphaSynthScriptProcessorOutput extends AlphaSynthWebAudioOutputBase {
     }
 }
 
+/**
+ * Represents the progress of any data being loaded.
+ */
+class ProgressEventArgs {
+    /**
+     * Initializes a new instance of the {@link ProgressEventArgs} class.
+     * @param loaded
+     * @param total
+     */
+    constructor(loaded, total) {
+        this.loaded = loaded;
+        this.total = total;
+    }
+}
+
 /**
  * a WebWorker based alphaSynth which uses the given player as output.
  * @target web
@@ -39854,20 +39885,17 @@ class Environment {
             jquery.fn.alphaTab.fn = api;
         }
     }
-    static createScoreRenderer(settings) {
-        return new ScoreRenderer(settings);
-    }
-    static getRenderEngineFactory(settings) {
-        if (!settings.core.engine || !Environment.renderEngines.has(settings.core.engine)) {
+    static getRenderEngineFactory(engine) {
+        if (!engine || !Environment.renderEngines.has(engine)) {
             return Environment.renderEngines.get('default');
         }
-        return Environment.renderEngines.get(settings.core.engine);
+        return Environment.renderEngines.get(engine);
     }
-    static getLayoutEngineFactory(settings) {
-        if (!settings.display.layoutMode || !Environment.layoutEngines.has(settings.display.layoutMode)) {
+    static getLayoutEngineFactory(layoutMode) {
+        if (!layoutMode || !Environment.layoutEngines.has(layoutMode)) {
             return Environment.layoutEngines.get(LayoutMode.Page);
         }
-        return Environment.layoutEngines.get(settings.display.layoutMode);
+        return Environment.layoutEngines.get(layoutMode);
     }
     /**
      * Gets all default ScoreImporters
@@ -40251,21 +40279,6 @@ class CoreSettings {
     }
 }
 
-/**
- * Represents the progress of any data being loaded.
- */
-class ProgressEventArgs {
-    /**
-     * Initializes a new instance of the {@link ProgressEventArgs} class.
-     * @param loaded
-     * @param total
-     */
-    constructor(loaded, total) {
-        this.loaded = loaded;
-        this.total = total;
-    }
-}
-
 // <auto-generated>
 // This code was auto-generated.
 // Changes to this file may cause incorrect behavior and will be lost if
@@ -40273,8 +40286,15 @@ class ProgressEventArgs {
 // </auto-generated>
 class VersionInfo {
 }
-VersionInfo.version = '1.3.0-alpha.133';
-VersionInfo.date = '2021-11-07T12:07:10.004Z';
+VersionInfo.version = '1.3.0-alpha.137';
+VersionInfo.date = '2021-11-28T18:13:01.688Z';
+
+var index$5 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ScoreImporter: ScoreImporter,
+    ScoreLoader: ScoreLoader,
+    UnsupportedFormatError: UnsupportedFormatError
+});
 
 /**
  * This is the base class for creating new song exporters which
@@ -43228,106 +43248,109 @@ class Gp7Exporter extends ScoreExporter {
     }
 }
 
-const meta = VersionInfo;
-const importer = {
-    ScoreImporter,
-    ScoreLoader,
-    UnsupportedFormatError
-};
-const exporter = {
-    ScoreExporter,
-    Gp7Exporter
-};
-const midi = {
-    BeatTickLookup,
-    MasterBarTickLookup,
-    MidiTickLookup,
-    MidiTickLookupFindBeatResult,
-    MidiFile,
-    ControllerType,
-    MetaDataEvent,
-    MetaEvent,
-    MetaEventType,
-    MetaNumberEvent,
-    MidiEvent,
-    MidiEventType,
-    Midi20PerNotePitchBendEvent,
-    SystemCommonEvent,
-    SystemCommonType,
-    SystemExclusiveEvent,
-    MidiFileGenerator,
-    AlphaSynthMidiFileHandler
-};
-const model = {
-    AccentuationType,
-    AccidentalType,
-    AutomationType,
-    Automation,
-    Bar,
-    Beat,
-    BendPoint,
-    BendStyle,
-    BendType,
-    BrushType,
-    Chord,
-    Clef,
-    Color,
-    CrescendoType,
-    Duration,
-    DynamicValue,
-    FermataType,
-    Fermata,
-    Fingers,
-    FontStyle,
-    Font,
-    GraceType,
-    HarmonicType,
-    InstrumentArticulation,
-    JsonConverter,
-    KeySignature,
-    KeySignatureType,
-    Lyrics,
-    MasterBar,
-    MusicFontSymbol,
-    Note,
-    NoteAccidentalMode,
-    Ottavia,
-    PickStroke,
-    PlaybackInformation,
-    RenderStylesheet,
-    RepeatGroup,
-    Score,
-    Section,
-    SimileMark,
-    SlideInType,
-    SlideOutType,
-    Staff,
-    Track,
-    TripletFeel,
-    Tuning,
-    TupletGroup,
-    VibratoType,
-    Voice: Voice$1,
-    WhammyType
-};
-const rendering = {
-    ScoreRenderer,
-    RenderFinishedEventArgs,
-    BarBounds,
-    BeatBounds,
-    Bounds,
-    BoundsLookup,
-    MasterBarBounds,
-    NoteBounds,
-    StaveGroupBounds
-};
-const synth = {
-    AlphaSynth,
-    PlaybackRange,
-    PlayerState,
-    PlayerStateChangedEventArgs,
-    PositionChangedEventArgs,
-    AlphaSynthWebWorkerApi
-};
-
-export { AlphaTabApi, AlphaTabError, AlphaTabErrorType, CoreSettings, DisplaySettings, FileLoadError, FingeringMode, FormatError, ImporterSettings, LayoutMode, LogLevel, Logger, NotationMode, NotationSettings, PlayerSettings, ProgressEventArgs, RenderingResources, ResizeEventArgs, ScrollMode, Settings, StaveProfile, TabRhythmMode, VibratoPlaybackSettings, exporter, importer, meta, midi, model, rendering, synth };
+var index$4 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ScoreExporter: ScoreExporter,
+    Gp7Exporter: Gp7Exporter
+});
+
+var index$3 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    BeatTickLookup: BeatTickLookup,
+    MasterBarTickLookup: MasterBarTickLookup,
+    MidiTickLookup: MidiTickLookup,
+    MidiTickLookupFindBeatResult: MidiTickLookupFindBeatResult,
+    MidiFile: MidiFile,
+    get ControllerType () { return ControllerType; },
+    MetaDataEvent: MetaDataEvent,
+    MetaEvent: MetaEvent,
+    get MetaEventType () { return MetaEventType; },
+    MetaNumberEvent: MetaNumberEvent,
+    MidiEvent: MidiEvent,
+    get MidiEventType () { return MidiEventType; },
+    Midi20PerNotePitchBendEvent: Midi20PerNotePitchBendEvent,
+    SystemCommonEvent: SystemCommonEvent,
+    get SystemCommonType () { return SystemCommonType; },
+    SystemExclusiveEvent: SystemExclusiveEvent,
+    MidiFileGenerator: MidiFileGenerator,
+    AlphaSynthMidiFileHandler: AlphaSynthMidiFileHandler
+});
+
+var index$2 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    get AccentuationType () { return AccentuationType; },
+    get AccidentalType () { return AccidentalType; },
+    get AutomationType () { return AutomationType; },
+    Automation: Automation,
+    Bar: Bar,
+    Beat: Beat,
+    BendPoint: BendPoint,
+    get BendStyle () { return BendStyle; },
+    get BendType () { return BendType; },
+    get BrushType () { return BrushType; },
+    Chord: Chord,
+    get Clef () { return Clef; },
+    Color: Color,
+    get CrescendoType () { return CrescendoType; },
+    get Duration () { return Duration; },
+    get DynamicValue () { return DynamicValue; },
+    get FermataType () { return FermataType; },
+    Fermata: Fermata,
+    get Fingers () { return Fingers; },
+    get FontStyle () { return FontStyle; },
+    Font: Font,
+    get GraceType () { return GraceType; },
+    get HarmonicType () { return HarmonicType; },
+    InstrumentArticulation: InstrumentArticulation,
+    JsonConverter: JsonConverter,
+    get KeySignature () { return KeySignature; },
+    get KeySignatureType () { return KeySignatureType; },
+    Lyrics: Lyrics,
+    MasterBar: MasterBar,
+    get MusicFontSymbol () { return MusicFontSymbol; },
+    Note: Note,
+    get NoteAccidentalMode () { return NoteAccidentalMode; },
+    get Ottavia () { return Ottavia; },
+    get PickStroke () { return PickStroke; },
+    PlaybackInformation: PlaybackInformation,
+    RenderStylesheet: RenderStylesheet,
+    RepeatGroup: RepeatGroup,
+    Score: Score,
+    Section: Section,
+    get SimileMark () { return SimileMark; },
+    get SlideInType () { return SlideInType; },
+    get SlideOutType () { return SlideOutType; },
+    Staff: Staff,
+    Track: Track,
+    get TripletFeel () { return TripletFeel; },
+    Tuning: Tuning,
+    TupletGroup: TupletGroup,
+    get VibratoType () { return VibratoType; },
+    Voice: Voice$1,
+    get WhammyType () { return WhammyType; }
+});
+
+var index$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    RenderFinishedEventArgs: RenderFinishedEventArgs,
+    ScoreRenderer: ScoreRenderer,
+    BarBounds: BarBounds,
+    BeatBounds: BeatBounds,
+    Bounds: Bounds,
+    BoundsLookup: BoundsLookup,
+    MasterBarBounds: MasterBarBounds,
+    NoteBounds: NoteBounds,
+    StaveGroupBounds: StaveGroupBounds
+});
+
+var index = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AlphaSynth: AlphaSynth,
+    PlaybackRange: PlaybackRange,
+    get PlayerState () { return PlayerState; },
+    PlayerStateChangedEventArgs: PlayerStateChangedEventArgs,
+    PositionChangedEventArgs: PositionChangedEventArgs,
+    AlphaSynthWebWorkerApi: AlphaSynthWebWorkerApi
+});
+
+export { AlphaTabApi, AlphaTabError, AlphaTabErrorType, CoreSettings, DisplaySettings, FileLoadError, FingeringMode, FormatError, ImporterSettings, LayoutMode, LogLevel, Logger, NotationMode, NotationSettings, PlayerSettings, ProgressEventArgs, RenderingResources, ResizeEventArgs, ScrollMode, Settings, StaveProfile, TabRhythmMode, VibratoPlaybackSettings, index$4 as exporter, index$5 as importer, VersionInfo as meta, index$3 as midi, index$2 as model, index$1 as rendering, index as synth };