@tspro/web-music-score 5.4.0 → 5.4.1

package/dist/score/index.js

@@ -1,4 +1,4 @@
-/* WebMusicScore v5.4.0 | (c) 2023 PahkaSoft | MIT License | Includes: Tone.js (MIT License) */
+/* WebMusicScore v5.4.1 | (c) 2023-2025 PahkaSoft | MIT License | Includes: Tone.js (MIT License) */
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -708,6 +708,8 @@ var DebugSettings = {
 var DocumentSettings = {
   DocumentScale: 1,
   DocumentMinWidth: 75,
+  MinColumnsWidth: 10,
+  ColumnWidthScale: 1.7,
   PostMeasureBreakWidth: 10,
   NoteDotSpace: 0.5,
   NoteAccSpace: 0.5,
@@ -3315,23 +3317,6 @@ var ObjRhythmColumn = class extends MusicObject {
   addLyricsObject(lyricsObj) {
     this.lyricsObject.set(lyricsObj.verse, lyricsObj.line, lyricsObj.vpos, lyricsObj);
   }
-  getMinWidth() {
-    let maxNoteSize = Math.max(...this.voiceSymbol.mapToArray((s) => s.rhythmProps.noteSize));
-    let w = DocumentSettings.NoteHeadWidth;
-    switch (maxNoteSize) {
-      case 1:
-        return w * 5;
-      // whole note
-      case 2:
-        return w * 3;
-      // half note
-      case 4:
-        return w * 2;
-      // quarter note
-      default:
-        return w;
-    }
-  }
   updateNoteDisplacements() {
     let data = [];
     this.voiceSymbol.forEach((symbol) => {
@@ -3422,13 +3407,9 @@ var ObjRhythmColumn = class extends MusicObject {
     if (!this.needLayout) {
       return;
     }
-    this.requestRectUpdate();
-    this.rect = new import_ts_utils_lib13.AnchoredRect();
     let { row } = this;
-    let { unitSize } = ctx;
-    let halfMinWidth = this.getMinWidth() * unitSize / 2;
-    let leftw = halfMinWidth;
-    let rightw = halfMinWidth;
+    let leftw = 0;
+    let rightw = 0;
     this.voiceSymbol.forEach((symbol) => {
       symbol.layout(ctx, accState);
       let r = symbol.getRect();
@@ -3436,31 +3417,28 @@ var ObjRhythmColumn = class extends MusicObject {
       rightw = Math.max(rightw, r.rightw);
     });
     if (this.arpeggioDir !== void 0) {
-      let arpeggioWidth = 0;
-      this.arpeggios = row.getNotationLines().map((line) => {
-        let arpeggio = new ObjArpeggio(this, line, this.getArpeggioDir());
-        arpeggio.layout(ctx);
-        arpeggio.offset(-leftw - arpeggio.getRect().right, line.getRect().anchorY - arpeggio.getRect().anchorY);
-        arpeggioWidth = Math.max(arpeggioWidth, arpeggio.getRect().width);
-        line.addObject(arpeggio);
-        this.measure.addStaticObject(line, arpeggio);
-        return arpeggio;
+      this.arpeggios = row.getNotationLines().map((line) => new ObjArpeggio(this, line, this.getArpeggioDir()));
+      this.arpeggios.forEach((a) => a.layout(ctx));
+      const arpeggioWidth = this.arpeggios.map((a) => a.getRect().width).reduce((accState2, cur) => Math.max(accState2, cur)) + ctx.unitSize;
+      this.arpeggios.forEach((a) => {
+        a.offset(-leftw - arpeggioWidth + a.getRect().leftw, a.line.getRect().anchorY - a.getRect().anchorY);
+        a.line.addObject(a);
+        this.measure.addStaticObject(a.line, a);
       });
       leftw += arpeggioWidth;
     } else {
       this.arpeggios = [];
     }
-    let widenColumnObjs = this.getAnchoredLayoutObjects().filter((layoutObj) => layoutObj.layoutGroup.widensColumn);
-    if (widenColumnObjs.length > 0) {
-      widenColumnObjs.forEach((layoutObj) => {
-        leftw = Math.max(leftw, layoutObj.musicObj.getRect().leftw);
-        rightw = Math.max(rightw, layoutObj.musicObj.getRect().rightw);
-      });
-    }
+    const noteSizes = this.voiceSymbol.mapToArray((s) => s.rhythmProps.noteSize);
+    const maxNoteSize = Math.min(8, Math.max(1, ...noteSizes));
+    const MinColumnWidth = Math.ceil(8 / maxNoteSize) * DocumentSettings.NoteHeadWidth * ctx.unitSize * 0.75;
+    leftw = Math.max(leftw, MinColumnWidth / 2);
+    rightw = Math.max(rightw, MinColumnWidth / 2);
+    leftw *= DocumentSettings.ColumnWidthScale;
+    rightw *= DocumentSettings.ColumnWidthScale;
+    this.rect = new import_ts_utils_lib13.AnchoredRect(-leftw, 0, rightw, 0, 0, 0);
+    this.requestRectUpdate();
     this.voiceSymbol.forEach((symbol) => symbol.updateAccidentalState(accState));
-    this.rect.left = -leftw;
-    this.rect.anchorX = 0;
-    this.rect.right = rightw;
     this.row.getStaves().forEach((staff) => {
       let minDiatonicId = void 0;
       let maxDiatonicId = void 0;
@@ -3488,12 +3466,48 @@ var ObjRhythmColumn = class extends MusicObject {
       }
     });
   }
+  layoutReserveSpace(ctx) {
+    const columns = this.measure.getColumns();
+    const extraSpace = ctx.unitSize;
+    this.getAnchoredLayoutObjects().forEach((obj) => {
+      if (obj.layoutGroup.reserveSpace) {
+        const i = columns.indexOf(this);
+        if (i < 0) return;
+        const leftOverflow = obj.getRect().leftw - this.getRect().leftw;
+        if (leftOverflow > 0) {
+          const prevCol = columns[i - 1];
+          if (prevCol) {
+            prevCol.getAnchoredLayoutObjects().forEach((prevObj) => {
+              if (prevObj.layoutGroupId === obj.layoutGroupId) {
+                const rightOverflow2 = prevObj.getRect().rightw - prevCol.getRect().rightw;
+                this.rect.left -= Math.max(rightOverflow2 + leftOverflow, 0) + extraSpace;
+                this.requestRectUpdate();
+              }
+            });
+          }
+        }
+        const rightOverflow = obj.getRect().rightw - this.getRect().rightw;
+        if (rightOverflow > 0) {
+          const nextCol = columns[i + 1];
+          if (nextCol) {
+            nextCol.getAnchoredLayoutObjects().forEach((nextObj) => {
+              if (nextObj.layoutGroupId === obj.layoutGroupId) {
+                const leftOverflow2 = nextObj.getRect().leftw - nextCol.getRect().leftw;
+                this.rect.right += Math.max(rightOverflow + leftOverflow2, 0) + extraSpace;
+                this.requestRectUpdate();
+              }
+            });
+          }
+        }
+      }
+    });
+  }
   layoutDone() {
     this.needLayout = false;
   }
   updateRect() {
     this.shapeRects = [
-      ...this.voiceSymbol.filter((s) => !!s).mapToArray((s) => s.getRect().clone()),
+      ...this.voiceSymbol.filter((s) => s !== void 0).mapToArray((s) => s.getRect().clone()),
       ...this.arpeggios.map((a) => a.getRect().clone())
     ];
     this.rect.top = Math.min(...this.shapeRects.map((r) => r.top));
@@ -5461,7 +5475,7 @@ var ObjLyrics = class extends MusicObject {
     let halign = (lyricsOptions == null ? void 0 : lyricsOptions.align) === "left" /* Left */ ? 0 : (lyricsOptions == null ? void 0 : lyricsOptions.align) === "right" /* Right */ ? 1 : 0.5;
     this.hyphen = import_ts_utils_lib24.Guard.isEnumValue(lyricsOptions == null ? void 0 : lyricsOptions.hyphen, LyricsHyphen) ? lyricsOptions == null ? void 0 : lyricsOptions.hyphen : void 0;
     this.text = new ObjText(this, { text: lyricsText, color: this.color, scale: 0.8 }, halign, 0);
-    this.rect = new import_ts_utils_lib24.AnchoredRect();
+    this.rect = this.text.getRect().clone();
     this.mi = new MLyrics(this);
   }
   getMusicInterface() {
@@ -5477,7 +5491,7 @@ var ObjLyrics = class extends MusicObject {
     this.nextLyricsObject = lyricsObj;
   }
   pick(x, y) {
-    return this.rect.contains(x, y) ? [this] : [];
+    return this.getRect().contains(x, y) ? [this] : [];
   }
   layout(ctx) {
     this.text.layout(ctx);
@@ -5498,8 +5512,8 @@ var ObjLyrics = class extends MusicObject {
       let maxw = r ? (r.left - l.right) * 0.85 : hyphenw;
       let w = this.hyphen === "-" /* Hyphen */ ? Math.min(hyphenw, maxw) : maxw;
       if (w > 0) {
-        let cx = r ? (r.left + l.right) / 2 : l.right + w / 0.85;
-        let cy = l.centerY / 2;
+        let cx = r ? (l.right + r.left) / 2 : l.right + w / 0.85;
+        let cy = l.centerY;
         ctx.moveTo(cx - w / 2, cy);
         ctx.lineTo(cx + w / 2, cy);
         ctx.stroke();
@@ -5687,7 +5701,27 @@ function getVerseLayoutGroupId(verse) {
       throw new import_core13.MusicError(import_core13.MusicErrorType.Unknown, "VerseNumber is not 1, 2 or 3.");
   }
 }
-var _ObjMeasure = class _ObjMeasure extends MusicObject {
+var MeasureRegions = class {
+  constructor() {
+    __publicField(this, "tabTuning_0", 0);
+    __publicField(this, "signature_1", 0);
+    __publicField(this, "leftBarLine_2", 0);
+    __publicField(this, "padding_3", 0);
+    __publicField(this, "columnsMin_4", 0);
+    __publicField(this, "padding_5", 0);
+    __publicField(this, "rightBarLine_6", 0);
+  }
+  get leftSolid() {
+    return this.tabTuning_0 + this.signature_1 + this.leftBarLine_2 + this.padding_3;
+  }
+  get columnsMin() {
+    return this.columnsMin_4;
+  }
+  get rightSolid() {
+    return this.padding_5 + this.rightBarLine_6;
+  }
+};
+var ObjMeasure = class extends MusicObject {
   constructor(row, options) {
     super(row);
     this.row = row;
@@ -5707,12 +5741,9 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
     __publicField(this, "barLineRight");
     __publicField(this, "connectives", []);
     __publicField(this, "beamGroups", []);
-    __publicField(this, "tabStringNotesWidth", 0);
     __publicField(this, "measureId");
+    __publicField(this, "regions", new MeasureRegions());
     __publicField(this, "needLayout", true);
-    __publicField(this, "leftSolidAreaWidth", 0);
-    __publicField(this, "minColumnsAreaWidth", 0);
-    __publicField(this, "rightSolidAreaWidth", 0);
     __publicField(this, "voiceSymbols", (0, import_ts_utils_lib26.asMulti)(new import_ts_utils_lib26.IndexArray()));
     __publicField(this, "lastAddedRhythmColumn");
     __publicField(this, "lastAddedRhythmSymbol");
@@ -6388,27 +6419,27 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
       this.getRect().bottom
     );
   }
-  getLeftSolidAreaWidth() {
-    return this.leftSolidAreaWidth;
+  getLeftSolidWidth() {
+    return this.regions.leftSolid;
   }
-  getMinColumnsAreaWidth() {
-    return this.minColumnsAreaWidth;
+  getMinColumnsWidth() {
+    return this.regions.columnsMin;
   }
-  getRightSolidAreaWidth() {
-    return this.rightSolidAreaWidth;
+  getRightSolidWidth() {
+    return this.regions.rightSolid;
   }
-  getSolidAreaWidth() {
-    return this.leftSolidAreaWidth + this.rightSolidAreaWidth;
+  getTotalSolidWidth() {
+    return this.getLeftSolidWidth() + this.getRightSolidWidth();
   }
   getMinWidth() {
-    return this.leftSolidAreaWidth + this.minColumnsAreaWidth + this.rightSolidAreaWidth;
+    return this.getLeftSolidWidth() + this.getMinColumnsWidth() + this.getRightSolidWidth();
   }
   getStaffLineLeft() {
     let prev = this.getPrevMeasure();
     if (prev && prev.row === this.row && !prev.hasPostMeasureBreak()) {
       return prev.getStaffLineRight();
     } else {
-      return this.getRect().left + this.tabStringNotesWidth;
+      return this.getRect().left + this.regions.tabTuning_0;
     }
   }
   getStaffLineRight() {
@@ -6622,7 +6653,7 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
     this.postMeasureBreakWidth = this.hasPostMeasureBreak() ? DocumentSettings.PostMeasureBreakWidth * unitSize : 0;
     let isFirstMeasureInRow = this === this.row.getFirstMeasure();
     let isAfterMeasureBreak = ((_a = this.getPrevMeasure()) == null ? void 0 : _a.hasPostMeasureBreak()) === true;
-    this.tabStringNotesWidth = isFirstMeasureInRow && this.row.hasTab ? unitSize * 4 : 0;
+    this.regions.tabTuning_0 = isFirstMeasureInRow && this.row.hasTab ? unitSize * 4 : 0;
     let showClef = isFirstMeasureInRow || isAfterMeasureBreak;
     let showMeasureNumber = this.options.showNumber === false ? false : this.options.showNumber === true || isFirstMeasureInRow && !this.row.isFirstRow();
     let showKeySignature = isFirstMeasureInRow || isAfterMeasureBreak || !!this.alterKeySignature;
@@ -6659,7 +6690,7 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
           let note = tab.getTuningStrings()[stringId].format(import_theory9.PitchNotation.Helmholtz, import_theory9.SymbolSet.Unicode);
           let obj = new ObjText(this, { text: note, scale: 0.8 }, 1, 0.5);
           obj.layout(ctx);
-          obj.offset(this.tabStringNotesWidth * 0.8, tab.getStringY(stringId));
+          obj.offset(this.regions.tabTuning_0 * 0.8, tab.getStringY(stringId));
           this.tabStringNotes.push(obj);
           tab.addObject(obj);
         }
@@ -6668,19 +6699,24 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
     this.barLineLeft.layout(ctx);
     const accState = new AccidentalState(this);
     this.columns.forEach((col) => col.layout(ctx, accState));
+    this.columns.forEach((col) => col.layoutReserveSpace(ctx));
     this.barLineRight.layout(ctx);
-    if (this.endRepeatPlayCountText) {
+    if (this.endRepeatPlayCountText)
       this.endRepeatPlayCountText.layout(ctx);
-    }
-    this.layoutObjects.forEach((layoutObj) => layoutObj.layout(ctx));
+    this.layoutObjects.forEach((obj) => obj.layout(ctx));
     let padding = ctx.unitSize;
-    this.leftSolidAreaWidth = this.tabStringNotesWidth + Math.max(0, ...this.signatures.map((signature) => signature.getRect().width)) + this.barLineLeft.getRect().width + padding;
-    this.rightSolidAreaWidth = padding + this.barLineRight.getRect().width;
-    this.minColumnsAreaWidth = 0;
-    this.columns.forEach((col) => this.minColumnsAreaWidth += col.getRect().width);
-    this.minColumnsAreaWidth = Math.max(this.minColumnsAreaWidth, _ObjMeasure.MinFlexContentWidth * unitSize);
+    this.regions.signature_1 = Math.max(0, ...this.signatures.map((signature) => signature.getRect().width));
+    this.regions.leftBarLine_2 = this.barLineLeft.getRect().width;
+    this.regions.padding_3 = padding;
+    this.regions.columnsMin_4 = Math.max(
+      DocumentSettings.MinColumnsWidth * unitSize,
+      this.columns.map((col) => col.getRect().width).reduce((acc, cur) => acc + cur)
+    );
+    this.regions.padding_5 = padding;
+    this.regions.rightBarLine_6 = this.barLineRight.getRect().width;
   }
   layoutWidth(ctx, width) {
+    var _a;
     if (!this.needLayout) {
       return;
     }
@@ -6691,27 +6727,25 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
     let rect;
     this.signatures.forEach((signature) => {
       rect = signature.getRect();
-      signature.offset(this.rect.left + this.tabStringNotesWidth - rect.left, -rect.anchorY);
+      signature.offset(this.rect.left + this.regions.tabTuning_0 - rect.left, -rect.anchorY);
     });
     let signaturesWidth = Math.max(0, ...this.signatures.map((signature) => signature.getRect().width));
     rect = this.barLineLeft.getRect();
-    this.barLineLeft.offset(this.rect.left + this.tabStringNotesWidth + signaturesWidth - rect.left, -rect.anchorY);
+    this.barLineLeft.offset(this.rect.left + this.regions.tabTuning_0 + signaturesWidth - rect.left, -rect.anchorY);
     rect = this.barLineRight.getRect();
     this.barLineRight.offset(this.rect.right - rect.right, -rect.anchorY);
-    if (this.endRepeatPlayCountText) {
-      this.endRepeatPlayCountText.offset(this.barLineRight.getRect().left, this.barLineRight.getRect().top);
-    }
-    let columnsAreaLeft = this.rect.left + this.leftSolidAreaWidth;
-    let columnsAreaRight = this.rect.right - this.rightSolidAreaWidth;
-    let columnsAreaWidth = columnsAreaRight - columnsAreaLeft;
-    let columnsWidth = import_ts_utils_lib26.Utils.Math.sum(this.columns.map((col) => col.getRect().width));
-    let columnScale = columnsAreaWidth / columnsWidth;
-    let columnLeft = columnsAreaLeft;
+    (_a = this.endRepeatPlayCountText) == null ? void 0 : _a.offset(this.barLineRight.getRect().left, this.barLineRight.getRect().top);
+    let columnsLeft = this.rect.left + this.regions.leftSolid;
+    let columnsRight = this.rect.right - this.regions.rightSolid;
+    let columnsWidth = columnsRight - columnsLeft;
+    let columnsMinWidth = this.regions.columnsMin;
+    let columnScale = columnsWidth / columnsMinWidth;
+    let curColumnLeft = columnsLeft;
     this.columns.forEach((col) => {
       rect = col.getRect();
-      let columnAnchorX = columnLeft + rect.leftw * columnScale;
+      let columnAnchorX = curColumnLeft + rect.leftw * columnScale;
       col.offset(columnAnchorX - rect.anchorX, -rect.anchorY);
-      columnLeft += rect.width * columnScale;
+      curColumnLeft += rect.width * columnScale;
     });
     getVoiceIds().forEach((voiceId) => {
       const symbols = this.getVoiceSymbols(voiceId);
@@ -6828,8 +6862,6 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
     this.beamGroups.forEach((beam) => beam.draw(ctx));
   }
 };
-__publicField(_ObjMeasure, "MinFlexContentWidth", 10);
-var ObjMeasure = _ObjMeasure;
 
 // src/score/engine/layout-object.ts
 var import_core14 = require("@tspro/web-music-score/core");
@@ -6850,16 +6882,16 @@ var LayoutGroupId = /* @__PURE__ */ ((LayoutGroupId2) => {
 })(LayoutGroupId || {});
 var LayoutGroupIdAttrs = new import_ts_utils_lib27.UniMap([
   [0 /* TabRhythm */, { rowAlign: true }],
-  [1 /* Fermata */, {}],
-  [2 /* NoteLabel */, { widen: true }],
+  [1 /* Fermata */, { reserveSpace: true }],
+  [2 /* NoteLabel */, { reserveSpace: true }],
   [3 /* Navigation */, { rowAlign: true }],
   [4 /* Ending */, { rowAlign: true, padding: 2 }],
   [5 /* TempoAnnotation */, { rowAlign: true, padding: 2 }],
   [6 /* DynamicsAnnotation */, { rowAlign: true, padding: 2 }],
-  [7 /* ChordLabel */, { widen: true, rowAlign: true }],
-  [8 /* LyricsVerse1 */, { rowAlign: true }],
-  [9 /* LyricsVerse2 */, { rowAlign: true }],
-  [10 /* LyricsVerse3 */, { rowAlign: true }]
+  [7 /* ChordLabel */, { reserveSpace: true, rowAlign: true }],
+  [8 /* LyricsVerse1 */, { reserveSpace: true, rowAlign: true }],
+  [9 /* LyricsVerse2 */, { reserveSpace: true, rowAlign: true }],
+  [10 /* LyricsVerse3 */, { reserveSpace: true, rowAlign: true }]
 ]);
 function requireParentMeasure(p) {
   while (p) {
@@ -6951,11 +6983,11 @@ var LayoutGroup = class {
     // key = VerticalPos
     __publicField(this, "layoutObject", (0, import_ts_utils_lib27.asMulti)(new import_ts_utils_lib27.IndexArray()));
     __publicField(this, "rowAlign");
-    __publicField(this, "widensColumn");
+    __publicField(this, "reserveSpace");
     __publicField(this, "padding");
     var _a, _b, _c, _d;
     this.rowAlign = ((_a = LayoutGroupIdAttrs.get(layoutGroupId)) == null ? void 0 : _a.rowAlign) === true;
-    this.widensColumn = ((_b = LayoutGroupIdAttrs.get(layoutGroupId)) == null ? void 0 : _b.widen) === true;
+    this.reserveSpace = ((_b = LayoutGroupIdAttrs.get(layoutGroupId)) == null ? void 0 : _b.reserveSpace) === true;
     this.padding = (_d = (_c = LayoutGroupIdAttrs.get(layoutGroupId)) == null ? void 0 : _c.padding) != null ? _d : 0;
   }
   getLayoutObjects(verticalPos) {
@@ -7540,13 +7572,13 @@ var ObjScoreRow = class extends MusicObject {
     let targetColumnsAreaWidth = right - left;
     let minColumnsAreaWidth = 0;
     this.measures.forEach((m) => {
-      targetColumnsAreaWidth -= m.getSolidAreaWidth() + m.getPostMeasureBreakWidth();
-      minColumnsAreaWidth += m.getMinColumnsAreaWidth();
+      targetColumnsAreaWidth -= m.getTotalSolidWidth() + m.getPostMeasureBreakWidth();
+      minColumnsAreaWidth += m.getMinColumnsWidth();
     });
     let columnsAreaScale = targetColumnsAreaWidth / minColumnsAreaWidth;
-    let x = this.doc.getInstrumentGroupSize(ctx).braceRight;
+    let x = this.doc.getInstrumentGroupRegions(ctx).braceRight;
     this.measures.forEach((m) => {
-      let newMeasureWidth = m.getSolidAreaWidth() + m.getMinColumnsAreaWidth() * columnsAreaScale;
+      let newMeasureWidth = m.getTotalSolidWidth() + m.getMinColumnsWidth() * columnsAreaScale;
       m.layoutWidth(ctx, newMeasureWidth);
       let r = m.getRect();
       m.offset(x - r.left, -r.anchorY);
@@ -7637,7 +7669,7 @@ var ObjScoreRow = class extends MusicObject {
     }
     this.measures.forEach((m) => m.draw(ctx));
     this.notationLines.forEach((m) => m.draw(ctx));
-    let grpSize = this.doc.getInstrumentGroupSize(ctx);
+    let grpSize = this.doc.getInstrumentGroupRegions(ctx);
     this.instrumentNames.forEach((obj, i) => {
       let grp = this.instrumentLineGroups[i];
       if (grp.length > 1) {
@@ -7751,6 +7783,23 @@ var ObjHeader = class extends MusicObject {
 // src/score/engine/obj-document.ts
 var import_ts_utils_lib31 = require("@tspro/ts-utils-lib");
 var import_core17 = require("@tspro/web-music-score/core");
+var InstrumentGroupRegions = class {
+  constructor() {
+    __publicField(this, "nameLeft", 0);
+    __publicField(this, "nameRight", 0);
+    __publicField(this, "braceLeft", 0);
+    __publicField(this, "braceRight", 0);
+  }
+  get left() {
+    return this.nameLeft;
+  }
+  get right() {
+    return this.braceRight;
+  }
+  get width() {
+    return this.right - this.left;
+  }
+};
 var ObjDocument = class extends MusicObject {
   constructor() {
     super(void 0);
@@ -7764,6 +7813,7 @@ var ObjDocument = class extends MusicObject {
     __publicField(this, "newRowRequested", false);
     __publicField(this, "allConnectiveProps", []);
     __publicField(this, "staffGroups", new import_ts_utils_lib31.UniMap());
+    __publicField(this, "instrumentGroupRegions", new InstrumentGroupRegions());
     __publicField(this, "mi");
     this.mi = new MDocument2(this);
   }
@@ -7960,17 +8010,16 @@ var ObjDocument = class extends MusicObject {
       this.ctx.updateCursorRect(cursorRect);
     }
   }
-  getInstrumentGroupSize(ctx) {
+  getInstrumentGroupRegions(ctx) {
     let nameWidth = Math.max(0, ...this.rows.map((row) => row.getInstrumentNameWidth(ctx)));
     let hasName = nameWidth > 0;
     let padding = hasName ? ctx.unitSize : 0;
     let braceWidth = hasName ? ctx.unitSize * 5 : 0;
-    return {
-      nameLeft: 0,
-      nameRight: nameWidth,
-      braceLeft: nameWidth + padding,
-      braceRight: nameWidth + padding + braceWidth + padding
-    };
+    this.instrumentGroupRegions.nameLeft = 0;
+    this.instrumentGroupRegions.nameRight = nameWidth;
+    this.instrumentGroupRegions.braceLeft = nameWidth + padding;
+    this.instrumentGroupRegions.braceRight = nameWidth + padding + braceWidth + padding;
+    return this.instrumentGroupRegions;
   }
   requestLayout() {
     this.needLayout = true;
@@ -8000,18 +8049,18 @@ var ObjDocument = class extends MusicObject {
     this.allConnectiveProps.forEach((props) => props.createConnectives());
     this.rows.forEach((row) => row.resetLayoutGroups(ctx));
     this.rows.forEach((row) => row.layout(ctx));
-    let left = this.getInstrumentGroupSize(ctx).braceRight;
-    let right = Math.max(
+    let rowLeft = this.getInstrumentGroupRegions(ctx).right;
+    let rowRight = rowLeft + Math.max(
       DocumentSettings.DocumentMinWidth * unitSize,
-      ...this.rows.map((row) => 1.4 * row.getMinWidth())
+      ...this.rows.map((row) => row.getMinWidth())
     );
-    this.rows.forEach((row) => row.layoutWidth(ctx, left, right));
+    this.rows.forEach((row) => row.layoutWidth(ctx, rowLeft, rowRight));
     this.rows.forEach((row) => row.layoutLayoutGroups(ctx));
     this.rows.forEach((row) => row.layoutSetNotationLines(ctx));
     this.rows.forEach((row) => row.layoutPadding(ctx));
     this.rect = new import_ts_utils_lib31.AnchoredRect();
     if (this.header) {
-      this.header.layoutWidth(ctx, left, right);
+      this.header.layoutWidth(ctx, rowLeft, rowRight);
       this.rect.expandInPlace(this.header.getRect());
     }
     this.rows.forEach((row) => {