@braccato/core 1.12.3 → 1.12.5

package/dist/engine.js

@@ -917,7 +917,7 @@ function startWordAnimations(engine, part, config, currentTime, appliedTimingOff
             fill: "forwards",
         };
         const wobbleStartMs = correctedAnimationTimeMs(wordTimeMs, appliedTimingOffsetMs, config.word.wobbleDurationMs);
-        for (const wordElement of [part.lyricElement, part.highlightElement]) {
+        for (const wordElement of part.wobbleElements) {
             const animation = trackLyricAnimationTiming(engine, wordElement.animate(wobbleKeyframes, wobbleOptions), {
                 appliedTimingOffsetMs,
                 offsetMs: 0,

package/dist/inject.d.ts

@@ -21,6 +21,7 @@ export interface PartData extends AnimationData {
     highlightElement: HTMLElement;
     letterElements?: HTMLElement[];
     highlightLetterElements?: HTMLElement[];
+    wobbleElements: HTMLElement[];
     glowSuppressed?: boolean;
     wordState: WordState;
 }

package/dist/inject.js

@@ -64,7 +64,7 @@ export function deriveSyncType(lyrics) {
         return "richsync";
     return lyrics.every(item => item.startTimeMs === 0) ? "none" : "synced";
 }
-function newPartData(part, span, highlight, letterElements, highlightLetterElements) {
+function newPartData(part, span, highlight, wobbleElements, letterElements, highlightLetterElements) {
     return {
         time: part.startTimeMs / 1000,
         duration: part.durationMs / 1000,
@@ -72,6 +72,7 @@ function newPartData(part, span, highlight, letterElements, highlightLetterEleme
         highlightElement: highlight,
         letterElements,
         highlightLetterElements,
+        wobbleElements,
         animations: [],
         wordState: WORD_STATE_UPCOMING,
     };
@@ -278,7 +279,8 @@ function createWordGroup(doc, group, lineData) {
         if (token.kind === "space")
             continue;
         const { span, highlight, letters, highlightLetters } = createTimedWordSpan(doc, token.part, wrapThreshold, perLetter);
-        lineData.parts.push(newPartData(token.part, span, highlight, letters, highlightLetters));
+        const wobbleElements = lyricGroup.childNodes.length === 0 ? [lyricGroup, highlightGroup] : [];
+        lineData.parts.push(newPartData(token.part, span, highlight, wobbleElements, letters, highlightLetters));
         lyricGroup.appendChild(span);
         highlightGroup.appendChild(highlight);
     }

package/dist/styles/lyrics.css

@@ -224,7 +224,7 @@
 	font-family: var(--blyrics-translated-font-family, var(--blyrics-font-family, var(--blyrics-default-font-family)));
 	font-size: var(--blyrics-translated-font-size);
 	font-weight: var(--blyrics-translated-font-weight);
-	line-height: 1.1;
+	line-height: normal;
 	margin-top: 8px;
 	max-width: 100%;
 	text-align: inherit;
@@ -275,7 +275,7 @@
 	box-sizing: border-box;
 	display: block;
 	font-size: calc(var(--blyrics-translated-font-size) / 1.25);
-	padding: 0.375rem 0.75rem;
+	padding: 0.25rem 0.75rem;
 	width: fit-content;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@braccato/core",
-  "version": "1.12.3",
+  "version": "1.12.5",
   "description": "Synchronized lyrics renderer with word-by-word animations",
   "type": "module",
   "license": "MIT",