@coderline/alphatab 1.9.0-alpha.1767 → 1.9.0-alpha.1768

package/dist/alphaTab.core.mjs

@@ -1,5 +1,5 @@
 /*!
- * alphaTab v1.9.0-alpha.1767 (develop, build 1767)
+ * alphaTab v1.9.0-alpha.1768 (develop, build 1768)
  *
  * Copyright © 2026, Daniel Kuschny and Contributors, All rights reserved.
  *
@@ -203,9 +203,9 @@ class AlphaTabError extends Error {
  * @internal
  */
 class VersionInfo {
-    static version = '1.9.0-alpha.1767';
-    static date = '2026-04-09T03:22:29.010Z';
-    static commit = '6c3194f5f54595c44b979b1fee6cf423b1c9ed15';
+    static version = '1.9.0-alpha.1768';
+    static date = '2026-04-10T03:35:57.433Z';
+    static commit = '759bd788fc094ab5cb4db380f6a7657e459c14bf';
     static print(print) {
         print(`alphaTab ${VersionInfo.version}`);
         print(`commit: ${VersionInfo.commit}`);
@@ -3826,7 +3826,6 @@ class Score {
  */
 class SynthConstants {
     static DefaultChannelCount = 16 + 1;
-    static MetronomeChannel = SynthConstants.DefaultChannelCount - 1;
     static MetronomeKey = 33;
     static AudioChannels = 2;
     static MinVolume = 0;
@@ -3850,6 +3849,10 @@ class SynthConstants {
     static DefaultPitchWheel = SynthConstants.MaxPitchWheel / 2;
     static MicroBufferCount = 32;
     static MicroBufferSize = 64;
+    /**
+     * approximately -60 dB, which is inaudible to humans
+     */
+    static AudibleLevelThreshold = 1e-3;
 }
 
 /**
@@ -23814,26 +23817,26 @@ class GpifParser {
                         case 'HarmonicType':
                             const htype = c.findChildElement('HType');
                             if (htype) {
-                                switch (htype.innerText) {
-                                    case 'NoHarmonic':
+                                switch (htype.innerText.toLowerCase()) {
+                                    case 'noharmonic':
                                         note.harmonicType = HarmonicType.None;
                                         break;
-                                    case 'Natural':
+                                    case 'natural':
                                         note.harmonicType = HarmonicType.Natural;
                                         break;
-                                    case 'Artificial':
+                                    case 'artificial':
                                         note.harmonicType = HarmonicType.Artificial;
                                         break;
-                                    case 'Pinch':
+                                    case 'pinch':
                                         note.harmonicType = HarmonicType.Pinch;
                                         break;
-                                    case 'Tap':
+                                    case 'tap':
                                         note.harmonicType = HarmonicType.Tap;
                                         break;
-                                    case 'Semi':
+                                    case 'semi':
                                         note.harmonicType = HarmonicType.Semi;
                                         break;
-                                    case 'Feedback':
+                                    case 'feedback':
                                         note.harmonicType = HarmonicType.Feedback;
                                         break;
                                 }
@@ -39223,8 +39226,11 @@ class AlphaTabWorkerScoreRenderer {
                 this.renderFinished.trigger(data.result);
                 break;
             case 'alphaTab.postRenderFinished':
-                this.boundsLookup = BoundsLookup.fromJson(data.boundsLookup, this._api.score);
-                this.boundsLookup?.finish();
+                const score = this._api.score;
+                if (score && data.boundsLookup) {
+                    this.boundsLookup = BoundsLookup.fromJson(data.boundsLookup, this._api.score);
+                    this.boundsLookup?.finish();
+                }
                 this.postRenderFinished.trigger();
                 break;
             case 'alphaTab.error':
@@ -39481,6 +39487,164 @@ class AudioElementBackingTrackSynthOutput {
     }
 }
 
+/**
+ * @internal
+ */
+class QueueItem {
+    value;
+    next;
+    constructor(value) {
+        this.value = value;
+    }
+}
+/**
+ * @internal
+ */
+class Queue {
+    _head;
+    _tail;
+    get isEmpty() {
+        return this._head === undefined;
+    }
+    clear() {
+        this._head = undefined;
+        this._tail = undefined;
+    }
+    enqueue(item) {
+        const queueItem = new QueueItem(item);
+        if (this._tail) {
+            // not empty -> add after tail
+            this._tail.next = queueItem;
+            this._tail = queueItem;
+        }
+        else {
+            // empty -> new item takes head and tail
+            this._head = queueItem;
+            this._tail = queueItem;
+        }
+    }
+    enqueueFront(item) {
+        const queueItem = new QueueItem(item);
+        queueItem.next = this._head;
+        if (this._head) {
+            this._head = queueItem;
+        }
+        else {
+            this._head = queueItem;
+            this._tail = queueItem;
+        }
+    }
+    peek() {
+        const head = this._head;
+        if (!head) {
+            return undefined;
+        }
+        return head.value;
+    }
+    dequeue() {
+        const head = this._head;
+        if (!head) {
+            return undefined;
+        }
+        const newHead = head.next;
+        this._head = newHead;
+        // last item removed?
+        if (!newHead) {
+            this._tail = undefined;
+        }
+        return head.value;
+    }
+}
+
+/**
+ * The options controlling how to export the audio.
+ * @public
+ */
+class AudioExportOptions {
+    /**
+     * The soundfonts to load and use for generating the audio.
+     * If not provided, the already loaded soundfonts of the synthesizer will be used.
+     * If no existing synthesizer is initialized, the generated audio might not contain any hearable audio.
+     */
+    soundFonts;
+    /**
+     * The output sample rate.
+     * @default `44100`
+     */
+    sampleRate = 44100;
+    /**
+     * Whether to respect sync point information during export.
+     * @default `true`
+     * @remarks
+     * If the song contains sync point information for synchronization with an external media,
+     * this option allows controlling whether the synthesized audio is aligned with these points.
+     *
+     * This is useful when mixing the exported audio together with external media, keeping the same timing.
+     *
+     * Disable this option if you want the original/exact timing as per music sheet in the exported audio.
+     */
+    useSyncPoints = false;
+    /**
+     * The current master volume as percentage. (range: 0.0-3.0, default 1.0)
+     */
+    masterVolume = 1;
+    /**
+     * The metronome volume. (range: 0.0-3.0, default 0.0)
+     */
+    metronomeVolume = 0;
+    /**
+     * The range of the song that should be exported. Set this to null
+     * to play the whole song.
+     */
+    playbackRange;
+    /**
+     * The volume for individual tracks as percentage (range: 0.0-3.0).
+     * @remarks
+     * The key is the track index, and the value is the relative volume.
+     * The configured volume (as per data model) still applies, this is an additional volume control.
+     * If no custom value is set, 100% is used.
+     * No values from the currently active synthesizer are applied.
+     *
+     * The meaning of the key changes when used with AlphaSynth directly, in this case the key is the midi channel .
+     */
+    trackVolume = new Map();
+    /**
+     * The additional semitone pitch transpose to apply for individual tracks.
+     * @remarks
+     * The key is the track index, and the value is the number of semitones to apply.
+     * No values from the currently active synthesizer are applied.
+     *
+     * The meaning of the key changes when used with AlphaSynth directly, in this case the key is the midi channel .
+     */
+    trackTranspositionPitches = new Map();
+}
+/**
+ * Represents a single chunk of audio produced.
+ * @public
+ */
+class AudioExportChunk {
+    /**
+     * The generated samples for the requested chunk.
+     */
+    samples;
+    /**
+     * The current time position within the song in milliseconds.
+     */
+    currentTime = 0;
+    /**
+     * The total length of the song in milliseconds.
+     */
+    endTime = 0;
+    /**
+     * The current time position within the song in midi ticks.
+     */
+    currentTick = 0;
+    /**
+     * The total length of the song in midi ticks.
+     */
+    endTick = 0;
+}
+
 // The SoundFont loading and Audio Synthesis is based on TinySoundFont, licensed under MIT,
 // developed by Bernhard Schelling (https://github.com/schellingb/TinySoundFont)
 // TypeScript port for alphaTab: (C) 2020 by Daniel Kuschny
@@ -39594,6 +39758,7 @@ class MidiSequencerState {
     endTime = 0;
     currentTempo = 0;
     syncPointTempo = 0;
+    metronomeChannel = SynthConstants.DefaultChannelCount - 1;
 }
 /**
  * This sequencer dispatches midi events to the synthesizer based on the current
@@ -39606,6 +39771,9 @@ class MidiFileSequencer {
     _mainState;
     _oneTimeState = null;
     _countInState = null;
+    get metronomeChannel() {
+        return this._mainState.metronomeChannel;
+    }
     get isPlayingMain() {
         return this._currentState === this._mainState;
     }
@@ -39689,7 +39857,7 @@ class MidiFileSequencer {
                 const metronomeVolume = this._synthesizer.metronomeVolume;
                 this._synthesizer.noteOffAll(true);
                 this._synthesizer.resetSoft();
-                this._synthesizer.setupMetronomeChannel(metronomeVolume);
+                this._synthesizer.setupMetronomeChannel(this.metronomeChannel, metronomeVolume);
             }
             this._mainSilentProcess(timePosition);
         }
@@ -39741,6 +39909,7 @@ class MidiFileSequencer {
         let metronomeLengthInMillis = 0;
         let metronomeTick = midiFile.tickShift; // shift metronome to content
         let metronomeTime = 0.0;
+        let maxChannel = 0;
         let previousTick = 0;
         for (const mEvent of midiFile.events) {
             const synthData = new SynthEvent(state.synthData.length, mEvent);
@@ -39782,6 +39951,9 @@ class MidiFileSequencer {
                 if (!state.firstProgramEventPerChannel.has(channel)) {
                     state.firstProgramEventPerChannel.set(channel, synthData);
                 }
+                if (channel > maxChannel) {
+                    maxChannel = channel;
+                }
                 const isPercussion = channel === SynthConstants.PercussionChannel;
                 if (!isPercussion) {
                     this.instrumentPrograms.add(programChange.program);
@@ -39793,6 +39965,9 @@ class MidiFileSequencer {
                 if (isPercussion) {
                     this.percussionKeys.add(noteOn.noteKey);
                 }
+                if (noteOn.channel > maxChannel) {
+                    maxChannel = noteOn.channel;
+                }
             }
         }
         state.currentTempo = state.tempoChanges.length > 0 ? state.tempoChanges[0].bpm : bpm;
@@ -39808,6 +39983,7 @@ class MidiFileSequencer {
         });
         state.endTime = absTime;
         state.endTick = absTick;
+        state.metronomeChannel = maxChannel + 1;
         return state;
     }
     fillMidiEventQueue() {
@@ -44013,6 +44189,11 @@ class Voice {
             if (dynamicGain) {
                 noteGain = SynthHelper.decibelsToGain(this.noteGainDb + this.modLfo.level * tmpModLfoToVolume);
             }
+            // Update EG.
+            this.ampEnv.process(blockSamples, f.outSampleRate);
+            if (updateModEnv) {
+                this.modEnv.process(blockSamples, f.outSampleRate);
+            }
             gainMono = noteGain * this.ampEnv.level;
             if (isMuted) {
                 gainMono = 0;
@@ -44020,11 +44201,6 @@ class Voice {
             else {
                 gainMono *= this.mixVolume;
             }
-            // Update EG.
-            this.ampEnv.process(blockSamples, f.outSampleRate);
-            if (updateModEnv) {
-                this.modEnv.process(blockSamples, f.outSampleRate);
-            }
             // Update LFOs.
             if (updateModLFO) {
                 this.modLfo.process(blockSamples);
@@ -44103,7 +44279,12 @@ class Voice {
                     }
                     break;
             }
-            if (tmpSourceSamplePosition >= tmpSampleEndDbl || this.ampEnv.segment === VoiceEnvelopeSegment.Done) {
+            const inaudible = this.ampEnv.segment === VoiceEnvelopeSegment.Release &&
+                Math.abs(gainMono) < SynthConstants.AudibleLevelThreshold;
+            if (tmpSourceSamplePosition >= tmpSampleEndDbl ||
+                this.ampEnv.segment === VoiceEnvelopeSegment.Done ||
+                // Check if voice is inaudible during release to terminate early
+                inaudible) {
                 this.kill();
                 return;
             }
@@ -44118,75 +44299,6 @@ class Voice {
     }
 }
 
-/**
- * @internal
- */
-class QueueItem {
-    value;
-    next;
-    constructor(value) {
-        this.value = value;
-    }
-}
-/**
- * @internal
- */
-class Queue {
-    _head;
-    _tail;
-    get isEmpty() {
-        return this._head === undefined;
-    }
-    clear() {
-        this._head = undefined;
-        this._tail = undefined;
-    }
-    enqueue(item) {
-        const queueItem = new QueueItem(item);
-        if (this._tail) {
-            // not empty -> add after tail
-            this._tail.next = queueItem;
-            this._tail = queueItem;
-        }
-        else {
-            // empty -> new item takes head and tail
-            this._head = queueItem;
-            this._tail = queueItem;
-        }
-    }
-    enqueueFront(item) {
-        const queueItem = new QueueItem(item);
-        queueItem.next = this._head;
-        if (this._head) {
-            this._head = queueItem;
-        }
-        else {
-            this._head = queueItem;
-            this._tail = queueItem;
-        }
-    }
-    peek() {
-        const head = this._head;
-        if (!head) {
-            return undefined;
-        }
-        return head.value;
-    }
-    dequeue() {
-        const head = this._head;
-        if (!head) {
-            return undefined;
-        }
-        const newHead = head.next;
-        this._head = newHead;
-        // last item removed?
-        if (!newHead) {
-            this._tail = undefined;
-        }
-        return head.value;
-    }
-}
-
 /**
  * Lists all midi controllers.
  * @public
@@ -44343,6 +44455,7 @@ class TinySoundFont {
     currentTempo = 0;
     timeSignatureNumerator = 0;
     timeSignatureDenominator = 0;
+    _metronomeChannel = SynthConstants.DefaultChannelCount - 1;
     constructor(sampleRate) {
         this.outSampleRate = sampleRate;
     }
@@ -44447,8 +44560,8 @@ class TinySoundFont {
         while (!this._midiEventQueue.isEmpty) {
             const m = this._midiEventQueue.dequeue();
             if (m.isMetronome && this.metronomeVolume > 0) {
-                this.channelNoteOff(SynthConstants.MetronomeChannel, SynthConstants.MetronomeKey);
-                this.channelNoteOn(SynthConstants.MetronomeChannel, SynthConstants.MetronomeKey, 95 / 127);
+                this.channelNoteOff(this._metronomeChannel, SynthConstants.MetronomeKey);
+                this.channelNoteOn(this._metronomeChannel, SynthConstants.MetronomeKey, 95 / 127);
             }
             else if (m.event) {
                 this.processMidiMessage(m.event);
@@ -44462,7 +44575,7 @@ class TinySoundFont {
                 // channel is muted if it is either explicitley muted, or another channel is set to solo but not this one.
                 // exception. metronome is implicitly added in solo
                 const isChannelMuted = this._mutedChannels.has(channel) ||
-                    (anySolo && channel !== SynthConstants.MetronomeChannel && !this._soloChannels.has(channel));
+                    (anySolo && channel !== this._metronomeChannel && !this._soloChannels.has(channel));
                 if (!buffer) {
                     voice.kill();
                 }
@@ -44516,16 +44629,17 @@ class TinySoundFont {
         }
     }
     get metronomeVolume() {
-        return this.channelGetMixVolume(SynthConstants.MetronomeChannel);
+        return this.channelGetMixVolume(this._metronomeChannel);
     }
     set metronomeVolume(value) {
-        this.setupMetronomeChannel(value);
+        this.setupMetronomeChannel(this._metronomeChannel, value);
     }
-    setupMetronomeChannel(volume) {
-        this.channelSetMixVolume(SynthConstants.MetronomeChannel, volume);
+    setupMetronomeChannel(channel, volume) {
+        this._metronomeChannel = channel;
+        this.channelSetMixVolume(channel, volume);
         if (volume > 0) {
-            this.channelSetVolume(SynthConstants.MetronomeChannel, 1);
-            this.channelSetPresetNumber(SynthConstants.MetronomeChannel, 0, true);
+            this.channelSetVolume(channel, 1);
+            this.channelSetPresetNumber(channel, 0, true);
         }
     }
     get masterVolume() {
@@ -45605,95 +45719,6 @@ class TinySoundFont {
     }
 }
 
-/**
- * The options controlling how to export the audio.
- * @public
- */
-class AudioExportOptions {
-    /**
-     * The soundfonts to load and use for generating the audio.
-     * If not provided, the already loaded soundfonts of the synthesizer will be used.
-     * If no existing synthesizer is initialized, the generated audio might not contain any hearable audio.
-     */
-    soundFonts;
-    /**
-     * The output sample rate.
-     * @default `44100`
-     */
-    sampleRate = 44100;
-    /**
-     * Whether to respect sync point information during export.
-     * @default `true`
-     * @remarks
-     * If the song contains sync point information for synchronization with an external media,
-     * this option allows controlling whether the synthesized audio is aligned with these points.
-     *
-     * This is useful when mixing the exported audio together with external media, keeping the same timing.
-     *
-     * Disable this option if you want the original/exact timing as per music sheet in the exported audio.
-     */
-    useSyncPoints = false;
-    /**
-     * The current master volume as percentage. (range: 0.0-3.0, default 1.0)
-     */
-    masterVolume = 1;
-    /**
-     * The metronome volume. (range: 0.0-3.0, default 0.0)
-     */
-    metronomeVolume = 0;
-    /**
-     * The range of the song that should be exported. Set this to null
-     * to play the whole song.
-     */
-    playbackRange;
-    /**
-     * The volume for individual tracks as percentage (range: 0.0-3.0).
-     * @remarks
-     * The key is the track index, and the value is the relative volume.
-     * The configured volume (as per data model) still applies, this is an additional volume control.
-     * If no custom value is set, 100% is used.
-     * No values from the currently active synthesizer are applied.
-     *
-     * The meaning of the key changes when used with AlphaSynth directly, in this case the key is the midi channel .
-     */
-    trackVolume = new Map();
-    /**
-     * The additional semitone pitch transpose to apply for individual tracks.
-     * @remarks
-     * The key is the track index, and the value is the number of semitones to apply.
-     * No values from the currently active synthesizer are applied.
-     *
-     * The meaning of the key changes when used with AlphaSynth directly, in this case the key is the midi channel .
-     */
-    trackTranspositionPitches = new Map();
-}
-/**
- * Represents a single chunk of audio produced.
- * @public
- */
-class AudioExportChunk {
-    /**
-     * The generated samples for the requested chunk.
-     */
-    samples;
-    /**
-     * The current time position within the song in milliseconds.
-     */
-    currentTime = 0;
-    /**
-     * The total length of the song in milliseconds.
-     */
-    endTime = 0;
-    /**
-     * The current time position within the song in midi ticks.
-     */
-    currentTick = 0;
-    /**
-     * The total length of the song in midi ticks.
-     */
-    endTick = 0;
-}
-
 /**
  * This is the base class for synthesizer components which can be used to
  * play a {@link MidiFile} via a {@link ISynthOutput}.
@@ -45902,6 +45927,17 @@ class AlphaSynthBase {
             }
             this._notPlayedSamples += samples.length;
             this.output.addSamples(samples);
+            // if the sequencer finished, we instantly force a noteOff on all 
+            // voices to complete playback and stop voices fast. 
+            // Doing this in the samplePlayed callback is too late as we might
+            // continue generating audio for long-release notes (especially percussion like cymbals)
+            // we still have checkForFinish which takes care of the counterpart
+            // on the sample played area to ensure we seek back. 
+            // but thanks to this code we ensure the output will complete fast as we won't 
+            // be adding more samples beside a 0.1s ramp-down
+            if (this.sequencer.isFinished) {
+                this.synthesizer.noteOffAll(true);
+            }
         }
         else {
             // Tell output that there is no data left for it.
@@ -45918,7 +45954,7 @@ class AlphaSynthBase {
         if (this._countInVolume > 0) {
             Logger.debug('AlphaSynth', 'Starting countin');
             this.sequencer.startCountIn();
-            this.synthesizer.setupMetronomeChannel(this._countInVolume);
+            this.synthesizer.setupMetronomeChannel(this.sequencer.metronomeChannel, this._countInVolume);
             this.updateTimePosition(0, true);
         }
         this.output.play();
@@ -45930,7 +45966,7 @@ class AlphaSynthBase {
             this._stopOneTimeMidi();
         }
         Logger.debug('AlphaSynth', 'Starting playback');
-        this.synthesizer.setupMetronomeChannel(this.metronomeVolume);
+        this.synthesizer.setupMetronomeChannel(this.sequencer.metronomeChannel, this.metronomeVolume);
         this._synthStopping = false;
         this.state = PlayerState.Playing;
         this.stateChanged.trigger(new PlayerStateChangedEventArgs(this.state, false));
@@ -46014,7 +46050,7 @@ class AlphaSynthBase {
     }
     _checkReadyForPlayback() {
         if (this.isReadyForPlayback) {
-            this.synthesizer.setupMetronomeChannel(this.metronomeVolume);
+            this.synthesizer.setupMetronomeChannel(this.sequencer.metronomeChannel, this.metronomeVolume);
             const programs = this.sequencer.instrumentPrograms;
             const percussionKeys = this.sequencer.percussionKeys;
             let append = false;
@@ -46355,7 +46391,7 @@ class AlphaSynthAudioExporter {
     _generatedAudioCurrentTime = 0;
     _generatedAudioEndTime = 0;
     setup() {
-        this._synth.setupMetronomeChannel(this._synth.metronomeVolume);
+        this._synth.setupMetronomeChannel(this._sequencer.metronomeChannel, this._synth.metronomeVolume);
         const syncPoints = this._sequencer.currentSyncPoints;
         const alphaTabEndTime = this._sequencer.currentEndTime;
         if (syncPoints.length === 0) {
@@ -46437,7 +46473,7 @@ class BackingTrackAudioSynthesizer {
     }
     loadPresets(_hydra, _instrumentPrograms, _percussionKeys, _append) {
     }
-    setupMetronomeChannel(_metronomeVolume) {
+    setupMetronomeChannel(_metronomeChannel, _metronomeVolume) {
     }
     synthesizeSilent(_sampleCount) {
         this.fakeSynthesize();
@@ -47871,6 +47907,7 @@ class AlphaSynthAudioWorkletOutput extends AlphaSynthWebAudioOutputBase {
     _bufferTimeInMilliseconds = 0;
     _settings;
     _boundHandleMessage;
+    _pendingEvents;
     constructor(settings) {
         super();
         this._settings = settings;
@@ -47898,6 +47935,13 @@ class AlphaSynthAudioWorkletOutput extends AlphaSynthWebAudioOutputBase {
             this.source.connect(this._worklet);
             this.source.start(0);
             this._worklet.connect(ctx.destination);
+            const pending = this._pendingEvents;
+            if (pending) {
+                for (const e of pending) {
+                    this._worklet.port.postMessage(e);
+                }
+                this._pendingEvents = undefined;
+            }
         }, (reason) => {
             Logger.error('WebAudio', `Audio Worklet creation failed: reason=${reason}`);
         });
@@ -47924,15 +47968,26 @@ class AlphaSynthAudioWorkletOutput extends AlphaSynthWebAudioOutputBase {
             this._worklet.disconnect();
         }
         this._worklet = null;
+        this._pendingEvents = undefined;
+    }
+    _postWorkerMessage(message) {
+        const worklet = this._worklet;
+        if (worklet) {
+            worklet.port.postMessage(message);
+        }
+        else {
+            this._pendingEvents ??= [];
+            this._pendingEvents.push(message);
+        }
     }
     addSamples(f) {
-        this._worklet?.port.postMessage({
+        this._postWorkerMessage({
             cmd: 'alphaSynth.output.addSamples',
             samples: Environment.prepareForPostMessage(f)
         });
     }
     resetSamples() {
-        this._worklet?.port.postMessage({
+        this._postWorkerMessage({
             cmd: 'alphaSynth.output.resetSamples'
         });
     }
@@ -55805,6 +55860,9 @@ class AlphaTabApiBase {
         this._beatVisibilityChecker.bounds = this.boundsLookup;
         this._currentBeat = null;
         this._cursorUpdateTick(this._previousTick, false, 1, true, true);
+        if (this._selectionStart) {
+            this.highlightPlaybackRange(this._selectionStart.beat, this._selectionEnd.beat);
+        }
         this.postRenderFinished.trigger();
         this.uiFacade.triggerEvent(this.container, 'postRenderFinished', null);
     }
@@ -69210,16 +69268,18 @@ class LineBarRenderer extends BarRendererBase {
             s = [];
             const zero = MusicFontSymbol.Tuplet0;
             if (num > 10) {
-                s.push((zero + Math.floor(num / 10)));
-                s.push((zero + (num - 10)));
+                const tens = Math.floor(num / 10);
+                s.push((zero + tens));
+                s.push((zero + (num - 10 * tens)));
             }
             else {
                 s.push((zero + num));
             }
             s.push(MusicFontSymbol.TupletColon);
             if (den > 10) {
-                s.push((zero + Math.floor(den / 10)));
-                s.push((zero + (den - 10)));
+                const tens = Math.floor(den / 10);
+                s.push((zero + tens));
+                s.push((zero + (den - 10 * tens)));
             }
             else {
                 s.push((zero + den));
@@ -72198,8 +72258,10 @@ class ScoreBeatGlyph extends BeatOnNoteGlyphBase {
                 const group = new GlyphGroup(0, 0);
                 group.renderer = this.renderer;
                 for (const note of this.container.beat.notes) {
-                    const g = this._createBeatDot(sr.getNoteSteps(note), group);
-                    g.colorOverride = ElementStyleHelper.noteColor(sr.resources, NoteSubElement.StandardNotationEffects, note);
+                    if (note.isVisible) {
+                        const g = this._createBeatDot(sr.getNoteSteps(note), group);
+                        g.colorOverride = ElementStyleHelper.noteColor(sr.resources, NoteSubElement.StandardNotationEffects, note);
+                    }
                 }
                 this.addEffect(group);
             }