chordsheetjs 7.15.0 → 7.17.0

package/README.md

@@ -1127,6 +1127,8 @@ https://chordpro.org/chordpro/directives-env_bridge/, https://chordpro.org/chord
 | [configuration.metadata.separator] | <code>string</code> | <code>&quot;\&quot;, \&quot;&quot;</code> | <p>The separator to be used when rendering a metadata value that has multiple values. See: https://bit.ly/2SC9c2u</p> |
 | [configuration.key] | [<code>Key</code>](#Key) \| <code>string</code> | <code></code> | <p>The key to use for rendering. The chord sheet will be transposed from the song's original key (as indicated by the <code>{key}</code> directive) to the specified key. Note that transposing will only work if the original song key is set.</p> |
 | [configuration.expandChorusDirective] | <code>boolean</code> | <code>false</code> | <p>Whether or not to expand <code>{chorus}</code> directives by rendering the last defined chorus inline after the directive.</p> |
+| [configuration.useUnicodeModifiers] | <code>boolean</code> | <code>false</code> | <p>Whether or not to use unicode flat and sharp symbols.</p> |
+| [configuration.normalizeChords] | <code>boolean</code> | <code>true</code> | <p>Whether or not to automatically normalize chords</p> |
 
 <a name="HtmlDivFormatter"></a>
 
@@ -1393,7 +1395,7 @@ Inherits from [ChordSheetParser](#ChordSheetParser)</p>
         * [.isNumeric()](#Chord+isNumeric) ⇒ <code>boolean</code>
         * [.toNumericString([referenceKey])](#Chord+toNumericString) ⇒ <code>string</code>
         * [.isNumeral()](#Chord+isNumeral) ⇒ <code>boolean</code>
-        * [.toString()](#Chord+toString) ⇒ <code>string</code>
+        * [.toString([configuration])](#Chord+toString) ⇒ <code>string</code>
         * [.normalize([key], [options])](#Chord+normalize) ⇒ [<code>Chord</code>](#Chord)
         * [.useModifier(newModifier)](#Chord+useModifier) ⇒ [<code>Chord</code>](#Chord)
         * [.transposeUp()](#Chord+transposeUp) ⇒ [<code>Chord</code>](#Chord)
@@ -1511,11 +1513,17 @@ For example, a chord symbol A# with reference key E will return the numeric chor
 **Kind**: instance method of [<code>Chord</code>](#Chord)  
 <a name="Chord+toString"></a>
 
-### chord.toString() ⇒ <code>string</code>
+### chord.toString([configuration]) ⇒ <code>string</code>
 <p>Converts the chord to a string, eg <code>Esus4/G#</code> or <code>1sus4/#3</code></p>
 
 **Kind**: instance method of [<code>Chord</code>](#Chord)  
 **Returns**: <code>string</code> - <p>the chord string</p>  
+
+| Param | Type | Default | Description |
+| --- | --- | --- | --- |
+| [configuration] | <code>Object</code> | <code>{}</code> | <p>options</p> |
+| [configuration.useUnicodeModifier] | <code>boolean</code> | <code>false</code> | <p>Whether or not to use unicode modifiers. This will make <code>#</code> (sharp) look like <code>♯</code> and <code>b</code> (flat) look like <code>♭</code></p> |
+
 <a name="Chord+normalize"></a>
 
 ### chord.normalize([key], [options]) ⇒ [<code>Chord</code>](#Chord)

package/lib/bundle.js

@@ -1214,6 +1214,16 @@ function $bff5407e03fdc8ee$var$modifierTransposition(modifier) {
  * The only function considered public API is `Key.distance`
  */ class $bff5407e03fdc8ee$var$Key {
     modifier = null;
+    get unicodeModifier() {
+        switch(this.modifier){
+            case $bff5407e03fdc8ee$var$FLAT:
+                return "♭";
+            case $bff5407e03fdc8ee$var$SHARP:
+                return "♯";
+            default:
+                return null;
+        }
+    }
     minor = false;
     static parse(keyString) {
         if (!keyString || (0, $21a34a464e7bc609$export$78d1711480f95c3e)(keyString)) return null;
@@ -1323,10 +1333,10 @@ function $bff5407e03fdc8ee$var$modifierTransposition(modifier) {
     toNumeralString(key = null) {
         return this.toNumeral(key).toString();
     }
-    toString({ showMinor: showMinor = true  } = {}) {
+    toString({ showMinor: showMinor = true , useUnicodeModifier: useUnicodeModifier = false  } = {}) {
         switch(this.note.type){
             case 0, $af8d31735c159a26$export$27c95a7104c1f7aa:
-                return this.formatChordSymbolString(showMinor);
+                return this.formatChordSymbolString(showMinor, useUnicodeModifier);
             case 0, $af8d31735c159a26$export$4d318981b5a83836:
                 return this.formatNumericString(showMinor);
             case 0, $af8d31735c159a26$export$1321df9b16c30c6a:
@@ -1335,8 +1345,9 @@ function $bff5407e03fdc8ee$var$modifierTransposition(modifier) {
                 throw new Error(`Unexpected note type ${this.note.type}`);
         }
     }
-    formatChordSymbolString(showMinor) {
-        return `${this.note}${this.modifier || ""}${this.minor && showMinor ? "m" : ""}`;
+    formatChordSymbolString(showMinor, unicodeModifier) {
+        const modifier = unicodeModifier ? this.unicodeModifier : this.modifier;
+        return `${this.note}${modifier || ""}${this.minor && showMinor ? "m" : ""}`;
     }
     formatNumericString(showMinor) {
         return `${this.modifier || ""}${this.note}${this.minor && showMinor ? "m" : ""}`;
@@ -2486,12 +2497,18 @@ function $26f57998457eb2d4$var$normalizeChordSuffix(suffix) {
     }
     /**
    * Converts the chord to a string, eg `Esus4/G#` or `1sus4/#3`
+   * @param {Object} [configuration={}] options
+   * @param {boolean} [configuration.useUnicodeModifier=false] Whether or not to use unicode modifiers.
+   * This will make `#` (sharp) look like `♯` and `b` (flat) look like `♭`
    * @returns {string} the chord string
-   */ toString() {
+   */ toString({ useUnicodeModifier: useUnicodeModifier = false  } = {}) {
         const chordString = this.root.toString({
-            showMinor: false
+            showMinor: false,
+            useUnicodeModifier: useUnicodeModifier
         }) + (this.suffix || "");
-        if (this.bass) return `${chordString}/${this.bass.toString()}`;
+        if (this.bass) return `${chordString}/${this.bass.toString({
+            useUnicodeModifier: useUnicodeModifier
+        })}`;
         return chordString;
     }
     /**
@@ -2685,7 +2702,9 @@ const $bbcfd2c49e8e9957$export$78c0028a34264234 = {
         separator: ","
     },
     key: null,
-    expandChorusDirective: false
+    expandChorusDirective: false,
+    useUnicodeModifiers: false,
+    normalizeChords: true
 };
 class $bbcfd2c49e8e9957$var$Configuration {
     constructor(configuration = $bbcfd2c49e8e9957$export$78c0028a34264234){
@@ -2695,6 +2714,8 @@ class $bbcfd2c49e8e9957$var$Configuration {
         };
         this.evaluate = !!mergedConfig.evaluate;
         this.expandChorusDirective = !!mergedConfig.expandChorusDirective;
+        this.useUnicodeModifiers = !!mergedConfig.useUnicodeModifiers;
+        this.normalizeChords = !!mergedConfig.normalizeChords;
         this.metadata = new (0, $71c330be198ce421$export$2e2bcd8739ae039)(configuration.metadata);
         this.key = configuration.key ? (0, $bff5407e03fdc8ee$export$2e2bcd8739ae039).wrap(configuration.key) : null;
         this.configuration = configuration;
@@ -2712,17 +2733,19 @@ var $bbcfd2c49e8e9957$export$2e2bcd8739ae039 = $bbcfd2c49e8e9957$var$Configurati
     /**
      * Instantiate
      * @param {Object} [configuration={}] options
-     * @param {boolean} [configuration.evaluate=false] Whether or not to evaluate meta expressions. For more info about
-     * meta expressions, see: https://bit.ly/2SC9c2u
+     * @param {boolean} [configuration.evaluate=false] Whether or not to evaluate meta expressions.
+     * For more info about meta expressions, see: https://bit.ly/2SC9c2u
      * @param {object} [configuration.metadata={}]
-     * @param {string} [configuration.metadata.separator=", "] The separator to be used when rendering a metadata value
-     * that has multiple values. See: https://bit.ly/2SC9c2u
-     * @param {Key|string} [configuration.key=null] The key to use for rendering. The chord sheet will be transposed
-     * from the song's original key (as indicated by the `{key}` directive) to the specified key.
-     * Note that transposing will only work
-     * if the original song key is set.
+     * @param {string} [configuration.metadata.separator=", "] The separator to be used when rendering a
+     * metadata value that has multiple values. See: https://bit.ly/2SC9c2u
+     * @param {Key|string} [configuration.key=null] The key to use for rendering. The chord sheet will be
+     * transposed from the song's original key (as indicated by the `{key}` directive) to the specified key.
+     * Note that transposing will only work if the original song key is set.
      * @param {boolean} [configuration.expandChorusDirective=false] Whether or not to expand `{chorus}` directives
      * by rendering the last defined chorus inline after the directive.
+     * @param {boolean} [configuration.useUnicodeModifiers=false] Whether or not to use unicode flat and sharp
+     * symbols.
+     * @param {boolean} [configuration.normalizeChords=true] Whether or not to automatically normalize chords
      */ constructor(configuration = null){
         this.configuration = new (0, $bbcfd2c49e8e9957$export$2e2bcd8739ae039)(configuration || {});
     }
@@ -8214,14 +8237,18 @@ function $dfecd32049fa58e9$var$chordTransposeDistance(capo, transposeKey, songKe
     }
     return transpose;
 }
-function $dfecd32049fa58e9$export$596ec52955da9472(chordString, line, song, renderKey = null) {
+function $dfecd32049fa58e9$export$596ec52955da9472(chordString, line, song, { renderKey: renderKey = null , useUnicodeModifier: useUnicodeModifier = false , normalizeChords: normalizeChords = true  } = {}) {
     const chord = (0, $26f57998457eb2d4$export$2e2bcd8739ae039).parse(chordString);
     const songKey = song.key;
     const capo = parseInt(song.metadata.getSingle((0, $5e9ede69210ec54a$export$866f445d49bad88e)), 10);
     if (!chord) return chordString;
     const effectiveTransposeDistance = $dfecd32049fa58e9$var$chordTransposeDistance(capo, line.transposeKey, songKey, renderKey);
     const effectiveKey = renderKey || (0, $bff5407e03fdc8ee$export$2e2bcd8739ae039).wrap(line.key || song.key)?.transpose(effectiveTransposeDistance) || null;
-    return chord.transpose(effectiveTransposeDistance).normalize(effectiveKey).toString();
+    const transposedChord = chord.transpose(effectiveTransposeDistance);
+    const normalizedChord = normalizeChords ? transposedChord.normalize(effectiveKey) : transposedChord;
+    return normalizedChord.toString({
+        useUnicodeModifier: useUnicodeModifier
+    });
 }
 function $dfecd32049fa58e9$export$b07b16221c14aaa(key) {
     return (0, $427b789bcf346e61$export$1ba61c6fa2f892a9)[(0, $bff5407e03fdc8ee$export$2e2bcd8739ae039).toString(key)];
@@ -8292,7 +8319,11 @@ var $93f055b77b2d269f$export$2e2bcd8739ae039 = ({ configuration: configuration ,
               ${(0, $376e205ced98486b$export$79b2f7037acddd43)(line.items, (item)=>`
                 ${(0, $376e205ced98486b$export$a55877ca9db47377)((0, $376e205ced98486b$export$17c9e635b932873b)(item), ()=>`
                   <div class="column">
-                    <div class="chord"${(0, $376e205ced98486b$export$ca030c9435779e4b)(line.chordFont)}>${(0, $dfecd32049fa58e9$export$596ec52955da9472)(item.chords, line, song, key)}</div>
+                    <div class="chord"${(0, $376e205ced98486b$export$ca030c9435779e4b)(line.chordFont)}>${(0, $dfecd32049fa58e9$export$596ec52955da9472)(item.chords, line, song, {
+                            renderKey: key,
+                            useUnicodeModifier: configuration.useUnicodeModifiers,
+                            normalizeChords: configuration.normalizeChords
+                        })}</div>
                     <div class="lyrics"${(0, $376e205ced98486b$export$ca030c9435779e4b)(line.textFont)}>${item.lyrics}</div>
                   </div>
                 `)}
@@ -8376,7 +8407,11 @@ var $5381a6b1b90601c7$export$2e2bcd8739ae039 = ({ configuration: configuration ,
                   <tr>
                     ${(0, $376e205ced98486b$export$79b2f7037acddd43)(line.items, (item)=>`
                       ${(0, $376e205ced98486b$export$a55877ca9db47377)((0, $376e205ced98486b$export$17c9e635b932873b)(item), ()=>`
-                        <td class="chord"${(0, $376e205ced98486b$export$ca030c9435779e4b)(line.chordFont)}>${(0, $dfecd32049fa58e9$export$596ec52955da9472)(item.chords, line, song, key)}</td>
+                        <td class="chord"${(0, $376e205ced98486b$export$ca030c9435779e4b)(line.chordFont)}>${(0, $dfecd32049fa58e9$export$596ec52955da9472)(item.chords, line, song, {
+                                    renderKey: key,
+                                    useUnicodeModifier: configuration.useUnicodeModifiers,
+                                    normalizeChords: configuration.normalizeChords
+                                })}</td>
                       `)}
                     `)}
                   </tr>
@@ -8520,17 +8555,25 @@ var $5b02ea769c63fd56$export$2e2bcd8739ae039 = $5b02ea769c63fd56$var$HtmlTableFo
         return null;
     }
     chordLyricsPairLength(chordLyricsPair, line) {
-        const chords = (0, $dfecd32049fa58e9$export$596ec52955da9472)(chordLyricsPair.chords, line, this.song, this.configuration.key);
+        const chords = this.renderChords(chordLyricsPair, line);
         const { lyrics: lyrics  } = chordLyricsPair;
         const chordsLength = (chords || "").length;
         const lyricsLength = (lyrics || "").length;
         if (chordsLength >= lyricsLength) return chordsLength + 1;
         return Math.max(chordsLength, lyricsLength);
     }
+    renderChords(chordLyricsPair, line) {
+        const chords = (0, $dfecd32049fa58e9$export$596ec52955da9472)(chordLyricsPair.chords, line, this.song, {
+            renderKey: this.configuration.key,
+            useUnicodeModifier: this.configuration.useUnicodeModifiers,
+            normalizeChords: this.configuration.normalizeChords
+        });
+        return chords;
+    }
     formatItemTop(item, _metadata, line) {
         if (item instanceof (0, $5e9ede69210ec54a$export$2e2bcd8739ae039) && item.isRenderable()) return item.value || "";
         if (item instanceof (0, $d454f4215ba01af2$export$2e2bcd8739ae039)) {
-            const chords = (0, $dfecd32049fa58e9$export$596ec52955da9472)(item.chords, line, this.song, this.configuration.key);
+            const chords = this.renderChords(item, line);
             return (0, $21a34a464e7bc609$export$bc3bea8325045070)(chords, this.chordLyricsPairLength(item, line));
         }
         return "";

package/lib/index.js

@@ -1213,6 +1213,16 @@ function $bff5407e03fdc8ee$var$modifierTransposition(modifier) {
  * The only function considered public API is `Key.distance`
  */ class $bff5407e03fdc8ee$var$Key {
     modifier = null;
+    get unicodeModifier() {
+        switch(this.modifier){
+            case $bff5407e03fdc8ee$var$FLAT:
+                return "♭";
+            case $bff5407e03fdc8ee$var$SHARP:
+                return "♯";
+            default:
+                return null;
+        }
+    }
     minor = false;
     static parse(keyString) {
         if (!keyString || (0, $21a34a464e7bc609$export$78d1711480f95c3e)(keyString)) return null;
@@ -1322,10 +1332,10 @@ function $bff5407e03fdc8ee$var$modifierTransposition(modifier) {
     toNumeralString(key = null) {
         return this.toNumeral(key).toString();
     }
-    toString({ showMinor: showMinor = true  } = {}) {
+    toString({ showMinor: showMinor = true , useUnicodeModifier: useUnicodeModifier = false  } = {}) {
         switch(this.note.type){
             case 0, $af8d31735c159a26$export$27c95a7104c1f7aa:
-                return this.formatChordSymbolString(showMinor);
+                return this.formatChordSymbolString(showMinor, useUnicodeModifier);
             case 0, $af8d31735c159a26$export$4d318981b5a83836:
                 return this.formatNumericString(showMinor);
             case 0, $af8d31735c159a26$export$1321df9b16c30c6a:
@@ -1334,8 +1344,9 @@ function $bff5407e03fdc8ee$var$modifierTransposition(modifier) {
                 throw new Error(`Unexpected note type ${this.note.type}`);
         }
     }
-    formatChordSymbolString(showMinor) {
-        return `${this.note}${this.modifier || ""}${this.minor && showMinor ? "m" : ""}`;
+    formatChordSymbolString(showMinor, unicodeModifier) {
+        const modifier = unicodeModifier ? this.unicodeModifier : this.modifier;
+        return `${this.note}${modifier || ""}${this.minor && showMinor ? "m" : ""}`;
     }
     formatNumericString(showMinor) {
         return `${this.modifier || ""}${this.note}${this.minor && showMinor ? "m" : ""}`;
@@ -2485,12 +2496,18 @@ function $26f57998457eb2d4$var$normalizeChordSuffix(suffix) {
     }
     /**
    * Converts the chord to a string, eg `Esus4/G#` or `1sus4/#3`
+   * @param {Object} [configuration={}] options
+   * @param {boolean} [configuration.useUnicodeModifier=false] Whether or not to use unicode modifiers.
+   * This will make `#` (sharp) look like `♯` and `b` (flat) look like `♭`
    * @returns {string} the chord string
-   */ toString() {
+   */ toString({ useUnicodeModifier: useUnicodeModifier = false  } = {}) {
         const chordString = this.root.toString({
-            showMinor: false
+            showMinor: false,
+            useUnicodeModifier: useUnicodeModifier
         }) + (this.suffix || "");
-        if (this.bass) return `${chordString}/${this.bass.toString()}`;
+        if (this.bass) return `${chordString}/${this.bass.toString({
+            useUnicodeModifier: useUnicodeModifier
+        })}`;
         return chordString;
     }
     /**
@@ -2684,7 +2701,9 @@ const $bbcfd2c49e8e9957$export$78c0028a34264234 = {
         separator: ","
     },
     key: null,
-    expandChorusDirective: false
+    expandChorusDirective: false,
+    useUnicodeModifiers: false,
+    normalizeChords: true
 };
 class $bbcfd2c49e8e9957$var$Configuration {
     constructor(configuration = $bbcfd2c49e8e9957$export$78c0028a34264234){
@@ -2694,6 +2713,8 @@ class $bbcfd2c49e8e9957$var$Configuration {
         };
         this.evaluate = !!mergedConfig.evaluate;
         this.expandChorusDirective = !!mergedConfig.expandChorusDirective;
+        this.useUnicodeModifiers = !!mergedConfig.useUnicodeModifiers;
+        this.normalizeChords = !!mergedConfig.normalizeChords;
         this.metadata = new (0, $71c330be198ce421$export$2e2bcd8739ae039)(configuration.metadata);
         this.key = configuration.key ? (0, $bff5407e03fdc8ee$export$2e2bcd8739ae039).wrap(configuration.key) : null;
         this.configuration = configuration;
@@ -2711,17 +2732,19 @@ var $bbcfd2c49e8e9957$export$2e2bcd8739ae039 = $bbcfd2c49e8e9957$var$Configurati
     /**
      * Instantiate
      * @param {Object} [configuration={}] options
-     * @param {boolean} [configuration.evaluate=false] Whether or not to evaluate meta expressions. For more info about
-     * meta expressions, see: https://bit.ly/2SC9c2u
+     * @param {boolean} [configuration.evaluate=false] Whether or not to evaluate meta expressions.
+     * For more info about meta expressions, see: https://bit.ly/2SC9c2u
      * @param {object} [configuration.metadata={}]
-     * @param {string} [configuration.metadata.separator=", "] The separator to be used when rendering a metadata value
-     * that has multiple values. See: https://bit.ly/2SC9c2u
-     * @param {Key|string} [configuration.key=null] The key to use for rendering. The chord sheet will be transposed
-     * from the song's original key (as indicated by the `{key}` directive) to the specified key.
-     * Note that transposing will only work
-     * if the original song key is set.
+     * @param {string} [configuration.metadata.separator=", "] The separator to be used when rendering a
+     * metadata value that has multiple values. See: https://bit.ly/2SC9c2u
+     * @param {Key|string} [configuration.key=null] The key to use for rendering. The chord sheet will be
+     * transposed from the song's original key (as indicated by the `{key}` directive) to the specified key.
+     * Note that transposing will only work if the original song key is set.
      * @param {boolean} [configuration.expandChorusDirective=false] Whether or not to expand `{chorus}` directives
      * by rendering the last defined chorus inline after the directive.
+     * @param {boolean} [configuration.useUnicodeModifiers=false] Whether or not to use unicode flat and sharp
+     * symbols.
+     * @param {boolean} [configuration.normalizeChords=true] Whether or not to automatically normalize chords
      */ constructor(configuration = null){
         this.configuration = new (0, $bbcfd2c49e8e9957$export$2e2bcd8739ae039)(configuration || {});
     }
@@ -8213,14 +8236,18 @@ function $dfecd32049fa58e9$var$chordTransposeDistance(capo, transposeKey, songKe
     }
     return transpose;
 }
-function $dfecd32049fa58e9$export$596ec52955da9472(chordString, line, song, renderKey = null) {
+function $dfecd32049fa58e9$export$596ec52955da9472(chordString, line, song, { renderKey: renderKey = null , useUnicodeModifier: useUnicodeModifier = false , normalizeChords: normalizeChords = true  } = {}) {
     const chord = (0, $26f57998457eb2d4$export$2e2bcd8739ae039).parse(chordString);
     const songKey = song.key;
     const capo = parseInt(song.metadata.getSingle((0, $5e9ede69210ec54a$export$866f445d49bad88e)), 10);
     if (!chord) return chordString;
     const effectiveTransposeDistance = $dfecd32049fa58e9$var$chordTransposeDistance(capo, line.transposeKey, songKey, renderKey);
     const effectiveKey = renderKey || (0, $bff5407e03fdc8ee$export$2e2bcd8739ae039).wrap(line.key || song.key)?.transpose(effectiveTransposeDistance) || null;
-    return chord.transpose(effectiveTransposeDistance).normalize(effectiveKey).toString();
+    const transposedChord = chord.transpose(effectiveTransposeDistance);
+    const normalizedChord = normalizeChords ? transposedChord.normalize(effectiveKey) : transposedChord;
+    return normalizedChord.toString({
+        useUnicodeModifier: useUnicodeModifier
+    });
 }
 function $dfecd32049fa58e9$export$b07b16221c14aaa(key) {
     return (0, $427b789bcf346e61$export$1ba61c6fa2f892a9)[(0, $bff5407e03fdc8ee$export$2e2bcd8739ae039).toString(key)];
@@ -8291,7 +8318,11 @@ var $93f055b77b2d269f$export$2e2bcd8739ae039 = ({ configuration: configuration ,
               ${(0, $376e205ced98486b$export$79b2f7037acddd43)(line.items, (item)=>`
                 ${(0, $376e205ced98486b$export$a55877ca9db47377)((0, $376e205ced98486b$export$17c9e635b932873b)(item), ()=>`
                   <div class="column">
-                    <div class="chord"${(0, $376e205ced98486b$export$ca030c9435779e4b)(line.chordFont)}>${(0, $dfecd32049fa58e9$export$596ec52955da9472)(item.chords, line, song, key)}</div>
+                    <div class="chord"${(0, $376e205ced98486b$export$ca030c9435779e4b)(line.chordFont)}>${(0, $dfecd32049fa58e9$export$596ec52955da9472)(item.chords, line, song, {
+                            renderKey: key,
+                            useUnicodeModifier: configuration.useUnicodeModifiers,
+                            normalizeChords: configuration.normalizeChords
+                        })}</div>
                     <div class="lyrics"${(0, $376e205ced98486b$export$ca030c9435779e4b)(line.textFont)}>${item.lyrics}</div>
                   </div>
                 `)}
@@ -8375,7 +8406,11 @@ var $5381a6b1b90601c7$export$2e2bcd8739ae039 = ({ configuration: configuration ,
                   <tr>
                     ${(0, $376e205ced98486b$export$79b2f7037acddd43)(line.items, (item)=>`
                       ${(0, $376e205ced98486b$export$a55877ca9db47377)((0, $376e205ced98486b$export$17c9e635b932873b)(item), ()=>`
-                        <td class="chord"${(0, $376e205ced98486b$export$ca030c9435779e4b)(line.chordFont)}>${(0, $dfecd32049fa58e9$export$596ec52955da9472)(item.chords, line, song, key)}</td>
+                        <td class="chord"${(0, $376e205ced98486b$export$ca030c9435779e4b)(line.chordFont)}>${(0, $dfecd32049fa58e9$export$596ec52955da9472)(item.chords, line, song, {
+                                    renderKey: key,
+                                    useUnicodeModifier: configuration.useUnicodeModifiers,
+                                    normalizeChords: configuration.normalizeChords
+                                })}</td>
                       `)}
                     `)}
                   </tr>
@@ -8519,17 +8554,25 @@ var $5b02ea769c63fd56$export$2e2bcd8739ae039 = $5b02ea769c63fd56$var$HtmlTableFo
         return null;
     }
     chordLyricsPairLength(chordLyricsPair, line) {
-        const chords = (0, $dfecd32049fa58e9$export$596ec52955da9472)(chordLyricsPair.chords, line, this.song, this.configuration.key);
+        const chords = this.renderChords(chordLyricsPair, line);
         const { lyrics: lyrics  } = chordLyricsPair;
         const chordsLength = (chords || "").length;
         const lyricsLength = (lyrics || "").length;
         if (chordsLength >= lyricsLength) return chordsLength + 1;
         return Math.max(chordsLength, lyricsLength);
     }
+    renderChords(chordLyricsPair, line) {
+        const chords = (0, $dfecd32049fa58e9$export$596ec52955da9472)(chordLyricsPair.chords, line, this.song, {
+            renderKey: this.configuration.key,
+            useUnicodeModifier: this.configuration.useUnicodeModifiers,
+            normalizeChords: this.configuration.normalizeChords
+        });
+        return chords;
+    }
     formatItemTop(item, _metadata, line) {
         if (item instanceof (0, $5e9ede69210ec54a$export$2e2bcd8739ae039) && item.isRenderable()) return item.value || "";
         if (item instanceof (0, $d454f4215ba01af2$export$2e2bcd8739ae039)) {
-            const chords = (0, $dfecd32049fa58e9$export$596ec52955da9472)(item.chords, line, this.song, this.configuration.key);
+            const chords = this.renderChords(item, line);
             return (0, $21a34a464e7bc609$export$bc3bea8325045070)(chords, this.chordLyricsPairLength(item, line));
         }
         return "";