@goplayerjuggler/abc-tools 1.0.5 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/package.json +1 -1
  2. package/src/incipit.js +11 -17
  3. package/src/manipulator.js +1 -1
  4. package/src/math.js +3 -0
  5. package/src/sort/contour-sort.js +11 -4
  6. package/src/sort/contour-svg.js +3 -3
  7. package/test-output/svg/comparison-high-range-auto-range.svg +10 -9
  8. package/test-output/svg/comparison-high-range.svg +10 -10
  9. package/test-output/svg/comparison-low-range-auto-range.svg +10 -9
  10. package/test-output/svg/comparison-low-range.svg +10 -10
  11. package/test-output/svg/comparison-mid-range-auto-range.svg +10 -10
  12. package/test-output/svg/comparison-mid-range.svg +10 -10
  13. package/test-output/svg/held-vs-repeated-auto-range.svg +8 -8
  14. package/test-output/svg/held-vs-repeated.svg +8 -8
  15. package/test-output/svg/multiple-silences-auto-range.svg +8 -8
  16. package/test-output/svg/multiple-silences.svg +8 -8
  17. package/test-output/svg/simple-ascending-auto-range.svg +16 -16
  18. package/test-output/svg/simple-ascending.svg +16 -16
  19. package/test-output/svg/the-munster-auto-range.svg +20 -24
  20. package/test-output/svg/the-munster.svg +20 -24
  21. package/test-output/svg/with-silences-auto-range.svg +8 -8
  22. package/test-output/svg/with-silences.svg +8 -8
  23. package/test-output/svg/with-subdivisions-auto-range.svg +16 -16
  24. package/test-output/svg/with-subdivisions.svg +16 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@goplayerjuggler/abc-tools",
3
- "version": "1.0.5",
3
+ "version": "1.0.6",
4
4
  "description": "sorting algorithm and implementation for ABC tunes; plus other tools for parsing and manipulating ABC tunes",
5
5
  "main": "src/index.js",
6
6
  "scripts": {
package/src/incipit.js CHANGED
@@ -220,8 +220,8 @@ function StripChordsOne(theNotes) {
220
220
 
221
221
  function sanitise(theTune) {
222
222
  let j,
223
- k, //theTextIncipits = [],
224
- theTextIncipit;
223
+ k,
224
+ theTextIncipits = [];
225
225
  // Strip out annotations
226
226
  theTune = StripAnnotationsOneForIncipits(theTune);
227
227
 
@@ -243,9 +243,9 @@ function sanitise(theTune) {
243
243
  theKey = theLines[j];
244
244
 
245
245
  if (theKey.indexOf("K:") !== -1) {
246
+ indexOfTheKey = j;
246
247
  break;
247
248
  }
248
- indexOfTheKey = j;
249
249
  }
250
250
  // Find the L: parameter
251
251
  let theL = "";
@@ -267,24 +267,18 @@ function sanitise(theTune) {
267
267
  break;
268
268
  }
269
269
  }
270
-
271
- // Find the first line of the tune that has measure separators
270
+ // Use at most the first three lines following the header K:
271
+ let added = 0;
272
272
  for (k = indexOfTheKey + 1; k < nLines; ++k) {
273
- theTextIncipit = theLines[k];
274
-
275
- // Skip lines that don't have bar lines
276
- if (theTextIncipit.indexOf("|") === -1) {
277
- continue;
278
- }
273
+ const theTextIncipit = theLines[k];
279
274
 
280
275
  // Clean out the incipit line of any annotations besides notes and bar lines
281
- theTextIncipit = cleanIncipitLine(theTextIncipit);
282
-
283
- break;
284
- //theTextIncipits.push(theTextIncipit);
276
+ theTextIncipits.push(cleanIncipitLine(theTextIncipit));
277
+ added++;
278
+ if (added === 3) break;
285
279
  }
286
280
 
287
- return `X:1\n${theM}\n${theL}\n${theKey}\n${theTextIncipit}`;
281
+ return `X:1\n${theM}\n${theL}\n${theKey}\n${theTextIncipits.join("\n")}`;
288
282
  }
289
283
 
290
284
  /**
@@ -323,7 +317,7 @@ function getIncipit(data) {
323
317
  }
324
318
  }
325
319
  abc = sanitise(abc);
326
- return getFirstBars(abc, numBars, withAnacrucis, true, { all: true });
320
+ return getFirstBars(abc, numBars, withAnacrucis, false, { all: true });
327
321
  }
328
322
 
329
323
  function getIncipitForContourGeneration(abc) {
package/src/manipulator.js CHANGED
@@ -159,7 +159,7 @@ function insertCharsAtIndexes(originalString, charToInsert, indexes) {
159
159
  /**
160
160
  * Toggle meter by doubling or halving bar length
161
161
  * Supports 4/4↔4/2 and 6/8↔12/8 transformations
162
- * This is neary a true inverse operation - going there and back preserves the ABC except for some
162
+ * This is nearly a true inverse operation - going there and back preserves the ABC except for some
163
163
  * edge cases involving spaces around the bar lines. No need to handle them.
164
164
  * Handles anacrusis correctly and preserves line breaks
165
165
  *
package/src/math.js CHANGED
@@ -80,6 +80,9 @@ class Fraction {
80
80
  toString() {
81
81
  return this.den === 1 ? `${this.num}` : `${this.num}/${this.den}`;
82
82
  }
83
+ toNumber() {
84
+ return this.num / this.den;
85
+ }
83
86
  }
84
87
 
85
88
  function gcd(a, b) {
package/src/sort/contour-sort.js CHANGED
@@ -3,6 +3,7 @@ const {
3
3
  getTonalBase,
4
4
  getUnitLength,
5
5
  parseABCWithBars,
6
+ getMeter,
6
7
  } = require("../parse/parser.js");
7
8
 
8
9
  const { contourToSvg } = require("./contour-svg.js");
@@ -29,12 +30,18 @@ const {
29
30
  *
30
31
  * todo: complete this header. options.withSvg; options.maxNbUnitLengths
31
32
  */
32
- function getContour(abc, options = {}) {
33
- const { withSvg = true, maxNbUnitLengths = 10 } = { options };
33
+ function getContour(
34
+ abc,
35
+ { withSvg = false, maxNbUnitLengths = 10, svgConfig = {} } = {}
36
+ ) {
34
37
  const tonalBase = getTonalBase(abc);
35
38
  const unitLength = getUnitLength(abc);
36
39
  const maxDuration = unitLength.multiply(maxNbUnitLengths);
37
- const { bars } = parseABCWithBars(abc, options);
40
+ const meter = getMeter(abc);
41
+ const maxNbBars = maxDuration.divide(new Fraction(meter[0], meter[1]));
42
+ const { bars } = parseABCWithBars(abc, {
43
+ maxBars: Math.ceil(maxNbBars.toNumber()),
44
+ });
38
45
  let cumulatedDuration = new Fraction(0, 1);
39
46
  const sortKey = [];
40
47
  const durations = [];
@@ -124,7 +131,7 @@ function getContour(abc, options = {}) {
124
131
  result.durations = durations;
125
132
  }
126
133
  if (withSvg) {
127
- result.svg = contourToSvg(result);
134
+ result.svg = contourToSvg(result, svgConfig);
128
135
  }
129
136
  return result;
130
137
  }
package/src/sort/contour-svg.js CHANGED
@@ -60,7 +60,7 @@ const contourToSvg_defaultConfig = {
60
60
  * @param {Object} contour - The contour object containing sortKey and optional durations
61
61
  * @param {string} contour.sortKey - Encoded string of modal degree information
62
62
  * @param {Array<{i: number, n?: number, d: number}>} [contour.durations] - Array of duration modifications
63
- * @param {Partial<SvgConfig>} [userConfig] - Optional configuration overrides
63
+ * @param {Partial<SvgConfig>} [svgConfig] - Optional configuration overrides
64
64
  * @returns {string} SVG markup as a string
65
65
  *
66
66
  * @example
@@ -90,8 +90,8 @@ const contourToSvg_defaultConfig = {
90
90
  * maxDegree: null //maxDegree will auto-calculate
91
91
  * });
92
92
  */
93
- function contourToSvg(contour, userConfig = {}) {
94
- const config = { ...contourToSvg_defaultConfig, ...userConfig };
93
+ function contourToSvg(contour, svgConfig = {}) {
94
+ const config = { ...contourToSvg_defaultConfig, ...svgConfig };
95
95
 
96
96
  if (!contour || !contour.sortKey) {
97
97
  throw new Error("Invalid contour object: missing sortKey");
package/test-output/svg/comparison-high-range-auto-range.svg CHANGED
@@ -1,10 +1,11 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="100" height="10" viewBox="0 0 100 10" role="img">
2
- <rect width="100" height="10" fill="white"/>
3
- <line x1="10" y1="6" x2="30" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
4
- <line x1="30" y1="6" x2="30" y2="4" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="30" y1="4" x2="50" y2="4" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
- <line x1="50" y1="4" x2="50" y2="2" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="50" y1="2" x2="70" y2="2" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="70" y1="2" x2="70" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
- <line x1="70" y1="0" x2="90" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="80" height="62" viewBox="0 0 80 62" role="img">
2
+ <rect width="80" height="62" fill="white"/>
3
+ <line x1="10" y1="51" x2="70" y2="51" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="16" x2="25" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="25" y1="16" x2="25" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="25" y1="11" x2="40" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="40" y1="11" x2="40" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="40" y1="6" x2="55" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
+ <line x1="55" y1="6" x2="55" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
+ <line x1="55" y1="1" x2="70" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
11
  </svg>
package/test-output/svg/comparison-high-range.svg CHANGED
@@ -1,11 +1,11 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="100" height="64" viewBox="0 0 100 64" role="img">
2
- <rect width="100" height="64" fill="white"/>
3
- <line x1="10" y1="30" x2="90" y2="30" stroke="#e5e7eb" stroke-width="1" />
4
- <line x1="10" y1="16" x2="30" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="30" y1="16" x2="30" y2="14" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
- <line x1="30" y1="14" x2="50" y2="14" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="50" y1="14" x2="50" y2="12" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="50" y1="12" x2="70" y2="12" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
- <line x1="70" y1="12" x2="70" y2="10" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
- <line x1="70" y1="10" x2="90" y2="10" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="80" height="62" viewBox="0 0 80 62" role="img">
2
+ <rect width="80" height="62" fill="white"/>
3
+ <line x1="10" y1="51" x2="70" y2="51" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="16" x2="25" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="25" y1="16" x2="25" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="25" y1="11" x2="40" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="40" y1="11" x2="40" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="40" y1="6" x2="55" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
+ <line x1="55" y1="6" x2="55" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
+ <line x1="55" y1="1" x2="70" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
11
11
  </svg>
package/test-output/svg/comparison-low-range-auto-range.svg CHANGED
@@ -1,10 +1,11 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="100" height="10" viewBox="0 0 100 10" role="img">
2
- <rect width="100" height="10" fill="white"/>
3
- <line x1="10" y1="6" x2="30" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
4
- <line x1="30" y1="6" x2="30" y2="4" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="30" y1="4" x2="50" y2="4" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
- <line x1="50" y1="4" x2="50" y2="2" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="50" y1="2" x2="70" y2="2" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="70" y1="2" x2="70" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
- <line x1="70" y1="0" x2="90" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="80" height="47" viewBox="0 0 80 47" role="img">
2
+ <rect width="80" height="47" fill="white"/>
3
+ <line x1="10" y1="1" x2="70" y2="1" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="36" x2="25" y2="36" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="25" y1="36" x2="25" y2="31" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="25" y1="31" x2="40" y2="31" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="40" y1="31" x2="40" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="40" y1="26" x2="55" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
+ <line x1="55" y1="26" x2="55" y2="21" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
+ <line x1="55" y1="21" x2="70" y2="21" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
11
  </svg>
package/test-output/svg/comparison-low-range.svg CHANGED
@@ -1,11 +1,11 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="100" height="64" viewBox="0 0 100 64" role="img">
2
- <rect width="100" height="64" fill="white"/>
3
- <line x1="10" y1="30" x2="90" y2="30" stroke="#e5e7eb" stroke-width="1" />
4
- <line x1="10" y1="44" x2="30" y2="44" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="30" y1="44" x2="30" y2="42" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
- <line x1="30" y1="42" x2="50" y2="42" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="50" y1="42" x2="50" y2="40" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="50" y1="40" x2="70" y2="40" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
- <line x1="70" y1="40" x2="70" y2="38" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
- <line x1="70" y1="38" x2="90" y2="38" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="80" height="47" viewBox="0 0 80 47" role="img">
2
+ <rect width="80" height="47" fill="white"/>
3
+ <line x1="10" y1="1" x2="70" y2="1" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="36" x2="25" y2="36" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="25" y1="36" x2="25" y2="31" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="25" y1="31" x2="40" y2="31" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="40" y1="31" x2="40" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="40" y1="26" x2="55" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
+ <line x1="55" y1="26" x2="55" y2="21" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
+ <line x1="55" y1="21" x2="70" y2="21" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
11
11
  </svg>
package/test-output/svg/comparison-mid-range-auto-range.svg CHANGED
@@ -1,11 +1,11 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="100" height="10" viewBox="0 0 100 10" role="img">
2
- <rect width="100" height="10" fill="white"/>
3
- <line x1="10" y1="6" x2="90" y2="6" stroke="#e5e7eb" stroke-width="1" />
4
- <line x1="10" y1="6" x2="30" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="30" y1="6" x2="30" y2="4" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
- <line x1="30" y1="4" x2="50" y2="4" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="50" y1="4" x2="50" y2="2" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="50" y1="2" x2="70" y2="2" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
- <line x1="70" y1="2" x2="70" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
- <line x1="70" y1="0" x2="90" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="80" height="27" viewBox="0 0 80 27" role="img">
2
+ <rect width="80" height="27" fill="white"/>
3
+ <line x1="10" y1="16" x2="70" y2="16" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="16" x2="25" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="25" y1="16" x2="25" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="25" y1="11" x2="40" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="40" y1="11" x2="40" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="40" y1="6" x2="55" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
+ <line x1="55" y1="6" x2="55" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
+ <line x1="55" y1="1" x2="70" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
11
11
  </svg>
package/test-output/svg/comparison-mid-range.svg CHANGED
@@ -1,11 +1,11 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="100" height="64" viewBox="0 0 100 64" role="img">
2
- <rect width="100" height="64" fill="white"/>
3
- <line x1="10" y1="30" x2="90" y2="30" stroke="#e5e7eb" stroke-width="1" />
4
- <line x1="10" y1="30" x2="30" y2="30" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="30" y1="30" x2="30" y2="28" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
- <line x1="30" y1="28" x2="50" y2="28" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="50" y1="28" x2="50" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="50" y1="26" x2="70" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
- <line x1="70" y1="26" x2="70" y2="24" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
- <line x1="70" y1="24" x2="90" y2="24" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="80" height="27" viewBox="0 0 80 27" role="img">
2
+ <rect width="80" height="27" fill="white"/>
3
+ <line x1="10" y1="16" x2="70" y2="16" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="16" x2="25" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="25" y1="16" x2="25" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="25" y1="11" x2="40" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="40" y1="11" x2="40" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="40" y1="6" x2="55" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
+ <line x1="55" y1="6" x2="55" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
+ <line x1="55" y1="1" x2="70" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
11
11
  </svg>
package/test-output/svg/held-vs-repeated-auto-range.svg CHANGED
@@ -1,9 +1,9 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="120" height="4" viewBox="0 0 120 4" role="img">
2
- <rect width="120" height="4" fill="white"/>
3
- <line x1="10" y1="0" x2="110" y2="0" stroke="#e5e7eb" stroke-width="1" />
4
- <line x1="10" y1="0" x2="30" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="30" y1="0" x2="50" y2="0" stroke="#93c5fd" stroke-width="2" stroke-linecap="round" />
6
- <line x1="50" y1="0" x2="70" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="70" y1="0" x2="90" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="90" y1="0" x2="110" y2="0" stroke="#93c5fd" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="95" height="12" viewBox="0 0 95 12" role="img">
2
+ <rect width="95" height="12" fill="white"/>
3
+ <line x1="10" y1="1" x2="85" y2="1" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="1" x2="25" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="25" y1="1" x2="40" y2="1" stroke="#93c5fd" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="40" y1="1" x2="55" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="55" y1="1" x2="70" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="70" y1="1" x2="85" y2="1" stroke="#93c5fd" stroke-width="2" stroke-linecap="round" />
9
9
  </svg>
package/test-output/svg/held-vs-repeated.svg CHANGED
@@ -1,9 +1,9 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="120" height="64" viewBox="0 0 120 64" role="img">
2
- <rect width="120" height="64" fill="white"/>
3
- <line x1="10" y1="30" x2="110" y2="30" stroke="#e5e7eb" stroke-width="1" />
4
- <line x1="10" y1="30" x2="30" y2="30" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="30" y1="30" x2="50" y2="30" stroke="#93c5fd" stroke-width="2" stroke-linecap="round" />
6
- <line x1="50" y1="30" x2="70" y2="30" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="70" y1="30" x2="90" y2="30" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="90" y1="30" x2="110" y2="30" stroke="#93c5fd" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="95" height="12" viewBox="0 0 95 12" role="img">
2
+ <rect width="95" height="12" fill="white"/>
3
+ <line x1="10" y1="1" x2="85" y2="1" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="1" x2="25" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="25" y1="1" x2="40" y2="1" stroke="#93c5fd" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="40" y1="1" x2="55" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="55" y1="1" x2="70" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="70" y1="1" x2="85" y2="1" stroke="#93c5fd" stroke-width="2" stroke-linecap="round" />
9
9
  </svg>
package/test-output/svg/multiple-silences-auto-range.svg CHANGED
@@ -1,9 +1,9 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="140" height="8" viewBox="0 0 140 8" role="img">
2
- <rect width="140" height="8" fill="white"/>
3
- <line x1="10" y1="4" x2="130" y2="4" stroke="#e5e7eb" stroke-width="1" />
4
- <line x1="10" y1="4" x2="30" y2="4" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="30" y1="4" x2="30" y2="2" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
- <line x1="70" y1="2" x2="90" y2="2" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="90" y1="2" x2="90" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="110" y1="0" x2="130" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="110" height="22" viewBox="0 0 110 22" role="img">
2
+ <rect width="110" height="22" fill="white"/>
3
+ <line x1="10" y1="11" x2="100" y2="11" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="11" x2="25" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="25" y1="11" x2="25" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="55" y1="6" x2="70" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="70" y1="6" x2="70" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="85" y1="1" x2="100" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
9
  </svg>
package/test-output/svg/multiple-silences.svg CHANGED
@@ -1,9 +1,9 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="140" height="64" viewBox="0 0 140 64" role="img">
2
- <rect width="140" height="64" fill="white"/>
3
- <line x1="10" y1="30" x2="130" y2="30" stroke="#e5e7eb" stroke-width="1" />
4
- <line x1="10" y1="30" x2="30" y2="30" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="30" y1="30" x2="30" y2="28" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
- <line x1="70" y1="28" x2="90" y2="28" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="90" y1="28" x2="90" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="110" y1="26" x2="130" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="110" height="22" viewBox="0 0 110 22" role="img">
2
+ <rect width="110" height="22" fill="white"/>
3
+ <line x1="10" y1="11" x2="100" y2="11" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="11" x2="25" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="25" y1="11" x2="25" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="55" y1="6" x2="70" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="70" y1="6" x2="70" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="85" y1="1" x2="100" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
9
  </svg>
package/test-output/svg/simple-ascending-auto-range.svg CHANGED
@@ -1,17 +1,17 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="160" height="16" viewBox="0 0 160 16" role="img">
2
- <rect width="160" height="16" fill="white"/>
3
- <line x1="10" y1="12" x2="150" y2="12" stroke="#e5e7eb" stroke-width="1" />
4
- <line x1="10" y1="12" x2="30" y2="12" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="30" y1="12" x2="30" y2="10" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
- <line x1="30" y1="10" x2="50" y2="10" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="50" y1="10" x2="50" y2="8" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="50" y1="8" x2="70" y2="8" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
- <line x1="70" y1="8" x2="70" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
- <line x1="70" y1="6" x2="90" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
11
- <line x1="90" y1="6" x2="90" y2="4" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
12
- <line x1="90" y1="4" x2="110" y2="4" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
13
- <line x1="110" y1="4" x2="110" y2="2" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
14
- <line x1="110" y1="2" x2="130" y2="2" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
15
- <line x1="130" y1="2" x2="130" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
16
- <line x1="130" y1="0" x2="150" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="125" height="42" viewBox="0 0 125 42" role="img">
2
+ <rect width="125" height="42" fill="white"/>
3
+ <line x1="10" y1="31" x2="115" y2="31" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="31" x2="25" y2="31" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="25" y1="31" x2="25" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="25" y1="26" x2="40" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="40" y1="26" x2="40" y2="21" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="40" y1="21" x2="55" y2="21" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
+ <line x1="55" y1="21" x2="55" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
+ <line x1="55" y1="16" x2="70" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
11
+ <line x1="70" y1="16" x2="70" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
12
+ <line x1="70" y1="11" x2="85" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
13
+ <line x1="85" y1="11" x2="85" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
14
+ <line x1="85" y1="6" x2="100" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
15
+ <line x1="100" y1="6" x2="100" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
16
+ <line x1="100" y1="1" x2="115" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
17
17
  </svg>
package/test-output/svg/simple-ascending.svg CHANGED
@@ -1,17 +1,17 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="160" height="64" viewBox="0 0 160 64" role="img">
2
- <rect width="160" height="64" fill="white"/>
3
- <line x1="10" y1="30" x2="150" y2="30" stroke="#e5e7eb" stroke-width="1" />
4
- <line x1="10" y1="30" x2="30" y2="30" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="30" y1="30" x2="30" y2="28" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
- <line x1="30" y1="28" x2="50" y2="28" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="50" y1="28" x2="50" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="50" y1="26" x2="70" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
- <line x1="70" y1="26" x2="70" y2="24" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
- <line x1="70" y1="24" x2="90" y2="24" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
11
- <line x1="90" y1="24" x2="90" y2="22" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
12
- <line x1="90" y1="22" x2="110" y2="22" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
13
- <line x1="110" y1="22" x2="110" y2="20" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
14
- <line x1="110" y1="20" x2="130" y2="20" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
15
- <line x1="130" y1="20" x2="130" y2="18" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
16
- <line x1="130" y1="18" x2="150" y2="18" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="125" height="42" viewBox="0 0 125 42" role="img">
2
+ <rect width="125" height="42" fill="white"/>
3
+ <line x1="10" y1="31" x2="115" y2="31" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="31" x2="25" y2="31" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="25" y1="31" x2="25" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="25" y1="26" x2="40" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="40" y1="26" x2="40" y2="21" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="40" y1="21" x2="55" y2="21" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
+ <line x1="55" y1="21" x2="55" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
+ <line x1="55" y1="16" x2="70" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
11
+ <line x1="70" y1="16" x2="70" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
12
+ <line x1="70" y1="11" x2="85" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
13
+ <line x1="85" y1="11" x2="85" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
14
+ <line x1="85" y1="6" x2="100" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
15
+ <line x1="100" y1="6" x2="100" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
16
+ <line x1="100" y1="1" x2="115" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
17
17
  </svg>
package/test-output/svg/the-munster-auto-range.svg CHANGED
@@ -1,25 +1,21 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="260" height="18" viewBox="0 0 260 18" role="img">
2
- <rect width="260" height="18" fill="white"/>
3
- <line x1="10" y1="14" x2="250" y2="14" stroke="#e5e7eb" stroke-width="1" />
4
- <line x1="10" y1="14" x2="30" y2="14" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="30" y1="14" x2="50" y2="14" stroke="#93c5fd" stroke-width="2" stroke-linecap="round" />
6
- <line x1="50" y1="14" x2="50" y2="10" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="50" y1="10" x2="70" y2="10" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="70" y1="10" x2="70" y2="12" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
- <line x1="70" y1="12" x2="90" y2="12" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
- <line x1="90" y1="12" x2="90" y2="14" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
11
- <line x1="90" y1="14" x2="110" y2="14" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
12
- <line x1="110" y1="14" x2="110" y2="12" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
13
- <line x1="110" y1="12" x2="130" y2="12" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
14
- <line x1="130" y1="12" x2="130" y2="10" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
15
- <line x1="130" y1="10" x2="150" y2="10" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
16
- <line x1="150" y1="10" x2="170" y2="10" stroke="#93c5fd" stroke-width="2" stroke-linecap="round" />
17
- <line x1="170" y1="10" x2="170" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
18
- <line x1="170" y1="6" x2="190" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
19
- <line x1="190" y1="6" x2="190" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
20
- <line x1="190" y1="0" x2="210" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
21
- <line x1="210" y1="0" x2="210" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
22
- <line x1="210" y1="6" x2="230" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
23
- <line x1="230" y1="6" x2="230" y2="10" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
24
- <line x1="230" y1="10" x2="250" y2="10" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="170" height="47" viewBox="0 0 170 47" role="img">
2
+ <rect width="170" height="47" fill="white"/>
3
+ <line x1="10" y1="36" x2="160" y2="36" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="36" x2="25" y2="36" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="25" y1="36" x2="40" y2="36" stroke="#93c5fd" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="40" y1="36" x2="40" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="40" y1="26" x2="55" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="55" y1="26" x2="55" y2="31" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
+ <line x1="55" y1="31" x2="70" y2="31" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
+ <line x1="70" y1="31" x2="70" y2="36" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
11
+ <line x1="70" y1="36" x2="85" y2="36" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
12
+ <line x1="85" y1="36" x2="85" y2="31" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
13
+ <line x1="85" y1="31" x2="100" y2="31" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
14
+ <line x1="100" y1="31" x2="100" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
15
+ <line x1="100" y1="26" x2="115" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
16
+ <line x1="115" y1="26" x2="130" y2="26" stroke="#93c5fd" stroke-width="2" stroke-linecap="round" />
17
+ <line x1="130" y1="26" x2="130" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
18
+ <line x1="130" y1="16" x2="145" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
19
+ <line x1="145" y1="16" x2="145" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
20
+ <line x1="145" y1="1" x2="160" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
25
21
  </svg>
package/test-output/svg/the-munster.svg CHANGED
@@ -1,25 +1,21 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="260" height="64" viewBox="0 0 260 64" role="img">
2
- <rect width="260" height="64" fill="white"/>
3
- <line x1="10" y1="30" x2="250" y2="30" stroke="#e5e7eb" stroke-width="1" />
4
- <line x1="10" y1="30" x2="30" y2="30" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="30" y1="30" x2="50" y2="30" stroke="#93c5fd" stroke-width="2" stroke-linecap="round" />
6
- <line x1="50" y1="30" x2="50" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="50" y1="26" x2="70" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="70" y1="26" x2="70" y2="28" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
- <line x1="70" y1="28" x2="90" y2="28" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
- <line x1="90" y1="28" x2="90" y2="30" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
11
- <line x1="90" y1="30" x2="110" y2="30" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
12
- <line x1="110" y1="30" x2="110" y2="28" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
13
- <line x1="110" y1="28" x2="130" y2="28" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
14
- <line x1="130" y1="28" x2="130" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
15
- <line x1="130" y1="26" x2="150" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
16
- <line x1="150" y1="26" x2="170" y2="26" stroke="#93c5fd" stroke-width="2" stroke-linecap="round" />
17
- <line x1="170" y1="26" x2="170" y2="22" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
18
- <line x1="170" y1="22" x2="190" y2="22" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
19
- <line x1="190" y1="22" x2="190" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
20
- <line x1="190" y1="16" x2="210" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
21
- <line x1="210" y1="16" x2="210" y2="22" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
22
- <line x1="210" y1="22" x2="230" y2="22" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
23
- <line x1="230" y1="22" x2="230" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
24
- <line x1="230" y1="26" x2="250" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="170" height="47" viewBox="0 0 170 47" role="img">
2
+ <rect width="170" height="47" fill="white"/>
3
+ <line x1="10" y1="36" x2="160" y2="36" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="36" x2="25" y2="36" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="25" y1="36" x2="40" y2="36" stroke="#93c5fd" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="40" y1="36" x2="40" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="40" y1="26" x2="55" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="55" y1="26" x2="55" y2="31" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
+ <line x1="55" y1="31" x2="70" y2="31" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
+ <line x1="70" y1="31" x2="70" y2="36" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
11
+ <line x1="70" y1="36" x2="85" y2="36" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
12
+ <line x1="85" y1="36" x2="85" y2="31" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
13
+ <line x1="85" y1="31" x2="100" y2="31" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
14
+ <line x1="100" y1="31" x2="100" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
15
+ <line x1="100" y1="26" x2="115" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
16
+ <line x1="115" y1="26" x2="130" y2="26" stroke="#93c5fd" stroke-width="2" stroke-linecap="round" />
17
+ <line x1="130" y1="26" x2="130" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
18
+ <line x1="130" y1="16" x2="145" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
19
+ <line x1="145" y1="16" x2="145" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
20
+ <line x1="145" y1="1" x2="160" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
25
21
  </svg>
package/test-output/svg/with-silences-auto-range.svg CHANGED
@@ -1,9 +1,9 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="140" height="8" viewBox="0 0 140 8" role="img">
2
- <rect width="140" height="8" fill="white"/>
3
- <line x1="10" y1="4" x2="130" y2="4" stroke="#e5e7eb" stroke-width="1" />
4
- <line x1="10" y1="4" x2="30" y2="4" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="30" y1="4" x2="30" y2="2" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
- <line x1="50" y1="2" x2="70" y2="2" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="70" y1="2" x2="70" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="90" y1="0" x2="110" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="110" height="22" viewBox="0 0 110 22" role="img">
2
+ <rect width="110" height="22" fill="white"/>
3
+ <line x1="10" y1="11" x2="100" y2="11" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="11" x2="25" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="25" y1="11" x2="25" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="40" y1="6" x2="55" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="55" y1="6" x2="55" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="70" y1="1" x2="85" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
9
  </svg>
package/test-output/svg/with-silences.svg CHANGED
@@ -1,9 +1,9 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="140" height="64" viewBox="0 0 140 64" role="img">
2
- <rect width="140" height="64" fill="white"/>
3
- <line x1="10" y1="30" x2="130" y2="30" stroke="#e5e7eb" stroke-width="1" />
4
- <line x1="10" y1="30" x2="30" y2="30" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="30" y1="30" x2="30" y2="28" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
- <line x1="50" y1="28" x2="70" y2="28" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="70" y1="28" x2="70" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="90" y1="26" x2="110" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="110" height="22" viewBox="0 0 110 22" role="img">
2
+ <rect width="110" height="22" fill="white"/>
3
+ <line x1="10" y1="11" x2="100" y2="11" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="11" x2="25" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="25" y1="11" x2="25" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="40" y1="6" x2="55" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="55" y1="6" x2="55" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="70" y1="1" x2="85" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
9
  </svg>
package/test-output/svg/with-subdivisions-auto-range.svg CHANGED
@@ -1,17 +1,17 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="120" height="16" viewBox="0 0 120 16" role="img">
2
- <rect width="120" height="16" fill="white"/>
3
- <line x1="10" y1="12" x2="110" y2="12" stroke="#e5e7eb" stroke-width="1" />
4
- <line x1="10" y1="12" x2="20" y2="12" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="20" y1="12" x2="20" y2="10" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
- <line x1="20" y1="10" x2="30" y2="10" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="30" y1="10" x2="30" y2="8" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="30" y1="8" x2="50" y2="8" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
- <line x1="50" y1="8" x2="50" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
- <line x1="50" y1="6" x2="60" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
11
- <line x1="60" y1="6" x2="60" y2="4" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
12
- <line x1="60" y1="4" x2="70" y2="4" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
13
- <line x1="70" y1="4" x2="70" y2="2" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
14
- <line x1="70" y1="2" x2="90" y2="2" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
15
- <line x1="90" y1="2" x2="90" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
16
- <line x1="90" y1="0" x2="110" y2="0" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="95" height="42" viewBox="0 0 95 42" role="img">
2
+ <rect width="95" height="42" fill="white"/>
3
+ <line x1="10" y1="31" x2="85" y2="31" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="31" x2="17.5" y2="31" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="17.5" y1="31" x2="17.5" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="17.5" y1="26" x2="25" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="25" y1="26" x2="25" y2="21" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="25" y1="21" x2="40" y2="21" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
+ <line x1="40" y1="21" x2="40" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
+ <line x1="40" y1="16" x2="47.5" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
11
+ <line x1="47.5" y1="16" x2="47.5" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
12
+ <line x1="47.5" y1="11" x2="55" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
13
+ <line x1="55" y1="11" x2="55" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
14
+ <line x1="55" y1="6" x2="70" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
15
+ <line x1="70" y1="6" x2="70" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
16
+ <line x1="70" y1="1" x2="85" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
17
17
  </svg>
package/test-output/svg/with-subdivisions.svg CHANGED
@@ -1,17 +1,17 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="120" height="64" viewBox="0 0 120 64" role="img">
2
- <rect width="120" height="64" fill="white"/>
3
- <line x1="10" y1="30" x2="110" y2="30" stroke="#e5e7eb" stroke-width="1" />
4
- <line x1="10" y1="30" x2="20" y2="30" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
- <line x1="20" y1="30" x2="20" y2="28" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
- <line x1="20" y1="28" x2="30" y2="28" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
- <line x1="30" y1="28" x2="30" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
- <line x1="30" y1="26" x2="50" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
- <line x1="50" y1="26" x2="50" y2="24" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
- <line x1="50" y1="24" x2="60" y2="24" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
11
- <line x1="60" y1="24" x2="60" y2="22" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
12
- <line x1="60" y1="22" x2="70" y2="22" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
13
- <line x1="70" y1="22" x2="70" y2="20" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
14
- <line x1="70" y1="20" x2="90" y2="20" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
15
- <line x1="90" y1="20" x2="90" y2="18" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
16
- <line x1="90" y1="18" x2="110" y2="18" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="contour-svg" aria-label="Tune contour" width="95" height="42" viewBox="0 0 95 42" role="img">
2
+ <rect width="95" height="42" fill="white"/>
3
+ <line x1="10" y1="31" x2="85" y2="31" stroke="#555555" stroke-width="1" />
4
+ <line x1="10" y1="31" x2="17.5" y2="31" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
5
+ <line x1="17.5" y1="31" x2="17.5" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
6
+ <line x1="17.5" y1="26" x2="25" y2="26" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
7
+ <line x1="25" y1="26" x2="25" y2="21" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
8
+ <line x1="25" y1="21" x2="40" y2="21" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
9
+ <line x1="40" y1="21" x2="40" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
10
+ <line x1="40" y1="16" x2="47.5" y2="16" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
11
+ <line x1="47.5" y1="16" x2="47.5" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
12
+ <line x1="47.5" y1="11" x2="55" y2="11" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
13
+ <line x1="55" y1="11" x2="55" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
14
+ <line x1="55" y1="6" x2="70" y2="6" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
15
+ <line x1="70" y1="6" x2="70" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
16
+ <line x1="70" y1="1" x2="85" y2="1" stroke="#2563eb" stroke-width="2" stroke-linecap="round" />
17
17
  </svg>