@tspro/web-music-score 4.2.1 → 5.1.0

package/dist/score/index.js

@@ -1,4 +1,4 @@
-/* WebMusicScore v4.2.1 | (c) 2023 PahkaSoft | MIT License | Includes: Tone.js (MIT License) */
+/* WebMusicScore v5.1.0 | (c) 2023 PahkaSoft | MIT License | Includes: Tone.js (MIT License) */
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -65,15 +65,17 @@ __export(score_exports, {
   MRest: () => MRest,
   MRhythmColumn: () => MRhythmColumn,
   MScoreRow: () => MScoreRow,
-  MSignature: () => MSignature,
   MSpecialText: () => MSpecialText,
   MStaff: () => MStaff,
   MStaffBeamGroup: () => MStaffBeamGroup,
   MStaffNoteGroup: () => MStaffNoteGroup,
   MStaffRest: () => MStaffRest,
+  MStaffSignature: () => MStaffSignature,
   MStaffTabBarLine: () => MStaffTabBarLine,
   MTab: () => MTab,
   MTabNoteGroup: () => MTabNoteGroup,
+  MTabRhythm: () => MTabRhythm,
+  MTabSignature: () => MTabSignature,
   MText: () => MText,
   MusicInterface: () => MusicInterface6,
   Navigation: () => Navigation,
@@ -373,7 +375,7 @@ var DivRect = class _DivRect {
 };
 
 // src/score/pub/document-builder.ts
-var import_ts_utils_lib15 = require("@tspro/ts-utils-lib");
+var import_ts_utils_lib16 = require("@tspro/ts-utils-lib");
 
 // src/score/pub/types.ts
 var StaffPreset = /* @__PURE__ */ ((StaffPreset3) => {
@@ -385,10 +387,10 @@ var StaffPreset = /* @__PURE__ */ ((StaffPreset3) => {
   StaffPreset3["GuitarCombined"] = "guitarCombined";
   return StaffPreset3;
 })(StaffPreset || {});
-var Clef = /* @__PURE__ */ ((Clef2) => {
-  Clef2["G"] = "G";
-  Clef2["F"] = "F";
-  return Clef2;
+var Clef = /* @__PURE__ */ ((Clef4) => {
+  Clef4["G"] = "G";
+  Clef4["F"] = "F";
+  return Clef4;
 })(Clef || {});
 function getVoiceIds() {
   return [0, 1, 2, 3];
@@ -585,7 +587,7 @@ var import_theory12 = require("@tspro/web-music-score/theory");
 var import_theory11 = require("@tspro/web-music-score/theory");
 
 // src/score/engine/renderer.ts
-var import_ts_utils_lib2 = require("@tspro/ts-utils-lib");
+var import_ts_utils_lib3 = require("@tspro/ts-utils-lib");
 
 // src/score/engine/settings.ts
 var DebugSettings = {
@@ -617,7 +619,7 @@ var DocumentSettings = {
 };
 
 // src/score/engine/renderer.ts
-var import_core2 = require("@tspro/web-music-score/core");
+var import_core3 = require("@tspro/web-music-score/core");
 
 // src/score/engine/assets/treble-clef.png
 var treble_clef_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAACWCAYAAACCe+v6AAADHXpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHja7ZZRcu0mDIbfWUWXgCSExHIwmJnu4C6/Pxg7J2kyTdv7GJhjsJCF0CfZJ5y//hzhDzRK5iGpeS45R7RUUuGKicerHetKMa3ratL2Gr2Xh5L3AkMkU/O6LbzlJ+SY074vexO69W9D94QqZvq2UOuWH+/lxzbI/tHQ9kDo2jn2/cA2JLw9Std92x7l4vbuaH2fGYqXyN9+SYyzZrKEa+JolgvmzjEZ4tmno6NxWYb0CugjuO9vVYZPfApJxFUkXV7K/IlUjBlXrAYokhhuFMK5UFbgI1DCBXha9kY1PsF8jc1bjL5o3zlWxCbjnMov1J7xQ97k/HnePLOdBg81z3tB3mON+Rk/lZPehu4Fefbh1529PTu/k4vE9BqK8Ip7jO5jHRqnqCkjFnkf6j7KmkHvmFFcT2V0izkgax2T2Qu6xxobcqrHhko7MC/EoDsoUadKg841NmpwMfHJhpG5BZYldEAq3GQmQ5qdBpsU6eLImHblkPDjC61ty9qukcceYieoMsEY4ZH/3MN3FceYtUQU/YoT0gJ+8axOeBEJ+OcANTCgsYOqK8B3/9gm18lMV5gdB6zxCJeJQ+ktuWSBFigqxgsyWd8GECJsrXCGBARiJlHK8MiYjQiBdACqcJ0l8QECpModTnISyYCD6sDeeMZoqbLyJcZbVVJAsWYUrYNQBayUFPljyZFDVUWTqmY1dS1as+RZeTlbnq/namLJ1LIZ3tlWrLp4cvXs5u7Fa+EieH1rQZ0WL6XUik0rLFc8XaFQ68GHHOnQIx92+FHCURvSp6WmLTdr3kqrnbt0FHjP3br30utJJ1LpTKee+bTTz3LWgVQbMtLQkYeF4aOM+lCjXbYf+7+gRpsaL1JT0R5qkJrdJmi+TnQyAzFOBOAGaiCGxJ7MolNKPMlNZvgeoSqU4aROOJ0mMRBMJ7EOethtcoHr7+EWzBc3/r/kwkT3TXJ/5/YZtT6/Em0Ru8pwBjUKqg/rp1f2Oj+vX47hnxS+O/4Y+jH0Y+jrcYwROv51hb8AKbCqdGIdCl0AAAGFaUNDUElDQyBwcm9maWxlAAB4nH2RPUjDQBzFX1O1UqoOdhBxyFCd7OAH0rFUsQgWSluhVQeTS7+gSUOS4uIouBYc/FisOrg46+rgKgiCHyCuLk6KLlLi/5JCi1gPjvvx7t7j7h0gNCpMNXuigKpZRioeE7O5VdH3ij74MYgpRCRm6on0YgZdx9c9PHy9C/Os7uf+HANK3mSARySOMt2wiDeI5zYtnfM+cZCVJIX4nHjSoAsSP3JddvmNc9FhgWcGjUxqnjhILBY7WO5gVjJU4lnikKJqlC9kXVY4b3FWKzXWuid/YSCvraS5TnMMcSwhgSREyKihjAoshGnVSDGRov1YF/+o40+SSyZXGYwcC6hCheT4wf/gd7dmYWbaTQrEgN4X2/4YB3y7QLNu29/Htt08AbzPwJXW9lcbQOST9HpbCx0BQ9vAxXVbk/eAyx1g5EmXDMmRvDSFQgF4P6NvygHDt4B/ze2ttY/TByBDXS3fAAeHwESRste7vLu/s7d/z7T6+wEMNXLkxtwRywAADzRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDQuNC4wLUV4aXYyIj4KIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgIHhtbG5zOkdJTVA9Imh0dHA6Ly93d3cuZ2ltcC5vcmcveG1wLyIKICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICB4bXBNTTpEb2N1bWVudElEPSJnaW1wOmRvY2lkOmdpbXA6NDA3ODVjMzYtNDAxZC00YTZlLTkxODctMDQ1NTI4MmM0ZGY2IgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhiZTJkYzc1LTVlYjQtNDk0Yy1iNWRlLWQ2MzZkNzZhNjI2YiIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmU3YWE0MWNhLTNiYjMtNGU5Yi05NDQxLTllNTNmZTJiZjM5ZiIKICAgZGM6Rm9ybWF0PSJpbWFnZS9wbmciCiAgIEdJTVA6QVBJPSIyLjAiCiAgIEdJTVA6UGxhdGZvcm09IldpbmRvd3MiCiAgIEdJTVA6VGltZVN0YW1wPSIxNjg2NDA4NjA5MzE2NDM4IgogICBHSU1QOlZlcnNpb249IjIuMTAuMzQiCiAgIHRpZmY6T3JpZW50YXRpb249IjEiCiAgIHhtcDpDcmVhdG9yVG9vbD0iR0lNUCAyLjEwIgogICB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzOjA2OjEwVDE3OjUwOjA5KzAzOjAwIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyMzowNjoxMFQxNzo1MDowOSswMzowMCI+CiAgIDx4bXBNTTpIaXN0b3J5PgogICAgPHJkZjpTZXE+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDpjaGFuZ2VkPSIvIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjI3MzY2YmY0LWVkZDMtNDE5OC05NjJhLWU5ZTM5MTBlNThiZSIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iR2ltcCAyLjEwIChXaW5kb3dzKSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMi0wOC0yMlQwMjo1NTozNiIvPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJzYXZlZCIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iLyIKICAgICAgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NjVlMTM3OS0wZDlmLTQ5ODItYWQ3MC05MzhjOWMzOWE0ZjMiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkdpbXAgMi4xMCAoV2luZG93cykiCiAgICAgIHN0RXZ0OndoZW49IjIwMjItMDktMTFUMTY6MzU6MDAiLz4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MTBmYmEwYTMtOTI5Yi00NTRlLThjNGMtOGVkOGM4YWJhZGRjIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKFdpbmRvd3MpIgogICAgICBzdEV2dDp3aGVuPSIyMDIzLTA2LTEwVDE3OjUwOjA5Ii8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/Ppn4NIQAAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfnBgoOMgm5WlWBAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAACHtJREFUeNrtnXuQVmMcxz+77cauTWUpbGSVu2w3BpnUEBq3chkmBjGayG1GBuNWLtUgw5SJkBkjl4QKg1wyQyarK0lRSlstU20bWam9+OM8O3P6vc8553nOe97tnO18Z84f57zP7XvOc/ndnueFfQx5e6neUmAI0B3oDPwD/AJ8Dvzcml5we+Al4D+gyeOaB1S0BrLHAut9iLqvf4ERSSZbBmwwJOu+RieV8JwQZJuARjXWE4WBIck2X38AByaJ8MwsCTcBTyWFbCFQFwHhv4DiKBqUn2PCPYEin9+bgI3AUuBPn3TtgMuT8IWv8vlq7wLdRPrTgPke6d9JAuFbPBo/3UfKK1TCh8yzIQmEb/cYjx0C8pUDuzV5D477GN6mefY+UBuQby0wV/O8U9wJr9E8W2iY92vNs45xJ6zTfKoN827UPNsdd8K1SlJyo8Awb7XhEIkVYYAVmjXVBPtr1uyqJBBeLu5LDPMdppkPdiaRcHvDfKeJ+++SIFoCLBP3R1toWW58lhQFogiodwkPlYZf1y1w/AcclCQVcYWQtILwqiA8M2lGgDcFgSN90nbXiJUXRdWQ/BYiLMdxH5+0k8VavRb4JGmEl4j7vh7pRgDni2fj1RyQKBwiuqjui/Un015dBbQloXCbaTdrZuUajTp4IwnGbEHmKPX8QmCHhuwC9p4rKBI8IghdB0zCsT1Lsg0+4zwxuEiQqqcVmGWDlAETk+zSJE9Ublyjuqof2TrgxKQT7anMNSZfd1iSiZYCUwy+avP1dJLJXglsxdyV8hHQJolEDwBewc5v9J3Klzj0xYnTsCG7W4mdicMdwC7CeQaPTBLRAjUxZeMKvSwpZPcDPghBUGpE45JAthjH92NLdiUwSDz7NO5k24YkuwTHGZYvtKMtcSabD7wVguy37OkilU7v8rgSfjoE2c816+wkkebKOJK9NgTZ2Wpykxgu0k2IG9lTcMIBbchOx9tTWKHpBbFBoZpwbMi+iL9FtEC8wG1xIvyQJdlJhuVWinzd4kD2cJxYZlOyky3KfkHkvSoOhF+2IPu8Zdk3x82O1QV96JDumhJSu5KB4XsVEwzJziCcy2Z/8UK3K5G1PZnhDi2iBW02IDvPY501xY8BuvJ6JcY+AQzAPCDGGucZkF2GefiCxFk4AWoN2K0AG4HHiSBATWJqQMXr1Qxui3Jlv8o2nHiHIl4UFeF1+G/ACOMGuZVoYqfd12qgX7ZkuwZUMjyEoWBaxETd1y5gVDaEr/YpfGqIyW9ODsm6r7FhCY/z6T625tTpLUS2+bo3DOHZHoVdYFnOqBYmG3rbz1JNQbZ2p2MsZfAor604G8OMsUVTyEBLwjMsv4r7vkapl28AH+PEWNqu1++ZNjRPk3mFJdnjDBu4HBipVoUGsewVaGb6fjgRPSsMSQ8wNb/KjA9bEp5osIzcLUitEml6BNQxxGPoWVtROmoynmFJ+CefRvytxFaJt0W6GwwtqE8GkA56cZSSGVxiI74FhTUM9ch3f0irCerleNU3wbZL2xrJzwhp+hks0s6PaBitMsnsXk7WWlY8xKPi7fjvOZI94x/sHOQFPobGw+U4kHBvrrDVRrw2RE4L6C3V7Ln3sBg43qLeeuAxj996BxHeJCYxm2i4Gh8RMwjL/BpqgA/VpKgTgnwJuzdXtbWUWpZpntUCiwwlPDf6WBLeBSzWPO8URFjuHOthUWm1ptJFaizZErb9wvJjNaMkiLDck2CrYD8n7k13hUrCvUIYB3Vdui6I8FI1qzbjUstKXwe+EV3aBKtE40pwjsKwwQEeuoEv4d3ALNf9ycCpFpU24ngRVrvkYNN8y7Ps1rqlb3MQYXCc3m7YytOb1FCYa2lhzHbiqjAoU4s2GoG+D+Fg85VGijq/ssh7qEboqLGZB6QDvBLHdZpLnK6R0EzlgNs0hGfZVJ6v1lV3ARNzTLhYo0sfY5h3sYWy4ole7Blh16ismrnEStFok/ou05BdR8iA1QfJDN2/PoeEZZTQkwZL0RoN4bvCNiCPzONlGpVJNBe7Tu4TdX1h2bbmmLCCbMfWAvTew6iDQy/QzLReZJ/RtKk+pFiagXZqmdCdyzGG8J5Eic6aOuSe4yK8A+RGRfn2/SqqwdmbVBZBPX/gHbh2MfAbEbtbTAQEr7itehyX6DDCn6zyCZlhUHcoTc7Ltj2WHKNcLexBRvaFaqxdr0Q/k2OixmNudN9uo+BEMcsOAB4AzrXIU6vUxlrVU3YqJaMEOELZoUzW0PeBezz04JyjN07o0mZy7zD7EjiTmKAQOAfHJlyJ/xmWtsHlo1UPCI28FnoBJym9urtaYspwdrOUKkmprerC/6pl7lel/HdxlTORBB/7aIJnLSQuK40orlisUWRaNXpoxnHX1ky4DZlhTkNbc5duwAlNjLRb58f8Ky/e1wgv2dcmrr6aiSur3agFOWxsL6XM91a6crUSCWfi+H9NoDtEsIKY7YI52sNQ4D5uZpBFeTKMamScyJqeFL4L8yOjfhB5x8Rp0ppoaPEoBF4j86A/HerEfUlcCB8GXGGRvqPSZYPQIeAF7DXC/bE3fJsY2eWsvCEuhMtC9oouAROgPPxveVwIN4TM53f08tnifgfmh/nmnPC6kPk2+fx2k7ifpWb4WKAT9mG+foFvMqqvkRj+pYntFp0HPMrZj8wg1VieEd8Tc6NdFXr3TCFOgLc77TZifE7AaAOyv+MY9iS64pxBK7vyJXHWcLy8eu4T0dybo9vhBMBMJvMwwEbgzqSodnfhvxOtDieQzOv3ncRkE7UNytV4tJ295+LsnUgsugKPAt/jvQm7DmcX2+Bcj7eWRjFwAo4rtYOa1avUMrSTFClSpEiRIkWKFClSpEiRIkWKFClSpEiRIkWKFClSpEiRIgL8D6ed2EKeJMaTAAAAAElFTkSuQmCC";
@@ -625,6 +627,255 @@ var treble_clef_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAC
 // src/score/engine/assets/bass-clef.png
 var bass_clef_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABGCAYAAACQRffVAAADInpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHja7VdbktwgDPznFDkCkgCJ4/AwVblBjp8GY+/OZFPZPD7yMVADWIiWUEt2jTu+fR3uCxplTi5EtZRT8mghh8wFC/Nnq2skH9a4mrS9R49yF9LeYIhkap6Pmbf8gBxr2s95G6FL/wK6FlSwim8bpWx5fZTXDcj2DLQ3hE7Lvu8DG0h4exTO57Y9Stn04Wp93xmKp8jefkGUU0ykAWNgr5oy1sY+KOLZp6PcznP31S7B9XypMnziQ0g8RpFweinzJ1IwJ4wk4qA4hUXiGlmWGTiUEG4Fbj6BR/F3MN/H5i1GP2mfuZaHkXFM5XdXu+envOn147y5VzsN3JU3lvaGPNLq0z1/KKd4AV0bctvh95at3ZYf5ENWdt3Nvad7jG5jXRq3KCEhFmlf6rrKWkGvziiuUwldfXLANSxmz+jmi2/Iqe4bKq1inYnB/aBAnQoNOtbcqMHFwAcrZubmWJbQQFLmhlQgCbPTYJUsXQwp0c4cEr59oWU2L3ONzHfnO0GVCWCEI3/c3WcVx5i1ROTtjBM8g188qxNeeAL9c4IaGKGxgxpXgK/+3CavAgbjCrPhgsVXd0LUSG/JJYvoSW/EfFY9ad8ACBFMRzhDAgZ8IomU4JEyKxECaSCowHWWwBUMUIzc4SQHkQRyUB2wjTNKS5Ujn2K8VSU4FGsSBTdZCsgKISJ/NBhyqESJIcaYokaLOZYkaVZeSprm67moaNCoSVXNadZiYsGiJVMzy1YyZ8HrO2bUabaccykwWoBccLpAoZTKVWqosaaq1Wp2tTSkTwstttS0WcutdO7SUeA9de3Wcy8HHUilIxzxSIceduSjDKTakBFGHGmoGzbyKDdrtMv2uf8Ga7RZ48XUVNSbNUhVLwiar5M4OQNjHAiEK1gDY0jsyZk3CoEnc5MzfI9QFZHhZJzkdJqMgcFwEMdBN3ebOcfl3/Dm1BZv/LfMuUndJ5n7kbePWOvzK9EWY2cZzqB6QfVh/7DCVubn9aez+5XCZ+cX0AvoBfQCegG9gP57oIEPJ/4Bue+bLIaQwqExNwAAAYVpQ0NQSUNDIHByb2ZpbGUAAHicfZE9SMNAHMVfU7UiFQeLijhkqE4WREUcSxWLYKG0FVp1MLn0Q2jSkKS4OAquBQc/FqsOLs66OrgKguAHiKuLk6KLlPi/pNAixoPjfry797h7Bwj1MlPNjiigapaRisfEbG5FDLyiC0EMYgIDEjP1RHohA8/xdQ8fX+8iPMv73J+jV8mbDPCJxFGmGxbxOvHMpqVz3icOsZKkEJ8Tjxt0QeJHrssuv3EuOizwzJCRSc0Rh4jFYhvLbcxKhko8TRxWVI3yhazLCuctzmq5ypr35C8M5rXlNNdpjiCORSSQhAgZVWygDAsRWjVSTKRoP+bhH3b8SXLJ5NoAI8c8KlAhOX7wP/jdrVmYmnSTgjGg88W2P0aBwC7QqNn297FtN04A/zNwpbX8lTow+0l6raWFj4C+beDiuqXJe8DlDjD0pEuG5Eh+mkKhALyf0TflgP5boGfV7a25j9MHIENdLd0AB4fAWJGy1zze3d3e279nmv39ANCccsygwwDVAAAQE2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNC40LjAtRXhpdjIiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6R0lNUD0iaHR0cDovL3d3dy5naW1wLm9yZy94bXAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgIHhtcE1NOkRvY3VtZW50SUQ9ImdpbXA6ZG9jaWQ6Z2ltcDo0MDc4NWMzNi00MDFkLTRhNmUtOTE4Ny0wNDU1MjgyYzRkZjYiCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Nzg3YjYxN2YtMjg1MS00YzhlLTg2MTYtZWM3NGMwYzYwMWVlIgogICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZTdhYTQxY2EtM2JiMy00ZTliLTk0NDEtOWU1M2ZlMmJmMzlmIgogICBkYzpGb3JtYXQ9ImltYWdlL3BuZyIKICAgR0lNUDpBUEk9IjIuMCIKICAgR0lNUDpQbGF0Zm9ybT0iV2luZG93cyIKICAgR0lNUDpUaW1lU3RhbXA9IjE2ODY2MTM5NDcxOTU2ODAiCiAgIEdJTVA6VmVyc2lvbj0iMi4xMC4zNCIKICAgdGlmZjpPcmllbnRhdGlvbj0iMSIKICAgeG1wOkNyZWF0b3JUb29sPSJHSU1QIDIuMTAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjM6MDY6MTNUMDI6NTI6MjUrMDM6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIzOjA2OjEzVDAyOjUyOjI1KzAzOjAwIj4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjczNjZiZjQtZWRkMy00MTk4LTk2MmEtZTllMzkxMGU1OGJlIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKFdpbmRvd3MpIgogICAgICBzdEV2dDp3aGVuPSIyMDIyLTA4LTIyVDAyOjU1OjM2Ii8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDpjaGFuZ2VkPSIvIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjk2NWUxMzc5LTBkOWYtNDk4Mi1hZDcwLTkzOGM5YzM5YTRmMyIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iR2ltcCAyLjEwIChXaW5kb3dzKSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMi0wOS0xMVQxNjozNTowMCIvPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJzYXZlZCIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iLyIKICAgICAgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMGZiYTBhMy05MjliLTQ1NGUtOGM0Yy04ZWQ4YzhhYmFkZGMiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkdpbXAgMi4xMCAoV2luZG93cykiCiAgICAgIHN0RXZ0OndoZW49IjIwMjMtMDYtMTBUMTc6NTA6MDkiLz4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MDBmYjM4YTMtZjZiMi00NjQ1LTliMTYtMjlhNWE0ODZlMjhhIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKFdpbmRvd3MpIgogICAgICBzdEV2dDp3aGVuPSIyMDIzLTA2LTEzVDAyOjUyOjI3Ii8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PsIRrtIAAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfnBgwXNBsqJURsAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAABF9JREFUeNrtmluIF1Ucxz9/E8P1VnnJ9dJWC4Frmq2JJmqolGEILoQvK2gZeXlRCSm1Fx9UEsJQERWsXhRftECs0Gq70EK9ZHlbFyHbds3VVXFX91+7664P81tYhpnfmft//st84TzMzDm/8/vOnPO7nYEMGTJkyJAhQ4YMGSJBLkJZw4FyYAIwDHgU+A9oAxqBv4C7xfyySoBlwKfAFaAb6DG0euAzoAoYXCxEnwH2A60eCGrtFrALGJNWokNEwY6QRO2tFXgPGJAmss8DlyImam/fASPTQHaeGJueBFod8FQhrfSLwM+ynDX8L1/oV+BP4LZY58eBUUAlMB94ycPSvQTMERmJ4jGgwYPh2Qg84VFmGbAP6DTI/aoQS/lzg1JfA2MDyn4ZuGaQvyZJspUGv3oKGBhyjmeBJmWOmxLMJIITiiIXIgwaZgFdylxbDeNHANXAZmAVUBpEiScNe2xRxC/3Y2WuRmUlLRHD1rd/HljvV4F3FAVqYlhNo4B7Pl/wdPEMbmOq/ShwRBH0Vkxb6LAy536fW64HuOpn8vOKoLKYCC9Q5rzs0L/JQxDjyYPkgHYXAW0xGslByrLuFuPUFw0eCI92mmiAQ4LgZoEbYyTcAZxVPsJk271ag7x6cWueCLvhfsyu8LzybKLtersUF9ywxe2BnXBnAZOUJuXZeNv1OSki3LLdzwPrgONuguw+7g7wAHjEoW+vEagAXgeelr1yUSZoCUn4hvJsqMO9byRaWyLGtFkiwOtBJnYzBKcVg/ZuSMIrlHl3RrWMnFK1OqX/q8oXOAisDqFLVxL7xonw9yHk7Q5RoxpuyLdjI3wmhLzBwMqAY0ck4SGcCNeKIQqKOTF84RtxEu4BPgohc2QM467HSRjgqBL5mBDUPU1Rnl1JwqBNUuJqrW0M+OLdYuk8Cdas38Rf4b3FR0HP/nLdZNYaioKbxSVuA6ZGQfoNvNWlO6VvEKxW5O5yGbNc4ml7ZrUtCtLjgGMSdjop9Q+wMIT8GoXwKw79ZxrKUG9r+a8flMoyr5AA4ybwo1QgggYHpZJ6Ou3Ta5IpddvufwEsVWQ2xFisCI1Nypf6RMmsIql4JI0S8bFuSs9UvmCgikeh8b6i8C/KuKOYD+VShzGSwLsprRnByYYYoSqNhE8qCv/kYfxrYjT7jmuPIC+PBWsVsl1YRzBeE45qqWGtwjo1SR0WoZ8a7KAfYa5h7/2OVaPuF1gqtS83srclpi565IAP0c+b7wOz+wPZckOc3Jt0LC52oiXABx7y6VasGnfRYgiwwRAu9raGqPLXQmAGcADvvyN+m9bgXnP4i4E9wN8+KiJ5WQG5QilumnioJP9lwHPANKw/fF7A+fxJw2ms/y9SFdiPBf4Vn9hJNL8T/iFxbyoxgej+m6zBOtnLpXlvhiXcDOyVJV8UCEL4KnBI/OnAtBP0q+ADMTq/SfshrdUFr4TzwJdY9d57WIdYzRIk1GMdeXSQIUOGDBmSwUMtd8u2ArdcUAAAAABJRU5ErkJggg==";
 
+// src/theory/rhythm.ts
+var import_ts_utils_lib2 = require("@tspro/ts-utils-lib");
+var import_core2 = require("@tspro/web-music-score/core");
+var MaxTupletRatioValue = 12;
+var TicksMultiplier = 12 * 11 * 9 * 7 * 5;
+var NoteLength = /* @__PURE__ */ ((NoteLength10) => {
+  NoteLength10["Whole"] = "1n";
+  NoteLength10["WholeTriplet"] = "1t";
+  NoteLength10["WholeDot"] = "1.";
+  NoteLength10["Whole2Dots"] = "1..";
+  NoteLength10["Whole12Dots"] = "1..";
+  NoteLength10["Whole3Dots"] = "1...";
+  NoteLength10["Whole4Dots"] = "1....";
+  NoteLength10["Whole5Dots"] = "1.....";
+  NoteLength10["Whole6Dots"] = "1......";
+  NoteLength10["Half"] = "2n";
+  NoteLength10["HalfTriplet"] = "2t";
+  NoteLength10["HalfDot"] = "2.";
+  NoteLength10["Half2Dots"] = "2..";
+  NoteLength10["Half3Dots"] = "2...";
+  NoteLength10["Half4Dots"] = "2....";
+  NoteLength10["Half5Dots"] = "2.....";
+  NoteLength10["Quarter"] = "4n";
+  NoteLength10["QuarterTriplet"] = "4t";
+  NoteLength10["QuarterDot"] = "4.";
+  NoteLength10["Quarter2Dots"] = "4..";
+  NoteLength10["Quarter3Dots"] = "4...";
+  NoteLength10["Quarter4Dots"] = "4....";
+  NoteLength10["Eighth"] = "8n";
+  NoteLength10["EighthTriplet"] = "8t";
+  NoteLength10["EighthDot"] = "8.";
+  NoteLength10["Eighth2Dots"] = "8..";
+  NoteLength10["Eighth3Dots"] = "8...";
+  NoteLength10["Sixteenth"] = "16n";
+  NoteLength10["SixteenthTriplet"] = "16t";
+  NoteLength10["SixteenthDot"] = "16.";
+  NoteLength10["Sixteenth2Dots"] = "16..";
+  NoteLength10["ThirtySecond"] = "32n";
+  NoteLength10["ThirtySecondTriplet"] = "32t";
+  NoteLength10["ThirtySecondDot"] = "32.";
+  NoteLength10["SixtyFourth"] = "64n";
+  NoteLength10["SixtyFourthTriplet"] = "64t";
+  return NoteLength10;
+})(NoteLength || {});
+function validateNoteLength(noteLength) {
+  if (import_ts_utils_lib2.Utils.Is.isEnumValue(noteLength, NoteLength)) {
+    return noteLength;
+  } else {
+    throw new import_core2.MusicError(import_core2.MusicErrorType.InvalidArg, `Invalid noteLength: ${noteLength}`);
+  }
+}
+var _NoteLengthProps = class _NoteLengthProps {
+  constructor(noteLength) {
+    /** Note length. */
+    __publicField(this, "noteLength");
+    /** Note size (whole=1, half=2, quarter=4, ...). */
+    __publicField(this, "noteSize");
+    /** Number of ticks (not altered by isTriplet). */
+    __publicField(this, "ticks");
+    /** Flag count. */
+    __publicField(this, "flagCount");
+    /** Dot count. */
+    __publicField(this, "dotCount");
+    /** Max dot count. */
+    __publicField(this, "maxDotCount");
+    /** Is triplet? */
+    __publicField(this, "isTriplet");
+    /** Has note stem. */
+    __publicField(this, "hasStem");
+    /** Is note head solid (black)? */
+    __publicField(this, "isSolid");
+    this.noteLength = validateNoteLength(noteLength);
+    this.noteSize = parseInt(noteLength);
+    this.isTriplet = noteLength.endsWith("t");
+    this.maxDotCount = this.isTriplet ? 0 : Math.floor(Math.log2(_NoteLengthProps.ShortestNoteSize / this.noteSize));
+    this.dotCount = import_ts_utils_lib2.Utils.Str.charCount(noteLength, ".");
+    this.flagCount = this.noteSize > 4 ? Math.floor(Math.log2(this.noteSize / 4)) : 0;
+    this.ticks = TicksMultiplier * _NoteLengthProps.ShortestNoteSize / this.noteSize;
+    this.hasStem = this.noteSize > 1;
+    this.isSolid = this.noteSize > 2;
+    if (this.dotCount > this.maxDotCount) {
+      throw new import_core2.MusicError(import_core2.MusicErrorType.Note, `dotCount ${this.dotCount} > maxDotCount ${this.maxDotCount}, for noteLength "${this.noteLength}".`);
+    } else if (this.isTriplet && this.dotCount > 0) {
+      throw new import_core2.MusicError(import_core2.MusicErrorType.Note, `noteLength "${this.noteLength}" is both triplet and dotted!`);
+    }
+  }
+  /**
+   * Get note length props.
+   * @param noteLength - Note length.
+   * @returns - Note length props.
+   */
+  static get(noteLength) {
+    let p = this.cache.get(noteLength);
+    if (!p) {
+      this.cache.set(noteLength, p = new _NoteLengthProps(noteLength));
+    }
+    return p;
+  }
+  /**
+   * Create note length props.
+   * @param noteLength - Note length or note size.
+   * @param dotCount - Dot count.
+   * @returns - Note length props.
+   */
+  static create(noteLength, dotCount = 0) {
+    let noteSize = typeof noteLength === "number" ? noteLength : this.get(noteLength).noteSize;
+    return this.get(noteSize + (import_ts_utils_lib2.Utils.Is.isIntegerGte(dotCount, 1) ? ".".repeat(dotCount) : "n"));
+  }
+  /**
+   * Compare note lengths/sizes. Whole (1) > half (2) > quarter (4), etc.
+   * Ignores possible triplet property of note length.
+   * @param a - NoteLengthProps, NoteLength/Str or noteSize
+   * @param b - NoteLengthProps, NoteLength/Str or noteSize
+   * @returns - -1: a < b, 0: a === b, +1: a > b (note length/size comparisons)
+   */
+  static cmp(a, b) {
+    let aNoteSize = a instanceof _NoteLengthProps ? a.noteSize : typeof a === "number" ? a : _NoteLengthProps.get(a).noteSize;
+    let bNoteSize = b instanceof _NoteLengthProps ? b.noteSize : typeof b === "number" ? b : _NoteLengthProps.get(b).noteSize;
+    return import_ts_utils_lib2.Utils.Math.cmp(bNoteSize, aNoteSize);
+  }
+  /**
+   * Compare note lengths/sizes for equality.
+   * Ignores possible triplet property of note length.
+   * @param a - NoteLengthProps, NoteLength/Str or noteSize
+   * @param b - NoteLengthProps, NoteLength/Str or noteSize
+   * @returns - true: a === b, false: a !== b (note length/size comparisons)
+   */
+  static equals(a, b) {
+    let aNoteSize = a instanceof _NoteLengthProps ? a.noteSize : typeof a === "number" ? a : _NoteLengthProps.get(a).noteSize;
+    let bNoteSize = b instanceof _NoteLengthProps ? b.noteSize : typeof b === "number" ? b : _NoteLengthProps.get(b).noteSize;
+    return aNoteSize === bNoteSize;
+  }
+};
+/** Longest note size (e.g. 1 = whole note). */
+__publicField(_NoteLengthProps, "LongestNoteSize", Math.min(...import_ts_utils_lib2.Utils.Enum.getEnumValues(NoteLength).map((noteLength) => parseInt(noteLength))));
+/** Shortest note size (e.g. 64 = sixtyfourth note). */
+__publicField(_NoteLengthProps, "ShortestNoteSize", Math.max(...import_ts_utils_lib2.Utils.Enum.getEnumValues(NoteLength).map((noteLength) => parseInt(noteLength))));
+__publicField(_NoteLengthProps, "cache", /* @__PURE__ */ new Map());
+var NoteLengthProps = _NoteLengthProps;
+function validateTupletRatio(tupletRatio) {
+  if (import_ts_utils_lib2.Utils.Is.isObject(tupletRatio) && import_ts_utils_lib2.Utils.Is.isIntegerBetween(tupletRatio.parts, 2, MaxTupletRatioValue) && import_ts_utils_lib2.Utils.Is.isIntegerBetween(tupletRatio.inTimeOf, 2, MaxTupletRatioValue)) {
+    return tupletRatio;
+  } else {
+    throw new import_core2.MusicError(import_core2.MusicErrorType.Note, `Invalid tupletRatio ${JSON.stringify(tupletRatio)}`);
+  }
+}
+var Tuplet = {
+  /** Duplet: 2 in the time of 3 */
+  Duplet: { parts: 2, inTimeOf: 3 },
+  /** Triplet: 3 in the time of 2 */
+  Triplet: { parts: 3, inTimeOf: 2 },
+  /** Quadruplet: 4 in the time of 3 */
+  Quadruplet: { parts: 4, inTimeOf: 3 }
+};
+var _RhythmProps = class _RhythmProps {
+  constructor(noteLength, dotCount, tupletRatio) {
+    /** Note length. */
+    __publicField(this, "noteLength");
+    /** Note size (whole=1, half=2, quarter=4, ...). */
+    __publicField(this, "noteSize");
+    /** Dot count. */
+    __publicField(this, "dotCount");
+    /** Tuplet ratio. */
+    __publicField(this, "tupletRatio");
+    /** Number of ticks. */
+    __publicField(this, "ticks");
+    /** Flag count. */
+    __publicField(this, "flagCount");
+    /** Has note stem. */
+    __publicField(this, "hasStem");
+    /** Is note head solid (black)? */
+    __publicField(this, "isSolidNoteHead");
+    this.noteLength = validateNoteLength(noteLength);
+    let p = NoteLengthProps.get(noteLength);
+    this.noteSize = p.noteSize;
+    this.ticks = p.ticks;
+    this.flagCount = p.flagCount;
+    this.dotCount = dotCount != null ? dotCount : p.dotCount;
+    this.hasStem = p.hasStem;
+    this.isSolidNoteHead = p.isSolid;
+    if (import_ts_utils_lib2.Utils.Is.isObject(tupletRatio)) {
+      this.tupletRatio = validateTupletRatio(tupletRatio);
+    } else if (p.isTriplet) {
+      this.tupletRatio = Tuplet.Triplet;
+    } else {
+      this.tupletRatio = void 0;
+    }
+    if (this.dotCount > 0 && this.tupletRatio !== void 0) {
+      throw new import_core2.MusicError(import_core2.MusicErrorType.Note, `Note cannot be both dotted and tuplet!`);
+    } else if (this.dotCount > p.maxDotCount) {
+      throw new import_core2.MusicError(import_core2.MusicErrorType.Note, `Too big dot count ${this.dotCount} for note length ${this.noteLength}.`);
+    }
+    for (let add = this.ticks / 2, i = 1; i <= this.dotCount; i++, add /= 2) {
+      this.ticks += add;
+    }
+    if (this.tupletRatio) {
+      this.ticks *= this.tupletRatio.inTimeOf / this.tupletRatio.parts;
+    }
+  }
+  /**
+   * Get string presentation of rhythm props.
+   * @returns - String presentation.
+   */
+  toString() {
+    let sym = _RhythmProps.NoteSymbolMap.get(this.noteSize);
+    let dots = ".".repeat(this.dotCount);
+    return sym ? sym + dots : "" + this.noteSize + (dots.length > 0 ? dots : "n");
+  }
+  /**
+   * Get rhythm props with given arguments.
+   * @param noteLength - Note length.
+   * @param dotCount - Dot count.
+   * @param tupletRatio - Tuplet ratio.
+   * @returns - Rhythm props.
+   */
+  static get(noteLength, dotCount, tupletRatio) {
+    if (dotCount !== void 0 || tupletRatio !== void 0) {
+      return new _RhythmProps(noteLength, dotCount, tupletRatio);
+    } else {
+      let rhythmProps = this.cache.get(noteLength);
+      if (!rhythmProps) {
+        this.cache.set(noteLength, rhythmProps = new _RhythmProps(noteLength));
+      }
+      return rhythmProps;
+    }
+  }
+  /**
+   * Compare duration of rhythm props.
+   * @param a - RhythmProps
+   * @param b - RhythmProps
+   * @returns - -1: a < b, 0: a === b, +1: a > b (duration comparisons)
+   */
+  static cmp(a, b) {
+    return import_ts_utils_lib2.Utils.Math.cmp(a.ticks, b.ticks);
+  }
+  /**
+   * Compare duration equality of rhythm props.
+   * @param a - RhythmProps
+   * @param b - RhythmProps
+   * @returns - true: a === b, false: a !== b (duration comparisons)
+   */
+  static equals(a, b) {
+    return a.ticks === b.ticks;
+  }
+};
+__publicField(_RhythmProps, "NoteSymbolMap", /* @__PURE__ */ new Map([[1, "\u{1D15D}"], [2, "\u{1D15E}"], [4, "\u{1D15F}"], [8, "\u{1D160}"], [16, "\u{1D161}"], [32, "\u{1D162}"], [64, "\u{1D163}"], [128, "\u{1D164}"]]));
+__publicField(_RhythmProps, "cache", /* @__PURE__ */ new Map());
+var RhythmProps = _RhythmProps;
+
 // src/score/engine/renderer.ts
 var HilightStaffPosRectColor = "#55cc55";
 var HilightObjectRectColor = "#55cc55";
@@ -668,7 +919,7 @@ var Renderer = class {
     __publicField(this, "onMouseLeaveFn");
     __publicField(this, "onTouchEndFn");
     this.devicePixelRatio = window.devicePixelRatio;
-    this.fontSize = import_ts_utils_lib2.Device.FontSize * DocumentSettings.DocumentScale * this.devicePixelRatio;
+    this.fontSize = import_ts_utils_lib3.Device.FontSize * DocumentSettings.DocumentScale * this.devicePixelRatio;
     this.unitSize = this.fontSize * 0.3;
     this.lineWidth = this.unitSize * 0.2;
     this.beamThickness = this.unitSize * 0.8;
@@ -682,7 +933,7 @@ var Renderer = class {
         };
         img.onerror = () => {
           this.finishImageAsset(asset);
-          throw new import_core2.MusicError(import_core2.MusicErrorType.Score, "Failed to load image: " + asset.src);
+          throw new import_core3.MusicError(import_core3.MusicErrorType.Score, "Failed to load image: " + asset.src);
         };
       }
     });
@@ -748,7 +999,7 @@ var Renderer = class {
     return this.scoreEventListener !== void 0;
   }
   getMousePos(e) {
-    return new import_ts_utils_lib2.Vec2(e.offsetX, e.offsetY);
+    return new import_ts_utils_lib3.Vec2(e.offsetX, e.offsetY);
   }
   updateCurStaffPos(staffPos, click) {
     let changed = !staffPosEquals(staffPos, this.curStaffPos);
@@ -925,7 +1176,7 @@ var Renderer = class {
       ctx.font = savedFont;
       return metrics.width;
     } else {
-      return import_ts_utils_lib2.Utils.Dom.getCanvasTextWidth(text, font);
+      return import_ts_utils_lib3.Utils.Dom.getCanvasTextWidth(text, font);
     }
   }
   drawDebugRect(r) {
@@ -997,29 +1248,154 @@ var Renderer = class {
       }
     }
   }
-};
-
-// src/score/engine/obj-staff-and-tab.ts
-var import_core16 = require("@tspro/web-music-score/core");
-var import_ts_utils_lib13 = require("@tspro/ts-utils-lib");
-
-// src/score/engine/obj-measure.ts
-var import_ts_utils_lib12 = require("@tspro/ts-utils-lib");
-var import_theory9 = require("@tspro/web-music-score/theory");
-var import_theory10 = require("@tspro/web-music-score/theory");
-
-// src/score/engine/acc-state.ts
-var import_theory = require("@tspro/web-music-score/theory");
-var AccidentalState = class {
-  constructor(measure) {
-    this.measure = measure;
-    __publicField(this, "accidentalByDiatonicId", []);
-  }
-  getAccidentalFromKeySignature(diatonicId) {
-    let ks = this.measure.getKeySignature();
-    let accNote = ks.getOrderedAccidentalNotes().find((accNote2) => accNote2.diatonicClass === import_theory.Note.getDiatonicClass(diatonicId));
-    return accNote ? accNote.accidental : void 0;
-  }
+  getRestRect(restSize) {
+    let { unitSize } = this;
+    let { flagCount } = NoteLengthProps.get(validateNoteLength(restSize + "n"));
+    let leftw = 0;
+    let rightw = 0;
+    let toph = 0;
+    let bottomh = 0;
+    if (NoteLengthProps.equals(restSize, "1n" /* Whole */)) {
+      leftw = unitSize;
+      rightw = unitSize;
+      toph = 0;
+      bottomh = unitSize;
+    } else if (NoteLengthProps.equals(restSize, "2n" /* Half */)) {
+      leftw = unitSize;
+      rightw = unitSize;
+      toph = unitSize;
+      bottomh = 0;
+    } else if (NoteLengthProps.equals(restSize, "4n" /* Quarter */)) {
+      leftw = unitSize * 1;
+      rightw = unitSize * 1;
+      toph = unitSize * 3.2;
+      bottomh = unitSize * 3;
+    } else {
+      let adj = 1 - flagCount % 2;
+      leftw = unitSize * (1 + flagCount * 0.25);
+      rightw = unitSize * (1 + flagCount * 0.125);
+      toph = unitSize * (0.5 + flagCount - adj);
+      bottomh = unitSize * (1 + flagCount + adj);
+    }
+    return new DivRect(-leftw, 0, rightw, -toph, 0, bottomh);
+  }
+  drawRest(restSize, x, y, color) {
+    let ctx = this.getCanvasContext();
+    if (!ctx) {
+      return;
+    }
+    let { unitSize, lineWidth } = this;
+    let { flagCount } = NoteLengthProps.get(validateNoteLength(restSize + "n"));
+    ctx.strokeStyle = ctx.fillStyle = color;
+    ctx.lineWidth = lineWidth;
+    if (NoteLengthProps.equals(restSize, "1n" /* Whole */)) {
+      ctx.fillRect(x - unitSize, y, unitSize * 2, unitSize);
+    } else if (NoteLengthProps.equals(restSize, "2n" /* Half */)) {
+      ctx.fillRect(x - unitSize, y - unitSize, unitSize * 2, unitSize);
+    } else if (NoteLengthProps.equals(restSize, "4n" /* Quarter */)) {
+      ctx.beginPath();
+      ctx.moveTo(x - unitSize * 0.6, y - unitSize * 3.2);
+      ctx.lineTo(x + unitSize * 0.7, y - unitSize * 1.5);
+      ctx.quadraticCurveTo(
+        x - unitSize * 0.8,
+        y - unitSize * 0.5,
+        x + unitSize * 1,
+        y + unitSize * 1.5
+      );
+      ctx.lineTo(x - unitSize * 1, y - unitSize * 0.75);
+      ctx.quadraticCurveTo(
+        x + unitSize * 0.2,
+        y - unitSize * 1.5,
+        x - unitSize * 0.6,
+        y - unitSize * 3.2
+      );
+      ctx.moveTo(x + unitSize * 1, y + unitSize * 1.5);
+      ctx.quadraticCurveTo(
+        x - unitSize * 0.8,
+        y + unitSize * 1,
+        x - unitSize * 0.2,
+        y + unitSize * 2.8
+      );
+      ctx.bezierCurveTo(
+        x - unitSize * 1.8,
+        y + unitSize * 1.5,
+        x - unitSize * 0.6,
+        y - unitSize * 0.2,
+        x + unitSize * 0.9,
+        y + unitSize * 1.5
+      );
+      ctx.fill();
+      ctx.stroke();
+    } else if (flagCount > 0) {
+      let adj = 1 - flagCount % 2;
+      let fx = (p) => x + (-p * 0.25 + 0.5) * unitSize;
+      let fy = (p) => y + (p + adj) * unitSize;
+      ctx.beginPath();
+      ctx.moveTo(fx(1 + flagCount), fy(1 + flagCount));
+      ctx.lineTo(fx(-0.5 - flagCount), fy(-0.5 - flagCount));
+      ctx.stroke();
+      for (let i = 0; i < flagCount; i++) {
+        let t = flagCount - i * 2;
+        ctx.beginPath();
+        ctx.moveTo(fx(t - 2.5), fy(t - 2.5));
+        ctx.quadraticCurveTo(
+          fx(t - 0.5) + unitSize * 0.25,
+          fy(t - 1.5),
+          fx(t - 1.5) - unitSize * 1.5,
+          fy(t - 1.5)
+        );
+        ctx.stroke();
+        ctx.beginPath();
+        ctx.arc(fx(t - 2) - unitSize * 1.5, fy(t - 2), unitSize * 0.5, 0, Math.PI * 2);
+        ctx.fill();
+      }
+    }
+  }
+  drawFlag(rect, dir) {
+    let ctx = this.getCanvasContext();
+    if (!ctx) {
+      return;
+    }
+    let left = rect.left;
+    let right = rect.right;
+    let width = right - left;
+    let top = dir === "up" ? rect.top : rect.bottom;
+    let bottom = dir === "up" ? rect.bottom : rect.top;
+    ctx.beginPath();
+    ctx.moveTo(left, top);
+    ctx.bezierCurveTo(
+      left,
+      top * 0.75 + bottom * 0.25,
+      left + width * 1.5,
+      top * 0.5 + bottom * 0.5,
+      left + width * 0.5,
+      bottom
+    );
+    ctx.stroke();
+  }
+};
+
+// src/score/engine/obj-staff-and-tab.ts
+var import_core16 = require("@tspro/web-music-score/core");
+var import_ts_utils_lib14 = require("@tspro/ts-utils-lib");
+
+// src/score/engine/obj-measure.ts
+var import_ts_utils_lib13 = require("@tspro/ts-utils-lib");
+var import_theory9 = require("@tspro/web-music-score/theory");
+var import_theory10 = require("@tspro/web-music-score/theory");
+
+// src/score/engine/acc-state.ts
+var import_theory = require("@tspro/web-music-score/theory");
+var AccidentalState = class {
+  constructor(measure) {
+    this.measure = measure;
+    __publicField(this, "accidentalByDiatonicId", []);
+  }
+  getAccidentalFromKeySignature(diatonicId) {
+    let ks = this.measure.getKeySignature();
+    let accNote = ks.getOrderedAccidentalNotes().find((accNote2) => accNote2.diatonicClass === import_theory.Note.getDiatonicClass(diatonicId));
+    return accNote ? accNote.accidental : void 0;
+  }
   setAccidental(note) {
     this.accidentalByDiatonicId[note.diatonicId] = note.accidental;
   }
@@ -1079,7 +1455,7 @@ var ObjImage = class extends MusicObject {
 };
 
 // src/score/engine/obj-accidental.ts
-var import_core3 = require("@tspro/web-music-score/core");
+var import_core4 = require("@tspro/web-music-score/core");
 var ObjAccidental = class extends MusicObject {
   constructor(parent, diatonicId, accidental, color = "black") {
     super(parent);
@@ -1114,7 +1490,7 @@ var ObjAccidental = class extends MusicObject {
         this.rect = DivRect.createSections(unitSize * 1, unitSize * 1, unitSize * 1, unitSize * 1);
         break;
       default:
-        throw new import_core3.MusicError(import_core3.MusicErrorType.Score, "Invalid accidental value: " + this.accidental);
+        throw new import_core4.MusicError(import_core4.MusicErrorType.Score, "Invalid accidental value: " + this.accidental);
     }
   }
   offset(dx, dy) {
@@ -1327,8 +1703,8 @@ var ObjText = class extends MusicObject {
 };
 
 // src/score/engine/obj-signature.ts
-var import_core4 = require("@tspro/web-music-score/core");
-var ObjSignature = class extends MusicObject {
+var import_core5 = require("@tspro/web-music-score/core");
+var ObjStaffSignature = class extends MusicObject {
   constructor(measure, staff) {
     super(measure);
     this.measure = measure;
@@ -1342,7 +1718,7 @@ var ObjSignature = class extends MusicObject {
     __publicField(this, "beatSizeText");
     __publicField(this, "tempoText");
     __publicField(this, "mi");
-    this.mi = new MSignature(this);
+    this.mi = new MStaffSignature(this);
   }
   getMusicInterface() {
     return this.mi;
@@ -1423,7 +1799,7 @@ var ObjSignature = class extends MusicObject {
     if (bottomAccidentalDiatonicId !== void 0) {
       return import_theory2.Note.findNextDiatonicIdAbove(accNote.diatonicId, bottomAccidentalDiatonicId, false);
     } else {
-      throw new import_core4.MusicError(import_core4.MusicErrorType.Score, "Cannot get accidental diatonicId because note has no accidental.");
+      throw new import_core5.MusicError(import_core5.MusicErrorType.Score, "Cannot get accidental diatonicId because note has no accidental.");
     }
   }
   pick(x, y) {
@@ -1541,66 +1917,169 @@ var ObjSignature = class extends MusicObject {
     }
     x = right;
     if (this.tempoText) {
+      let tempoBottom = Math.min(
+        this.clefImage ? this.clefImage.getRect().top : staff.getTopLineY(),
+        ...this.ksNeutralizeAccidentals.map((o) => o.getRect().top),
+        ...this.ksNewAccidentals.map((o) => o.getRect().top)
+      );
       this.tempoText.layout(renderer);
-      this.tempoText.offset(x, Math.min(this.rect.top, staff.getTopLineY()));
+      this.tempoText.offset(x, tempoBottom);
       this.rect.expandInPlace(this.tempoText.getRect());
     }
     this.rect.right += paddingX;
   }
   offset(dx, dy) {
-    if (this.clefImage) {
-      this.clefImage.offset(dx, dy);
+    var _a, _b, _c, _d, _e, _f;
+    (_a = this.clefImage) == null ? void 0 : _a.offset(dx, dy);
+    (_b = this.eightBelowClef) == null ? void 0 : _b.offset(dx, dy);
+    (_c = this.measureNumber) == null ? void 0 : _c.offset(dx, dy);
+    this.ksNeutralizeAccidentals.forEach((acc) => acc.offset(dx, dy));
+    this.ksNewAccidentals.forEach((acc) => acc.offset(dx, dy));
+    (_d = this.beatCountText) == null ? void 0 : _d.offset(dx, dy);
+    (_e = this.beatSizeText) == null ? void 0 : _e.offset(dx, dy);
+    (_f = this.tempoText) == null ? void 0 : _f.offset(dx, dy);
+    this.rect.offsetInPlace(dx, dy);
+  }
+  draw(renderer) {
+    var _a, _b, _c, _d, _e, _f;
+    (_a = this.clefImage) == null ? void 0 : _a.draw(renderer);
+    (_b = this.eightBelowClef) == null ? void 0 : _b.draw(renderer);
+    (_c = this.measureNumber) == null ? void 0 : _c.draw(renderer);
+    this.ksNeutralizeAccidentals.forEach((acc) => acc.draw(renderer));
+    this.ksNewAccidentals.forEach((acc) => acc.draw(renderer));
+    (_d = this.beatCountText) == null ? void 0 : _d.draw(renderer);
+    (_e = this.beatSizeText) == null ? void 0 : _e.draw(renderer);
+    (_f = this.tempoText) == null ? void 0 : _f.draw(renderer);
+  }
+};
+var ObjTabSignature = class extends MusicObject {
+  constructor(measure, tab) {
+    super(measure);
+    this.measure = measure;
+    this.tab = tab;
+    __publicField(this, "measureNumber");
+    __publicField(this, "beatCountText");
+    __publicField(this, "beatSizeText");
+    __publicField(this, "tempoText");
+    __publicField(this, "mi");
+    this.mi = new MTabSignature(this);
+  }
+  getMusicInterface() {
+    return this.mi;
+  }
+  updateMeasureNumber(showMeasureNumber) {
+    if (showMeasureNumber) {
+      let text = this.measure.getMeasureNumber().toString();
+      this.measureNumber = new ObjText(this, text, 0, 1);
+    } else {
+      this.measureNumber = void 0;
     }
-    if (this.eightBelowClef) {
-      this.eightBelowClef.offset(dx, dy);
+  }
+  updateTimeSignature(showTimeSignature) {
+    if (showTimeSignature) {
+      let timeSignature = this.measure.getTimeSignature();
+      let beatCount = timeSignature.beatCount.toString();
+      this.beatCountText = new ObjText(this, { text: beatCount, scale: 1.4 }, 0.5, 0.5);
+      let beatSize = timeSignature.beatSize.toString();
+      this.beatSizeText = new ObjText(this, { text: beatSize, scale: 1.4 }, 0.5, 0.5);
+    } else {
+      this.beatCountText = this.beatSizeText = void 0;
     }
-    if (this.measureNumber) {
-      this.measureNumber.offset(dx, dy);
+  }
+  updateTempo(showTempo) {
+    if (showTempo) {
+      let tempoStr = (0, import_theory2.getTempoString)(this.measure.getTempo());
+      this.tempoText = new ObjText(this, tempoStr, 0, 1);
+    } else {
+      this.tempoText = void 0;
+    }
+  }
+  pick(x, y) {
+    if (!this.rect.contains(x, y)) {
+      return [];
     }
-    this.ksNeutralizeAccidentals.forEach((acc) => acc.offset(dx, dy));
-    this.ksNewAccidentals.forEach((acc) => acc.offset(dx, dy));
     if (this.beatCountText) {
-      this.beatCountText.offset(dx, dy);
+      let arr = this.beatCountText.pick(x, y);
+      if (arr.length > 0) {
+        return [this, ...arr];
+      }
     }
     if (this.beatSizeText) {
-      this.beatSizeText.offset(dx, dy);
+      let arr = this.beatSizeText.pick(x, y);
+      if (arr.length > 0) {
+        return [this, ...arr];
+      }
     }
     if (this.tempoText) {
-      this.tempoText.offset(dx, dy);
-    }
-    this.rect.offsetInPlace(dx, dy);
-  }
-  draw(renderer) {
-    if (this.clefImage) {
-      this.clefImage.draw(renderer);
+      let arr = this.tempoText.pick(x, y);
+      if (arr.length > 0) {
+        return [this, ...arr];
+      }
     }
-    if (this.eightBelowClef) {
-      this.eightBelowClef.draw(renderer);
+    if (this.measureNumber) {
+      let arr = this.measureNumber.pick(x, y);
+      if (arr.length > 0) {
+        return [this, ...arr];
+      }
     }
+    return [this];
+  }
+  layout(renderer) {
+    var _a, _b, _c, _d, _e, _f;
+    let { unitSize } = renderer;
+    let { tab } = this;
+    let paddingX = unitSize;
+    let x = 0;
+    let topLineY = tab.getTopLineY();
+    this.rect = new DivRect();
     if (this.measureNumber) {
-      this.measureNumber.draw(renderer);
+      this.measureNumber.layout(renderer);
+      this.measureNumber.offset(0, topLineY);
+      this.rect.expandInPlace(this.measureNumber.getRect());
+      x = Math.max(x, this.rect.right);
     }
-    this.ksNeutralizeAccidentals.forEach((acc) => acc.draw(renderer));
-    this.ksNewAccidentals.forEach((acc) => acc.draw(renderer));
+    (_a = this.beatCountText) == null ? void 0 : _a.layout(renderer);
+    (_b = this.beatSizeText) == null ? void 0 : _b.layout(renderer);
+    let tsWidth = Math.max((_d = (_c = this.beatCountText) == null ? void 0 : _c.getRect().width) != null ? _d : 0, (_f = (_e = this.beatSizeText) == null ? void 0 : _e.getRect().width) != null ? _f : 0);
     if (this.beatCountText) {
-      this.beatCountText.draw(renderer);
+      this.beatCountText.offset(0 + tsWidth / 2 + paddingX, tab.getRect().centerY - this.beatCountText.getRect().bottomh);
+      this.rect.expandInPlace(this.beatCountText.getRect());
     }
     if (this.beatSizeText) {
-      this.beatSizeText.draw(renderer);
+      this.beatSizeText.offset(0 + tsWidth / 2 + paddingX, tab.getRect().centerY + this.beatSizeText.getRect().toph);
+      this.rect.expandInPlace(this.beatSizeText.getRect());
     }
     if (this.tempoText) {
-      this.tempoText.draw(renderer);
+      this.tempoText.layout(renderer);
+      this.tempoText.offset(x + unitSize * 2, topLineY);
+      this.rect.expandInPlace(this.tempoText.getRect());
     }
+    this.rect.right += paddingX;
+  }
+  offset(dx, dy) {
+    var _a, _b, _c, _d;
+    (_a = this.measureNumber) == null ? void 0 : _a.offset(dx, dy);
+    (_b = this.beatCountText) == null ? void 0 : _b.offset(dx, dy);
+    (_c = this.beatSizeText) == null ? void 0 : _c.offset(dx, dy);
+    (_d = this.tempoText) == null ? void 0 : _d.offset(dx, dy);
+    this.rect.offsetInPlace(dx, dy);
+  }
+  draw(renderer) {
+    var _a, _b, _c, _d;
+    (_a = this.measureNumber) == null ? void 0 : _a.draw(renderer);
+    (_b = this.beatCountText) == null ? void 0 : _b.draw(renderer);
+    (_c = this.beatSizeText) == null ? void 0 : _c.draw(renderer);
+    (_d = this.tempoText) == null ? void 0 : _d.draw(renderer);
   }
 };
 
 // src/score/engine/player.ts
-var import_ts_utils_lib8 = require("@tspro/ts-utils-lib");
-var import_theory7 = require("@tspro/web-music-score/theory");
+var import_ts_utils_lib7 = require("@tspro/ts-utils-lib");
+var import_theory6 = require("@tspro/web-music-score/theory");
 var Audio = __toESM(require("@tspro/web-music-score/audio"));
 
 // src/score/engine/obj-rhythm-column.ts
-var import_theory6 = require("@tspro/web-music-score/theory");
+var import_theory5 = require("@tspro/web-music-score/theory");
 
 // src/score/engine/obj-arpeggio.ts
 var ObjArpeggio = class extends MusicObject {
@@ -1674,7 +2153,7 @@ var ObjArpeggio = class extends MusicObject {
 
 // src/score/engine/obj-rest.ts
 var import_theory3 = require("@tspro/web-music-score/theory");
-var import_core5 = require("@tspro/web-music-score/core");
+var import_core6 = require("@tspro/web-music-score/core");
 function getDiatonicIdFromStaffPos(staffPos) {
   if (typeof staffPos === "number") {
     return import_theory3.Note.getChromaticNote(staffPos).diatonicId;
@@ -1734,7 +2213,7 @@ var ObjRest = class extends MusicObject {
       let hasStaff = this.row.hasStaff;
       let staff2 = this.row.getStaff(diatonicId);
       if (hasStaff && !staff2) {
-        throw new import_core5.MusicError(import_core5.MusicErrorType.Score, "Rest staffPos is out of staff boundaries!");
+        throw new import_core6.MusicError(import_core6.MusicErrorType.Score, "Rest staffPos is out of staff boundaries!");
       }
     }
     this.ownDiatonicId = this.measure.updateOwnDiatonicId(voiceId, diatonicId);
@@ -1810,6 +2289,9 @@ var ObjRest = class extends MusicObject {
       return { staff, x, y, stemHeight };
     });
   }
+  hasTuplet() {
+    return this.rhythmProps.tupletRatio !== void 0;
+  }
   isEmpty() {
     return this.staffObjects.length === 0;
   }
@@ -1833,7 +2315,7 @@ var ObjRest = class extends MusicObject {
       case 64:
         return -3;
       default:
-        throw new import_core5.MusicError(import_core5.MusicErrorType.Score, `Get rest dot vertical displacement: Invalid note size: ${noteSize}`);
+        throw new import_core6.MusicError(import_core6.MusicErrorType.Score, `Get rest dot vertical displacement: Invalid note size: ${noteSize}`);
     }
   }
   updateAccidentalState(accState) {
@@ -1846,42 +2328,16 @@ var ObjRest = class extends MusicObject {
     }
     let { unitSize } = renderer;
     let { ownDiatonicId } = this;
-    let { noteSize, dotCount, flagCount } = this.rhythmProps;
-    let leftw = 0;
-    let rightw = 0;
-    let toph = 0;
-    let bottomh = 0;
-    if (import_theory3.NoteLengthProps.equals(noteSize, import_theory3.NoteLength.Whole)) {
-      leftw = unitSize;
-      rightw = unitSize;
-      toph = 0;
-      bottomh = unitSize;
-    } else if (import_theory3.NoteLengthProps.equals(noteSize, import_theory3.NoteLength.Half)) {
-      leftw = unitSize;
-      rightw = unitSize;
-      toph = unitSize;
-      bottomh = 0;
-    } else if (import_theory3.NoteLengthProps.equals(noteSize, import_theory3.NoteLength.Quarter)) {
-      leftw = unitSize * 1;
-      rightw = unitSize * 1;
-      toph = unitSize * 3.2;
-      bottomh = unitSize * 3;
-    } else {
-      let adj = 1 - flagCount % 2;
-      leftw = unitSize * (1 + flagCount * 0.25);
-      rightw = unitSize * (1 + flagCount * 0.125);
-      toph = unitSize * (0.5 + flagCount - adj);
-      bottomh = unitSize * (1 + flagCount + adj);
-    }
+    let { noteSize, dotCount } = this.rhythmProps;
     this.row.getStaves().forEach((staff) => {
       if (!staff.containsDiatonicId(ownDiatonicId) || !staff.containsVoiceId(this.voiceId)) {
         return;
       }
       let obj = new ObjStaffRest(staff, this);
-      obj.restRect = new DivRect(-leftw, 0, rightw, -toph, 0, bottomh);
+      obj.restRect = renderer.getRestRect(noteSize);
       for (let i = 0; i < dotCount; i++) {
         let dotWidth = DocumentSettings.DotSize * unitSize;
-        let dotX = rightw + (DocumentSettings.RestDotSpace + DocumentSettings.DotSize * unitSize) + i * DocumentSettings.DotSize * unitSize * 1.5;
+        let dotX = obj.restRect.rightw + (DocumentSettings.RestDotSpace + DocumentSettings.DotSize * unitSize) + i * DocumentSettings.DotSize * unitSize * 1.5;
         let dotY = this.getRestDotVerticalDisplacement(noteSize) * unitSize;
         obj.dotRects.push(DivRect.createCentered(dotX, dotY, dotWidth, dotWidth));
       }
@@ -1911,77 +2367,16 @@ var ObjRest = class extends MusicObject {
       return;
     }
     renderer.drawDebugRect(this.getRect());
-    let { unitSize, lineWidth } = renderer;
+    let { lineWidth } = renderer;
     let { color } = this;
-    let { noteSize, flagCount } = this.rhythmProps;
+    let { noteSize } = this.rhythmProps;
     ctx.strokeStyle = ctx.fillStyle = color;
     ctx.lineWidth = lineWidth;
     this.staffObjects.forEach((obj) => {
       let { dotRects, restRect } = obj;
       let x = restRect.centerX;
       let y = restRect.centerY;
-      if (import_theory3.NoteLengthProps.equals(noteSize, import_theory3.NoteLength.Whole)) {
-        ctx.fillRect(x - unitSize, y, unitSize * 2, unitSize);
-      } else if (import_theory3.NoteLengthProps.equals(noteSize, import_theory3.NoteLength.Half)) {
-        ctx.fillRect(x - unitSize, y - unitSize, unitSize * 2, unitSize);
-      } else if (import_theory3.NoteLengthProps.equals(noteSize, import_theory3.NoteLength.Quarter)) {
-        ctx.beginPath();
-        ctx.moveTo(x - unitSize * 0.6, y - unitSize * 3.2);
-        ctx.lineTo(x + unitSize * 0.7, y - unitSize * 1.5);
-        ctx.quadraticCurveTo(
-          x - unitSize * 0.8,
-          y - unitSize * 0.5,
-          x + unitSize * 1,
-          y + unitSize * 1.5
-        );
-        ctx.lineTo(x - unitSize * 1, y - unitSize * 0.75);
-        ctx.quadraticCurveTo(
-          x + unitSize * 0.2,
-          y - unitSize * 1.5,
-          x - unitSize * 0.6,
-          y - unitSize * 3.2
-        );
-        ctx.moveTo(x + unitSize * 1, y + unitSize * 1.5);
-        ctx.quadraticCurveTo(
-          x - unitSize * 0.8,
-          y + unitSize * 1,
-          x - unitSize * 0.2,
-          y + unitSize * 2.8
-        );
-        ctx.bezierCurveTo(
-          x - unitSize * 1.8,
-          y + unitSize * 1.5,
-          x - unitSize * 0.6,
-          y - unitSize * 0.2,
-          x + unitSize * 0.9,
-          y + unitSize * 1.5
-        );
-        ctx.fill();
-        ctx.stroke();
-      } else if (flagCount > 0) {
-        let adj = 1 - flagCount % 2;
-        let fx = (p) => x + (-p * 0.25 + 0.5) * unitSize;
-        let fy = (p) => y + (p + adj) * unitSize;
-        ctx.beginPath();
-        ctx.moveTo(fx(1 + flagCount), fy(1 + flagCount));
-        ctx.lineTo(fx(-0.5 - flagCount), fy(-0.5 - flagCount));
-        ctx.stroke();
-        for (let i = 0; i < flagCount; i++) {
-          let t = flagCount - i * 2;
-          ctx.beginPath();
-          ctx.moveTo(fx(t - 2.5), fy(t - 2.5));
-          ctx.quadraticCurveTo(
-            fx(t - 0.5) + unitSize * 0.25,
-            fy(t - 1.5),
-            fx(t - 1.5) - unitSize * 1.5,
-            fy(t - 1.5)
-          );
-          ctx.stroke();
-          ctx.beginPath();
-          ctx.arc(fx(t - 2) - unitSize * 1.5, fy(t - 2), unitSize * 0.5, 0, Math.PI * 2);
-          ctx.fill();
-        }
-      }
+      renderer.drawRest(noteSize, x, y, color);
       dotRects.forEach((r) => {
         renderer.fillCircle(r.centerX, r.centerY, r.width / 2);
       });
@@ -1991,53 +2386,96 @@ var ObjRest = class extends MusicObject {
 
 // src/score/engine/obj-note-group.ts
 var import_ts_utils_lib4 = require("@tspro/ts-utils-lib");
-var import_theory5 = require("@tspro/web-music-score/theory");
-
-// src/score/engine/obj-beam-group.ts
-var import_ts_utils_lib3 = require("@tspro/ts-utils-lib");
 var import_theory4 = require("@tspro/web-music-score/theory");
-var import_core6 = require("@tspro/web-music-score/core");
-var adjustBeamAngle = (dx, dy) => {
-  let T = DocumentSettings.BeamAngleFactor;
-  if (!Number.isFinite(T) || T === 0) {
-    return dy;
-  } else {
-    let k = dx / dy / T;
-    k = Math.sign(k) * Math.sqrt(Math.abs(k));
-    return dx / k * T;
-  }
-};
-var BeamPoint = class {
-  constructor(staff, beamGroup, symbol, x, y) {
+var import_core7 = require("@tspro/web-music-score/core");
+function getStem(stem) {
+  return import_ts_utils_lib4.Utils.Is.isEnumValue(stem, Stem) ? stem : void 0;
+}
+function getArpeggio(a) {
+  return import_ts_utils_lib4.Utils.Is.isEnumValue(a, Arpeggio) ? a : a === true ? "up" /* Up */ : void 0;
+}
+function sortNoteStringData(notes, strings) {
+  let stringArr = import_ts_utils_lib4.Utils.Arr.isArray(strings) ? strings : strings !== void 0 ? [strings] : [];
+  let noteStringData = notes.map((note, i) => {
+    return { note, string: stringArr[i] };
+  });
+  noteStringData = import_ts_utils_lib4.Utils.Arr.removeDuplicatesCmp(noteStringData, (a, b) => import_theory4.Note.equals(a.note, b.note)).sort((a, b) => import_theory4.Note.compareFunc(a.note, b.note));
+  return {
+    notes: noteStringData.map((e) => e.note),
+    strings: noteStringData.every((e) => e.string === void 0) ? void 0 : noteStringData.map((e) => e.string)
+  };
+}
+var ObjStaffNoteGroup = class extends MusicObject {
+  constructor(staff, noteGroup) {
+    super(staff);
     this.staff = staff;
-    this.beamGroup = beamGroup;
-    this.symbol = symbol;
-    this.x = x;
-    this.y = y;
-    __publicField(this, "topBeamsHeight", 0);
-    __publicField(this, "bottomBeamsHeight", 0);
-    staff.addObject(this);
+    this.noteGroup = noteGroup;
+    __publicField(this, "noteHeadRects", []);
+    __publicField(this, "dotRects", []);
+    __publicField(this, "accidentals", []);
+    __publicField(this, "stemTip");
+    __publicField(this, "stemBase");
+    __publicField(this, "flagRects", []);
+    __publicField(this, "prevTopNoteY", 0);
+    __publicField(this, "prevBottomNoteY", 0);
+    __publicField(this, "mi");
+    this.mi = new MStaffNoteGroup(this);
   }
-  offset(dx, dy) {
-    this.x += dx;
-    this.y += dy;
-    this.beamGroup.requestRectUpdate();
+  getMusicInterface() {
+    return this.mi;
+  }
+  pick(x, y) {
+    if (!this.getRect().contains(x, y)) {
+      return [];
+    }
+    for (let i = 0; i < this.accidentals.length; i++) {
+      let arr = this.accidentals[i].pick(x, y);
+      if (arr.length > 0) {
+        return [this, ...arr];
+      }
+    }
+    return [this];
+  }
+  updateRect() {
+    this.rect = this.noteHeadRects[0].copy();
+    this.noteHeadRects.forEach((r) => this.rect.expandInPlace(r));
+    if (this.stemTip) this.rect.expandInPlace(this.stemTip);
+    if (this.stemBase) this.rect.expandInPlace(this.stemBase);
+    this.dotRects.forEach((r) => this.rect.expandInPlace(r));
+    this.flagRects.forEach((r) => this.rect.expandInPlace(r));
+    this.accidentals.forEach((a) => this.rect.expandInPlace(a.getRect()));
   }
   getRect() {
-    return new DivRect(this.x, this.x, this.x, this.y - this.topBeamsHeight, this.y, this.y + this.bottomBeamsHeight);
+    let bottomNoteRect = this.noteHeadRects[0];
+    let topNoteRect = this.noteHeadRects[this.noteHeadRects.length - 1];
+    if (this.prevTopNoteY !== topNoteRect.centerY || this.prevBottomNoteY !== bottomNoteRect.centerY) {
+      this.prevTopNoteY = topNoteRect.centerY;
+      this.prevBottomNoteY = bottomNoteRect.centerY;
+      this.requestRectUpdate();
+    }
+    return super.getRect();
+  }
+  offset(dx, dy) {
+    var _a, _b;
+    this.noteHeadRects.forEach((n) => n.offsetInPlace(dx, dy));
+    this.dotRects.forEach((n) => n.offsetInPlace(dx, dy));
+    this.accidentals.forEach((n) => n.offset(dx, dy));
+    (_a = this.stemTip) == null ? void 0 : _a.offsetInPlace(dx, dy);
+    (_b = this.stemBase) == null ? void 0 : _b.offsetInPlace(dx, dy);
+    this.flagRects.forEach((n) => n.offsetInPlace(dx, dy));
+    this.requestRectUpdate();
+    this.noteGroup.requestRectUpdate();
   }
 };
-var ObjStaffBeamGroup = class extends MusicObject {
-  constructor(staff, beamGroup) {
-    super(staff);
-    this.staff = staff;
-    this.beamGroup = beamGroup;
-    __publicField(this, "tupletNumber");
-    __publicField(this, "tupletNumberOffsetY", 0);
-    __publicField(this, "points", []);
+var ObjTabNoteGroup = class extends MusicObject {
+  constructor(tab, noteGroup) {
+    super(tab);
+    this.tab = tab;
+    this.noteGroup = noteGroup;
+    __publicField(this, "fretNumbers", []);
     __publicField(this, "mi");
-    staff.addObject(this);
-    this.mi = new MStaffBeamGroup(this);
+    tab.addObject(this);
+    this.mi = new MTabNoteGroup(this);
   }
   getMusicInterface() {
     return this.mi;
@@ -2045,95 +2483,102 @@ var ObjStaffBeamGroup = class extends MusicObject {
   pick(x, y) {
     return this.getRect().contains(x, y) ? [this] : [];
   }
+  updateRect() {
+    this.rect = this.fretNumbers[0].getRect().copy();
+    this.fretNumbers.forEach((fn) => this.rect.expandInPlace(fn.getRect()));
+  }
   offset(dx, dy) {
-    var _a;
-    this.points.forEach((p) => p.offset(dx, 0));
-    (_a = this.tupletNumber) == null ? void 0 : _a.offset(dx, dy);
+    this.fretNumbers.forEach((f) => f.offset(dx, dy));
     this.requestRectUpdate();
-    this.beamGroup.requestRectUpdate();
-  }
-  updateRect() {
-    if (this.points.length > 0) {
-      this.rect = this.points[0].getRect().copy();
-    } else if (this.tupletNumber) {
-      this.rect = this.tupletNumber.getRect().copy();
-    }
-    this.points.forEach((pt) => this.rect.expandInPlace(pt.getRect()));
-    if (this.tupletNumber) {
-      this.rect.expandInPlace(this.tupletNumber.getRect());
-    }
+    this.noteGroup.requestRectUpdate();
   }
 };
-var ObjBeamGroup = class _ObjBeamGroup extends MusicObject {
-  constructor(symbols, tupletRatio) {
-    super(symbols[0].measure);
-    this.symbols = symbols;
-    this.tupletRatio = tupletRatio;
-    __publicField(this, "mi");
-    __publicField(this, "type");
+var ObjNoteGroup = class _ObjNoteGroup extends MusicObject {
+  constructor(col, voiceId, notes, noteLength, options, tupletRatio) {
+    var _a, _b, _c;
+    super(col);
+    this.col = col;
+    this.voiceId = voiceId;
+    this.notes = notes;
+    __publicField(this, "minDiatonicId");
+    __publicField(this, "maxDiatonicId");
+    __publicField(this, "ownDiatonicId");
+    // Average diatonicId of notes.
+    __publicField(this, "ownStemDir");
+    __publicField(this, "ownString");
+    __publicField(this, "color");
+    __publicField(this, "staccato");
+    __publicField(this, "diamond");
+    __publicField(this, "arpeggio");
+    __publicField(this, "oldStyleTriplet");
+    __publicField(this, "rhythmProps");
+    __publicField(this, "startConnnectives", []);
+    __publicField(this, "runningConnectives", []);
+    __publicField(this, "leftBeamCount", 0);
+    __publicField(this, "rightBeamCount", 0);
+    __publicField(this, "beamGroup");
     __publicField(this, "staffObjects", []);
-    this.mi = new MBeamGroup(this);
-    let beamGroupName = tupletRatio ? "Tuplet" : "BeamGroup";
-    if (!symbols.every((s) => s.measure === symbols[0].measure)) {
-      throw new import_core6.MusicError(import_core6.MusicErrorType.Score, `All ${beamGroupName} symbols are not in same measure.`);
-    } else if (symbols.length < 2) {
-      throw new import_core6.MusicError(import_core6.MusicErrorType.Score, `${beamGroupName} needs minimum 2 symbols, but ${symbols.length} given.`);
-    }
-    if (tupletRatio !== void 0) {
-      let isGroup = symbols.length < 3 || symbols.some((s) => !(s instanceof ObjNoteGroup)) || symbols.some((s) => s.rhythmProps.flagCount !== symbols[0].rhythmProps.flagCount);
-      if (symbols.length >= 3 && symbols[0] instanceof ObjNoteGroup && symbols[symbols.length - 1] instanceof ObjNoteGroup && symbols[0].rhythmProps.flagCount === symbols[symbols.length - 1].rhythmProps.flagCount) {
-        isGroup = false;
-      }
-      if (symbols.some((s) => import_theory4.NoteLengthProps.cmp(s.rhythmProps.noteLength, import_theory4.NoteLength.Quarter) >= 0)) {
-        isGroup = true;
-      }
-      this.type = isGroup ? 2 /* TupletGroup */ : 1 /* TupletBeam */;
-      ObjNoteGroup.setTupletBeamCounts(this);
-    } else {
-      this.type = 0 /* RegularBeam */;
-    }
-    if (symbols.every((s) => s.getBeamGroup() === void 0)) {
-      symbols.forEach((s) => s.setBeamGroup(this));
-      symbols[0].measure.addBeamGroup(this);
-    } else {
-      throw new import_core6.MusicError(import_core6.MusicErrorType.Score, `Cannot add ${beamGroupName} because some symbol already has one.`);
+    __publicField(this, "tabObjects", []);
+    __publicField(this, "mi");
+    if (!import_ts_utils_lib4.Utils.Is.isIntegerGte(notes.length, 1)) {
+      throw new import_core7.MusicError(import_core7.MusicErrorType.Score, "Cannot create note group object because notes array is empty.");
     }
+    let noteStringData = sortNoteStringData(notes, options == null ? void 0 : options.string);
+    this.notes = noteStringData.notes;
+    this.minDiatonicId = this.notes[0].diatonicId;
+    this.maxDiatonicId = this.notes[this.notes.length - 1].diatonicId;
+    this.ownDiatonicId = this.measure.updateOwnDiatonicId(voiceId, Math.round((this.minDiatonicId + this.maxDiatonicId) / 2));
+    this.ownStemDir = this.measure.updateOwnStemDir(this, getStem(options == null ? void 0 : options.stem));
+    this.ownString = this.measure.updateOwnString(this, noteStringData.strings);
+    this.color = (_a = options == null ? void 0 : options.color) != null ? _a : "black";
+    this.staccato = (_b = options == null ? void 0 : options.staccato) != null ? _b : false;
+    this.diamond = (_c = options == null ? void 0 : options.diamond) != null ? _c : false;
+    this.arpeggio = getArpeggio(options == null ? void 0 : options.arpeggio);
+    this.oldStyleTriplet = tupletRatio === void 0 && ((options == null ? void 0 : options.triplet) === true || import_theory4.NoteLengthProps.get(noteLength).isTriplet);
+    let dotCount = typeof (options == null ? void 0 : options.dotted) === "number" ? options.dotted > 0 ? options.dotted : void 0 : (options == null ? void 0 : options.dotted) === true ? 1 : void 0;
+    this.rhythmProps = import_theory4.RhythmProps.get(noteLength, dotCount, (tupletRatio != null ? tupletRatio : this.oldStyleTriplet) ? import_theory4.Tuplet.Triplet : void 0);
+    this.mi = new MNoteGroup(this);
   }
-  get showTupletRatio() {
-    var _a;
-    return ((_a = this.tupletRatio) == null ? void 0 : _a.showRatio) === true;
+  getMusicInterface() {
+    return this.mi;
   }
-  static createBeam(noteGroups) {
-    if (noteGroups.length > 1) {
-      new _ObjBeamGroup(noteGroups, void 0);
-    }
+  get doc() {
+    return this.col.doc;
   }
-  static createOldStyleTriplet(symbols) {
-    let s2 = symbols.slice(0, 2);
-    let n2 = s2.map((s) => s.rhythmProps.noteSize);
-    if (s2.length === 2 && s2.every((s) => s.oldStyleTriplet && s.getBeamGroup() === void 0) && (n2[0] * 2 === n2[1] || n2[1] * 2 === n2[0])) {
-      new _ObjBeamGroup(s2, import_theory4.Tuplet.Triplet);
-      return 2;
-    }
-    let s3 = symbols.slice(0, 3);
-    let n3 = s3.map((s) => s.rhythmProps.noteSize);
-    if (s3.length === 3 && s3.every((s) => s.oldStyleTriplet && s.getBeamGroup() === void 0) && n3.every((n) => n === n3[0])) {
-      new _ObjBeamGroup(s3, import_theory4.Tuplet.Triplet);
-      return 3;
-    }
-    return 0;
+  get measure() {
+    return this.col.measure;
   }
-  static createTuplet(symbols, tupletRatio) {
-    new _ObjBeamGroup(symbols, tupletRatio);
+  get row() {
+    return this.col.row;
   }
-  getMusicInterface() {
-    return this.mi;
+  get stemDir() {
+    return this.beamGroup ? this.beamGroup.stemDir : this.ownStemDir;
   }
-  detach() {
-    this.getSymbols().forEach((s) => s.resetBeamGroup());
+  enableConnective(line) {
+    return line.containsVoiceId(this.voiceId) && (line instanceof ObjTab || line.containsDiatonicId(this.ownDiatonicId));
   }
-  isEmpty() {
-    return this.staffObjects.length === 0;
+  startConnective(connectiveProps) {
+    if (!this.row.hasStaff && connectiveProps.connective === "tie" /* Tie */) {
+      throw new import_core7.MusicError(import_core7.MusicErrorType.Score, "Ties not implemented for guitar tabs alone, staff is required!");
+    } else if (!this.row.hasStaff && connectiveProps.connective === "slur" /* Slur */) {
+      throw new import_core7.MusicError(import_core7.MusicErrorType.Score, "Slurs not implemented for guitar tabs alone, staff is required!");
+    }
+    this.startConnnectives.push(connectiveProps);
+    this.doc.addConnectiveProps(connectiveProps);
+  }
+  getStaticObjects(line) {
+    let staticObjects = [];
+    this.staffObjects.forEach((obj) => {
+      if (obj.staff === line) {
+        staticObjects.push(obj);
+      }
+    });
+    this.tabObjects.forEach((obj) => {
+      if (obj.tab === line) {
+        staticObjects.push(obj);
+      }
+    });
+    return staticObjects;
   }
   pick(x, y) {
     if (!this.getRect().contains(x, y)) {
@@ -2145,632 +2590,201 @@ var ObjBeamGroup = class _ObjBeamGroup extends MusicObject {
         return [this, ...arr];
       }
     }
-    return [this];
-  }
-  getType() {
-    return this.type;
-  }
-  isTuplet() {
-    return this.type === 1 /* TupletBeam */ || this.type === 2 /* TupletGroup */;
-  }
-  getSymbols() {
-    return this.symbols;
-  }
-  getFirstSymbol() {
-    return this.symbols[0];
+    for (let i = 0; i < this.tabObjects.length; i++) {
+      let arr = this.tabObjects[i].pick(x, y);
+      if (arr.length > 0) {
+        return [this, ...arr];
+      }
+    }
+    return [];
   }
-  getLastSymbol() {
-    return this.symbols[this.symbols.length - 1];
+  getTopNote() {
+    return this.notes[this.notes.length - 1];
   }
-  get stemDir() {
-    return this.symbols[0].ownStemDir;
+  getBottomNote() {
+    return this.notes[0];
   }
-  layout(renderer) {
-    this.requestRectUpdate();
-    this.staffObjects.length = 0;
-    let symbols = this.getSymbols();
-    if (symbols.length === 0) {
-      return;
-    }
-    let voiceId = symbols[0].voiceId;
-    if (symbols.some((symbol) => symbol.voiceId !== voiceId)) {
-      return;
-    }
-    let { unitSize } = renderer;
-    let { stemDir } = this;
-    let symbolsBeamCoords = symbols.map((s) => s.getBeamCoords());
-    symbolsBeamCoords[0].map((s) => s == null ? void 0 : s.staff).forEach((mainStaff, index) => {
-      var _a, _b;
-      if (!mainStaff) {
-        return;
+  getConnectiveAnchorPoint(connectiveProps, line, noteIndex, noteAnchor, side) {
+    if (line instanceof ObjStaff) {
+      let staff = line;
+      if (noteIndex < 0 || noteIndex >= this.notes.length) {
+        throw new import_core7.MusicError(import_core7.MusicErrorType.Score, "Invalid noteIndex: " + noteIndex);
       }
-      let symbolX = symbolsBeamCoords.map((s) => {
-        var _a2;
-        return (_a2 = s[index]) == null ? void 0 : _a2.x;
-      });
-      let symbolY = symbolsBeamCoords.map((s) => {
-        var _a2;
-        return (_a2 = s[index]) == null ? void 0 : _a2.y;
-      });
-      let symbolStaff = symbolsBeamCoords.map((s) => {
-        var _a2;
-        return (_a2 = s[index]) == null ? void 0 : _a2.staff;
-      });
-      let symbolStemHeight = symbolsBeamCoords.map((s) => {
-        var _a2;
-        return (_a2 = s[index]) == null ? void 0 : _a2.stemHeight;
-      });
-      let leftSymbol = symbols[0];
-      let leftX = symbolX[0];
-      let leftY = symbolY[0];
-      let leftStaff = symbolStaff[0];
-      let rightSymbol = symbols[symbols.length - 1];
-      let rightX = symbolX[symbolX.length - 1];
-      let rightY = symbolY[symbolY.length - 1];
-      let rightStaff = symbolStaff[symbolY.length - 1];
-      if (leftX === void 0 || leftY === void 0 || leftStaff === void 0 || rightX === void 0 || rightY === void 0 || rightStaff === void 0) {
-        return;
+      let obj = this.staffObjects.find((obj2) => obj2.staff === staff);
+      if (!obj || noteIndex < 0 || noteIndex >= obj.noteHeadRects.length) {
+        let r = this.getRect();
+        return { x: r.centerX, y: r.bottom };
       }
-      let leftStemHeight = (_a = symbolStemHeight[0]) != null ? _a : 0;
-      let rightStemHeight = (_b = symbolStemHeight[symbolStemHeight.length - 1]) != null ? _b : 0;
-      if (this.type !== 2 /* TupletGroup */) {
-        let leftDy = leftStemHeight < rightStemHeight ? Math.sqrt(rightStemHeight - leftStemHeight) : 0;
-        let rightDy = rightStemHeight < leftStemHeight ? Math.sqrt(leftStemHeight - rightStemHeight) : 0;
-        if (stemDir === "up" /* Up */) {
-          leftDy *= -1;
-          rightDy *= -1;
-        }
-        if (leftDy !== 0) {
-          leftY += leftDy;
-          symbolY[0] += leftDy;
-        }
-        if (rightDy !== 0) {
-          rightY += rightDy;
-          symbolY[symbolY.length - 1] += rightDy;
-        }
+      let noteHeadRect = obj.noteHeadRects[noteIndex];
+      let stemTip = obj.stemTip;
+      let stemDir = this.stemDir;
+      let hasStem = stemTip !== void 0;
+      let stemSide = !hasStem ? void 0 : stemDir === "up" /* Up */ ? "right" : "left";
+      let padding = noteHeadRect.height / 2;
+      let centerX = noteHeadRect.centerX;
+      let centerY = noteHeadRect.centerY;
+      let leftX = noteHeadRect.left - padding;
+      let rightX = noteHeadRect.right + padding;
+      let aboveY = noteHeadRect.top - padding;
+      let belowY = noteHeadRect.bottom + padding;
+      if (noteAnchor === "auto" /* Auto */) {
+        noteAnchor = "below" /* Below */;
+      } else if (noteAnchor === "stemTip" /* StemTip */ && !hasStem) {
+        noteAnchor = stemDir === "up" /* Up */ ? "above" /* Above */ : "below" /* Below */;
       }
-      let groupLineDy = unitSize * 2 * (stemDir === "up" /* Up */ ? -1 : 1);
-      let centerY = (rightY + leftY) / 2;
-      let halfDy = adjustBeamAngle(rightX - leftX, rightY - leftY) / 2;
-      leftY = centerY - halfDy;
-      rightY = centerY + halfDy;
-      let raiseBeamY = 0;
-      symbolY.forEach((symY, i) => {
-        let symX = symbolX[i];
-        if (symX !== void 0 && symY !== void 0) {
-          let beamY = import_ts_utils_lib3.Utils.Math.interpolateY(leftX, leftY, rightX, rightY, symX);
-          let raiseY = symY - beamY;
-          if (stemDir === "up" /* Up */ && raiseY < 0) {
-            raiseBeamY = Math.min(raiseBeamY, raiseY);
-          } else if (stemDir === "down" /* Down */ && raiseY > 0) {
-            raiseBeamY = Math.max(raiseBeamY, raiseY);
-          }
-        }
-      });
-      leftY += raiseBeamY;
-      rightY += raiseBeamY;
-      symbolY = symbolY.map((y) => y === void 0 ? void 0 : y + raiseBeamY);
-      let obj = new ObjStaffBeamGroup(mainStaff, this);
-      if (this.type === 2 /* TupletGroup */) {
-        let ef = unitSize / (rightX - leftX);
-        let l = import_ts_utils_lib3.Utils.Math.interpolateCoord(leftX, leftY + groupLineDy, rightX, rightY + groupLineDy, -ef);
-        let r = import_ts_utils_lib3.Utils.Math.interpolateCoord(leftX, leftY + groupLineDy, rightX, rightY + groupLineDy, 1 + ef);
-        obj.points.push(new BeamPoint(leftStaff, this, leftSymbol, l.x, l.y));
-        obj.points.push(new BeamPoint(rightStaff, this, rightSymbol, r.x, r.y));
-        obj.tupletNumberOffsetY = 0;
-      } else if (this.type === 0 /* RegularBeam */ || this.type === 1 /* TupletBeam */) {
-        raiseBeamY *= 0.5;
-        let { beamThickness } = renderer;
-        const beamHeight = (i) => {
-          let sym = symbols[i];
-          if (sym instanceof ObjNoteGroup) {
-            let beamCount = sym instanceof ObjNoteGroup ? Math.max(sym.getLeftBeamCount(), sym.getRightBeamCount()) : 0;
-            return DocumentSettings.BeamSeparation * unitSize * (this.stemDir === "up" /* Up */ ? beamCount - 1 : 0);
+      switch (noteAnchor) {
+        case "center" /* Center */:
+          return side === "left" ? { x: rightX, y: centerY } : { x: leftX, y: centerY };
+        case "above" /* Above */:
+          if (!hasStem || stemDir === "down" /* Down */) {
+            return { x: centerX, y: aboveY };
           } else {
-            return 0;
+            return {
+              x: side === "left" && stemSide === "right" ? rightX : side === "right" && stemSide === "left" ? leftX : centerX,
+              y: aboveY
+            };
           }
-        };
-        symbols.forEach((sym, i) => {
-          let symStaff = symbolStaff[i];
-          let symX = symbolX[i];
-          let symY = symbolY[i];
-          if (symStaff && symX !== void 0 && symY !== void 0) {
-            let pt = new BeamPoint(symStaff, this, sym, symX, symY);
-            pt.topBeamsHeight = beamThickness / 2 + (stemDir === "down" /* Down */ ? beamHeight(i) : 0);
-            pt.bottomBeamsHeight = beamThickness / 2 + (stemDir === "up" /* Up */ ? beamHeight(i) : 0);
-            obj.points.push(pt);
+        case "below" /* Below */:
+          if (!hasStem || stemDir === "up" /* Up */) {
+            return { x: centerX, y: belowY };
+          } else {
+            return {
+              x: side === "left" && stemSide === "right" ? rightX : side === "right" && stemSide === "left" ? leftX : centerX,
+              y: belowY
+            };
           }
-        });
-        obj.tupletNumberOffsetY = groupLineDy;
-      }
-      if (this.isTuplet() && this.tupletRatio) {
-        let txt = this.showTupletRatio ? String(this.tupletRatio.parts) + ":" + String(this.tupletRatio.inTimeOf) : String(this.tupletRatio.parts);
-        obj.tupletNumber = new ObjText(this, txt, 0.5, 0.5);
-        obj.tupletNumber.layout(renderer);
-        obj.tupletNumber.offset((leftX + rightX) / 2, (leftY + rightY) / 2 + obj.tupletNumberOffsetY);
-      }
-      if (obj.points.length >= 2) {
-        this.staffObjects.push(obj);
+        case "stemTip" /* StemTip */:
+          return { x: centerX, y: stemTip.centerY + (stemDir === "up" /* Up */ ? -padding : padding) };
+        default:
+          throw new import_core7.MusicError(import_core7.MusicErrorType.Score, "Invalid noteAnchor: " + noteAnchor);
       }
-    });
-  }
-  updateRect() {
-    if (this.staffObjects.length === 0) {
-      this.rect = new DivRect();
     } else {
-      this.staffObjects.forEach((obj) => obj.updateRect());
-      this.rect = this.staffObjects[0].getRect().copy();
-      for (let i = 1; i < this.staffObjects.length; i++) {
-        this.rect.expandInPlace(this.staffObjects[i].getRect());
+      let tab = line;
+      let obj = this.tabObjects.find((obj2) => obj2.tab === tab);
+      let fretNumber = obj == null ? void 0 : obj.fretNumbers[noteIndex];
+      if (!obj || !fretNumber) {
+        return { x: 0, y: 0 };
+      }
+      let r = fretNumber.getRect();
+      let x = side === "right" ? r.left : r.right;
+      let y;
+      let s = 0.9;
+      if (connectiveProps.connective === "slide" /* Slide */) {
+        let leftFretNumber = connectiveProps.noteGroups[0].getFretNumber(obj, 0);
+        let rightFretNumber = connectiveProps.noteGroups[1].getFretNumber(obj, 0);
+        let slideUp = leftFretNumber === void 0 || rightFretNumber === void 0 || leftFretNumber <= rightFretNumber;
+        if (side === "left") {
+          y = slideUp ? r.centerY + r.bottomh * s : r.centerY - r.toph * s;
+        } else {
+          y = slideUp ? r.centerY - r.toph * s : r.centerY + r.bottomh * s;
+        }
+      } else {
+        y = r.centerY + r.bottomh * s;
       }
+      return { x, y };
     }
   }
-  updateStemTips() {
-    this.staffObjects.forEach((obj) => {
-      let left = obj.points[0];
-      let right = obj.points[obj.points.length - 1];
-      if (this.type !== 2 /* TupletGroup */) {
-        obj.points.forEach((pt) => {
-          if (pt.symbol instanceof ObjNoteGroup) {
-            if (pt !== left && pt !== right) {
-              pt.y = import_ts_utils_lib3.Utils.Math.interpolateY(left.x, left.y, right.x, right.y, pt.x);
-            }
-            pt.symbol.setStemTipY(pt.staff, pt.y);
-          }
-        });
-      }
-      if (obj.tupletNumber) {
-        let y = (left.y + right.y) / 2 + obj.tupletNumberOffsetY;
-        obj.tupletNumber.offset(0, -obj.tupletNumber.getRect().centerY + y);
-      }
-    });
+  getFretNumberString(noteIndex) {
+    return this.ownString[noteIndex];
   }
-  offset(dx, dy) {
-    this.staffObjects.forEach((obj) => obj.offset(dx, 0));
-    this.requestRectUpdate();
+  getFretNumber(tabObj, noteIndex) {
+    let fretNumber = tabObj.fretNumbers[noteIndex];
+    return fretNumber === void 0 ? void 0 : +fretNumber.getText();
   }
-  draw(renderer) {
-    let { unitSize, beamThickness, lineWidth } = renderer;
-    let color = "black";
-    this.staffObjects.forEach((obj) => {
-      if (this.type === 2 /* TupletGroup */) {
-        let l = obj.points[0];
-        let r = obj.points[obj.points.length - 1];
-        if (l && r) {
-          let tf = obj.tupletNumber ? obj.tupletNumber.getRect().width / (r.x - l.x) * 1.2 : 0;
-          let lc = import_ts_utils_lib3.Utils.Math.interpolateCoord(l.x, l.y, r.x, r.y, 0.5 - tf / 2);
-          let rc = import_ts_utils_lib3.Utils.Math.interpolateCoord(l.x, l.y, r.x, r.y, 0.5 + tf / 2);
-          let tipH = this.stemDir === "up" /* Up */ ? unitSize : -unitSize;
-          renderer.drawLine(l.x, l.y, lc.x, lc.y, color, lineWidth);
-          renderer.drawLine(rc.x, rc.y, r.x, r.y, color, lineWidth);
-          renderer.drawLine(l.x, l.y, l.x, l.y + tipH, color, lineWidth);
-          renderer.drawLine(r.x, r.y, r.x, r.y + tipH, color, lineWidth);
-        }
-      } else if (this.type === 0 /* RegularBeam */ || this.type === 1 /* TupletBeam */) {
-        let beamSeparation = DocumentSettings.BeamSeparation * unitSize * (this.stemDir === "up" /* Up */ ? 1 : -1);
-        let noteGroupPoints = obj.points.filter((p) => p.symbol instanceof ObjNoteGroup);
-        for (let i = 0; i < noteGroupPoints.length - 1; i++) {
-          let left = noteGroupPoints[i];
-          let right = noteGroupPoints[i + 1];
-          if (!(left.symbol instanceof ObjNoteGroup && right.symbol instanceof ObjNoteGroup)) {
-            continue;
-          }
-          let leftBeamCount = left.symbol.getRightBeamCount();
-          let rightBeamCount = right.symbol.getLeftBeamCount();
-          let lx = left.x;
-          let ly = left.y;
-          let rx = right.x;
-          let ry = right.y;
-          for (let beamId = 0; beamId < Math.max(leftBeamCount, rightBeamCount); beamId++) {
-            if (beamId < leftBeamCount && beamId < rightBeamCount) {
-              renderer.drawLine(lx, ly, rx, ry, color, beamThickness);
-            } else if (leftBeamCount > rightBeamCount) {
-              renderer.drawPartialLine(lx, ly, rx, ry, 0, 0.25, color, beamThickness);
-            } else if (rightBeamCount > leftBeamCount) {
-              renderer.drawPartialLine(lx, ly, rx, ry, 0.75, 1, color, beamThickness);
-            }
-            ly += beamSeparation;
-            ry += beamSeparation;
-          }
-        }
-      }
-      if (obj.tupletNumber) {
-        obj.tupletNumber.draw(renderer);
-      }
-    });
-  }
-};
-
-// src/score/engine/obj-note-group.ts
-var import_core7 = require("@tspro/web-music-score/core");
-function getStem(stem) {
-  return import_ts_utils_lib4.Utils.Is.isEnumValue(stem, Stem) ? stem : void 0;
-}
-function getArpeggio(a) {
-  return import_ts_utils_lib4.Utils.Is.isEnumValue(a, Arpeggio) ? a : a === true ? "up" /* Up */ : void 0;
-}
-function sortNoteStringData(notes, strings) {
-  let stringArr = import_ts_utils_lib4.Utils.Arr.isArray(strings) ? strings : strings !== void 0 ? [strings] : [];
-  let noteStringData = notes.map((note, i) => {
-    return { note, string: stringArr[i] };
-  });
-  noteStringData = import_ts_utils_lib4.Utils.Arr.removeDuplicatesCmp(noteStringData, (a, b) => import_theory5.Note.equals(a.note, b.note)).sort((a, b) => import_theory5.Note.compareFunc(a.note, b.note));
-  return {
-    notes: noteStringData.map((e) => e.note),
-    strings: noteStringData.every((e) => e.string === void 0) ? void 0 : noteStringData.map((e) => e.string)
-  };
-}
-var ObjStaffNoteGroup = class extends MusicObject {
-  constructor(staff, noteGroup) {
-    super(staff);
-    this.staff = staff;
-    this.noteGroup = noteGroup;
-    __publicField(this, "noteHeadRects", []);
-    __publicField(this, "dotRects", []);
-    __publicField(this, "accidentals", []);
-    __publicField(this, "stemTip");
-    __publicField(this, "stemBase");
-    __publicField(this, "flagRects", []);
-    __publicField(this, "prevTopNoteY", 0);
-    __publicField(this, "prevBottomNoteY", 0);
-    __publicField(this, "mi");
-    this.mi = new MStaffNoteGroup(this);
-  }
-  getMusicInterface() {
-    return this.mi;
-  }
-  pick(x, y) {
-    if (!this.getRect().contains(x, y)) {
-      return [];
+  getNextNoteGroup() {
+    let voiceNoteGroups = this.measure.getVoiceSymbols(this.voiceId).filter((s) => s instanceof _ObjNoteGroup);
+    let i = voiceNoteGroups.indexOf(this);
+    if (i < 0) {
+      return void 0;
+    } else if (i < voiceNoteGroups.length - 1) {
+      return voiceNoteGroups[i + 1];
     }
-    for (let i = 0; i < this.accidentals.length; i++) {
-      let arr = this.accidentals[i].pick(x, y);
-      if (arr.length > 0) {
-        return [this, ...arr];
+    let m = this.measure.getNextMeasure();
+    while (m) {
+      let voiceNoteGroups2 = m.getVoiceSymbols(this.voiceId).filter((s) => s instanceof _ObjNoteGroup);
+      if (voiceNoteGroups2.length > 0) {
+        return voiceNoteGroups2[0];
       }
+      m = m.getNextMeasure();
     }
-    return [this];
+    return void 0;
   }
-  updateRect() {
-    this.rect = this.noteHeadRects[0].copy();
-    this.noteHeadRects.forEach((r) => this.rect.expandInPlace(r));
-    if (this.stemTip) this.rect.expandInPlace(this.stemTip);
-    if (this.stemBase) this.rect.expandInPlace(this.stemBase);
-    this.dotRects.forEach((r) => this.rect.expandInPlace(r));
-    this.flagRects.forEach((r) => this.rect.expandInPlace(r));
-    this.accidentals.forEach((a) => this.rect.expandInPlace(a.getRect()));
+  collectConnectiveProps() {
+    this.startConnnectives.forEach((connective) => {
+      this.runningConnectives.push(connective);
+      let next = this.getNextNoteGroup();
+      while (next && connective.addNoteGroup(next)) {
+        next.runningConnectives.push(connective);
+        next = next.getNextNoteGroup();
+      }
+    });
   }
-  getRect() {
-    let bottomNoteRect = this.noteHeadRects[0];
-    let topNoteRect = this.noteHeadRects[this.noteHeadRects.length - 1];
-    if (this.prevTopNoteY !== topNoteRect.centerY || this.prevBottomNoteY !== bottomNoteRect.centerY) {
-      this.prevTopNoteY = topNoteRect.centerY;
-      this.prevBottomNoteY = bottomNoteRect.centerY;
-      this.requestRectUpdate();
+  removeConnectiveProps() {
+    this.runningConnectives = [];
+  }
+  getPlaySlur() {
+    let slurs = this.runningConnectives.filter((c) => c.connective === "slur" /* Slur */).map((c) => c.startsWith(this) ? "first" : "slurred");
+    if (slurs.indexOf("first") >= 0) {
+      return "first";
+    } else if (slurs.indexOf("slurred") >= 0) {
+      return "slurred";
+    } else {
+      return void 0;
     }
-    return super.getRect();
   }
-  offset(dx, dy) {
-    var _a, _b;
-    this.noteHeadRects.forEach((n) => n.offsetInPlace(dx, dy));
-    this.dotRects.forEach((n) => n.offsetInPlace(dx, dy));
-    this.accidentals.forEach((n) => n.offset(dx, dy));
-    (_a = this.stemTip) == null ? void 0 : _a.offsetInPlace(dx, dy);
-    (_b = this.stemBase) == null ? void 0 : _b.offsetInPlace(dx, dy);
-    this.flagRects.forEach((n) => n.offsetInPlace(dx, dy));
-    this.requestRectUpdate();
-    this.noteGroup.requestRectUpdate();
+  getBeamGroup() {
+    return this.beamGroup;
   }
-};
-var ObjTabNoteGroup = class extends MusicObject {
-  constructor(tab, noteGroup) {
-    super(tab);
-    this.tab = tab;
-    this.noteGroup = noteGroup;
-    __publicField(this, "fretNumbers", []);
-    __publicField(this, "mi");
-    tab.addObject(this);
-    this.mi = new MTabNoteGroup(this);
+  setBeamGroup(beamGroup) {
+    this.beamGroup = beamGroup;
   }
-  getMusicInterface() {
-    return this.mi;
+  resetBeamGroup() {
+    this.leftBeamCount = this.rightBeamCount = 0;
+    this.beamGroup = void 0;
   }
-  pick(x, y) {
-    return this.getRect().contains(x, y) ? [this] : [];
+  getBeamCoords() {
+    return this.staffObjects.map((obj) => {
+      var _a, _b, _c, _d;
+      let staff = obj.staff;
+      let x = (_b = (_a = obj.stemTip) == null ? void 0 : _a.centerX) != null ? _b : obj.noteHeadRects[0].centerX;
+      let y = (_d = (_c = obj.stemTip) == null ? void 0 : _c.centerY) != null ? _d : this.stemDir === "up" /* Up */ ? obj.getRect().top : obj.getRect().bottom;
+      let stemHeight = this.stemDir === "up" /* Up */ ? Math.abs(obj.noteHeadRects[0].centerY - y) : Math.abs(obj.noteHeadRects[obj.noteHeadRects.length - 1].centerY - y);
+      return { staff, x, y, stemHeight };
+    });
   }
-  updateRect() {
-    this.rect = this.fretNumbers[0].getRect().copy();
-    this.fretNumbers.forEach((fn) => this.rect.expandInPlace(fn.getRect()));
+  getStemHeight(renderer) {
+    let { unitSize } = renderer;
+    let { flagCount, hasStem } = this.rhythmProps;
+    if (hasStem) {
+      let addY = this.hasBeamCount() ? DocumentSettings.BeamSeparation : DocumentSettings.FlagSeparation;
+      return (DocumentSettings.StemHeight + Math.max(0, flagCount - 1) * addY) * unitSize;
+    } else {
+      return 0;
+    }
   }
-  offset(dx, dy) {
-    this.fretNumbers.forEach((f) => f.offset(dx, dy));
-    this.requestRectUpdate();
-    this.noteGroup.requestRectUpdate();
+  hasBeamCount() {
+    return this.leftBeamCount > 0 || this.rightBeamCount > 0;
   }
-};
-var ObjNoteGroup = class _ObjNoteGroup extends MusicObject {
-  constructor(col, voiceId, notes, noteLength, options, tupletRatio) {
-    var _a, _b, _c;
-    super(col);
-    this.col = col;
-    this.voiceId = voiceId;
-    this.notes = notes;
-    __publicField(this, "minDiatonicId");
-    __publicField(this, "maxDiatonicId");
-    __publicField(this, "ownDiatonicId");
-    // Average diatonicId of notes.
-    __publicField(this, "ownStemDir");
-    __publicField(this, "ownString");
-    __publicField(this, "color");
-    __publicField(this, "staccato");
-    __publicField(this, "diamond");
-    __publicField(this, "arpeggio");
-    __publicField(this, "oldStyleTriplet");
-    __publicField(this, "rhythmProps");
-    __publicField(this, "startConnnectives", []);
-    __publicField(this, "runningConnectives", []);
-    __publicField(this, "leftBeamCount", 0);
-    __publicField(this, "rightBeamCount", 0);
-    __publicField(this, "beamGroup");
-    __publicField(this, "staffObjects", []);
-    __publicField(this, "tabObjects", []);
-    __publicField(this, "mi");
-    if (!import_ts_utils_lib4.Utils.Is.isIntegerGte(notes.length, 1)) {
-      throw new import_core7.MusicError(import_core7.MusicErrorType.Score, "Cannot create note group object because notes array is empty.");
-    }
-    let noteStringData = sortNoteStringData(notes, options == null ? void 0 : options.string);
-    this.notes = noteStringData.notes;
-    this.minDiatonicId = this.notes[0].diatonicId;
-    this.maxDiatonicId = this.notes[this.notes.length - 1].diatonicId;
-    this.ownDiatonicId = this.measure.updateOwnDiatonicId(voiceId, Math.round((this.minDiatonicId + this.maxDiatonicId) / 2));
-    this.ownStemDir = this.measure.updateOwnStemDir(this, getStem(options == null ? void 0 : options.stem));
-    this.ownString = this.measure.updateOwnString(this, noteStringData.strings);
-    this.color = (_a = options == null ? void 0 : options.color) != null ? _a : "black";
-    this.staccato = (_b = options == null ? void 0 : options.staccato) != null ? _b : false;
-    this.diamond = (_c = options == null ? void 0 : options.diamond) != null ? _c : false;
-    this.arpeggio = getArpeggio(options == null ? void 0 : options.arpeggio);
-    this.oldStyleTriplet = tupletRatio === void 0 && ((options == null ? void 0 : options.triplet) === true || import_theory5.NoteLengthProps.get(noteLength).isTriplet);
-    let dotCount = typeof (options == null ? void 0 : options.dotted) === "number" ? options.dotted > 0 ? options.dotted : void 0 : (options == null ? void 0 : options.dotted) === true ? 1 : void 0;
-    this.rhythmProps = import_theory5.RhythmProps.get(noteLength, dotCount, (tupletRatio != null ? tupletRatio : this.oldStyleTriplet) ? import_theory5.Tuplet.Triplet : void 0);
-    this.mi = new MNoteGroup(this);
+  getLeftBeamCount() {
+    return this.leftBeamCount;
   }
-  getMusicInterface() {
-    return this.mi;
+  getRightBeamCount() {
+    return this.rightBeamCount;
   }
-  get doc() {
-    return this.col.doc;
+  setLeftBeamCount(count) {
+    this.leftBeamCount = count;
   }
-  get measure() {
-    return this.col.measure;
+  setRightBeamCount(count) {
+    this.rightBeamCount = count;
   }
-  get row() {
-    return this.col.row;
+  hasTuplet() {
+    return this.rhythmProps.tupletRatio !== void 0;
   }
-  get stemDir() {
-    return this.beamGroup ? this.beamGroup.stemDir : this.ownStemDir;
+  isEmpty() {
+    return this.staffObjects.length === 0 && this.tabObjects.length === 0;
   }
-  enableConnective(line) {
-    return line.containsVoiceId(this.voiceId) && (line instanceof ObjTab || line.containsDiatonicId(this.ownDiatonicId));
-  }
-  startConnective(connectiveProps) {
-    if (!this.row.hasStaff && connectiveProps.connective === "tie" /* Tie */) {
-      throw new import_core7.MusicError(import_core7.MusicErrorType.Score, "Ties not implemented for guitar tabs alone, staff is required!");
-    } else if (!this.row.hasStaff && connectiveProps.connective === "slur" /* Slur */) {
-      throw new import_core7.MusicError(import_core7.MusicErrorType.Score, "Slurs not implemented for guitar tabs alone, staff is required!");
-    }
-    this.startConnnectives.push(connectiveProps);
-    this.doc.addConnectiveProps(connectiveProps);
-  }
-  getStaticObjects(line) {
-    let staticObjects = [];
-    this.staffObjects.forEach((obj) => {
-      if (obj.staff === line) {
-        staticObjects.push(obj);
-      }
-    });
-    this.tabObjects.forEach((obj) => {
-      if (obj.tab === line) {
-        staticObjects.push(obj);
-      }
-    });
-    return staticObjects;
-  }
-  pick(x, y) {
-    if (!this.getRect().contains(x, y)) {
-      return [];
-    }
-    for (let i = 0; i < this.staffObjects.length; i++) {
-      let arr = this.staffObjects[i].pick(x, y);
-      if (arr.length > 0) {
-        return [this, ...arr];
-      }
-    }
-    for (let i = 0; i < this.tabObjects.length; i++) {
-      let arr = this.tabObjects[i].pick(x, y);
-      if (arr.length > 0) {
-        return [this, ...arr];
-      }
-    }
-    return [];
-  }
-  getTopNote() {
-    return this.notes[this.notes.length - 1];
-  }
-  getBottomNote() {
-    return this.notes[0];
-  }
-  getConnectiveAnchorPoint(connectiveProps, line, noteIndex, noteAnchor, side) {
-    if (line instanceof ObjStaff) {
-      let staff = line;
-      if (noteIndex < 0 || noteIndex >= this.notes.length) {
-        throw new import_core7.MusicError(import_core7.MusicErrorType.Score, "Invalid noteIndex: " + noteIndex);
-      }
-      let obj = this.staffObjects.find((obj2) => obj2.staff === staff);
-      if (!obj || noteIndex < 0 || noteIndex >= obj.noteHeadRects.length) {
-        let r = this.getRect();
-        return { x: r.centerX, y: r.bottom };
-      }
-      let noteHeadRect = obj.noteHeadRects[noteIndex];
-      let stemTip = obj.stemTip;
-      let stemDir = this.stemDir;
-      let hasStem = stemTip !== void 0;
-      let stemSide = !hasStem ? void 0 : stemDir === "up" /* Up */ ? "right" : "left";
-      let padding = noteHeadRect.height / 2;
-      let centerX = noteHeadRect.centerX;
-      let centerY = noteHeadRect.centerY;
-      let leftX = noteHeadRect.left - padding;
-      let rightX = noteHeadRect.right + padding;
-      let aboveY = noteHeadRect.top - padding;
-      let belowY = noteHeadRect.bottom + padding;
-      if (noteAnchor === "auto" /* Auto */) {
-        noteAnchor = "below" /* Below */;
-      } else if (noteAnchor === "stemTip" /* StemTip */ && !hasStem) {
-        noteAnchor = stemDir === "up" /* Up */ ? "above" /* Above */ : "below" /* Below */;
-      }
-      switch (noteAnchor) {
-        case "center" /* Center */:
-          return side === "left" ? { x: rightX, y: centerY } : { x: leftX, y: centerY };
-        case "above" /* Above */:
-          if (!hasStem || stemDir === "down" /* Down */) {
-            return { x: centerX, y: aboveY };
-          } else {
-            return {
-              x: side === "left" && stemSide === "right" ? rightX : side === "right" && stemSide === "left" ? leftX : centerX,
-              y: aboveY
-            };
-          }
-        case "below" /* Below */:
-          if (!hasStem || stemDir === "up" /* Up */) {
-            return { x: centerX, y: belowY };
-          } else {
-            return {
-              x: side === "left" && stemSide === "right" ? rightX : side === "right" && stemSide === "left" ? leftX : centerX,
-              y: belowY
-            };
-          }
-        case "stemTip" /* StemTip */:
-          return { x: centerX, y: stemTip.centerY + (stemDir === "up" /* Up */ ? -padding : padding) };
-        default:
-          throw new import_core7.MusicError(import_core7.MusicErrorType.Score, "Invalid noteAnchor: " + noteAnchor);
-      }
-    } else {
-      let tab = line;
-      let obj = this.tabObjects.find((obj2) => obj2.tab === tab);
-      let fretNumber = obj == null ? void 0 : obj.fretNumbers[noteIndex];
-      if (!obj || !fretNumber) {
-        return { x: 0, y: 0 };
-      }
-      let r = fretNumber.getRect();
-      let x = side === "right" ? r.left : r.right;
-      let y;
-      let s = 0.9;
-      if (connectiveProps.connective === "slide" /* Slide */) {
-        let leftFretNumber = connectiveProps.noteGroups[0].getFretNumber(obj, 0);
-        let rightFretNumber = connectiveProps.noteGroups[1].getFretNumber(obj, 0);
-        let slideUp = leftFretNumber === void 0 || rightFretNumber === void 0 || leftFretNumber <= rightFretNumber;
-        if (side === "left") {
-          y = slideUp ? r.centerY + r.bottomh * s : r.centerY - r.toph * s;
-        } else {
-          y = slideUp ? r.centerY - r.toph * s : r.centerY + r.bottomh * s;
-        }
-      } else {
-        y = r.centerY + r.bottomh * s;
-      }
-      return { x, y };
-    }
-  }
-  getFretNumberString(noteIndex) {
-    return this.ownString[noteIndex];
-  }
-  getFretNumber(tabObj, noteIndex) {
-    let fretNumber = tabObj.fretNumbers[noteIndex];
-    return fretNumber === void 0 ? void 0 : +fretNumber.getText();
-  }
-  getNextNoteGroup() {
-    let voiceNoteGroups = this.measure.getVoiceSymbols(this.voiceId).filter((s) => s instanceof _ObjNoteGroup);
-    let i = voiceNoteGroups.indexOf(this);
-    if (i < 0) {
-      return void 0;
-    } else if (i < voiceNoteGroups.length - 1) {
-      return voiceNoteGroups[i + 1];
-    }
-    let m = this.measure.getNextMeasure();
-    while (m) {
-      let voiceNoteGroups2 = m.getVoiceSymbols(this.voiceId).filter((s) => s instanceof _ObjNoteGroup);
-      if (voiceNoteGroups2.length > 0) {
-        return voiceNoteGroups2[0];
-      }
-      m = m.getNextMeasure();
-    }
-    return void 0;
-  }
-  collectConnectiveProps() {
-    this.startConnnectives.forEach((connective) => {
-      this.runningConnectives.push(connective);
-      let next = this.getNextNoteGroup();
-      while (next && connective.addNoteGroup(next)) {
-        next.runningConnectives.push(connective);
-        next = next.getNextNoteGroup();
-      }
-    });
-  }
-  removeConnectiveProps() {
-    this.runningConnectives = [];
-  }
-  getPlaySlur() {
-    let slurs = this.runningConnectives.filter((c) => c.connective === "slur" /* Slur */).map((c) => c.startsWith(this) ? "first" : "slurred");
-    if (slurs.indexOf("first") >= 0) {
-      return "first";
-    } else if (slurs.indexOf("slurred") >= 0) {
-      return "slurred";
-    } else {
-      return void 0;
-    }
-  }
-  getBeamGroup() {
-    return this.beamGroup;
-  }
-  setBeamGroup(beamGroup) {
-    this.beamGroup = beamGroup;
-  }
-  resetBeamGroup() {
-    this.leftBeamCount = this.rightBeamCount = 0;
-    this.beamGroup = void 0;
-  }
-  getBeamCoords() {
-    return this.staffObjects.map((obj) => {
-      var _a, _b, _c, _d;
-      let staff = obj.staff;
-      let x = (_b = (_a = obj.stemTip) == null ? void 0 : _a.centerX) != null ? _b : obj.noteHeadRects[0].centerX;
-      let y = (_d = (_c = obj.stemTip) == null ? void 0 : _c.centerY) != null ? _d : this.stemDir === "up" /* Up */ ? obj.getRect().top : obj.getRect().bottom;
-      let stemHeight = this.stemDir === "up" /* Up */ ? Math.abs(obj.noteHeadRects[0].centerY - y) : Math.abs(obj.noteHeadRects[obj.noteHeadRects.length - 1].centerY - y);
-      return { staff, x, y, stemHeight };
-    });
-  }
-  getStemHeight(renderer) {
-    let { unitSize } = renderer;
-    let { flagCount, hasStem } = this.rhythmProps;
-    if (hasStem) {
-      let addY = this.hasBeamCount() ? DocumentSettings.BeamSeparation : DocumentSettings.FlagSeparation;
-      return (DocumentSettings.StemHeight + Math.max(0, flagCount - 1) * addY) * unitSize;
-    } else {
-      return 0;
-    }
-  }
-  hasBeamCount() {
-    return this.leftBeamCount > 0 || this.rightBeamCount > 0;
-  }
-  getLeftBeamCount() {
-    return this.leftBeamCount;
-  }
-  getRightBeamCount() {
-    return this.rightBeamCount;
-  }
-  isEmpty() {
-    return this.staffObjects.length === 0 && this.tabObjects.length === 0;
-  }
-  visibleInStaff(staff) {
-    return staff.containsVoiceId(this.voiceId) && this.staffObjects.some((obj) => obj instanceof ObjStaffNoteGroup && obj.staff === staff);
+  visibleInStaff(staff) {
+    return staff.containsVoiceId(this.voiceId) && this.staffObjects.some((obj) => obj instanceof ObjStaffNoteGroup && obj.staff === staff);
   }
   getPlayTicks(note) {
     let tiedTicks = this.runningConnectives.filter((c) => c.connective === "tie" /* Tie */).map((tie) => {
@@ -2783,11 +2797,11 @@ var ObjNoteGroup = class _ObjNoteGroup extends MusicObject {
         return Math.max(this.rhythmProps.ticks, this.measure.getMeasureTicks() - this.col.positionTicks);
       }
       let prev = tieNoteGroups[j - 1];
-      if (prev && prev.notes.some((n) => import_theory5.Note.equals(n, note))) {
+      if (prev && prev.notes.some((n) => import_theory4.Note.equals(n, note))) {
         return 0;
       }
       tieNoteGroups = tieNoteGroups.slice(j);
-      j = tieNoteGroups.findIndex((ng) => ng.notes.every((n) => !import_theory5.Note.equals(n, note)));
+      j = tieNoteGroups.findIndex((ng) => ng.notes.every((n) => !import_theory4.Note.equals(n, note)));
       if (j >= 0) {
         tieNoteGroups = tieNoteGroups.slice(0, j);
       }
@@ -2990,95 +3004,10 @@ var ObjNoteGroup = class _ObjNoteGroup extends MusicObject {
         ctx.lineTo(obj.stemTip.centerX, obj.stemTip.centerY);
         ctx.stroke();
       }
-      obj.flagRects.forEach((rect) => {
-        let left = rect.left;
-        let right = rect.right;
-        let width = right - left;
-        let top = stemDir === "up" /* Up */ ? rect.top : rect.bottom;
-        let bottom = stemDir === "up" /* Up */ ? rect.bottom : rect.top;
-        ctx.beginPath();
-        ctx.moveTo(left, top);
-        ctx.bezierCurveTo(
-          left,
-          top * 0.75 + bottom * 0.25,
-          left + width * 1.5,
-          top * 0.5 + bottom * 0.5,
-          left + width * 0.5,
-          bottom
-        );
-        ctx.stroke();
-      });
+      obj.flagRects.forEach((rect) => renderer.drawFlag(rect, stemDir === "up" /* Up */ ? "up" : "down"));
     });
     this.tabObjects.forEach((obj) => obj.fretNumbers.forEach((fn) => fn.draw(renderer)));
   }
-  static setBeamCounts(groupNotes) {
-    const isADottedBHalf = (a, b) => {
-      let { flagCount: aFlagCount, noteSize: aNoteSize, dotCount: aDotCount } = a.rhythmProps;
-      let { flagCount: bFlagCount, noteSize: bNoteSize, dotCount: bDotCount } = b.rhythmProps;
-      return aFlagCount > 0 && bFlagCount > 0 && aDotCount > 0 && bDotCount === 0 && aNoteSize * Math.pow(2, aDotCount) === bNoteSize;
-    };
-    for (let i = 0; i < groupNotes.length; i++) {
-      let center = groupNotes[i];
-      let left = groupNotes[i - 1];
-      let right = groupNotes[i + 1];
-      if (center) {
-        center.leftBeamCount = 0;
-        center.rightBeamCount = 0;
-        if (left) {
-          if (left.rhythmProps.flagCount === center.rhythmProps.flagCount || isADottedBHalf(left, center) || isADottedBHalf(center, left)) {
-            center.leftBeamCount = center.rhythmProps.flagCount;
-          } else {
-            center.leftBeamCount = Math.min(left.rhythmProps.flagCount, center.rhythmProps.flagCount);
-          }
-        }
-        if (right) {
-          if (right.rhythmProps.flagCount === center.rhythmProps.flagCount || isADottedBHalf(right, center) || isADottedBHalf(center, right)) {
-            center.rightBeamCount = center.rhythmProps.flagCount;
-          } else {
-            center.rightBeamCount = Math.min(right.rhythmProps.flagCount, center.rhythmProps.flagCount);
-          }
-        }
-      }
-    }
-    let fixAgain;
-    do {
-      fixAgain = false;
-      for (let i = 0; i < groupNotes.length; i++) {
-        let center = groupNotes[i];
-        let left = groupNotes[i - 1];
-        let right = groupNotes[i + 1];
-        if (center && center.leftBeamCount !== center.rhythmProps.flagCount && center.rightBeamCount !== center.rhythmProps.flagCount) {
-          center.leftBeamCount = center.rightBeamCount = 0;
-          if (left && left.rightBeamCount > 0) {
-            left.rightBeamCount = 0;
-            fixAgain = true;
-          }
-          if (right && right.leftBeamCount > 0) {
-            right.leftBeamCount = 0;
-            fixAgain = true;
-          }
-        }
-      }
-    } while (fixAgain);
-  }
-  static setTupletBeamCounts(tuplet) {
-    let type = tuplet.getType();
-    let symbols = tuplet.getSymbols();
-    if (type === 1 /* TupletBeam */) {
-      symbols.forEach((s, i) => {
-        if (s instanceof _ObjNoteGroup) {
-          s.leftBeamCount = i === 0 ? 0 : s.rhythmProps.flagCount;
-          s.rightBeamCount = i === symbols.length - 1 ? 0 : s.rhythmProps.flagCount;
-        }
-      });
-    } else if (type === 2 /* TupletGroup */) {
-      symbols.forEach((s) => {
-        if (s instanceof _ObjNoteGroup) {
-          s.leftBeamCount = s.rightBeamCount = 0;
-        }
-      });
-    }
-  }
   getDotVerticalDisplacement(staff, diatonicId, stemDir) {
     if (staff.isLine(diatonicId)) {
       return stemDir === "up" /* Up */ ? -1 : 1;
@@ -3089,279 +3018,29 @@ var ObjNoteGroup = class _ObjNoteGroup extends MusicObject {
   static hasSameNotes(ng1, ng2) {
     if (ng1.notes.length !== ng2.notes.length) {
       return false;
-    }
-    for (let i = 0; i < ng1.notes.length; i++) {
-      let note1 = ng1.notes[i];
-      let note2 = ng2.notes[i];
-      if (note1.diatonicId !== note2.diatonicId || note1.accidental !== note2.accidental) {
-        return false;
-      }
-    }
-    return true;
-  }
-};
-
-// src/score/engine/obj-rhythm-column.ts
-var import_core9 = require("@tspro/web-music-score/core");
-
-// src/theory/rhythm.ts
-var import_ts_utils_lib5 = require("@tspro/ts-utils-lib");
-var import_core8 = require("@tspro/web-music-score/core");
-var cmp = (a, b) => a === b ? 0 : a < b ? -1 : 1;
-var MaxTupletRatioValue = 12;
-var TicksMultiplier = 12 * 11 * 9 * 7 * 5;
-var NoteLength4 = /* @__PURE__ */ ((NoteLength10) => {
-  NoteLength10["Whole"] = "1n";
-  NoteLength10["WholeTriplet"] = "1t";
-  NoteLength10["WholeDot"] = "1.";
-  NoteLength10["Whole2Dots"] = "1..";
-  NoteLength10["Whole12Dots"] = "1..";
-  NoteLength10["Whole3Dots"] = "1...";
-  NoteLength10["Whole4Dots"] = "1....";
-  NoteLength10["Whole5Dots"] = "1.....";
-  NoteLength10["Whole6Dots"] = "1......";
-  NoteLength10["Half"] = "2n";
-  NoteLength10["HalfTriplet"] = "2t";
-  NoteLength10["HalfDot"] = "2.";
-  NoteLength10["Half2Dots"] = "2..";
-  NoteLength10["Half3Dots"] = "2...";
-  NoteLength10["Half4Dots"] = "2....";
-  NoteLength10["Half5Dots"] = "2.....";
-  NoteLength10["Quarter"] = "4n";
-  NoteLength10["QuarterTriplet"] = "4t";
-  NoteLength10["QuarterDot"] = "4.";
-  NoteLength10["Quarter2Dots"] = "4..";
-  NoteLength10["Quarter3Dots"] = "4...";
-  NoteLength10["Quarter4Dots"] = "4....";
-  NoteLength10["Eighth"] = "8n";
-  NoteLength10["EighthTriplet"] = "8t";
-  NoteLength10["EighthDot"] = "8.";
-  NoteLength10["Eighth2Dots"] = "8..";
-  NoteLength10["Eighth3Dots"] = "8...";
-  NoteLength10["Sixteenth"] = "16n";
-  NoteLength10["SixteenthTriplet"] = "16t";
-  NoteLength10["SixteenthDot"] = "16.";
-  NoteLength10["Sixteenth2Dots"] = "16..";
-  NoteLength10["ThirtySecond"] = "32n";
-  NoteLength10["ThirtySecondTriplet"] = "32t";
-  NoteLength10["ThirtySecondDot"] = "32.";
-  NoteLength10["SixtyFourth"] = "64n";
-  NoteLength10["SixtyFourthTriplet"] = "64t";
-  return NoteLength10;
-})(NoteLength4 || {});
-function validateNoteLength(noteLength) {
-  if (import_ts_utils_lib5.Utils.Is.isEnumValue(noteLength, NoteLength4)) {
-    return noteLength;
-  } else {
-    throw new import_core8.MusicError(import_core8.MusicErrorType.InvalidArg, `Invalid noteLength: ${noteLength}`);
-  }
-}
-var _NoteLengthProps = class _NoteLengthProps {
-  constructor(noteLength) {
-    /** Note length. */
-    __publicField(this, "noteLength");
-    /** Note size (whole=1, half=2, quarter=4, ...). */
-    __publicField(this, "noteSize");
-    /** Number of ticks (not altered by isTriplet). */
-    __publicField(this, "ticks");
-    /** Flag count. */
-    __publicField(this, "flagCount");
-    /** Dot count. */
-    __publicField(this, "dotCount");
-    /** Max dot count. */
-    __publicField(this, "maxDotCount");
-    /** Is triplet? */
-    __publicField(this, "isTriplet");
-    /** Has note stem. */
-    __publicField(this, "hasStem");
-    /** Is note head solid (black)? */
-    __publicField(this, "isSolid");
-    this.noteLength = validateNoteLength(noteLength);
-    this.noteSize = parseInt(noteLength);
-    this.isTriplet = noteLength.endsWith("t");
-    this.maxDotCount = this.isTriplet ? 0 : Math.floor(Math.log2(_NoteLengthProps.ShortestNoteSize / this.noteSize));
-    this.dotCount = import_ts_utils_lib5.Utils.Str.charCount(noteLength, ".");
-    this.flagCount = this.noteSize > 4 ? Math.floor(Math.log2(this.noteSize / 4)) : 0;
-    this.ticks = TicksMultiplier * _NoteLengthProps.ShortestNoteSize / this.noteSize;
-    this.hasStem = this.noteSize > 1;
-    this.isSolid = this.noteSize > 2;
-    if (this.dotCount > this.maxDotCount) {
-      throw new import_core8.MusicError(import_core8.MusicErrorType.Note, `dotCount ${this.dotCount} > maxDotCount ${this.maxDotCount}, for noteLength "${this.noteLength}".`);
-    } else if (this.isTriplet && this.dotCount > 0) {
-      throw new import_core8.MusicError(import_core8.MusicErrorType.Note, `noteLength "${this.noteLength}" is both triplet and dotted!`);
-    }
-  }
-  /**
-   * Get note length props.
-   * @param noteLength - Note length.
-   * @returns - Note length props.
-   */
-  static get(noteLength) {
-    let p = this.cache.get(noteLength);
-    if (!p) {
-      this.cache.set(noteLength, p = new _NoteLengthProps(noteLength));
-    }
-    return p;
-  }
-  /**
-   * Create note length props.
-   * @param noteLength - Note length or note size.
-   * @param dotCount - Dot count.
-   * @returns - Note length props.
-   */
-  static create(noteLength, dotCount = 0) {
-    let noteSize = typeof noteLength === "number" ? noteLength : this.get(noteLength).noteSize;
-    return this.get(noteSize + (import_ts_utils_lib5.Utils.Is.isIntegerGte(dotCount, 1) ? ".".repeat(dotCount) : "n"));
-  }
-  /**
-   * Compare note lengths/sizes. Whole (1) > half (2) > quarter (4), etc.
-   * Ignores possible triplet property of note length.
-   * @param a - NoteLengthProps, NoteLength/Str or noteSize
-   * @param b - NoteLengthProps, NoteLength/Str or noteSize
-   * @returns - -1: a < b, 0: a === b, +1: a > b (note length/size comparisons)
-   */
-  static cmp(a, b) {
-    let aNoteSize = a instanceof _NoteLengthProps ? a.noteSize : typeof a === "number" ? a : _NoteLengthProps.get(a).noteSize;
-    let bNoteSize = b instanceof _NoteLengthProps ? b.noteSize : typeof b === "number" ? b : _NoteLengthProps.get(b).noteSize;
-    return cmp(bNoteSize, aNoteSize);
-  }
-  /**
-   * Compare note lengths/sizes for equality.
-   * Ignores possible triplet property of note length.
-   * @param a - NoteLengthProps, NoteLength/Str or noteSize
-   * @param b - NoteLengthProps, NoteLength/Str or noteSize
-   * @returns - true: a === b, false: a !== b (note length/size comparisons)
-   */
-  static equals(a, b) {
-    let aNoteSize = a instanceof _NoteLengthProps ? a.noteSize : typeof a === "number" ? a : _NoteLengthProps.get(a).noteSize;
-    let bNoteSize = b instanceof _NoteLengthProps ? b.noteSize : typeof b === "number" ? b : _NoteLengthProps.get(b).noteSize;
-    return aNoteSize === bNoteSize;
-  }
-};
-/** Longest note size (e.g. 1 = whole note). */
-__publicField(_NoteLengthProps, "LongestNoteSize", Math.min(...import_ts_utils_lib5.Utils.Enum.getEnumValues(NoteLength4).map((noteLength) => parseInt(noteLength))));
-/** Shortest note size (e.g. 64 = sixtyfourth note). */
-__publicField(_NoteLengthProps, "ShortestNoteSize", Math.max(...import_ts_utils_lib5.Utils.Enum.getEnumValues(NoteLength4).map((noteLength) => parseInt(noteLength))));
-__publicField(_NoteLengthProps, "cache", /* @__PURE__ */ new Map());
-var NoteLengthProps4 = _NoteLengthProps;
-function validateTupletRatio(tupletRatio) {
-  if (import_ts_utils_lib5.Utils.Is.isObject(tupletRatio) && import_ts_utils_lib5.Utils.Is.isIntegerBetween(tupletRatio.parts, 2, MaxTupletRatioValue) && import_ts_utils_lib5.Utils.Is.isIntegerBetween(tupletRatio.inTimeOf, 2, MaxTupletRatioValue)) {
-    return tupletRatio;
-  } else {
-    throw new import_core8.MusicError(import_core8.MusicErrorType.Note, `Invalid tupletRatio ${JSON.stringify(tupletRatio)}`);
-  }
-}
-var Tuplet4 = {
-  /** Duplet: 2 in the time of 3 */
-  Duplet: { parts: 2, inTimeOf: 3 },
-  /** Triplet: 3 in the time of 2 */
-  Triplet: { parts: 3, inTimeOf: 2 },
-  /** Quadruplet: 4 in the time of 3 */
-  Quadruplet: { parts: 4, inTimeOf: 3 }
-};
-var _RhythmProps = class _RhythmProps {
-  constructor(noteLength, dotCount, tupletRatio) {
-    /** Note length. */
-    __publicField(this, "noteLength");
-    /** Note size (whole=1, half=2, quarter=4, ...). */
-    __publicField(this, "noteSize");
-    /** Dot count. */
-    __publicField(this, "dotCount");
-    /** Tuplet ratio. */
-    __publicField(this, "tupletRatio");
-    /** Number of ticks. */
-    __publicField(this, "ticks");
-    /** Flag count. */
-    __publicField(this, "flagCount");
-    /** Has note stem. */
-    __publicField(this, "hasStem");
-    /** Is note head solid (black)? */
-    __publicField(this, "isSolidNoteHead");
-    this.noteLength = validateNoteLength(noteLength);
-    let p = NoteLengthProps4.get(noteLength);
-    this.noteSize = p.noteSize;
-    this.ticks = p.ticks;
-    this.flagCount = p.flagCount;
-    this.dotCount = dotCount != null ? dotCount : p.dotCount;
-    this.hasStem = p.hasStem;
-    this.isSolidNoteHead = p.isSolid;
-    if (import_ts_utils_lib5.Utils.Is.isObject(tupletRatio)) {
-      this.tupletRatio = validateTupletRatio(tupletRatio);
-    } else if (p.isTriplet) {
-      this.tupletRatio = Tuplet4.Triplet;
-    } else {
-      this.tupletRatio = void 0;
-    }
-    if (this.dotCount > 0 && this.tupletRatio !== void 0) {
-      throw new import_core8.MusicError(import_core8.MusicErrorType.Note, `Note cannot be both dotted and tuplet!`);
-    } else if (this.dotCount > p.maxDotCount) {
-      throw new import_core8.MusicError(import_core8.MusicErrorType.Note, `Too big dot count ${this.dotCount} for note length ${this.noteLength}.`);
-    }
-    for (let add = this.ticks / 2, i = 1; i <= this.dotCount; i++, add /= 2) {
-      this.ticks += add;
-    }
-    if (this.tupletRatio) {
-      this.ticks *= this.tupletRatio.inTimeOf / this.tupletRatio.parts;
-    }
-  }
-  /**
-   * Get string presentation of rhythm props.
-   * @returns - String presentation.
-   */
-  toString() {
-    let sym = _RhythmProps.NoteSymbolMap.get(this.noteSize);
-    let dots = ".".repeat(this.dotCount);
-    return sym ? sym + dots : "" + this.noteSize + (dots.length > 0 ? dots : "n");
-  }
-  /**
-   * Get rhythm props with given arguments.
-   * @param noteLength - Note length.
-   * @param dotCount - Dot count.
-   * @param tupletRatio - Tuplet ratio.
-   * @returns - Rhythm props.
-   */
-  static get(noteLength, dotCount, tupletRatio) {
-    if (dotCount !== void 0 || tupletRatio !== void 0) {
-      return new _RhythmProps(noteLength, dotCount, tupletRatio);
-    } else {
-      let rhythmProps = this.cache.get(noteLength);
-      if (!rhythmProps) {
-        this.cache.set(noteLength, rhythmProps = new _RhythmProps(noteLength));
-      }
-      return rhythmProps;
-    }
-  }
-  /**
-   * Compare duration of rhythm props.
-   * @param a - RhythmProps
-   * @param b - RhythmProps
-   * @returns - -1: a < b, 0: a === b, +1: a > b (duration comparisons)
-   */
-  static cmp(a, b) {
-    return cmp(a.ticks, b.ticks);
-  }
-  /**
-   * Compare duration equality of rhythm props.
-   * @param a - RhythmProps
-   * @param b - RhythmProps
-   * @returns - true: a === b, false: a !== b (duration comparisons)
-   */
-  static equals(a, b) {
-    return a.ticks === b.ticks;
+    }
+    for (let i = 0; i < ng1.notes.length; i++) {
+      let note1 = ng1.notes[i];
+      let note2 = ng2.notes[i];
+      if (note1.diatonicId !== note2.diatonicId || note1.accidental !== note2.accidental) {
+        return false;
+      }
+    }
+    return true;
   }
 };
-__publicField(_RhythmProps, "NoteSymbolMap", /* @__PURE__ */ new Map([[1, "\u{1D15D}"], [2, "\u{1D15E}"], [4, "\u{1D15F}"], [8, "\u{1D160}"], [16, "\u{1D161}"], [32, "\u{1D162}"], [64, "\u{1D163}"], [128, "\u{1D164}"]]));
-__publicField(_RhythmProps, "cache", /* @__PURE__ */ new Map());
-var RhythmProps3 = _RhythmProps;
+
+// src/score/engine/obj-rhythm-column.ts
+var import_core8 = require("@tspro/web-music-score/core");
 
 // src/score/engine/obj-lyrics.ts
-var import_ts_utils_lib6 = require("@tspro/ts-utils-lib");
+var import_ts_utils_lib5 = require("@tspro/ts-utils-lib");
 var LyricsContainer = class {
   constructor(col, lyricsLength) {
     this.col = col;
     __publicField(this, "lyricsObjects", []);
     __publicField(this, "rhythmProps");
-    this.rhythmProps = RhythmProps3.get(lyricsLength);
+    this.rhythmProps = RhythmProps.get(lyricsLength);
   }
   addLyricsObject(lyricsObj) {
     var _a;
@@ -3382,7 +3061,7 @@ var ObjLyrics = class extends MusicObject {
     __publicField(this, "text");
     __publicField(this, "mi");
     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_lib6.Utils.Is.isEnumValue(lyricsOptions == null ? void 0 : lyricsOptions.hyphen, LyricsHyphen) ? lyricsOptions == null ? void 0 : lyricsOptions.hyphen : void 0;
+    this.hyphen = import_ts_utils_lib5.Utils.Is.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 DivRect();
     this.mi = new MLyrics(this);
@@ -3435,11 +3114,11 @@ var ObjLyrics = class extends MusicObject {
 
 // src/score/engine/obj-rhythm-column.ts
 var noteHeadDataCompareFunc = (a, b) => {
-  let cmp3 = import_theory6.Note.compareFunc(a.note, b.note);
-  if (cmp3 === 0) {
-    cmp3 = a.noteGroup.stemDir === b.noteGroup.stemDir ? 0 : a.noteGroup.stemDir === "up" /* Up */ ? 1 : -1;
+  let cmp = import_theory5.Note.compareFunc(a.note, b.note);
+  if (cmp === 0) {
+    cmp = a.noteGroup.stemDir === b.noteGroup.stemDir ? 0 : a.noteGroup.stemDir === "up" /* Up */ ? 1 : -1;
   }
-  return cmp3;
+  return cmp;
 };
 var ObjRhythmColumn = class extends MusicObject {
   constructor(measure, positionTicks) {
@@ -3477,7 +3156,7 @@ var ObjRhythmColumn = class extends MusicObject {
     if (colId >= 0 && colId < this.measure.getColumnCount()) {
       return this.measure.getColumn(colId + 1);
     } else {
-      throw new import_core9.MusicError(import_core9.MusicErrorType.Score, "Cannot get next column in measure because current column's id in mesure is invalid.");
+      throw new import_core8.MusicError(import_core8.MusicErrorType.Score, "Cannot get next column in measure because current column's id in mesure is invalid.");
     }
   }
   /**
@@ -3579,7 +3258,7 @@ var ObjRhythmColumn = class extends MusicObject {
   getLyricsContainer(verse, line, vpos, lyricsLength) {
     let data = this.lyricsContainers.find((data2) => data2.verse === verse && data2.line === line && data2.vpos === vpos);
     if (data === void 0 && lyricsLength !== void 0) {
-      data = { lyricsContainer: new LyricsContainer(this, (0, import_theory6.validateNoteLength)(lyricsLength)), verse, line, vpos };
+      data = { lyricsContainer: new LyricsContainer(this, (0, import_theory5.validateNoteLength)(lyricsLength)), verse, line, vpos };
       this.lyricsContainers.push(data);
       this.requestLayout();
       this.requestRectUpdate();
@@ -3639,7 +3318,7 @@ var ObjRhythmColumn = class extends MusicObject {
     }
   }
   getNoteHeadDisplacement(noteGroup, note) {
-    let data = this.noteHeadDisplacements.find((d) => d.noteGroup === noteGroup && import_theory6.Note.equals(d.note, note));
+    let data = this.noteHeadDisplacements.find((d) => d.noteGroup === noteGroup && import_theory5.Note.equals(d.note, note));
     if ((data == null ? void 0 : data.displacement) !== void 0) {
       return data.displacement;
     } else {
@@ -3683,7 +3362,7 @@ var ObjRhythmColumn = class extends MusicObject {
         });
       }
     });
-    playerNotes.sort((a, b) => import_theory6.Note.compareFunc(a.note, b.note));
+    playerNotes.sort((a, b) => import_theory5.Note.compareFunc(a.note, b.note));
     if (this.hasArpeggio() && this.getArpeggioDir() === "down" /* Down */) {
       playerNotes.reverse();
     }
@@ -3802,10 +3481,10 @@ var ObjRhythmColumn = class extends MusicObject {
 };
 
 // src/score/engine/extension.ts
-var import_core10 = require("@tspro/web-music-score/core");
+var import_core9 = require("@tspro/web-music-score/core");
 
 // src/score/engine/element-data.ts
-var import_ts_utils_lib7 = require("@tspro/ts-utils-lib");
+var import_ts_utils_lib6 = require("@tspro/ts-utils-lib");
 
 // src/score/engine/obj-special-text.ts
 var _ObjSpecialText = class _ObjSpecialText extends MusicObject {
@@ -3927,23 +3606,23 @@ function getNavigationString(navigation) {
   }
 }
 function isDynamicsText(text) {
-  return import_ts_utils_lib7.Utils.Is.isEnumValue(text, DynamicsAnnotation);
+  return import_ts_utils_lib6.Utils.Is.isEnumValue(text, DynamicsAnnotation);
 }
 function getDynamicsVolume(text) {
   if (/^(p+|f+|m|mp|mf)$/.test(text)) {
-    let volume = 0.5 - import_ts_utils_lib7.Utils.Str.charCount(text, "p") * 0.1 + import_ts_utils_lib7.Utils.Str.charCount(text, "f") * 0.1;
-    return import_ts_utils_lib7.Utils.Math.clamp(volume, 0, 1);
+    let volume = 0.5 - import_ts_utils_lib6.Utils.Str.charCount(text, "p") * 0.1 + import_ts_utils_lib6.Utils.Str.charCount(text, "f") * 0.1;
+    return import_ts_utils_lib6.Utils.Math.clamp(volume, 0, 1);
   } else {
     return void 0;
   }
 }
 function isTempoText(text) {
-  return import_ts_utils_lib7.Utils.Is.isEnumValue(text, TempoAnnotation);
+  return import_ts_utils_lib6.Utils.Is.isEnumValue(text, TempoAnnotation);
 }
 function getAnnotation(text) {
-  if (import_ts_utils_lib7.Utils.Is.isEnumValue(text, DynamicsAnnotation)) {
+  if (import_ts_utils_lib6.Utils.Is.isEnumValue(text, DynamicsAnnotation)) {
     return "dynamics" /* Dynamics */;
-  } else if (import_ts_utils_lib7.Utils.Is.isEnumValue(text, TempoAnnotation)) {
+  } else if (import_ts_utils_lib6.Utils.Is.isEnumValue(text, TempoAnnotation)) {
     return "tempo" /* Tempo */;
   } else {
     return void 0;
@@ -3986,7 +3665,7 @@ var Extension = class extends MusicObjectLink {
     if (head instanceof ObjText) {
       head.updateAnchorY(getTextAnchorY(linePos));
     } else {
-      throw new import_core10.MusicError(import_core10.MusicErrorType.Score, "Update anchor's y-coordinate is only implemented for text objects.");
+      throw new import_core9.MusicError(import_core9.MusicErrorType.Score, "Update anchor's y-coordinate is only implemented for text objects.");
     }
   }
   isVisible() {
@@ -4066,7 +3745,7 @@ var RitardandoSpeedDiv = 2;
 var CrescendoVolumeAdd = 0.5;
 var DiminuendoVolumeSub = 0.5;
 function calcTicksDuration(ticks, tempo) {
-  let beatTicks = import_theory7.RhythmProps.get(tempo.options.beatLength, tempo.options.dotCount).ticks;
+  let beatTicks = import_theory6.RhythmProps.get(tempo.options.beatLength, tempo.options.dotCount).ticks;
   let ticksPerMinute = tempo.beatsPerMinute * beatTicks;
   return 60 * ticks / ticksPerMinute;
 }
@@ -4099,8 +3778,8 @@ var PlayerColumnProps = class {
     return this.speed;
   }
   getTempo() {
-    let speed = import_ts_utils_lib8.Utils.Math.clamp(this.getSpeed(), 0.1, 10);
-    return (0, import_theory7.alterTempoSpeed)(this.measure.getTempo(), speed);
+    let speed = import_ts_utils_lib7.Utils.Math.clamp(this.getSpeed(), 0.1, 10);
+    return (0, import_theory6.alterTempoSpeed)(this.measure.getTempo(), speed);
   }
   setVolume(volume) {
     this.volume = volume;
@@ -4124,7 +3803,7 @@ var PlayerColumnProps = class {
       if (symbolsTicks.length === 0) {
         return 0;
       } else {
-        return import_ts_utils_lib8.Utils.Math.sum(symbolsTicks) / symbolsTicks.length;
+        return import_ts_utils_lib7.Utils.Math.sum(symbolsTicks) / symbolsTicks.length;
       }
     }
   }
@@ -4273,7 +3952,7 @@ var Player = class _Player {
         } else if (layoutObj.musicObj.getLink() instanceof Extension) {
           let extension = layoutObj.musicObj.getLink();
           let { columnRange, extensionBreakText } = extension.getExtensionRangeInfo();
-          let totalTicks = import_ts_utils_lib8.Utils.Math.sum(columnRange.map((c) => c.getTicksToNextColumn()));
+          let totalTicks = import_ts_utils_lib7.Utils.Math.sum(columnRange.map((c) => c.getTicksToNextColumn()));
           switch (text) {
             case "accel." /* accel */: {
               let startSpeed = curSpeed;
@@ -4327,11 +4006,11 @@ var Player = class _Player {
       });
       let speedArr = (_a = speedMap.get(col)) != null ? _a : [];
       if (speedArr.length > 0) {
-        curSpeed = import_ts_utils_lib8.Utils.Math.sum(speedArr) / speedArr.length;
+        curSpeed = import_ts_utils_lib7.Utils.Math.sum(speedArr) / speedArr.length;
       }
       let volumeArr = (_b = volumeMap.get(col)) != null ? _b : [];
       if (volumeArr.length > 0) {
-        curVolume = import_ts_utils_lib8.Utils.Math.sum(volumeArr) / volumeArr.length;
+        curVolume = import_ts_utils_lib7.Utils.Math.sum(volumeArr) / volumeArr.length;
       }
       col.getPlayerProps().setSpeed(curSpeed);
       col.getPlayerProps().setVolume(curVolume);
@@ -4369,11 +4048,11 @@ var Player = class _Player {
     } else {
       let playerNotes = col.getPlayerNotes();
       playerNotes.forEach((note, i) => {
-        let arpeggioDelayTicks = col.hasArpeggio() ? import_theory7.RhythmProps.get(import_theory7.NoteLength.ThirtySecond).ticks * i : 0;
+        let arpeggioDelayTicks = col.hasArpeggio() ? import_theory6.RhythmProps.get(import_theory6.NoteLength.ThirtySecond).ticks * i : 0;
         let noteSeconds = getDuration(note.ticks + fermataHoldTicks - arpeggioDelayTicks, tempo);
         if (noteSeconds > 0) {
           if (note.staccato) {
-            noteSeconds = Math.min(getDuration(import_theory7.RhythmProps.get(import_theory7.NoteLength.Eighth).ticks, tempo) / 2, noteSeconds / 2);
+            noteSeconds = Math.min(getDuration(import_theory6.RhythmProps.get(import_theory6.NoteLength.Eighth).ticks, tempo) / 2, noteSeconds / 2);
           }
           let volume = adjustVolume(col.getPlayerProps().getVolume());
           if (note.slur === "slurred") {
@@ -4633,118 +4312,591 @@ var ObjBarLineRight = class extends ObjBarLine {
   getMusicInterface() {
     return this.mi;
   }
-  getPlayerProps() {
-    return this.playerProps;
+  getPlayerProps() {
+    return this.playerProps;
+  }
+  solveBarLineType() {
+    let m = this.measure;
+    let next = m.getNextMeasure();
+    if (m.hasNavigation("endRepeat" /* EndRepeat */)) {
+      if (next && next.row === m.row && next.hasNavigation("startRepeat" /* StartRepeat */)) {
+        return 6 /* EndStartRepeat */;
+      } else {
+        return 5 /* EndRepeat */;
+      }
+    } else if (!m.doc.hasSingleMeasure() && (m.hasEndSong() || !m.getNextMeasure())) {
+      return 3 /* EndSong */;
+    } else if (m.hasEndSection()) {
+      return 2 /* Double */;
+    }
+    if (m === m.row.getLastMeasure() && next && next.row === m.row.getNextRow() && next.hasNavigation("startRepeat" /* StartRepeat */)) {
+      return 2 /* Double */;
+    }
+    if (next && next.hasNavigation("startRepeat" /* StartRepeat */)) {
+      return 0 /* None */;
+    }
+    return 1 /* Single */;
+  }
+};
+
+// src/score/engine/obj-ending.ts
+var import_ts_utils_lib8 = require("@tspro/ts-utils-lib");
+var import_core10 = require("@tspro/web-music-score/core");
+var ObjEnding = class extends MusicObject {
+  constructor(measure, passages) {
+    super(measure);
+    this.measure = measure;
+    this.passages = passages;
+    __publicField(this, "endingText");
+    __publicField(this, "shapeRects", []);
+    __publicField(this, "mi");
+    this.mi = new MEnding(this);
+    if (!import_ts_utils_lib8.Utils.Is.isIntegerGte(passages.length, 1)) {
+      throw new import_core10.MusicError(import_core10.MusicErrorType.Score, "Passages is empty.");
+    } else if (!this.passages.every((p) => import_ts_utils_lib8.Utils.Is.isIntegerGte(p, 1))) {
+      throw new import_core10.MusicError(import_core10.MusicErrorType.Score, "Invalid passages: " + this.passages);
+    }
+    this.passages.sort((a, b) => a - b);
+    let text = this.passages.map((p) => p + ".").join("");
+    this.endingText = new ObjText(this, text, 0, 1);
+  }
+  getMusicInterface() {
+    return this.mi;
+  }
+  getShapeRects() {
+    return this.shapeRects;
+  }
+  isSingleMeasureEnding() {
+    let { measure } = this;
+    let next = measure.getNextMeasure();
+    return (next == null ? void 0 : next.hasNavigation("ending" /* Ending */)) === true || measure.hasNavigation("endRepeat" /* EndRepeat */) || measure.isLastMeasure();
+  }
+  hasPassage(pass) {
+    return this.passages.some((p) => p === pass);
+  }
+  getHighestPassage() {
+    return Math.max(0, ...this.passages);
+  }
+  pick(x, y) {
+    return this.rect.contains(x, y) ? [this] : [];
+  }
+  layout(renderer) {
+    this.rect = new DivRect();
+    this.shapeRects = [this.rect.copy()];
+  }
+  layoutFitToMeasure(renderer) {
+    let { unitSize } = renderer;
+    let { measure } = this;
+    this.endingText.layout(renderer);
+    let textRect = this.endingText.getRect();
+    let measureContent = measure.getColumnsContentRect();
+    let endingHeight = textRect.height;
+    this.rect = new DivRect(measureContent.left + unitSize, measureContent.right - unitSize, -endingHeight, 0);
+    this.endingText.offset(this.rect.left + unitSize / 2, this.rect.bottom);
+    this.shapeRects = [
+      new DivRect(this.rect.left, this.rect.left + 1, this.rect.top, this.rect.bottom),
+      new DivRect(this.rect.left, this.rect.right, this.rect.top, this.rect.top + 1),
+      new DivRect(this.rect.right - 1, this.rect.right, this.rect.top, this.rect.bottom),
+      this.endingText.getRect().copy()
+    ];
+  }
+  offset(dx, dy) {
+    this.endingText.offset(dx, dy);
+    this.shapeRects.forEach((r) => r.offsetInPlace(dx, dy));
+    this.rect.offsetInPlace(dx, dy);
+  }
+  draw(renderer) {
+    let ctx = renderer.getCanvasContext();
+    if (!ctx) {
+      return;
+    }
+    let { lineWidth } = renderer;
+    let { rect } = this;
+    renderer.drawDebugRect(this.rect);
+    ctx.strokeStyle = ctx.fillStyle = "black";
+    ctx.lineWidth = lineWidth;
+    ctx.beginPath();
+    ctx.moveTo(rect.left, rect.bottom);
+    ctx.lineTo(rect.left, rect.top);
+    ctx.lineTo(rect.right, rect.top);
+    if (this.isSingleMeasureEnding()) {
+      ctx.lineTo(rect.right, rect.bottom);
+    }
+    ctx.stroke();
+    this.endingText.draw(renderer);
+  }
+};
+
+// src/score/engine/obj-beam-group.ts
+var import_ts_utils_lib9 = require("@tspro/ts-utils-lib");
+var import_theory7 = require("@tspro/web-music-score/theory");
+var import_core11 = require("@tspro/web-music-score/core");
+var adjustBeamAngle = (dx, dy) => {
+  let T = DocumentSettings.BeamAngleFactor;
+  if (!Number.isFinite(T) || T === 0) {
+    return dy;
+  } else {
+    let k = dx / dy / T;
+    k = Math.sign(k) * Math.sqrt(Math.abs(k));
+    return dx / k * T;
+  }
+};
+var BeamPoint = class {
+  constructor(staff, beamGroup, symbol, x, y) {
+    this.staff = staff;
+    this.beamGroup = beamGroup;
+    this.symbol = symbol;
+    this.x = x;
+    this.y = y;
+    __publicField(this, "topBeamsHeight", 0);
+    __publicField(this, "bottomBeamsHeight", 0);
+    staff.addObject(this);
+  }
+  offset(dx, dy) {
+    this.x += dx;
+    this.y += dy;
+    this.beamGroup.requestRectUpdate();
+  }
+  getRect() {
+    return new DivRect(this.x, this.x, this.x, this.y - this.topBeamsHeight, this.y, this.y + this.bottomBeamsHeight);
+  }
+};
+var ObjStaffBeamGroup = class extends MusicObject {
+  constructor(staff, beamGroup) {
+    super(staff);
+    this.staff = staff;
+    this.beamGroup = beamGroup;
+    __publicField(this, "tupletNumber");
+    __publicField(this, "tupletNumberOffsetY", 0);
+    __publicField(this, "points", []);
+    __publicField(this, "mi");
+    staff.addObject(this);
+    this.mi = new MStaffBeamGroup(this);
+  }
+  getMusicInterface() {
+    return this.mi;
+  }
+  pick(x, y) {
+    return this.getRect().contains(x, y) ? [this] : [];
+  }
+  offset(dx, dy) {
+    var _a;
+    this.points.forEach((p) => p.offset(dx, 0));
+    (_a = this.tupletNumber) == null ? void 0 : _a.offset(dx, dy);
+    this.requestRectUpdate();
+    this.beamGroup.requestRectUpdate();
+  }
+  updateRect() {
+    if (this.points.length > 0) {
+      this.rect = this.points[0].getRect().copy();
+    } else if (this.tupletNumber) {
+      this.rect = this.tupletNumber.getRect().copy();
+    }
+    this.points.forEach((pt) => this.rect.expandInPlace(pt.getRect()));
+    if (this.tupletNumber) {
+      this.rect.expandInPlace(this.tupletNumber.getRect());
+    }
+  }
+};
+var ObjBeamGroup = class _ObjBeamGroup extends MusicObject {
+  constructor(symbols, tupletRatio) {
+    super(symbols[0].measure);
+    this.symbols = symbols;
+    this.tupletRatio = tupletRatio;
+    __publicField(this, "mi");
+    __publicField(this, "type");
+    __publicField(this, "staffObjects", []);
+    this.mi = new MBeamGroup(this);
+    let beamGroupName = tupletRatio ? "Tuplet" : "BeamGroup";
+    if (!symbols.every((s) => s.measure === symbols[0].measure)) {
+      throw new import_core11.MusicError(import_core11.MusicErrorType.Score, `All ${beamGroupName} symbols are not in same measure.`);
+    } else if (symbols.length < 2) {
+      throw new import_core11.MusicError(import_core11.MusicErrorType.Score, `${beamGroupName} needs minimum 2 symbols, but ${symbols.length} given.`);
+    }
+    if (tupletRatio !== void 0) {
+      let isGroup = symbols.length < 3 || symbols.some((s) => !(s instanceof ObjNoteGroup)) || symbols.some((s) => s.rhythmProps.flagCount !== symbols[0].rhythmProps.flagCount);
+      if (symbols.length >= 3 && symbols[0] instanceof ObjNoteGroup && symbols[symbols.length - 1] instanceof ObjNoteGroup && symbols[0].rhythmProps.flagCount === symbols[symbols.length - 1].rhythmProps.flagCount) {
+        isGroup = false;
+      }
+      if (symbols.some((s) => import_theory7.NoteLengthProps.cmp(s.rhythmProps.noteLength, import_theory7.NoteLength.Quarter) >= 0)) {
+        isGroup = true;
+      }
+      this.type = isGroup ? 2 /* TupletGroup */ : 1 /* TupletBeam */;
+      this.setTupletBeamCounts();
+    } else {
+      this.type = 0 /* RegularBeam */;
+      this.setBeamCounts();
+    }
+    if (symbols.every((s) => s.getBeamGroup() === void 0)) {
+      symbols.forEach((s) => s.setBeamGroup(this));
+      symbols[0].measure.addBeamGroup(this);
+    } else {
+      throw new import_core11.MusicError(import_core11.MusicErrorType.Score, `Cannot add ${beamGroupName} because some symbol already has one.`);
+    }
+    if (this.type === 0 /* RegularBeam */) {
+      this.symbols.filter((sym) => sym instanceof ObjNoteGroup).some((sym, i) => {
+        let first = i === 0;
+        let last = i === this.symbols.length - 1;
+        if (first && sym.getRightBeamCount() === 0 || last && sym.getLeftBeamCount() === 0 || !first && !last && (sym.getLeftBeamCount() === 0 || sym.getRightBeamCount() === 0)) {
+          this.detach();
+        }
+      });
+    }
+  }
+  get showTupletRatio() {
+    var _a;
+    return ((_a = this.tupletRatio) == null ? void 0 : _a.showRatio) === true;
+  }
+  static createBeam(noteGroups) {
+    if (noteGroups.length > 1 && noteGroups.every((ng) => !ng.hasTuplet())) {
+      new _ObjBeamGroup(noteGroups, void 0);
+    }
+  }
+  static createOldStyleTriplet(symbols) {
+    let s2 = symbols.slice(0, 2);
+    let n2 = s2.map((s) => s.rhythmProps.noteSize);
+    if (s2.length === 2 && s2.every((s) => s.oldStyleTriplet && s.getBeamGroup() === void 0) && (n2[0] * 2 === n2[1] || n2[1] * 2 === n2[0])) {
+      new _ObjBeamGroup(s2, import_theory7.Tuplet.Triplet);
+      return 2;
+    }
+    let s3 = symbols.slice(0, 3);
+    let n3 = s3.map((s) => s.rhythmProps.noteSize);
+    if (s3.length === 3 && s3.every((s) => s.oldStyleTriplet && s.getBeamGroup() === void 0) && n3.every((n) => n === n3[0])) {
+      new _ObjBeamGroup(s3, import_theory7.Tuplet.Triplet);
+      return 3;
+    }
+    return 0;
+  }
+  static createTuplet(symbols, tupletRatio) {
+    new _ObjBeamGroup(symbols, tupletRatio);
+  }
+  getMusicInterface() {
+    return this.mi;
+  }
+  detach() {
+    this.getSymbols().forEach((s) => s.resetBeamGroup());
   }
-  solveBarLineType() {
-    let m = this.measure;
-    let next = m.getNextMeasure();
-    if (m.hasNavigation("endRepeat" /* EndRepeat */)) {
-      if (next && next.row === m.row && next.hasNavigation("startRepeat" /* StartRepeat */)) {
-        return 6 /* EndStartRepeat */;
-      } else {
-        return 5 /* EndRepeat */;
-      }
-    } else if (!m.doc.hasSingleMeasure() && (m.hasEndSong() || !m.getNextMeasure())) {
-      return 3 /* EndSong */;
-    } else if (m.hasEndSection()) {
-      return 2 /* Double */;
-    }
-    if (m === m.row.getLastMeasure() && next && next.row === m.row.getNextRow() && next.hasNavigation("startRepeat" /* StartRepeat */)) {
-      return 2 /* Double */;
+  isEmpty() {
+    return this.staffObjects.length === 0;
+  }
+  pick(x, y) {
+    if (!this.getRect().contains(x, y)) {
+      return [];
     }
-    if (next && next.hasNavigation("startRepeat" /* StartRepeat */)) {
-      return 0 /* None */;
+    for (let i = 0; i < this.staffObjects.length; i++) {
+      let arr = this.staffObjects[i].pick(x, y);
+      if (arr.length > 0) {
+        return [this, ...arr];
+      }
     }
-    return 1 /* Single */;
+    return [this];
   }
-};
-
-// src/score/engine/obj-ending.ts
-var import_ts_utils_lib9 = require("@tspro/ts-utils-lib");
-var import_core11 = require("@tspro/web-music-score/core");
-var ObjEnding = class extends MusicObject {
-  constructor(measure, passages) {
-    super(measure);
-    this.measure = measure;
-    this.passages = passages;
-    __publicField(this, "endingText");
-    __publicField(this, "shapeRects", []);
-    __publicField(this, "mi");
-    this.mi = new MEnding(this);
-    if (!import_ts_utils_lib9.Utils.Is.isIntegerGte(passages.length, 1)) {
-      throw new import_core11.MusicError(import_core11.MusicErrorType.Score, "Passages is empty.");
-    } else if (!this.passages.every((p) => import_ts_utils_lib9.Utils.Is.isIntegerGte(p, 1))) {
-      throw new import_core11.MusicError(import_core11.MusicErrorType.Score, "Invalid passages: " + this.passages);
-    }
-    this.passages.sort((a, b) => a - b);
-    let text = this.passages.map((p) => p + ".").join("");
-    this.endingText = new ObjText(this, text, 0, 1);
+  getType() {
+    return this.type;
   }
-  getMusicInterface() {
-    return this.mi;
+  isTuplet() {
+    return this.type === 1 /* TupletBeam */ || this.type === 2 /* TupletGroup */;
   }
-  getShapeRects() {
-    return this.shapeRects;
+  getTupletRatioText() {
+    var _a, _b, _c;
+    return this.showTupletRatio ? String((_a = this.tupletRatio) == null ? void 0 : _a.parts) + ":" + String((_b = this.tupletRatio) == null ? void 0 : _b.inTimeOf) : String((_c = this.tupletRatio) == null ? void 0 : _c.parts);
   }
-  isSingleMeasureEnding() {
-    let { measure } = this;
-    let next = measure.getNextMeasure();
-    return (next == null ? void 0 : next.hasNavigation("ending" /* Ending */)) === true || measure.hasNavigation("endRepeat" /* EndRepeat */) || measure.isLastMeasure();
+  getSymbols() {
+    return this.symbols;
   }
-  hasPassage(pass) {
-    return this.passages.some((p) => p === pass);
+  getFirstSymbol() {
+    return this.symbols[0];
   }
-  getHighestPassage() {
-    return Math.max(0, ...this.passages);
+  getLastSymbol() {
+    return this.symbols[this.symbols.length - 1];
   }
-  pick(x, y) {
-    return this.rect.contains(x, y) ? [this] : [];
+  get stemDir() {
+    return this.symbols[0].ownStemDir;
   }
   layout(renderer) {
-    this.rect = new DivRect();
-    this.shapeRects = [this.rect.copy()];
-  }
-  layoutFitToMeasure(renderer) {
+    this.requestRectUpdate();
+    this.staffObjects.length = 0;
+    let symbols = this.getSymbols();
+    if (symbols.length === 0) {
+      return;
+    }
+    let voiceId = symbols[0].voiceId;
+    if (symbols.some((symbol) => symbol.voiceId !== voiceId)) {
+      return;
+    }
     let { unitSize } = renderer;
-    let { measure } = this;
-    this.endingText.layout(renderer);
-    let textRect = this.endingText.getRect();
-    let measureContent = measure.getColumnsContentRect();
-    let endingHeight = textRect.height;
-    this.rect = new DivRect(measureContent.left + unitSize, measureContent.right - unitSize, -endingHeight, 0);
-    this.endingText.offset(this.rect.left + unitSize / 2, this.rect.bottom);
-    this.shapeRects = [
-      new DivRect(this.rect.left, this.rect.left + 1, this.rect.top, this.rect.bottom),
-      new DivRect(this.rect.left, this.rect.right, this.rect.top, this.rect.top + 1),
-      new DivRect(this.rect.right - 1, this.rect.right, this.rect.top, this.rect.bottom),
-      this.endingText.getRect().copy()
-    ];
+    let { stemDir } = this;
+    let symbolsBeamCoords = symbols.map((s) => s.getBeamCoords());
+    symbolsBeamCoords[0].map((s) => s == null ? void 0 : s.staff).forEach((mainStaff, index) => {
+      var _a, _b;
+      if (!mainStaff) {
+        return;
+      }
+      let symbolX = symbolsBeamCoords.map((s) => {
+        var _a2;
+        return (_a2 = s[index]) == null ? void 0 : _a2.x;
+      });
+      let symbolY = symbolsBeamCoords.map((s) => {
+        var _a2;
+        return (_a2 = s[index]) == null ? void 0 : _a2.y;
+      });
+      let symbolStaff = symbolsBeamCoords.map((s) => {
+        var _a2;
+        return (_a2 = s[index]) == null ? void 0 : _a2.staff;
+      });
+      let symbolStemHeight = symbolsBeamCoords.map((s) => {
+        var _a2;
+        return (_a2 = s[index]) == null ? void 0 : _a2.stemHeight;
+      });
+      let leftSymbol = symbols[0];
+      let leftX = symbolX[0];
+      let leftY = symbolY[0];
+      let leftStaff = symbolStaff[0];
+      let rightSymbol = symbols[symbols.length - 1];
+      let rightX = symbolX[symbolX.length - 1];
+      let rightY = symbolY[symbolY.length - 1];
+      let rightStaff = symbolStaff[symbolY.length - 1];
+      if (leftX === void 0 || leftY === void 0 || leftStaff === void 0 || rightX === void 0 || rightY === void 0 || rightStaff === void 0) {
+        return;
+      }
+      let leftStemHeight = (_a = symbolStemHeight[0]) != null ? _a : 0;
+      let rightStemHeight = (_b = symbolStemHeight[symbolStemHeight.length - 1]) != null ? _b : 0;
+      if (this.type !== 2 /* TupletGroup */) {
+        let leftDy = leftStemHeight < rightStemHeight ? Math.sqrt(rightStemHeight - leftStemHeight) : 0;
+        let rightDy = rightStemHeight < leftStemHeight ? Math.sqrt(leftStemHeight - rightStemHeight) : 0;
+        if (stemDir === "up" /* Up */) {
+          leftDy *= -1;
+          rightDy *= -1;
+        }
+        if (leftDy !== 0) {
+          leftY += leftDy;
+          symbolY[0] += leftDy;
+        }
+        if (rightDy !== 0) {
+          rightY += rightDy;
+          symbolY[symbolY.length - 1] += rightDy;
+        }
+      }
+      let groupLineDy = unitSize * 2 * (stemDir === "up" /* Up */ ? -1 : 1);
+      let centerY = (rightY + leftY) / 2;
+      let halfDy = adjustBeamAngle(rightX - leftX, rightY - leftY) / 2;
+      leftY = centerY - halfDy;
+      rightY = centerY + halfDy;
+      let raiseBeamY = 0;
+      symbolY.forEach((symY, i) => {
+        let symX = symbolX[i];
+        if (symX !== void 0 && symY !== void 0) {
+          let beamY = import_ts_utils_lib9.Utils.Math.interpolateY(leftX, leftY, rightX, rightY, symX);
+          let raiseY = symY - beamY;
+          if (stemDir === "up" /* Up */ && raiseY < 0) {
+            raiseBeamY = Math.min(raiseBeamY, raiseY);
+          } else if (stemDir === "down" /* Down */ && raiseY > 0) {
+            raiseBeamY = Math.max(raiseBeamY, raiseY);
+          }
+        }
+      });
+      leftY += raiseBeamY;
+      rightY += raiseBeamY;
+      symbolY = symbolY.map((y) => y === void 0 ? void 0 : y + raiseBeamY);
+      let obj = new ObjStaffBeamGroup(mainStaff, this);
+      if (this.type === 2 /* TupletGroup */) {
+        let ef = unitSize / (rightX - leftX);
+        let l = import_ts_utils_lib9.Utils.Math.interpolateCoord(leftX, leftY + groupLineDy, rightX, rightY + groupLineDy, -ef);
+        let r = import_ts_utils_lib9.Utils.Math.interpolateCoord(leftX, leftY + groupLineDy, rightX, rightY + groupLineDy, 1 + ef);
+        obj.points.push(new BeamPoint(leftStaff, this, leftSymbol, l.x, l.y));
+        obj.points.push(new BeamPoint(rightStaff, this, rightSymbol, r.x, r.y));
+        obj.tupletNumberOffsetY = 0;
+      } else if (this.type === 0 /* RegularBeam */ || this.type === 1 /* TupletBeam */) {
+        raiseBeamY *= 0.5;
+        let { beamThickness } = renderer;
+        const beamHeight = (i) => {
+          let sym = symbols[i];
+          if (sym instanceof ObjNoteGroup) {
+            let beamCount = sym instanceof ObjNoteGroup ? Math.max(sym.getLeftBeamCount(), sym.getRightBeamCount()) : 0;
+            return DocumentSettings.BeamSeparation * unitSize * (this.stemDir === "up" /* Up */ ? beamCount - 1 : 0);
+          } else {
+            return 0;
+          }
+        };
+        symbols.forEach((sym, i) => {
+          let symStaff = symbolStaff[i];
+          let symX = symbolX[i];
+          let symY = symbolY[i];
+          if (symStaff && symX !== void 0 && symY !== void 0) {
+            let pt = new BeamPoint(symStaff, this, sym, symX, symY);
+            pt.topBeamsHeight = beamThickness / 2 + (stemDir === "down" /* Down */ ? beamHeight(i) : 0);
+            pt.bottomBeamsHeight = beamThickness / 2 + (stemDir === "up" /* Up */ ? beamHeight(i) : 0);
+            obj.points.push(pt);
+          }
+        });
+        obj.tupletNumberOffsetY = groupLineDy;
+      }
+      if (this.isTuplet()) {
+        obj.tupletNumber = new ObjText(this, this.getTupletRatioText(), 0.5, 0.5);
+        obj.tupletNumber.layout(renderer);
+        obj.tupletNumber.offset((leftX + rightX) / 2, (leftY + rightY) / 2 + obj.tupletNumberOffsetY);
+      }
+      if (obj.points.length >= 2) {
+        this.staffObjects.push(obj);
+      }
+    });
   }
-  offset(dx, dy) {
-    this.endingText.offset(dx, dy);
-    this.shapeRects.forEach((r) => r.offsetInPlace(dx, dy));
-    this.rect.offsetInPlace(dx, dy);
+  updateRect() {
+    if (this.staffObjects.length === 0) {
+      this.rect = new DivRect();
+    } else {
+      this.staffObjects.forEach((obj) => obj.updateRect());
+      this.rect = this.staffObjects[0].getRect().copy();
+      for (let i = 1; i < this.staffObjects.length; i++) {
+        this.rect.expandInPlace(this.staffObjects[i].getRect());
+      }
+    }
+  }
+  updateStemTips() {
+    this.staffObjects.forEach((obj) => {
+      let left = obj.points[0];
+      let right = obj.points[obj.points.length - 1];
+      if (this.type !== 2 /* TupletGroup */) {
+        obj.points.forEach((pt) => {
+          if (pt.symbol instanceof ObjNoteGroup) {
+            if (pt !== left && pt !== right) {
+              pt.y = import_ts_utils_lib9.Utils.Math.interpolateY(left.x, left.y, right.x, right.y, pt.x);
+            }
+            pt.symbol.setStemTipY(pt.staff, pt.y);
+          }
+        });
+      }
+      if (obj.tupletNumber) {
+        let y = (left.y + right.y) / 2 + obj.tupletNumberOffsetY;
+        obj.tupletNumber.offset(0, -obj.tupletNumber.getRect().centerY + y);
+      }
+    });
+  }
+  offset(dx, dy) {
+    this.staffObjects.forEach((obj) => obj.offset(dx, 0));
+    this.requestRectUpdate();
   }
   draw(renderer) {
-    let ctx = renderer.getCanvasContext();
-    if (!ctx) {
-      return;
+    let { unitSize, beamThickness, lineWidth } = renderer;
+    let color = "black";
+    this.staffObjects.forEach((obj) => {
+      if (this.type === 2 /* TupletGroup */) {
+        let l = obj.points[0];
+        let r = obj.points[obj.points.length - 1];
+        if (l && r) {
+          let tf = obj.tupletNumber ? obj.tupletNumber.getRect().width / (r.x - l.x) * 1.2 : 0;
+          let lc = import_ts_utils_lib9.Utils.Math.interpolateCoord(l.x, l.y, r.x, r.y, 0.5 - tf / 2);
+          let rc = import_ts_utils_lib9.Utils.Math.interpolateCoord(l.x, l.y, r.x, r.y, 0.5 + tf / 2);
+          let tipH = this.stemDir === "up" /* Up */ ? unitSize : -unitSize;
+          renderer.drawLine(l.x, l.y, lc.x, lc.y, color, lineWidth);
+          renderer.drawLine(rc.x, rc.y, r.x, r.y, color, lineWidth);
+          renderer.drawLine(l.x, l.y, l.x, l.y + tipH, color, lineWidth);
+          renderer.drawLine(r.x, r.y, r.x, r.y + tipH, color, lineWidth);
+        }
+      } else if (this.type === 0 /* RegularBeam */ || this.type === 1 /* TupletBeam */) {
+        let beamSeparation = DocumentSettings.BeamSeparation * unitSize * (this.stemDir === "up" /* Up */ ? 1 : -1);
+        let noteGroupPoints = obj.points.filter((p) => p.symbol instanceof ObjNoteGroup);
+        for (let i = 0; i < noteGroupPoints.length - 1; i++) {
+          let left = noteGroupPoints[i];
+          let right = noteGroupPoints[i + 1];
+          if (!(left.symbol instanceof ObjNoteGroup && right.symbol instanceof ObjNoteGroup)) {
+            continue;
+          }
+          let leftBeamCount = left.symbol.getRightBeamCount();
+          let rightBeamCount = right.symbol.getLeftBeamCount();
+          let lx = left.x;
+          let ly = left.y;
+          let rx = right.x;
+          let ry = right.y;
+          let dy = beamSeparation * (1 + 0.5 * Math.abs(Math.atan2(ry - ly, rx - lx)));
+          for (let beamId = 0; beamId < Math.max(leftBeamCount, rightBeamCount); beamId++) {
+            if (beamId < leftBeamCount && beamId < rightBeamCount) {
+              renderer.drawLine(lx, ly, rx, ry, color, beamThickness);
+            } else if (leftBeamCount > rightBeamCount) {
+              renderer.drawPartialLine(lx, ly, rx, ry, 0, 0.25, color, beamThickness);
+            } else if (rightBeamCount > leftBeamCount) {
+              renderer.drawPartialLine(lx, ly, rx, ry, 0.75, 1, color, beamThickness);
+            }
+            ly += dy;
+            ry += dy;
+          }
+        }
+      }
+      if (obj.tupletNumber) {
+        obj.tupletNumber.draw(renderer);
+      }
+    });
+  }
+  setBeamCounts() {
+    const isADottedBHalf = (a, b) => {
+      let { flagCount: aFlagCount, noteSize: aNoteSize, dotCount: aDotCount } = a.rhythmProps;
+      let { flagCount: bFlagCount, noteSize: bNoteSize, dotCount: bDotCount } = b.rhythmProps;
+      return aFlagCount > 0 && bFlagCount > 0 && aDotCount > 0 && bDotCount === 0 && aNoteSize * Math.pow(2, aDotCount) === bNoteSize;
+    };
+    let groupNotes = this.symbols.filter((s) => s instanceof ObjNoteGroup);
+    for (let i = 0; i < groupNotes.length; i++) {
+      let center = groupNotes[i];
+      let left = groupNotes[i - 1];
+      let right = groupNotes[i + 1];
+      if (center) {
+        center.setLeftBeamCount(0);
+        center.setRightBeamCount(0);
+        if (left) {
+          if (left.rhythmProps.flagCount === center.rhythmProps.flagCount || isADottedBHalf(left, center) || isADottedBHalf(center, left)) {
+            center.setLeftBeamCount(center.rhythmProps.flagCount);
+          } else {
+            center.setLeftBeamCount(Math.min(left.rhythmProps.flagCount, center.rhythmProps.flagCount));
+          }
+        }
+        if (right) {
+          if (right.rhythmProps.flagCount === center.rhythmProps.flagCount || isADottedBHalf(right, center) || isADottedBHalf(center, right)) {
+            center.setRightBeamCount(center.rhythmProps.flagCount);
+          } else {
+            center.setRightBeamCount(Math.min(right.rhythmProps.flagCount, center.rhythmProps.flagCount));
+          }
+        }
+      }
     }
-    let { lineWidth } = renderer;
-    let { rect } = this;
-    renderer.drawDebugRect(this.rect);
-    ctx.strokeStyle = ctx.fillStyle = "black";
-    ctx.lineWidth = lineWidth;
-    ctx.beginPath();
-    ctx.moveTo(rect.left, rect.bottom);
-    ctx.lineTo(rect.left, rect.top);
-    ctx.lineTo(rect.right, rect.top);
-    if (this.isSingleMeasureEnding()) {
-      ctx.lineTo(rect.right, rect.bottom);
+    let fixAgain;
+    do {
+      fixAgain = false;
+      for (let i = 0; i < groupNotes.length; i++) {
+        let center = groupNotes[i];
+        let left = groupNotes[i - 1];
+        let right = groupNotes[i + 1];
+        if (center && center.getLeftBeamCount() !== center.rhythmProps.flagCount && center.getRightBeamCount() !== center.rhythmProps.flagCount) {
+          center.setLeftBeamCount(0);
+          center.setRightBeamCount(0);
+          if (left && left.getRightBeamCount() > 0) {
+            left.setRightBeamCount(0);
+            fixAgain = true;
+          }
+          if (right && right.getLeftBeamCount() > 0) {
+            right.setLeftBeamCount(0);
+            fixAgain = true;
+          }
+        }
+      }
+    } while (fixAgain);
+  }
+  setTupletBeamCounts() {
+    let type = this.getType();
+    let symbols = this.getSymbols();
+    if (type === 1 /* TupletBeam */) {
+      symbols.forEach((s, i) => {
+        if (s instanceof ObjNoteGroup) {
+          s.setLeftBeamCount(i === 0 ? 0 : s.rhythmProps.flagCount);
+          s.setRightBeamCount(i === symbols.length - 1 ? 0 : s.rhythmProps.flagCount);
+        }
+      });
+    } else if (type === 2 /* TupletGroup */) {
+      symbols.forEach((s) => {
+        if (s instanceof ObjNoteGroup) {
+          s.setLeftBeamCount(0);
+          s.setRightBeamCount(0);
+        }
+      });
     }
-    ctx.stroke();
-    this.endingText.draw(renderer);
   }
 };
 
@@ -5189,8 +5341,147 @@ var ConnectiveProps = class {
   }
 };
 
+// src/score/engine/obj-tab-rhythm.ts
+var import_ts_utils_lib12 = require("@tspro/ts-utils-lib");
+var ObjTabRhythm = class extends MusicObject {
+  constructor(measure, tab) {
+    super(measure);
+    this.measure = measure;
+    this.tab = tab;
+    __publicField(this, "voiceIds");
+    __publicField(this, "mi");
+    // Keep non-static
+    __publicField(this, "tupletPartsTextObjMap", /* @__PURE__ */ new Map());
+    this.voiceIds = getVoiceIds().filter((voiceId) => tab.containsVoiceId(voiceId));
+    this.rect = new DivRect();
+    this.mi = new MTabRhythm(this);
+  }
+  getMusicInterface() {
+    return this.mi;
+  }
+  pick(x, y) {
+    return this.rect.contains(x, y) ? [this] : [];
+  }
+  layout(renderer) {
+    let columns = this.measure.getColumns();
+    let numColsInVoiceId = getVoiceIds().map((voiceId) => import_ts_utils_lib12.Utils.Math.sum(columns.map((col) => col.getVoiceSymbol(voiceId) ? 1 : 0)));
+    this.voiceIds.sort((a, b) => import_ts_utils_lib12.Utils.Math.cmp(numColsInVoiceId[a], numColsInVoiceId[b]));
+    this.rect = new DivRect();
+  }
+  hasTuplets() {
+    return this.measure.getBeamGroups().some((beamGroup) => beamGroup.isTuplet());
+  }
+  layoutFitToMeasure(renderer) {
+    let { unitSize, fontSize } = renderer;
+    let { measure } = this;
+    let { left, right } = measure.getColumnsContentRect();
+    let stemHeight = unitSize * 5;
+    this.rect.left = left;
+    this.rect.centerX = (left + right) / 2;
+    this.rect.right = right;
+    this.rect.top = this.hasTuplets() ? -fontSize : 0;
+    this.rect.centerY = 0;
+    this.rect.bottom = stemHeight;
+  }
+  offset(dx, dy) {
+    this.rect.offsetInPlace(dx, dy);
+  }
+  draw(renderer) {
+    const ctx = renderer.getCanvasContext();
+    if (!ctx) {
+      return;
+    }
+    renderer.drawDebugRect(this.rect);
+    let { unitSize, lineWidth, fontSize } = renderer;
+    let flagSize = unitSize;
+    let dotSpace = unitSize;
+    let dotWidth = unitSize * 0.25;
+    let { bottom, centerY } = this.getRect();
+    let stemTop = centerY;
+    let stemBottom = bottom;
+    let columns = this.measure.getColumns();
+    for (let colId = 0; colId < columns.length; colId++) {
+      let cur = columns[colId];
+      let curVoiceSymbol = this.voiceIds.map((voiceId) => cur.getVoiceSymbol(voiceId)).find((sym) => sym !== void 0);
+      if (!curVoiceSymbol) {
+        continue;
+      }
+      let beamGroup = curVoiceSymbol.getBeamGroup();
+      let symbols = beamGroup ? beamGroup.getSymbols() : [curVoiceSymbol];
+      for (let j = 0; j < symbols.length; j++) {
+        let sym = symbols[j];
+        let nextSym = symbols[j + 1];
+        let colX = sym.col.getRect().centerX;
+        if (sym instanceof ObjNoteGroup) {
+          if (sym.rhythmProps.noteSize >= 2) {
+            let stemThickness = sym.rhythmProps.noteSize === 4 ? lineWidth * 2 : lineWidth;
+            renderer.drawLine(colX, stemBottom, colX, stemTop, "black", stemThickness);
+          }
+          if (symbols.length === 1) {
+            for (let i = 0; i < sym.rhythmProps.flagCount; i++) {
+              renderer.drawFlag(new DivRect(colX, colX + flagSize, stemTop + i * flagSize, stemTop + (i + 2) * flagSize), "up");
+            }
+          }
+          for (let i = 0; i < sym.rhythmProps.dotCount; i++) {
+            renderer.fillCircle(colX + dotSpace * (i + 1), stemBottom - dotWidth, dotWidth);
+          }
+        } else if (sym instanceof ObjRest) {
+          let cx = colX;
+          let cy = (stemTop + stemBottom) / 2;
+          let scale = 0.65;
+          ctx.save();
+          ctx.scale(scale, scale);
+          renderer.drawRest(sym.rhythmProps.noteSize, cx / scale, cy / scale, "black");
+          ctx.restore();
+          for (let i = 0; i < sym.rhythmProps.dotCount; i++) {
+            cx += dotSpace * 1.5;
+            renderer.fillCircle(cx, cy + dotSpace, dotWidth);
+          }
+        }
+        if (nextSym) {
+          let left = sym;
+          let right = nextSym;
+          let leftX = left.col.getRect().centerX;
+          let rightX = right.col.getRect().centerX;
+          let leftBeamCount = left.hasTuplet() ? 1 : left instanceof ObjNoteGroup ? left.getRightBeamCount() : 1;
+          let rightBeamCount = right.hasTuplet() ? 1 : right instanceof ObjNoteGroup ? right.getLeftBeamCount() : 1;
+          let maxBeamCount = Math.max(leftBeamCount, rightBeamCount);
+          for (let i = 0; i < maxBeamCount; i++) {
+            let leftT = rightBeamCount > leftBeamCount && i >= leftBeamCount ? 0.75 : 0;
+            let rightT = leftBeamCount > rightBeamCount && i >= rightBeamCount ? 0.25 : 1;
+            renderer.drawPartialLine(leftX, stemTop + i * flagSize, rightX, stemTop + i * flagSize, leftT, rightT, "black", lineWidth * 2);
+          }
+          for (let i = 0; i < left.rhythmProps.dotCount; i++) {
+            renderer.fillCircle(leftX + dotSpace * (i + 1), stemBottom - dotWidth, dotWidth);
+          }
+          for (let i = 0; i < right.rhythmProps.dotCount; i++) {
+            renderer.fillCircle(rightX + dotSpace * (i + 1), stemBottom - dotWidth, dotWidth);
+          }
+        }
+        if (beamGroup && beamGroup.isTuplet()) {
+          let cx = (symbols[0].col.getRect().centerX + symbols[symbols.length - 1].col.getRect().centerX) / 2;
+          let text = beamGroup.getTupletRatioText();
+          let textObj = this.tupletPartsTextObjMap.get(text);
+          if (!textObj) {
+            this.tupletPartsTextObjMap.set(text, textObj = new ObjText(this, { text, scale: 0.75 }, 0.5, 0.5));
+            textObj.layout(renderer);
+          }
+          textObj.offset(-textObj.getRect().centerX, -textObj.getRect().centerY);
+          textObj.offset(cx, stemTop - fontSize / 2);
+          textObj.draw(renderer);
+        }
+        if (symbols.length > 1) {
+          colId = columns.indexOf(symbols[symbols.length - 1].col);
+          if (colId < 0) {
+            colId = columns.length;
+          }
+        }
+      }
+    }
+  }
+};
+
 // src/score/engine/obj-measure.ts
-var cmp2 = (a, b) => a === b ? 0 : a < b ? -1 : 1;
 function validateVoiceId(voiceId) {
   if (typeof voiceId === "number" && getVoiceIds().indexOf(voiceId) < 0) {
     throw new import_core14.MusicError(import_core14.MusicErrorType.Score, "Invalid voiceId: " + voiceId);
@@ -5202,7 +5493,7 @@ function getExtensionTicks(extensionLength) {
   if (typeof extensionLength === "string") {
     extensionLength = [extensionLength];
   }
-  if (import_ts_utils_lib12.Utils.Is.isArray(extensionLength)) {
+  if (import_ts_utils_lib13.Utils.Is.isArray(extensionLength)) {
     let totalTicks = 0;
     for (let i = 0; i < extensionLength.length; ) {
       let str = extensionLength[i];
@@ -5227,11 +5518,11 @@ function getExtensionTicks(extensionLength) {
 function getVerseLayoutGroupId(verse) {
   switch (verse) {
     case 1:
-      return 7 /* LyricsVerse1 */;
+      return 8 /* LyricsVerse1 */;
     case 2:
-      return 8 /* LyricsVerse2 */;
+      return 9 /* LyricsVerse2 */;
     case 3:
-      return 9 /* LyricsVerse3 */;
+      return 10 /* LyricsVerse3 */;
     default:
       throw new import_core14.MusicError(import_core14.MusicErrorType.Unknown, "VerseNumber is not 1, 2 or 3.");
   }
@@ -5293,6 +5584,9 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
     this.updateKeySignature();
     this.updateTimeSignature();
     this.updateTempo();
+    this.row.getTabs().forEach((tab) => {
+      this.addLayoutObject(new ObjTabRhythm(this, tab), tab, 0 /* TabRhythm */, 0 /* Above */);
+    });
   }
   getMusicInterface() {
     return this.mi;
@@ -5464,7 +5758,7 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
       this.alterKeySignature = args[0];
     } else if (args[0] instanceof import_theory9.Scale) {
       this.alterKeySignature = args[0];
-    } else if (import_ts_utils_lib12.Utils.Is.isNonEmptyString(args[0])) {
+    } else if (import_ts_utils_lib13.Utils.Is.isNonEmptyString(args[0])) {
       if (args.length === 1) {
         this.alterKeySignature = (0, import_theory9.getScale)(args[0]);
       } else if (args.length === 2) {
@@ -5575,7 +5869,7 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
           let grp = this.doc.getStaffGroup(staffTabOrGroup);
           if (grp && !prevGroups.includes(staffTabOrGroup)) {
             let curGroups = [...prevGroups, staffTabOrGroup];
-            (import_ts_utils_lib12.Utils.Is.isArray(grp.staffsTabsAndGroups) ? grp.staffsTabsAndGroups : [grp.staffsTabsAndGroups]).forEach((staffTabOrGroup2) => {
+            (import_ts_utils_lib13.Utils.Is.isArray(grp.staffsTabsAndGroups) ? grp.staffsTabsAndGroups : [grp.staffsTabsAndGroups]).forEach((staffTabOrGroup2) => {
               switch (grp.verticalPosition) {
                 case "above" /* Above */:
                   addToStaffTabOrGroup(staffTabOrGroup2, 0 /* Above */, curGroups);
@@ -5597,12 +5891,12 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
       }
     };
     if (staffTabOrGroups === void 0) {
-      if (lines.length >= 2 && lines[0] instanceof ObjStaff && lines[0].staffConfig.clef === "G" /* G */ && lines[0].isGrand() && lines[1] instanceof ObjStaff && lines[1].staffConfig.clef === "F" /* F */ && lines[1].isGrand()) {
+      if (lines.length >= 2 && lines[0] instanceof ObjStaff && lines[1] instanceof ObjStaff && lines[0].staffConfig.grandId !== void 0 && lines[0].staffConfig.grandId === lines[1].staffConfig.grandId) {
         addToStaffTabOrGroup(defaultVerticalPos === 1 /* Below */ ? 1 : 0, defaultVerticalPos);
       } else {
         addToStaffTabOrGroup(0, defaultVerticalPos);
       }
-    } else if (import_ts_utils_lib12.Utils.Is.isArray(staffTabOrGroups)) {
+    } else if (import_ts_utils_lib13.Utils.Is.isArray(staffTabOrGroups)) {
       staffTabOrGroups.forEach((staffTabOrGroup) => addToStaffTabOrGroup(staffTabOrGroup, defaultVerticalPos));
     } else {
       addToStaffTabOrGroup(staffTabOrGroups, defaultVerticalPos);
@@ -5614,7 +5908,7 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
       throw new import_core14.MusicError(import_core14.MusicErrorType.Score, "Cannot add Fermata because anchor is undefined.");
     }
     this.forEachStaffGroup(staffTabOrGroups, 0 /* Above */, (line, vpos) => {
-      this.addLayoutObject(new ObjFermata(anchor, vpos), line, 0 /* Fermata */, vpos);
+      this.addLayoutObject(new ObjFermata(anchor, vpos), line, 1 /* Fermata */, vpos);
     });
     this.disableExtension();
     this.requestLayout();
@@ -5633,7 +5927,7 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
         let passages = args;
         addLayoutObjectProps = {
           createObj: () => new ObjEnding(anchor, passages),
-          layoutGroupId: 3 /* Ending */,
+          layoutGroupId: 4 /* Ending */,
           defaultVerticalPos: 0 /* Above */
         };
         break;
@@ -5645,7 +5939,7 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
         let text = getNavigationString(navigation);
         addLayoutObjectProps = {
           createObj: () => new ObjText(anchor2, text, 1, 1),
-          layoutGroupId: 2 /* Navigation */,
+          layoutGroupId: 3 /* Navigation */,
           defaultVerticalPos: 0 /* Above */
         };
         this.addNavigation(staffTabOrGroups, "endRepeat" /* EndRepeat */);
@@ -5657,7 +5951,7 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
         let text = getNavigationString(navigation);
         addLayoutObjectProps = {
           createObj: () => new ObjText(anchor2, text, 1, 1),
-          layoutGroupId: 2 /* Navigation */,
+          layoutGroupId: 3 /* Navigation */,
           defaultVerticalPos: 0 /* Above */
         };
         break;
@@ -5668,7 +5962,7 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
         let text = getNavigationString(navigation);
         addLayoutObjectProps = {
           createObj: () => new ObjSpecialText(anchor2, text),
-          layoutGroupId: 2 /* Navigation */,
+          layoutGroupId: 3 /* Navigation */,
           defaultVerticalPos: 0 /* Above */
         };
         break;
@@ -5678,7 +5972,7 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
         let text = getNavigationString(navigation);
         addLayoutObjectProps = {
           createObj: () => new ObjSpecialText(anchor2, text),
-          layoutGroupId: 2 /* Navigation */,
+          layoutGroupId: 3 /* Navigation */,
           defaultVerticalPos: 0 /* Above */
         };
         break;
@@ -5686,7 +5980,7 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
       case "endRepeat" /* EndRepeat */:
         if (args.length === 0) {
           this.endRepeatPlayCount = 2;
-        } else if (import_ts_utils_lib12.Utils.Is.isIntegerGte(args[0], 2)) {
+        } else if (import_ts_utils_lib13.Utils.Is.isIntegerGte(args[0], 2)) {
           this.endRepeatPlayCount = args[0];
         } else {
           throw new import_core14.MusicError(import_core14.MusicErrorType.Score, "Invalid end repeat play count (should be 2 or greater integer): " + args[0]);
@@ -5723,12 +6017,12 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
     let defaultVerticalPos;
     switch (annotation) {
       case "dynamics" /* Dynamics */:
-        layoutGroupId = 5 /* DynamicsAnnotation */;
+        layoutGroupId = 6 /* DynamicsAnnotation */;
         defaultVerticalPos = 0 /* Above */;
         textProps.italic = true;
         break;
       case "tempo" /* Tempo */:
-        layoutGroupId = 4 /* TempoAnnotation */;
+        layoutGroupId = 5 /* TempoAnnotation */;
         defaultVerticalPos = 0 /* Above */;
         textProps.italic = true;
         break;
@@ -5752,11 +6046,11 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
     let defaultVerticalPos;
     switch (label) {
       case "note" /* Note */:
-        layoutGroupId = 1 /* NoteLabel */;
+        layoutGroupId = 2 /* NoteLabel */;
         defaultVerticalPos = 1 /* Below */;
         break;
       case "chord" /* Chord */:
-        layoutGroupId = 6 /* ChordLabel */;
+        layoutGroupId = 7 /* ChordLabel */;
         defaultVerticalPos = 0 /* Above */;
         break;
     }
@@ -5773,15 +6067,15 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
       throw new import_core14.MusicError(import_core14.MusicErrorType.Score, "Connective can be added to note group only.");
     }
     if (connective === "tie" /* Tie */) {
-      let tieSpan = import_ts_utils_lib12.Utils.Is.isInteger(args[0]) || import_ts_utils_lib12.Utils.Is.isEnumValue(args[0], TieType) ? args[0] : 2;
-      let noteAnchor = import_ts_utils_lib12.Utils.Is.isEnumValue(args[1], NoteAnchor) ? args[1] : "auto" /* Auto */;
+      let tieSpan = import_ts_utils_lib13.Utils.Is.isInteger(args[0]) || import_ts_utils_lib13.Utils.Is.isEnumValue(args[0], TieType) ? args[0] : 2;
+      let noteAnchor = import_ts_utils_lib13.Utils.Is.isEnumValue(args[1], NoteAnchor) ? args[1] : "auto" /* Auto */;
       anchor.startConnective(new ConnectiveProps("tie" /* Tie */, tieSpan, noteAnchor, anchor));
     } else if (connective === "slur" /* Slur */) {
-      let slurSpan = import_ts_utils_lib12.Utils.Is.isInteger(args[0]) ? args[0] : 2;
-      let noteAnchor = import_ts_utils_lib12.Utils.Is.isEnumValue(args[1], NoteAnchor) ? args[1] : "auto" /* Auto */;
+      let slurSpan = import_ts_utils_lib13.Utils.Is.isInteger(args[0]) ? args[0] : 2;
+      let noteAnchor = import_ts_utils_lib13.Utils.Is.isEnumValue(args[1], NoteAnchor) ? args[1] : "auto" /* Auto */;
       anchor.startConnective(new ConnectiveProps("slur" /* Slur */, slurSpan, noteAnchor, anchor));
     } else if (connective === "slide" /* Slide */) {
-      let noteAnchor = import_ts_utils_lib12.Utils.Is.isEnumValue(args[0], NoteAnchor) ? args[0] : "auto" /* Auto */;
+      let noteAnchor = import_ts_utils_lib13.Utils.Is.isEnumValue(args[0], NoteAnchor) ? args[0] : "auto" /* Auto */;
       anchor.startConnective(new ConnectiveProps("slide" /* Slide */, 2, noteAnchor, anchor));
     }
   }
@@ -5869,7 +6163,7 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
         let lyricsObj = new ObjLyrics(col, verse, line, vpos, lyricsText, lyricsOptions);
         let lyricsArr = this.getLyricsObjects(lyricsObj.line, lyricsObj.vpos, lyricsObj.verse);
         lyricsArr.push(lyricsObj);
-        lyricsArr.sort((a, b) => cmp2(a.col.positionTicks, b.col.positionTicks));
+        lyricsArr.sort((a, b) => import_ts_utils_lib13.Utils.Math.cmp(a.col.positionTicks, b.col.positionTicks));
         lyricsContainer.addLyricsObject(lyricsObj);
         this.addLayoutObject(lyricsObj, line, getVerseLayoutGroupId(verse), vpos);
       }
@@ -6061,6 +6355,9 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
     }
     this.requestLayout();
   }
+  getBeamGroups() {
+    return this.beamGroups;
+  }
   createBeams() {
     if (!this.needBeamsUpdate) {
       return;
@@ -6079,72 +6376,42 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
     }
     getVoiceIds().forEach((voiceId) => {
       let symbols = this.getVoiceSymbols(voiceId).slice();
-      if (symbols.length >= 2) {
-        let symbolsStartTicks = this.isUpBeat() ? Math.max(0, this.getMeasureTicks() - this.getConsumedTicks()) : 0;
-        let groupStartTicks = 0;
-        for (let groupId = 0; groupId < ts.beamGroupSizes.length; groupId++) {
-          let beamGroupSize = ts.beamGroupSizes[groupId];
-          let groupSizeSum = 0;
-          beamGroupSize.forEach((s) => groupSizeSum += s);
-          let groupLength = groupSizeSum * import_theory9.NoteLengthProps.get("8n").ticks;
-          let groupSymbols = [];
-          let groupSymbolsLength = 0;
-          while (symbols.length > 0 && groupSymbolsLength < groupLength) {
-            let symbol = symbols[0];
-            if (symbol.col.positionTicks >= groupStartTicks) {
-              groupSymbols.push(symbol);
-              groupSymbolsLength += symbol.rhythmProps.ticks;
-              symbols.shift();
-            } else {
-              break;
+      if (symbols.length < 2) {
+        return;
+      }
+      let upBeatStartTicks = this.isUpBeat() ? Math.max(0, this.getMeasureTicks() - this.getConsumedTicks()) : 0;
+      let groupStartTicks = 0;
+      for (let groupId = 0; groupId < ts.beamGroupSizes.length; groupId++) {
+        let beamGroupSize = ts.beamGroupSizes[groupId];
+        let beamGroupSizeList = [beamGroupSize];
+        if (beamGroupSize.length > 1) {
+          beamGroupSizeList.unshift([import_ts_utils_lib13.Utils.Math.sum(beamGroupSize)]);
+        }
+        let beamsCreated = false;
+        let groupStartTicksSave = groupStartTicks;
+        while (beamGroupSizeList.length > 0 && !beamsCreated) {
+          let beamGroupSize2 = beamGroupSizeList.shift();
+          groupStartTicks = groupStartTicksSave;
+          beamGroupSize2.forEach((beamGroupSize3) => {
+            let beamGroupTicks = beamGroupSize3 * import_theory9.NoteLengthProps.get("8n").ticks;
+            let groupSymbols = symbols.filter((symbol) => {
+              let symbolStartTicks = upBeatStartTicks + symbol.col.positionTicks;
+              let symbolTicks = symbol.rhythmProps.ticks;
+              return symbolStartTicks >= groupStartTicks && symbolStartTicks + symbolTicks <= groupStartTicks + beamGroupTicks;
+            });
+            let groupNotesTicks = import_ts_utils_lib13.Utils.Math.sum(groupSymbols.map((sym) => sym.rhythmProps.ticks));
+            if (groupNotesTicks === beamGroupTicks && groupSymbols.every((n) => n instanceof ObjNoteGroup) && (groupSymbols.every((n) => n.rhythmProps.flagCount === 1) || beamGroupSizeList.length === 0)) {
+              ObjBeamGroup.createBeam(groupSymbols);
+              beamsCreated = true;
             }
-          }
-          _ObjMeasure.setupBeamGroup(groupSymbols, beamGroupSize);
-          symbolsStartTicks += groupSymbolsLength;
-          groupStartTicks += groupLength;
+            groupStartTicks += beamGroupTicks;
+          });
         }
       }
     });
     this.needBeamsUpdate = false;
     this.requestLayout();
   }
-  static setupBeamGroup(groupSymbols, mainBeamGroupSizeArr) {
-    if (mainBeamGroupSizeArr.length === 0) {
-      return false;
-    }
-    let groupNotes = groupSymbols.map((s) => {
-      var _a;
-      return s instanceof ObjNoteGroup && ((_a = s.getBeamGroup()) == null ? void 0 : _a.isTuplet()) !== true ? s : void 0;
-    });
-    ObjNoteGroup.setBeamCounts(groupNotes);
-    let beamGroupSizeArrList = [mainBeamGroupSizeArr];
-    if (mainBeamGroupSizeArr.length > 1) {
-      let sum = 0;
-      mainBeamGroupSizeArr.forEach((s) => sum += s);
-      beamGroupSizeArrList.unshift([sum]);
-    }
-    let beamsCreated = false;
-    while (beamGroupSizeArrList.length > 0 && !beamsCreated) {
-      let beamGroupSizeArr = beamGroupSizeArrList.shift();
-      let groupSymbolsCopy = groupSymbols.slice();
-      beamGroupSizeArr.forEach((beamGroupSize) => {
-        var _a;
-        let beamGroupLength = beamGroupSize * import_theory9.NoteLengthProps.get("8n").ticks;
-        let beamNotesLength = 0;
-        let beamNotes = [];
-        while (beamNotesLength < beamGroupLength && groupSymbolsCopy.length > 0) {
-          let symbol = groupSymbolsCopy.shift();
-          beamNotesLength += symbol.rhythmProps.ticks;
-          beamNotes.push(symbol instanceof ObjNoteGroup && ((_a = symbol.getBeamGroup()) == null ? void 0 : _a.isTuplet()) !== true ? symbol : void 0);
-        }
-        if (beamNotesLength === beamGroupLength && beamNotes.every((n) => n !== void 0) && (beamNotes.every((n) => n.rhythmProps.flagCount === 1) || beamGroupSizeArrList.length === 0)) {
-          ObjBeamGroup.createBeam(beamNotes);
-          beamsCreated = true;
-        }
-      });
-    }
-    return beamsCreated;
-  }
   getBarLineLeft() {
     return this.barLineLeft;
   }
@@ -6165,7 +6432,7 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
         this.completeRests(getVoiceIds().filter((id) => this.getConsumedTicks(id) > 0));
       }
       return;
-    } else if (import_ts_utils_lib12.Utils.Is.isArray(voiceId)) {
+    } else if (import_ts_utils_lib13.Utils.Is.isArray(voiceId)) {
       voiceId.forEach((id) => this.completeRests(id));
       return;
     } else {
@@ -6212,22 +6479,30 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
     let showKeySignature = isFirstMeasureInRow || isAfterMeasureBreak || !!this.alterKeySignature;
     let showTimeSignature = !!this.alterTimeSignature;
     let showTempo = !!this.alterTempo;
-    if (showClef || showMeasureNumber || showKeySignature || showTimeSignature || showTempo) {
-      this.signatures = this.row.getStaves().map((staff, staffId) => {
-        let oldSignature = this.signatures.find((s) => s.staff === staff);
-        let signature = oldSignature != null ? oldSignature : new ObjSignature(this, staff);
+    this.signatures = [];
+    this.row.getNotationLines().forEach((line, lineId) => {
+      if (line instanceof ObjStaff && (showClef || showMeasureNumber || showKeySignature || showTimeSignature || showTempo)) {
+        let oldSignature = this.signatures.filter((s) => s instanceof ObjStaffSignature).find((s) => s.staff === line);
+        let signature = oldSignature != null ? oldSignature : new ObjStaffSignature(this, line);
         signature.staff.addObject(signature);
         signature.updateClefImage(renderer, showClef);
-        signature.updateMeasureNumber(showMeasureNumber && staffId === 0);
+        signature.updateMeasureNumber(showMeasureNumber && lineId === 0);
         signature.updateKeySignature(showKeySignature);
         signature.updateTimeSignature(showTimeSignature);
-        signature.updateTempo(showTempo && staffId === 0);
-        return signature;
-      });
-    } else {
-      this.signatures = [];
-    }
-    this.signatures.forEach((signature) => signature.layout(renderer));
+        signature.updateTempo(showTempo && lineId === 0);
+        signature.layout(renderer);
+        this.signatures.push(signature);
+      } else if (line instanceof ObjTab && (showMeasureNumber || showTimeSignature || showTempo)) {
+        let oldSignature = this.signatures.filter((s) => s instanceof ObjTabSignature).find((s) => s.tab === line);
+        let signature = oldSignature != null ? oldSignature : new ObjTabSignature(this, line);
+        signature.tab.addObject(signature);
+        signature.updateMeasureNumber(showMeasureNumber && lineId === 0);
+        signature.updateTimeSignature(showTimeSignature);
+        signature.updateTempo(showTempo && lineId === 0);
+        signature.layout(renderer);
+        this.signatures.push(signature);
+      }
+    });
     this.tabStringNotes.length = 0;
     if (this === this.row.getFirstMeasure()) {
       this.row.getTabs().forEach((tab) => {
@@ -6280,7 +6555,7 @@ var _ObjMeasure = class _ObjMeasure extends MusicObject {
     let columnsAreaLeft = this.rect.left + this.leftSolidAreaWidth;
     let columnsAreaRight = this.rect.right - this.rightSolidAreaWidth;
     let columnsAreaWidth = columnsAreaRight - columnsAreaLeft;
-    let columnsWidth = import_ts_utils_lib12.Utils.Math.sum(this.columns.map((col) => col.getRect().width));
+    let columnsWidth = import_ts_utils_lib13.Utils.Math.sum(this.columns.map((col) => col.getRect().width));
     let columnScale = columnsAreaWidth / columnsWidth;
     let columnLeft = columnsAreaLeft;
     this.columns.forEach((col) => {
@@ -6401,18 +6676,19 @@ var ObjMeasure2 = _ObjMeasure;
 // src/score/engine/layout-object.ts
 var import_core15 = require("@tspro/web-music-score/core");
 var WidenColumnList = [
-  1 /* NoteLabel */,
-  6 /* ChordLabel */
+  2 /* NoteLabel */,
+  7 /* ChordLabel */
 ];
 var RowAlignList = [
-  2 /* Navigation */,
-  3 /* Ending */,
-  4 /* TempoAnnotation */,
-  5 /* DynamicsAnnotation */,
-  6 /* ChordLabel */,
-  7 /* LyricsVerse1 */,
-  8 /* LyricsVerse2 */,
-  9 /* LyricsVerse3 */
+  0 /* TabRhythm */,
+  3 /* Navigation */,
+  4 /* Ending */,
+  5 /* TempoAnnotation */,
+  6 /* DynamicsAnnotation */,
+  7 /* ChordLabel */,
+  8 /* LyricsVerse1 */,
+  9 /* LyricsVerse2 */,
+  10 /* LyricsVerse3 */
 ];
 function requireParentMeasure(p) {
   while (p) {
@@ -6588,7 +6864,7 @@ var ObjNotationLine4 = class extends MusicObject {
     let rowLayoutObjs = layoutGroup.getLayoutObjects(verticalPos).filter((layoutObj) => !layoutObj.isPositionResolved());
     rowLayoutObjs.forEach((layoutObj) => {
       let { musicObj, anchor } = layoutObj;
-      if (musicObj instanceof ObjEnding || musicObj instanceof ObjExtensionLine) {
+      if (musicObj instanceof ObjEnding || musicObj instanceof ObjExtensionLine || musicObj instanceof ObjTabRhythm) {
         musicObj.layoutFitToMeasure(renderer);
       } else {
         musicObj.offset(anchor.getRect().centerX - musicObj.getRect().centerX, 0);
@@ -6710,9 +6986,6 @@ var ObjStaff = class extends ObjNotationLine4 {
   containsVoiceId(voiceId) {
     return !this.staffConfig.voiceIds || this.staffConfig.voiceIds.includes(voiceId);
   }
-  isGrand() {
-    return this.staffConfig.isGrand === true;
-  }
   calcTop() {
     let top = this.topLineY;
     this.objects.forEach((o) => top = Math.min(top, o.getRect().top));
@@ -6773,7 +7046,7 @@ var ObjTab = class extends ObjNotationLine4 {
     __publicField(this, "tuningName");
     __publicField(this, "tuningStrings");
     __publicField(this, "mi");
-    if (import_ts_utils_lib13.Utils.Is.isArray(tabConfig.tuning)) {
+    if (import_ts_utils_lib14.Utils.Is.isArray(tabConfig.tuning)) {
       this.tuningName = void 0;
       this.tuningStrings = tabConfig.tuning.map((noteName) => import_theory11.Note.getNote(noteName)).reverse();
     } else if (typeof tabConfig.tuning === "string") {
@@ -6827,10 +7100,14 @@ var ObjTab = class extends ObjNotationLine4 {
     return true;
   }
   calcTop() {
-    return this.top;
+    let { top } = this;
+    this.objects.forEach((o) => top = Math.min(top, o.getRect().top));
+    return top;
   }
   calcBottom() {
-    return this.bottom;
+    let { bottom } = this;
+    this.objects.forEach((o) => bottom = Math.max(bottom, o.getRect().bottom));
+    return bottom;
   }
   pick(x, y) {
     return [this];
@@ -6894,7 +7171,7 @@ var ObjScoreRow = class extends MusicObject {
     for (let i = 0; i < notationLines.length - 1; i++) {
       let treble = notationLines[i];
       let bass = notationLines[i + 1];
-      if (treble instanceof ObjStaff && treble.isGrand() && treble.staffConfig.clef === "G" /* G */ && bass instanceof ObjStaff && bass.isGrand() && bass.staffConfig.clef === "F" /* F */) {
+      if (treble instanceof ObjStaff && bass instanceof ObjStaff && treble.staffConfig.grandId !== void 0 && treble.staffConfig.grandId === bass.staffConfig.grandId) {
         treble.joinGrandStaff(bass);
         bass.joinGrandStaff(treble);
       }
@@ -7071,17 +7348,17 @@ var ObjScoreRow = class extends MusicObject {
   alignStemsToBeams() {
     this.measures.forEach((m) => m.alignStemsToBeams());
   }
-  layoutPositionLines(renderer) {
+  layoutSetNotationLines(renderer) {
     let { unitSize } = renderer;
     for (let i = 1; i < this.notationLines.length; i++) {
       let prev = this.notationLines[i - 1];
       let cur = this.notationLines[i];
-      if (prev instanceof ObjStaff && prev.isGrand() && prev.staffConfig.clef === "G" /* G */ && cur instanceof ObjStaff && cur.isGrand() && cur.staffConfig.clef === "F" /* F */) {
-        let sep = unitSize * 6;
-        cur.offset(0, prev.getBottomLineY() - cur.getTopLineY() + sep);
+      if (prev instanceof ObjStaff && cur instanceof ObjStaff && prev.staffConfig.grandId !== void 0 && prev.staffConfig.grandId === cur.staffConfig.grandId) {
+        let dy = prev.getBottomLineY() - cur.getTopLineY() + unitSize * 6;
+        cur.offset(0, dy);
       } else {
-        let sep = unitSize * 3;
-        cur.offset(0, prev.calcBottom() - cur.calcTop() + sep);
+        let dy = prev.calcBottom() - cur.calcTop() + unitSize * 3;
+        cur.offset(0, dy);
       }
     }
     this.measures.forEach((m) => {
@@ -7228,7 +7505,8 @@ var ObjHeader = class extends MusicObject {
 };
 
 // src/score/engine/obj-document.ts
-var import_ts_utils_lib14 = require("@tspro/ts-utils-lib");
+var import_ts_utils_lib15 = require("@tspro/ts-utils-lib");
+var import_core18 = require("@tspro/web-music-score/core");
 var ObjDocument = class extends MusicObject {
   constructor() {
     super(void 0);
@@ -7249,7 +7527,7 @@ var ObjDocument = class extends MusicObject {
     return this.mi;
   }
   setScoreConfiguration(config) {
-    if (import_ts_utils_lib14.Utils.Is.isEnumValue(config, StaffPreset)) {
+    if (import_ts_utils_lib15.Utils.Is.isEnumValue(config, StaffPreset)) {
       switch (config) {
         default:
         case "treble" /* Treble */:
@@ -7260,8 +7538,8 @@ var ObjDocument = class extends MusicObject {
           break;
         case "grand" /* Grand */:
           this.curScoreConfig = [
-            { type: "staff", clef: "G" /* G */, isGrand: true },
-            { type: "staff", clef: "F" /* F */, isGrand: true }
+            { type: "staff", clef: "G" /* G */, grandId: "grand1" },
+            { type: "staff", clef: "F" /* F */, grandId: "grand1" }
           ];
           break;
         case "guitarTreble" /* GuitarTreble */:
@@ -7277,26 +7555,57 @@ var ObjDocument = class extends MusicObject {
           ];
           break;
       }
-    } else if (import_ts_utils_lib14.Utils.Is.isArray(config)) {
+    } else if (import_ts_utils_lib15.Utils.Is.isArray(config)) {
       this.curScoreConfig = config;
     } else {
       this.curScoreConfig = [config];
     }
-    for (let i = 0; i < this.curScoreConfig.length - 1; i++) {
-      let treble = this.curScoreConfig[i];
-      let bass = this.curScoreConfig[i + 1];
-      if (treble.type === "staff" && bass.type === "staff") {
-        if (treble.clef === "G" /* G */ && treble.isGrand && bass.clef === "F" /* F */ && bass.isGrand) {
-          treble.minNote = "C4";
-          bass.maxNote = "B3";
-          treble.isOctaveDown = bass.isOctaveDown = false;
+    for (let cfgId = 0, grandId = "grand"; cfgId < this.curScoreConfig.length; ) {
+      let treble = this.curScoreConfig[cfgId];
+      let bass = this.curScoreConfig[cfgId + 1];
+      while (this.curScoreConfig.filter((cfg) => cfg.type === "staff").findIndex((cfg) => cfg.grandId === grandId) >= 0) {
+        grandId += "A";
+      }
+      if (treble && treble.type === "staff" && treble.isGrand) {
+        if (treble.grandId !== void 0) {
+          throw new import_core18.MusicError(import_core18.MusicErrorType.Score, `Grand staff error: mixing isGrand and grandId!`);
+        } else if (bass && bass.type === "staff" && bass.isGrand) {
+          if (bass.grandId !== void 0) {
+            throw new import_core18.MusicError(import_core18.MusicErrorType.Score, `Grand staff error: mixing isGrand and grandId!`);
+          } else {
+            treble.grandId = grandId;
+            bass.grandId = grandId;
+            treble.isGrand = bass.isGrand = false;
+            cfgId += 2;
+          }
         } else {
-          treble.isGrand = bass.isGrand = false;
+          throw new import_core18.MusicError(import_core18.MusicErrorType.Score, `Grand staff error: invalid use of isGrand!`);
+        }
+      } else {
+        cfgId++;
+      }
+    }
+    for (let cfgId = 0, usedGrandIdes = []; cfgId < this.curScoreConfig.length; ) {
+      let treble = this.curScoreConfig[cfgId];
+      let bass = this.curScoreConfig[cfgId + 1];
+      if (treble && bass && treble.type === "staff" && bass.type === "staff" && treble.grandId !== void 0 && treble.grandId === bass.grandId) {
+        if (usedGrandIdes.includes(treble.grandId)) {
+          throw new import_core18.MusicError(import_core18.MusicErrorType.Score, `Grand staff error: grandId "${treble.grandId}" already used!`);
+        } else if (treble.clef !== "G" /* G */) {
+          throw new import_core18.MusicError(import_core18.MusicErrorType.Score, `Grand staff error: Invalid treble clef "${treble.clef}"!`);
+        } else if (bass.clef !== "F" /* F */) {
+          throw new import_core18.MusicError(import_core18.MusicErrorType.Score, `Grand staff error: Invalid treble clef "${treble.clef}"!`);
+        } else if (treble.isOctaveDown || bass.isOctaveDown) {
+          throw new import_core18.MusicError(import_core18.MusicErrorType.Score, `Grand staff error: cannot use isOctaveDown option!`);
         }
-      } else if (treble.type === "staff") {
-        treble.isGrand = false;
-      } else if (bass.type === "staff") {
-        bass.isGrand = false;
+        usedGrandIdes.push(treble.grandId);
+        treble.minNote = "C4";
+        bass.maxNote = "B3";
+        cfgId += 2;
+      } else if (treble && treble.type === "staff" && treble.grandId !== void 0) {
+        throw new import_core18.MusicError(import_core18.MusicErrorType.Score, `Grand staff error: invalid use of grandId "${treble.grandId}"!`);
+      } else {
+        cfgId++;
       }
     }
     this.requestNewRow();
@@ -7439,7 +7748,7 @@ var ObjDocument = class extends MusicObject {
     );
     this.rows.forEach((row) => row.layoutWidth(renderer, rowWidth));
     this.rows.forEach((row) => row.layoutLayoutGroups(renderer));
-    this.rows.forEach((row) => row.layoutPositionLines(renderer));
+    this.rows.forEach((row) => row.layoutSetNotationLines(renderer));
     this.rows.forEach((row) => row.layoutPadding(renderer));
     this.rect = new DivRect();
     if (this.header) {
@@ -7504,10 +7813,10 @@ var ObjDocument = class extends MusicObject {
 
 // src/score/pub/document-builder.ts
 var import_theory13 = require("@tspro/web-music-score/theory");
-var import_core18 = require("@tspro/web-music-score/core");
+var import_core19 = require("@tspro/web-music-score/core");
 function assertArg(condition, argName, argValue) {
   if (!condition) {
-    throw new import_core18.MusicError(import_core18.MusicErrorType.Score, `Invalid arg: ${argName} = ${argValue}`);
+    throw new import_core19.MusicError(import_core19.MusicErrorType.Score, `Invalid arg: ${argName} = ${argValue}`);
   }
 }
 function isNote(note) {
@@ -7519,64 +7828,70 @@ function isNote(note) {
   }
 }
 function isVoiceId(value) {
-  return import_ts_utils_lib15.Utils.Is.isNumber(value) && getVoiceIds().indexOf(value) >= 0;
+  return import_ts_utils_lib16.Utils.Is.isNumber(value) && getVoiceIds().indexOf(value) >= 0;
 }
 function isStringNumber(value) {
-  return import_ts_utils_lib15.Utils.Is.isNumber(value) && getStringNumbers().indexOf(value) >= 0;
+  return import_ts_utils_lib16.Utils.Is.isNumber(value) && getStringNumbers().indexOf(value) >= 0;
 }
 function isVerseNumber(value) {
-  return import_ts_utils_lib15.Utils.Is.isNumber(value) && getVerseNumbers().indexOf(value) >= 0;
+  return import_ts_utils_lib16.Utils.Is.isNumber(value) && getVerseNumbers().indexOf(value) >= 0;
+}
+function assertBaseConfig(baseConfig) {
+  assertArg(import_ts_utils_lib16.Utils.Is.isObject(baseConfig), "baseConfig", baseConfig);
+  assertArg(import_ts_utils_lib16.Utils.Is.isStringOrUndefined(baseConfig.name), "baseConfig.name", baseConfig.name);
+  assertArg(import_ts_utils_lib16.Utils.Is.isUndefined(baseConfig.voiceIds) || import_ts_utils_lib16.Utils.Is.isArray(baseConfig.voiceIds) && baseConfig.voiceIds.every((voiceId) => import_ts_utils_lib16.Utils.Is.isNumber(voiceId)), "baseConfig.voiceIds", baseConfig.voiceIds);
 }
 function assertStaffConfig(staffConfig) {
-  assertArg(import_ts_utils_lib15.Utils.Is.isObject(staffConfig), "staffConfig", staffConfig);
+  assertBaseConfig(staffConfig);
+  assertArg(import_ts_utils_lib16.Utils.Is.isObject(staffConfig), "staffConfig", staffConfig);
   assertArg(staffConfig.type === "staff", "staffConfig.type", staffConfig.type);
-  assertArg(import_ts_utils_lib15.Utils.Is.isEnumValue(staffConfig.clef, Clef), "staffConfig.clef", staffConfig.clef);
-  assertArg(import_ts_utils_lib15.Utils.Is.isBooleanOrUndefined(staffConfig.isOctaveDown), "staffConfig.isOctaveDown", staffConfig.isOctaveDown);
-  assertArg(import_ts_utils_lib15.Utils.Is.isUndefined(staffConfig.minNote) || isNote(staffConfig.minNote), "staffConfig.minNote", staffConfig.minNote);
-  assertArg(import_ts_utils_lib15.Utils.Is.isUndefined(staffConfig.maxNote) || isNote(staffConfig.maxNote), "staffConfig.maxNote", staffConfig.maxNote);
-  assertArg(import_ts_utils_lib15.Utils.Is.isUndefined(staffConfig.voiceIds) || import_ts_utils_lib15.Utils.Is.isArray(staffConfig.voiceIds) && staffConfig.voiceIds.every((voiceId) => import_ts_utils_lib15.Utils.Is.isNumber(voiceId)), "staffConfig.voiceIds", staffConfig.voiceIds);
-  assertArg(import_ts_utils_lib15.Utils.Is.isBooleanOrUndefined(staffConfig.isGrand), "staffConfig.isGrand", staffConfig.isGrand);
+  assertArg(import_ts_utils_lib16.Utils.Is.isEnumValue(staffConfig.clef, Clef), "staffConfig.clef", staffConfig.clef);
+  assertArg(import_ts_utils_lib16.Utils.Is.isBooleanOrUndefined(staffConfig.isOctaveDown), "staffConfig.isOctaveDown", staffConfig.isOctaveDown);
+  assertArg(import_ts_utils_lib16.Utils.Is.isUndefined(staffConfig.minNote) || isNote(staffConfig.minNote), "staffConfig.minNote", staffConfig.minNote);
+  assertArg(import_ts_utils_lib16.Utils.Is.isUndefined(staffConfig.maxNote) || isNote(staffConfig.maxNote), "staffConfig.maxNote", staffConfig.maxNote);
+  assertArg(import_ts_utils_lib16.Utils.Is.isStringOrUndefined(staffConfig.grandId), "staffConfig.grandId", staffConfig.grandId);
+  assertArg(import_ts_utils_lib16.Utils.Is.isBooleanOrUndefined(staffConfig.isGrand), "staffConfig.isGrand", staffConfig.isGrand);
 }
 function assertTabConfig(tabConfig) {
-  assertArg(import_ts_utils_lib15.Utils.Is.isObject(tabConfig), "tabConfig", tabConfig);
+  assertBaseConfig(tabConfig);
+  assertArg(import_ts_utils_lib16.Utils.Is.isObject(tabConfig), "tabConfig", tabConfig);
   assertArg(tabConfig.type === "tab", "tabConfig.type", tabConfig.type);
-  if (typeof tabConfig.tuning === "string") {
+  if (import_ts_utils_lib16.Utils.Is.isString(tabConfig.tuning)) {
     assertArg(import_theory13.TuningNameList.includes(tabConfig.tuning), "tabConfig.tuning", tabConfig.tuning);
-  } else if (import_ts_utils_lib15.Utils.Is.isArray(tabConfig.tuning)) {
+  } else if (import_ts_utils_lib16.Utils.Is.isArray(tabConfig.tuning)) {
     assertArg(tabConfig.tuning.length === getStringNumbers().length && tabConfig.tuning.every((s) => isNote(s)), "tabConfig.tuning", tabConfig.tuning);
   }
-  assertArg(import_ts_utils_lib15.Utils.Is.isUndefined(tabConfig.voiceIds) || import_ts_utils_lib15.Utils.Is.isArray(tabConfig.voiceIds) && tabConfig.voiceIds.every((voiceId) => import_ts_utils_lib15.Utils.Is.isNumber(voiceId)), "tabConfig.voiceIds", tabConfig.voiceIds);
 }
 function assertNoteOptions(noteOptions) {
-  assertArg(import_ts_utils_lib15.Utils.Is.isObject(noteOptions), "noteOptions", noteOptions);
-  assertArg(import_ts_utils_lib15.Utils.Is.isBooleanOrUndefined(noteOptions.dotted) || import_ts_utils_lib15.Utils.Is.isIntegerGte(noteOptions.dotted, 0), "noteOptions.dotted", noteOptions.dotted);
-  assertArg(import_ts_utils_lib15.Utils.Is.isEnumValueOrUndefined(noteOptions.stem, Stem), "noteOptions.stem", noteOptions.stem);
-  assertArg(import_ts_utils_lib15.Utils.Is.isStringOrUndefined(noteOptions.color), "noteOptions.color", noteOptions.color);
-  assertArg(import_ts_utils_lib15.Utils.Is.isBooleanOrUndefined(noteOptions.arpeggio) || import_ts_utils_lib15.Utils.Is.isEnumValue(noteOptions.arpeggio, Arpeggio), "noteOptions.arpeggio", noteOptions.arpeggio);
-  assertArg(import_ts_utils_lib15.Utils.Is.isBooleanOrUndefined(noteOptions.staccato), "noteOptions.staccato", noteOptions.staccato);
-  assertArg(import_ts_utils_lib15.Utils.Is.isBooleanOrUndefined(noteOptions.diamond), "noteOptions.diamond", noteOptions.diamond);
-  assertArg(import_ts_utils_lib15.Utils.Is.isBooleanOrUndefined(noteOptions.triplet), "noteOptions.triplet", noteOptions.triplet);
-  assertArg(import_ts_utils_lib15.Utils.Is.isUndefined(noteOptions.string) || isStringNumber(noteOptions.string) || import_ts_utils_lib15.Utils.Is.isNonEmptyArray(noteOptions.string) && noteOptions.string.every((string) => isStringNumber(string)), "noteOptions.string", noteOptions.string);
-  assertArg(import_ts_utils_lib15.Utils.Is.isUndefined(noteOptions.tieSpan), 'NoteOptions.tieSpan was removed. Use addConnective("tie", tieSpan)', "");
-  assertArg(import_ts_utils_lib15.Utils.Is.isUndefined(noteOptions.slurSpan), 'NoteOptions.slurSpan was removed. Use addConnective("slur", slurSpan)', "");
+  assertArg(import_ts_utils_lib16.Utils.Is.isObject(noteOptions), "noteOptions", noteOptions);
+  assertArg(import_ts_utils_lib16.Utils.Is.isBooleanOrUndefined(noteOptions.dotted) || import_ts_utils_lib16.Utils.Is.isIntegerGte(noteOptions.dotted, 0), "noteOptions.dotted", noteOptions.dotted);
+  assertArg(import_ts_utils_lib16.Utils.Is.isEnumValueOrUndefined(noteOptions.stem, Stem), "noteOptions.stem", noteOptions.stem);
+  assertArg(import_ts_utils_lib16.Utils.Is.isStringOrUndefined(noteOptions.color), "noteOptions.color", noteOptions.color);
+  assertArg(import_ts_utils_lib16.Utils.Is.isBooleanOrUndefined(noteOptions.arpeggio) || import_ts_utils_lib16.Utils.Is.isEnumValue(noteOptions.arpeggio, Arpeggio), "noteOptions.arpeggio", noteOptions.arpeggio);
+  assertArg(import_ts_utils_lib16.Utils.Is.isBooleanOrUndefined(noteOptions.staccato), "noteOptions.staccato", noteOptions.staccato);
+  assertArg(import_ts_utils_lib16.Utils.Is.isBooleanOrUndefined(noteOptions.diamond), "noteOptions.diamond", noteOptions.diamond);
+  assertArg(import_ts_utils_lib16.Utils.Is.isBooleanOrUndefined(noteOptions.triplet), "noteOptions.triplet", noteOptions.triplet);
+  assertArg(import_ts_utils_lib16.Utils.Is.isUndefined(noteOptions.string) || isStringNumber(noteOptions.string) || import_ts_utils_lib16.Utils.Is.isNonEmptyArray(noteOptions.string) && noteOptions.string.every((string) => isStringNumber(string)), "noteOptions.string", noteOptions.string);
+  assertArg(import_ts_utils_lib16.Utils.Is.isUndefined(noteOptions.tieSpan), 'NoteOptions.tieSpan was removed. Use addConnective("tie", tieSpan)', "");
+  assertArg(import_ts_utils_lib16.Utils.Is.isUndefined(noteOptions.slurSpan), 'NoteOptions.slurSpan was removed. Use addConnective("slur", slurSpan)', "");
 }
 function assertRestOptions(restOptions) {
-  assertArg(import_ts_utils_lib15.Utils.Is.isObject(restOptions), "restOptions", restOptions);
-  assertArg(import_ts_utils_lib15.Utils.Is.isBooleanOrUndefined(restOptions.dotted) || import_ts_utils_lib15.Utils.Is.isIntegerGte(restOptions.dotted, 0), "restOptions.dotted", restOptions.dotted);
-  assertArg(import_ts_utils_lib15.Utils.Is.isStringOrUndefined(restOptions.staffPos) || import_ts_utils_lib15.Utils.Is.isInteger(restOptions.staffPos) || restOptions.staffPos instanceof import_theory13.Note, "restOptions.staffPos", restOptions.staffPos);
-  assertArg(import_ts_utils_lib15.Utils.Is.isStringOrUndefined(restOptions.color), "restOptions.color", restOptions.color);
-  assertArg(import_ts_utils_lib15.Utils.Is.isBooleanOrUndefined(restOptions.hide), "restOptions.hide", restOptions.hide);
-  assertArg(import_ts_utils_lib15.Utils.Is.isBooleanOrUndefined(restOptions.triplet), "restOptions.triplet", restOptions.triplet);
+  assertArg(import_ts_utils_lib16.Utils.Is.isObject(restOptions), "restOptions", restOptions);
+  assertArg(import_ts_utils_lib16.Utils.Is.isBooleanOrUndefined(restOptions.dotted) || import_ts_utils_lib16.Utils.Is.isIntegerGte(restOptions.dotted, 0), "restOptions.dotted", restOptions.dotted);
+  assertArg(import_ts_utils_lib16.Utils.Is.isStringOrUndefined(restOptions.staffPos) || import_ts_utils_lib16.Utils.Is.isInteger(restOptions.staffPos) || restOptions.staffPos instanceof import_theory13.Note, "restOptions.staffPos", restOptions.staffPos);
+  assertArg(import_ts_utils_lib16.Utils.Is.isStringOrUndefined(restOptions.color), "restOptions.color", restOptions.color);
+  assertArg(import_ts_utils_lib16.Utils.Is.isBooleanOrUndefined(restOptions.hide), "restOptions.hide", restOptions.hide);
+  assertArg(import_ts_utils_lib16.Utils.Is.isBooleanOrUndefined(restOptions.triplet), "restOptions.triplet", restOptions.triplet);
 }
 function assertLyricsOptions(lyricsOptions) {
-  assertArg(import_ts_utils_lib15.Utils.Is.isObject(lyricsOptions), "lyricsOptions", lyricsOptions);
-  assertArg(import_ts_utils_lib15.Utils.Is.isEnumValueOrUndefined(lyricsOptions.align, LyricsAlign), "lyricsOptions.align", lyricsOptions.align);
-  assertArg(import_ts_utils_lib15.Utils.Is.isEnumValueOrUndefined(lyricsOptions.hyphen, LyricsHyphen), "lyricsOptions.hyphen", lyricsOptions.hyphen);
+  assertArg(import_ts_utils_lib16.Utils.Is.isObject(lyricsOptions), "lyricsOptions", lyricsOptions);
+  assertArg(import_ts_utils_lib16.Utils.Is.isEnumValueOrUndefined(lyricsOptions.align, LyricsAlign), "lyricsOptions.align", lyricsOptions.align);
+  assertArg(import_ts_utils_lib16.Utils.Is.isEnumValueOrUndefined(lyricsOptions.hyphen, LyricsHyphen), "lyricsOptions.hyphen", lyricsOptions.hyphen);
 }
 function assertStaffTabOrGRoups(staffTabOrGroups) {
   assertArg(
-    import_ts_utils_lib15.Utils.Is.isStringOrUndefined(staffTabOrGroups) || import_ts_utils_lib15.Utils.Is.isIntegerGte(staffTabOrGroups, 0) || import_ts_utils_lib15.Utils.Is.isNonEmptyArray(staffTabOrGroups) && staffTabOrGroups.every(
-      (staffTabOrGroup) => import_ts_utils_lib15.Utils.Is.isString(staffTabOrGroup) || import_ts_utils_lib15.Utils.Is.isIntegerGte(staffTabOrGroup, 0)
+    import_ts_utils_lib16.Utils.Is.isStringOrUndefined(staffTabOrGroups) || import_ts_utils_lib16.Utils.Is.isIntegerGte(staffTabOrGroups, 0) || import_ts_utils_lib16.Utils.Is.isNonEmptyArray(staffTabOrGroups) && staffTabOrGroups.every(
+      (staffTabOrGroup) => import_ts_utils_lib16.Utils.Is.isString(staffTabOrGroup) || import_ts_utils_lib16.Utils.Is.isIntegerGte(staffTabOrGroup, 0)
     ),
     "staffTabOrGroup",
     staffTabOrGroups
@@ -7608,19 +7923,19 @@ var DocumentBuilder = class {
     this.doc = new ObjDocument();
   }
   setScoreConfiguration(config) {
-    if (import_ts_utils_lib15.Utils.Is.isEnumValue(config, StaffPreset)) {
+    if (import_ts_utils_lib16.Utils.Is.isEnumValue(config, StaffPreset)) {
       this.doc.setScoreConfiguration(config);
-    } else if (import_ts_utils_lib15.Utils.Is.isObject(config) && config.type === "staff") {
+    } else if (import_ts_utils_lib16.Utils.Is.isObject(config) && config.type === "staff") {
       assertStaffConfig(config);
       this.doc.setScoreConfiguration(config);
-    } else if (import_ts_utils_lib15.Utils.Is.isObject(config) && config.type === "tab") {
+    } else if (import_ts_utils_lib16.Utils.Is.isObject(config) && config.type === "tab") {
       assertTabConfig(config);
       this.doc.setScoreConfiguration(config);
-    } else if (import_ts_utils_lib15.Utils.Is.isNonEmptyArray(config)) {
+    } else if (import_ts_utils_lib16.Utils.Is.isNonEmptyArray(config)) {
       config.forEach((c) => {
-        if (import_ts_utils_lib15.Utils.Is.isObject(c) && c.type === "staff") {
+        if (import_ts_utils_lib16.Utils.Is.isObject(c) && c.type === "staff") {
           assertStaffConfig(c);
-        } else if (import_ts_utils_lib15.Utils.Is.isObject(c) && c.type === "tab") {
+        } else if (import_ts_utils_lib16.Utils.Is.isObject(c) && c.type === "tab") {
           assertTabConfig(c);
         } else {
           assertArg(false, "config", config);
@@ -7651,9 +7966,9 @@ var DocumentBuilder = class {
    * @returns - This document builder instance.
    */
   setHeader(title, composer, arranger) {
-    assertArg(import_ts_utils_lib15.Utils.Is.isStringOrUndefined(title), "title", title);
-    assertArg(import_ts_utils_lib15.Utils.Is.isStringOrUndefined(composer), "composer", composer);
-    assertArg(import_ts_utils_lib15.Utils.Is.isStringOrUndefined(arranger), "arranger", arranger);
+    assertArg(import_ts_utils_lib16.Utils.Is.isStringOrUndefined(title), "title", title);
+    assertArg(import_ts_utils_lib16.Utils.Is.isStringOrUndefined(composer), "composer", composer);
+    assertArg(import_ts_utils_lib16.Utils.Is.isStringOrUndefined(arranger), "arranger", arranger);
     this.doc.setHeader(title, composer, arranger);
     return this;
   }
@@ -7663,7 +7978,7 @@ var DocumentBuilder = class {
    * @returns - This document builder instance.
    */
   setMeasuresPerRow(measuresPerRow) {
-    assertArg(import_ts_utils_lib15.Utils.Is.isIntegerGte(measuresPerRow, 1) || import_ts_utils_lib15.Utils.Is.isPosInfinity(measuresPerRow), "measuresPerRow", measuresPerRow);
+    assertArg(import_ts_utils_lib16.Utils.Is.isIntegerGte(measuresPerRow, 1) || import_ts_utils_lib16.Utils.Is.isPosInfinity(measuresPerRow), "measuresPerRow", measuresPerRow);
     this.doc.setMeasuresPerRow(measuresPerRow);
     return this;
   }
@@ -7676,16 +7991,16 @@ var DocumentBuilder = class {
     return this;
   }
   setKeySignature(...args) {
-    assertArg(args[0] instanceof import_theory13.Scale || args[0] instanceof import_theory13.KeySignature || import_ts_utils_lib15.Utils.Is.isNonEmptyString(args[0]) && (args.length === 1 || import_ts_utils_lib15.Utils.Is.isEnumValue(args[1], import_theory13.ScaleType)), "keySignature", args);
+    assertArg(args[0] instanceof import_theory13.Scale || args[0] instanceof import_theory13.KeySignature || import_ts_utils_lib16.Utils.Is.isNonEmptyString(args[0]) && (args.length === 1 || import_ts_utils_lib16.Utils.Is.isEnumValue(args[1], import_theory13.ScaleType)), "keySignature", args);
     this.getMeasure().setKeySignature(...args);
     return this;
   }
   setTimeSignature(...args) {
     if (args[0] instanceof import_theory13.TimeSignature) {
       this.getMeasure().setTimeSignature(args[0]);
-    } else if (import_ts_utils_lib15.Utils.Is.isEnumValue(args[0], import_theory13.TimeSignatures) && import_ts_utils_lib15.Utils.Is.isEnumValueOrUndefined(args[1], import_theory13.BeamGrouping)) {
+    } else if (import_ts_utils_lib16.Utils.Is.isEnumValue(args[0], import_theory13.TimeSignatures) && import_ts_utils_lib16.Utils.Is.isEnumValueOrUndefined(args[1], import_theory13.BeamGrouping)) {
       this.getMeasure().setTimeSignature(new import_theory13.TimeSignature(args[0], args[1]));
-    } else if (import_ts_utils_lib15.Utils.Is.isIntegerGte(args[0], 1) && import_ts_utils_lib15.Utils.Is.isIntegerGte(args[1], 1) && import_ts_utils_lib15.Utils.Is.isEnumValueOrUndefined(args[2], import_theory13.BeamGrouping)) {
+    } else if (import_ts_utils_lib16.Utils.Is.isIntegerGte(args[0], 1) && import_ts_utils_lib16.Utils.Is.isIntegerGte(args[1], 1) && import_ts_utils_lib16.Utils.Is.isEnumValueOrUndefined(args[2], import_theory13.BeamGrouping)) {
       this.getMeasure().setTimeSignature(new import_theory13.TimeSignature(args[0], args[1], args[2]));
     } else {
       assertArg(false, "timeSignature args", args);
@@ -7693,12 +8008,12 @@ var DocumentBuilder = class {
     return this;
   }
   setTempo(beatsPerMinute, beatLength, dotted) {
-    assertArg(import_ts_utils_lib15.Utils.Is.isIntegerGte(beatsPerMinute, 1), "beatsPerMinute", beatsPerMinute);
+    assertArg(import_ts_utils_lib16.Utils.Is.isIntegerGte(beatsPerMinute, 1), "beatsPerMinute", beatsPerMinute);
     if (beatLength === void 0) {
-      assertArg(import_ts_utils_lib15.Utils.Is.isUndefined(dotted), "dotted", dotted);
+      assertArg(import_ts_utils_lib16.Utils.Is.isUndefined(dotted), "dotted", dotted);
     } else {
-      assertArg(import_ts_utils_lib15.Utils.Is.isEnumValue(beatLength, import_theory13.NoteLength) || isNoteLength(beatLength), "beatLength", beatLength);
-      assertArg(import_ts_utils_lib15.Utils.Is.isBooleanOrUndefined(dotted) || import_ts_utils_lib15.Utils.Is.isIntegerGte(dotted, 0), "dotted", dotted);
+      assertArg(import_ts_utils_lib16.Utils.Is.isEnumValue(beatLength, import_theory13.NoteLength) || isNoteLength(beatLength), "beatLength", beatLength);
+      assertArg(import_ts_utils_lib16.Utils.Is.isBooleanOrUndefined(dotted) || import_ts_utils_lib16.Utils.Is.isIntegerGte(dotted, 0), "dotted", dotted);
     }
     this.getMeasure().setTempo(beatsPerMinute, beatLength, dotted);
     return this;
@@ -7714,15 +8029,19 @@ var DocumentBuilder = class {
   addNote(voiceId, note, noteLength, noteOptions) {
     assertArg(isVoiceId(voiceId), "voiceId", voiceId);
     assertArg(
-      note instanceof import_theory13.Note || import_ts_utils_lib15.Utils.Is.isNonEmptyString(note) || import_ts_utils_lib15.Utils.Is.isArray(note) && note.every((note2) => note2 instanceof import_theory13.Note || import_ts_utils_lib15.Utils.Is.isNonEmptyString(note2)),
+      note instanceof import_theory13.Note || import_ts_utils_lib16.Utils.Is.isNonEmptyString(note) || import_ts_utils_lib16.Utils.Is.isArray(note) && note.every((note2) => note2 instanceof import_theory13.Note || import_ts_utils_lib16.Utils.Is.isNonEmptyString(note2)),
       "note",
       note
     );
-    assertArg(import_ts_utils_lib15.Utils.Is.isEnumValue(noteLength, import_theory13.NoteLength) || isNoteLength(noteLength), "noteLength", noteLength);
+    assertArg(import_ts_utils_lib16.Utils.Is.isEnumValue(noteLength, import_theory13.NoteLength) || isNoteLength(noteLength), "noteLength", noteLength);
     noteOptions != null ? noteOptions : noteOptions = {};
     assertNoteOptions(noteOptions);
-    if (import_ts_utils_lib15.Utils.Is.isArray(note)) {
-      note.forEach((note2) => this.getMeasure().addNoteGroup(voiceId, [note2], noteLength, noteOptions));
+    if (import_ts_utils_lib16.Utils.Is.isArray(note)) {
+      let string = noteOptions.string;
+      note.forEach((note2, noteId) => {
+        noteOptions.string = import_ts_utils_lib16.Utils.Is.isArray(string) ? string[noteId] : string;
+        this.getMeasure().addNoteGroup(voiceId, [note2], noteLength, noteOptions);
+      });
     } else {
       this.getMeasure().addNoteGroup(voiceId, [note], noteLength, noteOptions);
     }
@@ -7738,8 +8057,8 @@ var DocumentBuilder = class {
    */
   addChord(voiceId, notes, noteLength, noteOptions) {
     assertArg(isVoiceId(voiceId), "voiceId", voiceId);
-    assertArg(import_ts_utils_lib15.Utils.Is.isNonEmptyArray(notes) && notes.every((note) => note instanceof import_theory13.Note || import_ts_utils_lib15.Utils.Is.isNonEmptyString(note)), "notes", notes);
-    assertArg(import_ts_utils_lib15.Utils.Is.isEnumValue(noteLength, import_theory13.NoteLength) || isNoteLength(noteLength), "noteLength", noteLength);
+    assertArg(import_ts_utils_lib16.Utils.Is.isNonEmptyArray(notes) && notes.every((note) => note instanceof import_theory13.Note || import_ts_utils_lib16.Utils.Is.isNonEmptyString(note)), "notes", notes);
+    assertArg(import_ts_utils_lib16.Utils.Is.isEnumValue(noteLength, import_theory13.NoteLength) || isNoteLength(noteLength), "noteLength", noteLength);
     noteOptions != null ? noteOptions : noteOptions = {};
     assertNoteOptions(noteOptions);
     this.getMeasure().addNoteGroup(voiceId, notes, noteLength, noteOptions);
@@ -7754,7 +8073,7 @@ var DocumentBuilder = class {
    */
   addRest(voiceId, restLength, restOptions) {
     assertArg(isVoiceId(voiceId), "voiceId", voiceId);
-    assertArg(import_ts_utils_lib15.Utils.Is.isEnumValue(restLength, import_theory13.NoteLength) || isNoteLength(restLength), "restLength", restLength);
+    assertArg(import_ts_utils_lib16.Utils.Is.isEnumValue(restLength, import_theory13.NoteLength) || isNoteLength(restLength), "restLength", restLength);
     restOptions != null ? restOptions : restOptions = {};
     assertRestOptions(restOptions);
     this.getMeasure().addRest(voiceId, restLength, restOptions);
@@ -7762,13 +8081,13 @@ var DocumentBuilder = class {
   }
   /**
    * Usage:
-   * <pre>
+   * ```ts
    * addTuplet(0, Theory.Tuplet.Triplet, notes => {
    *     notes.addNote("G3", Theory.NoteLength.Eighth);
    *     notes.addNote("B3", Theory.NoteLength.Eighth);
    *     notes.addNote("D4", Theory.NoteLength.Eighth);
    * });
-   * </pre>
+   * ```
    * 
    * @param voiceId - Voice id to add tuplet to.
    * @param tupletRatio - You can also use Theory.Tuplet presets (e.g. Theory.Tuplet.Triplet).
@@ -7777,22 +8096,24 @@ var DocumentBuilder = class {
    */
   addTuplet(voiceId, tupletRatio, tupletBuilder) {
     assertArg(isVoiceId(voiceId), "voiceId", voiceId);
-    assertArg(import_ts_utils_lib15.Utils.Is.isFunction(tupletBuilder), "tupletBuilder", tupletBuilder);
-    assertArg(isTupletRatio(tupletRatio) && import_ts_utils_lib15.Utils.Is.isBooleanOrUndefined(tupletRatio.showRatio), "tupletRatio", tupletRatio);
+    assertArg(import_ts_utils_lib16.Utils.Is.isFunction(tupletBuilder), "tupletBuilder", tupletBuilder);
+    assertArg(isTupletRatio(tupletRatio) && import_ts_utils_lib16.Utils.Is.isBooleanOrUndefined(tupletRatio.showRatio), "tupletRatio", tupletRatio);
     let tupletSymbols = [];
     const helper = {
       addNote: (note, noteLength, noteOptions) => {
         assertArg(
-          note instanceof import_theory13.Note || import_ts_utils_lib15.Utils.Is.isNonEmptyString(note) || import_ts_utils_lib15.Utils.Is.isArray(note) && note.every((note2) => note2 instanceof import_theory13.Note || import_ts_utils_lib15.Utils.Is.isNonEmptyString(note2)),
+          note instanceof import_theory13.Note || import_ts_utils_lib16.Utils.Is.isNonEmptyString(note) || import_ts_utils_lib16.Utils.Is.isArray(note) && note.every((note2) => note2 instanceof import_theory13.Note || import_ts_utils_lib16.Utils.Is.isNonEmptyString(note2)),
           "note",
           note
         );
-        assertArg(import_ts_utils_lib15.Utils.Is.isEnumValue(noteLength, import_theory13.NoteLength) || isNoteLength(noteLength), "noteLength", noteLength);
+        assertArg(import_ts_utils_lib16.Utils.Is.isEnumValue(noteLength, import_theory13.NoteLength) || isNoteLength(noteLength), "noteLength", noteLength);
         noteOptions != null ? noteOptions : noteOptions = {};
         delete noteOptions.triplet;
         assertNoteOptions(noteOptions);
-        if (import_ts_utils_lib15.Utils.Is.isArray(note)) {
-          note.forEach((note2) => {
+        if (import_ts_utils_lib16.Utils.Is.isArray(note)) {
+          let string = noteOptions.string;
+          note.forEach((note2, noteId) => {
+            noteOptions.string = import_ts_utils_lib16.Utils.Is.isArray(string) ? string[noteId] : string;
             let s = this.getMeasure().addNoteGroup(voiceId, [note2], noteLength, noteOptions, tupletRatio);
             tupletSymbols.push(s);
           });
@@ -7803,8 +8124,8 @@ var DocumentBuilder = class {
         return helper;
       },
       addChord: (notes, noteLength, noteOptions) => {
-        assertArg(import_ts_utils_lib15.Utils.Is.isNonEmptyArray(notes) && notes.every((note) => note instanceof import_theory13.Note || import_ts_utils_lib15.Utils.Is.isNonEmptyString(note)), "notes", notes);
-        assertArg(import_ts_utils_lib15.Utils.Is.isEnumValue(noteLength, import_theory13.NoteLength) || isNoteLength(noteLength), "noteLength", noteLength);
+        assertArg(import_ts_utils_lib16.Utils.Is.isNonEmptyArray(notes) && notes.every((note) => note instanceof import_theory13.Note || import_ts_utils_lib16.Utils.Is.isNonEmptyString(note)), "notes", notes);
+        assertArg(import_ts_utils_lib16.Utils.Is.isEnumValue(noteLength, import_theory13.NoteLength) || isNoteLength(noteLength), "noteLength", noteLength);
         noteOptions != null ? noteOptions : noteOptions = {};
         delete noteOptions.triplet;
         assertNoteOptions(noteOptions);
@@ -7813,7 +8134,7 @@ var DocumentBuilder = class {
         return helper;
       },
       addRest: (restLength, restOptions) => {
-        assertArg(import_ts_utils_lib15.Utils.Is.isEnumValue(restLength, import_theory13.NoteLength) || isNoteLength(restLength), "restLength", restLength);
+        assertArg(import_ts_utils_lib16.Utils.Is.isEnumValue(restLength, import_theory13.NoteLength) || isNoteLength(restLength), "restLength", restLength);
         restOptions != null ? restOptions : restOptions = {};
         delete restOptions.triplet;
         assertRestOptions(restOptions);
@@ -7830,8 +8151,8 @@ var DocumentBuilder = class {
     var _a;
     assertStaffTabOrGRoups(staffTabOrGroups);
     assertArg(isVerseNumber(verse), "verse", verse);
-    assertArg(import_ts_utils_lib15.Utils.Is.isEnumValue(lyricsLength, import_theory13.NoteLength), "lyricsLength", lyricsLength);
-    assertArg(import_ts_utils_lib15.Utils.Is.isString(lyricsText) || import_ts_utils_lib15.Utils.Is.isArray(lyricsText) && lyricsText.every((text) => import_ts_utils_lib15.Utils.Is.isString(text)), "lyricsText", lyricsText);
+    assertArg(import_ts_utils_lib16.Utils.Is.isEnumValue(lyricsLength, import_theory13.NoteLength), "lyricsLength", lyricsLength);
+    assertArg(import_ts_utils_lib16.Utils.Is.isString(lyricsText) || import_ts_utils_lib16.Utils.Is.isArray(lyricsText) && lyricsText.every((text) => import_ts_utils_lib16.Utils.Is.isString(text)), "lyricsText", lyricsText);
     lyricsOptions != null ? lyricsOptions : lyricsOptions = {};
     assertLyricsOptions(lyricsOptions);
     if (lyricsOptions.align !== void 0) {
@@ -7839,7 +8160,7 @@ var DocumentBuilder = class {
     } else {
       (_a = lyricsOptions.align) != null ? _a : lyricsOptions.align = this.currentLyricsAlign;
     }
-    if (import_ts_utils_lib15.Utils.Is.isArray(lyricsText)) {
+    if (import_ts_utils_lib16.Utils.Is.isArray(lyricsText)) {
       lyricsText.forEach((text) => this.getMeasure().addLyrics(staffTabOrGroups, verse, lyricsLength, text, lyricsOptions));
     } else {
       this.getMeasure().addLyrics(staffTabOrGroups, verse, lyricsLength, lyricsText, lyricsOptions);
@@ -7871,7 +8192,7 @@ var DocumentBuilder = class {
   }
   addFermataInternal(staffTabOrGroups, fermata) {
     assertStaffTabOrGRoups(staffTabOrGroups);
-    assertArg(import_ts_utils_lib15.Utils.Is.isEnumValue(fermata, Fermata), "fermata", fermata);
+    assertArg(import_ts_utils_lib16.Utils.Is.isEnumValue(fermata, Fermata), "fermata", fermata);
     this.getMeasure().addFermata(staffTabOrGroups, fermata);
     return this;
   }
@@ -7894,11 +8215,11 @@ var DocumentBuilder = class {
   }
   addNavigationInternal(staffTabOrGroups, navigation, ...args) {
     assertStaffTabOrGRoups(staffTabOrGroups);
-    assertArg(import_ts_utils_lib15.Utils.Is.isEnumValue(navigation, Navigation), "navigation", navigation);
+    assertArg(import_ts_utils_lib16.Utils.Is.isEnumValue(navigation, Navigation), "navigation", navigation);
     if (navigation === "endRepeat" /* EndRepeat */ && args.length > 0) {
-      assertArg(import_ts_utils_lib15.Utils.Is.isIntegerGte(args[0], 1), "playCount", args[0]);
+      assertArg(import_ts_utils_lib16.Utils.Is.isIntegerGte(args[0], 1), "playCount", args[0]);
     } else if (navigation === "ending" /* Ending */ && args.length > 0) {
-      assertArg(args.every((passage) => import_ts_utils_lib15.Utils.Is.isIntegerGte(passage, 1)), "passages", args);
+      assertArg(args.every((passage) => import_ts_utils_lib16.Utils.Is.isIntegerGte(passage, 1)), "passages", args);
     }
     this.getMeasure().addNavigation(staffTabOrGroups, navigation, ...args);
     return this;
@@ -7912,11 +8233,11 @@ var DocumentBuilder = class {
   addAnnotationInternal(staffTabOrGroups, annotation, text) {
     annotation != null ? annotation : annotation = getAnnotation(text);
     if (annotation === void 0) {
-      throw new import_core18.MusicError(import_core18.MusicErrorType.Score, `Annotation text "${text}" is not known annotation.`);
+      throw new import_core19.MusicError(import_core19.MusicErrorType.Score, `Annotation text "${text}" is not known annotation.`);
     }
     assertStaffTabOrGRoups(staffTabOrGroups);
-    assertArg(import_ts_utils_lib15.Utils.Is.isEnumValue(annotation, Annotation), "annotation", annotation);
-    assertArg(import_ts_utils_lib15.Utils.Is.isNonEmptyString(text), "text", text);
+    assertArg(import_ts_utils_lib16.Utils.Is.isEnumValue(annotation, Annotation), "annotation", annotation);
+    assertArg(import_ts_utils_lib16.Utils.Is.isNonEmptyString(text), "text", text);
     this.getMeasure().addAnnotation(staffTabOrGroups, annotation, text);
     return this;
   }
@@ -7936,8 +8257,8 @@ var DocumentBuilder = class {
   }
   addLabelInternal(staffTabOrGroups, label, text) {
     assertStaffTabOrGRoups(staffTabOrGroups);
-    assertArg(import_ts_utils_lib15.Utils.Is.isEnumValue(label, Label), "label", label);
-    assertArg(import_ts_utils_lib15.Utils.Is.isNonEmptyString(text), "text", text);
+    assertArg(import_ts_utils_lib16.Utils.Is.isEnumValue(label, Label), "label", label);
+    assertArg(import_ts_utils_lib16.Utils.Is.isNonEmptyString(text), "text", text);
     this.getMeasure().addLabel(staffTabOrGroups, label, text);
     return this;
   }
@@ -7961,21 +8282,21 @@ var DocumentBuilder = class {
     return this.addLabelInternal(staffTabOrGroups, label, text);
   }
   addConnective(connective, ...args) {
-    assertArg(import_ts_utils_lib15.Utils.Is.isEnumValue(connective, Connective), "connective", connective);
+    assertArg(import_ts_utils_lib16.Utils.Is.isEnumValue(connective, Connective), "connective", connective);
     if (connective === "tie" /* Tie */) {
-      assertArg(import_ts_utils_lib15.Utils.Is.isIntegerOrUndefined(args[0]) || import_ts_utils_lib15.Utils.Is.isEnumValue(args[0], TieType), "tieSpan", args[0]);
-      assertArg(import_ts_utils_lib15.Utils.Is.isEnumValueOrUndefined(args[1], NoteAnchor), "noteAnchor", args[1]);
+      assertArg(import_ts_utils_lib16.Utils.Is.isIntegerOrUndefined(args[0]) || import_ts_utils_lib16.Utils.Is.isEnumValue(args[0], TieType), "tieSpan", args[0]);
+      assertArg(import_ts_utils_lib16.Utils.Is.isEnumValueOrUndefined(args[1], NoteAnchor), "noteAnchor", args[1]);
       let tieSpan = args[0];
       let noteAnchor = args[1];
       this.getMeasure().addConnective(connective, tieSpan, noteAnchor);
     } else if (connective === "slur" /* Slur */) {
-      assertArg(import_ts_utils_lib15.Utils.Is.isIntegerOrUndefined(args[0]), "slurSpan", args[0]);
-      assertArg(import_ts_utils_lib15.Utils.Is.isEnumValueOrUndefined(args[1], NoteAnchor), "noteAnchor", args[1]);
+      assertArg(import_ts_utils_lib16.Utils.Is.isIntegerOrUndefined(args[0]), "slurSpan", args[0]);
+      assertArg(import_ts_utils_lib16.Utils.Is.isEnumValueOrUndefined(args[1], NoteAnchor), "noteAnchor", args[1]);
       let slurSpan = args[0];
       let noteAnchor = args[1];
       this.getMeasure().addConnective(connective, slurSpan, noteAnchor);
     } else if (connective === "slide" /* Slide */) {
-      assertArg(import_ts_utils_lib15.Utils.Is.isEnumValueOrUndefined(args[0], NoteAnchor), "noteAnchor", args[0]);
+      assertArg(import_ts_utils_lib16.Utils.Is.isEnumValueOrUndefined(args[0], NoteAnchor), "noteAnchor", args[0]);
       let noteAnchor = args[0];
       this.getMeasure().addConnective(connective, noteAnchor);
     }
@@ -7983,29 +8304,29 @@ var DocumentBuilder = class {
   }
   /**
    * Add extension line to previously added annotation or label element.
-   * <pre>
+   * ```ts
    *     // Example
    *     addExtension(ext => ext.notes("1n", 2))          // length is 2 whole notes
    *     addExtension(ext => ext.measures(3).hide())      // length is 3 measures, hidden
    *     addExtension(ext => ext.measures(1).notes("8n")) // length is 1 measure + 1 eigth note
    *     addExtension(ext => ext.infinity())              // length is as long as possible
-   * </pre>
+   * ```
    * @param extensionBuilder - Extension builder function used to build exstension.
    * @returns - This document builder instance.
    */
   addExtension(extensionBuilder) {
-    assertArg(import_ts_utils_lib15.Utils.Is.isFunctionOrUndefined(extensionBuilder), "addExtension() has new usage, for e.g. addExtension(ext => ext.measures(2)). Please refer to README or API Reference.", extensionBuilder);
+    assertArg(import_ts_utils_lib16.Utils.Is.isFunctionOrUndefined(extensionBuilder), "addExtension() has new usage, for e.g. addExtension(ext => ext.measures(2)). Please refer to README or API Reference.", extensionBuilder);
     let ticks = 0;
     let visible = true;
     const helper = {
       notes: (noteLength, noteCount) => {
-        assertArg(import_ts_utils_lib15.Utils.Is.isEnumValue(noteLength, import_theory13.NoteLength) || isNoteLength(noteLength), "noteLength", noteLength);
-        assertArg(import_ts_utils_lib15.Utils.Is.isUndefined(noteCount) || import_ts_utils_lib15.Utils.Is.isNumber(noteCount) && noteCount >= 0, "noteCount", noteCount);
+        assertArg(import_ts_utils_lib16.Utils.Is.isEnumValue(noteLength, import_theory13.NoteLength) || isNoteLength(noteLength), "noteLength", noteLength);
+        assertArg(import_ts_utils_lib16.Utils.Is.isUndefined(noteCount) || import_ts_utils_lib16.Utils.Is.isNumber(noteCount) && noteCount >= 0, "noteCount", noteCount);
         ticks += import_theory13.RhythmProps.get(noteLength).ticks * (noteCount != null ? noteCount : 1);
         return helper;
       },
       measures: (measureCount) => {
-        assertArg(import_ts_utils_lib15.Utils.Is.isNumber(measureCount) && measureCount >= 1, "measureCount", measureCount);
+        assertArg(import_ts_utils_lib16.Utils.Is.isNumber(measureCount) && measureCount >= 1, "measureCount", measureCount);
         ticks += this.getMeasure().getMeasureTicks() * measureCount;
         return helper;
       },
@@ -8034,13 +8355,13 @@ var DocumentBuilder = class {
    * @returns - This document builder instance.
    */
   addStaffGroup(groupName, staffsTabsAndGroups, verticalPosition = "auto" /* Auto */) {
-    assertArg(import_ts_utils_lib15.Utils.Is.isNonEmptyString(groupName), "groupName", groupName);
+    assertArg(import_ts_utils_lib16.Utils.Is.isNonEmptyString(groupName), "groupName", groupName);
     assertArg(
-      import_ts_utils_lib15.Utils.Is.isNonEmptyString(staffsTabsAndGroups) || import_ts_utils_lib15.Utils.Is.isIntegerGte(staffsTabsAndGroups, 0) || import_ts_utils_lib15.Utils.Is.isNonEmptyArray(staffsTabsAndGroups) && staffsTabsAndGroups.every((line) => import_ts_utils_lib15.Utils.Is.isNonEmptyString(line) || import_ts_utils_lib15.Utils.Is.isIntegerGte(line, 0)),
+      import_ts_utils_lib16.Utils.Is.isNonEmptyString(staffsTabsAndGroups) || import_ts_utils_lib16.Utils.Is.isIntegerGte(staffsTabsAndGroups, 0) || import_ts_utils_lib16.Utils.Is.isNonEmptyArray(staffsTabsAndGroups) && staffsTabsAndGroups.every((line) => import_ts_utils_lib16.Utils.Is.isNonEmptyString(line) || import_ts_utils_lib16.Utils.Is.isIntegerGte(line, 0)),
       "staffsTabsAndGroups",
       staffsTabsAndGroups
     );
-    assertArg(import_ts_utils_lib15.Utils.Is.isEnumValue(verticalPosition, VerticalPosition), "verticalPosition", verticalPosition);
+    assertArg(import_ts_utils_lib16.Utils.Is.isEnumValue(verticalPosition, VerticalPosition), "verticalPosition", verticalPosition);
     this.doc.addStaffGroup(groupName, staffsTabsAndGroups, verticalPosition);
     return this;
   }
@@ -8075,7 +8396,7 @@ var DocumentBuilder = class {
    * @returns - This document builder instance.
    */
   completeRests(voiceId) {
-    assertArg(import_ts_utils_lib15.Utils.Is.isUndefined(voiceId) || isVoiceId(voiceId) || import_ts_utils_lib15.Utils.Is.isArray(voiceId) && voiceId.every((id) => isVoiceId(id)), "voiceId", voiceId);
+    assertArg(import_ts_utils_lib16.Utils.Is.isUndefined(voiceId) || isVoiceId(voiceId) || import_ts_utils_lib16.Utils.Is.isArray(voiceId) && voiceId.every((id) => isVoiceId(id)), "voiceId", voiceId);
     this.getMeasure().completeRests(voiceId);
     return this;
   }
@@ -8087,8 +8408,8 @@ var DocumentBuilder = class {
    * @returns - This document builder instance.
    */
   addScaleArpeggio(scale, bottomNote, numOctaves) {
-    assertArg(import_ts_utils_lib15.Utils.Is.isNonEmptyString(bottomNote), "bottomNote", bottomNote);
-    assertArg(import_ts_utils_lib15.Utils.Is.isIntegerGte(numOctaves, 1), "numOctaves", numOctaves);
+    assertArg(import_ts_utils_lib16.Utils.Is.isNonEmptyString(bottomNote), "bottomNote", bottomNote);
+    assertArg(import_ts_utils_lib16.Utils.Is.isIntegerGte(numOctaves, 1), "numOctaves", numOctaves);
     let ts = this.getMeasure().getTimeSignature();
     let notes = scale.getScaleNotes(bottomNote, numOctaves);
     for (let i = 0; i < notes.length; i++) {
@@ -8104,7 +8425,7 @@ var DocumentBuilder = class {
 };
 
 // src/score/pub/event.ts
-var import_core19 = require("@tspro/web-music-score/core");
+var import_core20 = require("@tspro/web-music-score/core");
 var ScoreEvent = class {
   /**
    * Create new score event instance.
@@ -8141,7 +8462,7 @@ var ScoreObjectEvent = class extends ScoreEvent {
     this.renderer = renderer;
     this.objects = objects;
     if (arguments.length === 0) {
-      throw new import_core19.MusicError(import_core19.MusicErrorType.Score, "Empty array in score object event!");
+      throw new import_core20.MusicError(import_core20.MusicErrorType.Score, "Empty array in score object event!");
     }
   }
   /** Top object getter. */
@@ -8160,24 +8481,24 @@ var ScoreObjectEvent = class extends ScoreEvent {
 
 // src/score/pub/music-interface.ts
 var Audio2 = __toESM(require("@tspro/web-music-score/audio"));
-var import_ts_utils_lib17 = require("@tspro/ts-utils-lib");
+var import_ts_utils_lib18 = require("@tspro/ts-utils-lib");
 
 // src/score/pub/music-objects.ts
-var import_ts_utils_lib16 = require("@tspro/ts-utils-lib");
-var import_core20 = require("@tspro/web-music-score/core");
+var import_ts_utils_lib17 = require("@tspro/ts-utils-lib");
+var import_core21 = require("@tspro/web-music-score/core");
 function assertArg2(condition, argName, argValue) {
   if (!condition) {
-    throw new import_core20.MusicError(import_core20.MusicErrorType.Score, `Invalid arg: ${argName} = ${argValue}`);
+    throw new import_core21.MusicError(import_core21.MusicErrorType.Score, `Invalid arg: ${argName} = ${argValue}`);
   }
 }
 function isVoiceId2(value) {
-  return import_ts_utils_lib16.Utils.Is.isNumber(value) && getVoiceIds().indexOf(value) >= 0;
+  return import_ts_utils_lib17.Utils.Is.isNumber(value) && getVoiceIds().indexOf(value) >= 0;
 }
 function getNotationLine(line) {
   if (line instanceof ObjStaff || line instanceof ObjTab) {
     return line.getMusicInterface();
   } else {
-    throw new import_core20.MusicError(import_core20.MusicErrorType.Score, `Notation line not staff nor tab.`);
+    throw new import_core21.MusicError(import_core21.MusicErrorType.Score, `Notation line not staff nor tab.`);
   }
 }
 var MusicInterface6 = class {
@@ -8347,7 +8668,7 @@ var _MDocument = class _MDocument extends MusicInterface6 {
    * @returns - Player instance.
    */
   play(playStateChangeListener) {
-    assertArg2(import_ts_utils_lib16.Utils.Is.isFunctionOrUndefined(playStateChangeListener), "playStateChangeListener", playStateChangeListener);
+    assertArg2(import_ts_utils_lib17.Utils.Is.isFunctionOrUndefined(playStateChangeListener), "playStateChangeListener", playStateChangeListener);
     return new MPlayer(this, playStateChangeListener).play();
   }
 };
@@ -8377,7 +8698,7 @@ var _MEnding = class _MEnding extends MusicInterface6 {
    * @returns - Boolean whether this ending has asked passage number.
    */
   hasPassage(passage) {
-    assertArg2(import_ts_utils_lib16.Utils.Is.isIntegerGte(passage, 1), "passage", passage);
+    assertArg2(import_ts_utils_lib17.Utils.Is.isIntegerGte(passage, 1), "passage", passage);
     return this.obj.hasPassage(passage);
   }
 };
@@ -8529,7 +8850,7 @@ var _MStaffTabBarLine = class _MStaffTabBarLine extends MusicInterface6 {
     if (barLine instanceof ObjBarLineLeft || barLine instanceof ObjBarLineRight) {
       return barLine.getMusicInterface();
     } else {
-      throw new import_core20.MusicError(import_core20.MusicErrorType.Score, `Bar line not let nor right.`);
+      throw new import_core21.MusicError(import_core21.MusicErrorType.Score, `Bar line not let nor right.`);
     }
   }
   /**
@@ -8893,10 +9214,10 @@ var _MTab = class _MTab extends MusicInterface6 {
 /** Object name. */
 __publicField(_MTab, "Name", "Tab");
 var MTab = _MTab;
-var _MSignature = class _MSignature extends MusicInterface6 {
+var _MStaffSignature = class _MStaffSignature extends MusicInterface6 {
   /** @internal */
   constructor(obj) {
-    super(_MSignature.Name);
+    super(_MStaffSignature.Name);
     this.obj = obj;
   }
   /** @internal */
@@ -8912,8 +9233,57 @@ var _MSignature = class _MSignature extends MusicInterface6 {
   }
 };
 /** Object name. */
-__publicField(_MSignature, "Name", "Signature");
-var MSignature = _MSignature;
+__publicField(_MStaffSignature, "Name", "StaffSignature");
+var MStaffSignature = _MStaffSignature;
+var _MTabSignature = class _MTabSignature extends MusicInterface6 {
+  /** @internal */
+  constructor(obj) {
+    super(_MTabSignature.Name);
+    this.obj = obj;
+  }
+  /** @internal */
+  getMusicObject() {
+    return this.obj;
+  }
+  /**
+   * Get tab notation line this signature is in.
+   * @returns - Tab object.
+   */
+  getTab() {
+    return this.obj.tab.getMusicInterface();
+  }
+};
+/** Object name. */
+__publicField(_MTabSignature, "Name", "TabSignature");
+var MTabSignature = _MTabSignature;
+var _MTabRhythm = class _MTabRhythm extends MusicInterface6 {
+  /** @internal */
+  constructor(obj) {
+    super(_MTabRhythm.Name);
+    this.obj = obj;
+  }
+  /** @internal */
+  getMusicObject() {
+    return this.obj;
+  }
+  /**
+   * Get measure.
+   * @returns - Measure.
+   */
+  getMeasure() {
+    return this.obj.measure.getMusicInterface();
+  }
+  /**
+   * Get tab.
+   * @returns - Tab.
+   */
+  getTab() {
+    return this.obj.tab.getMusicInterface();
+  }
+};
+/** Object name. */
+__publicField(_MTabRhythm, "Name", "TabRhythm");
+var MTabRhythm = _MTabRhythm;
 var _MSpecialText = class _MSpecialText extends MusicInterface6 {
   /** @internal */
   constructor(obj) {
@@ -8993,10 +9363,10 @@ __publicField(_MExtensionLine, "Name", "ExtensionLine");
 var MExtensionLine = _MExtensionLine;
 
 // src/score/pub/music-interface.ts
-var import_core21 = require("@tspro/web-music-score/core");
+var import_core22 = require("@tspro/web-music-score/core");
 function assertArg3(condition, argName, argValue) {
   if (!condition) {
-    throw new import_core21.MusicError(import_core21.MusicErrorType.Score, `Invalid arg: ${argName} = ${argValue}`);
+    throw new import_core22.MusicError(import_core22.MusicErrorType.Score, `Invalid arg: ${argName} = ${argValue}`);
   }
 }
 function require_t(t, message) {
@@ -9015,7 +9385,7 @@ var _MPlayer = class _MPlayer {
   constructor(doc, playStateChangeListener) {
     __publicField(this, "player");
     assertArg3(doc instanceof MDocument2, "doc", doc);
-    assertArg3(import_ts_utils_lib17.Utils.Is.isFunctionOrUndefined(playStateChangeListener), "playStateChangeListener", playStateChangeListener);
+    assertArg3(import_ts_utils_lib18.Utils.Is.isFunctionOrUndefined(playStateChangeListener), "playStateChangeListener", playStateChangeListener);
     this.player = new Player();
     this.player.setDocument(doc.getMusicObject());
     this.player.setCursorPositionChangeListener((cursorRect) => doc.getMusicObject().updateCursorRect(cursorRect));
@@ -9073,7 +9443,7 @@ var MRenderer2 = class {
    * @returns - This renderer instance.
    */
   setDocument(doc) {
-    assertArg3(import_ts_utils_lib17.Utils.Is.isUndefined(doc) || doc instanceof MDocument2, "doc", doc);
+    assertArg3(import_ts_utils_lib18.Utils.Is.isUndefined(doc) || doc instanceof MDocument2, "doc", doc);
     this.renderer.setDocument(doc);
     return this;
   }
@@ -9083,7 +9453,7 @@ var MRenderer2 = class {
    * @returns - This renderer instance.
    */
   setCanvas(canvas) {
-    canvas = require_t(import_ts_utils_lib17.Utils.Dom.getCanvas(canvas), typeof canvas === "string" ? "Cannot set renderer canvas because invalid canvas id: " + canvas : "Cannot set renderer canvas because given canvas is undefined.");
+    canvas = require_t(import_ts_utils_lib18.Utils.Dom.getCanvas(canvas), typeof canvas === "string" ? "Cannot set renderer canvas because invalid canvas id: " + canvas : "Cannot set renderer canvas because given canvas is undefined.");
     this.renderer.setCanvas(canvas);
     return this;
   }
@@ -9092,7 +9462,7 @@ var MRenderer2 = class {
    * @param scoreEventListener - Score event listener.
    */
   setScoreEventListener(scoreEventListener) {
-    assertArg3(import_ts_utils_lib17.Utils.Is.isFunctionOrUndefined(scoreEventListener), "scoreEventListener", scoreEventListener);
+    assertArg3(import_ts_utils_lib18.Utils.Is.isFunctionOrUndefined(scoreEventListener), "scoreEventListener", scoreEventListener);
     this.renderer.setScoreEventListener(scoreEventListener);
   }
   /**
@@ -9166,7 +9536,7 @@ var _MPlaybackButtons = class _MPlaybackButtons {
    * @returns 
    */
   setDocument(doc) {
-    assertArg3(import_ts_utils_lib17.Utils.Is.isUndefined(doc) || doc instanceof MDocument2, "doc", doc);
+    assertArg3(import_ts_utils_lib18.Utils.Is.isUndefined(doc) || doc instanceof MDocument2, "doc", doc);
     this.onStop();
     if (doc) {
       this.player = new MPlayer(doc, (playState) => {
@@ -9210,9 +9580,9 @@ var _MPlaybackButtons = class _MPlaybackButtons {
    * @returns - This playback buttons class instance.
    */
   setPlayButton(btn, btnLabel) {
-    assertArg3(import_ts_utils_lib17.Utils.Is.isStringOrUndefined(btnLabel), "btnLabel", btnLabel);
+    assertArg3(import_ts_utils_lib18.Utils.Is.isStringOrUndefined(btnLabel), "btnLabel", btnLabel);
     _MPlaybackButtons.removeOnClickListeners(this.playButton, this.onPlay);
-    this.playButton = require_t(import_ts_utils_lib17.Utils.Dom.getButton(btn), "Play button required!");
+    this.playButton = require_t(import_ts_utils_lib18.Utils.Dom.getButton(btn), "Play button required!");
     this.playLabel = btnLabel != null ? btnLabel : "Play";
     _MPlaybackButtons.removeOnClickListeners(this.playButton, "all");
     _MPlaybackButtons.addOnClickListener(this.playButton, this.onPlay);
@@ -9226,9 +9596,9 @@ var _MPlaybackButtons = class _MPlaybackButtons {
    * @returns - This playback buttons class instance.
    */
   setStopButton(btn, btnLabel) {
-    assertArg3(import_ts_utils_lib17.Utils.Is.isStringOrUndefined(btnLabel), "btnLabel", btnLabel);
+    assertArg3(import_ts_utils_lib18.Utils.Is.isStringOrUndefined(btnLabel), "btnLabel", btnLabel);
     _MPlaybackButtons.removeOnClickListeners(this.stopButton, this.onStop);
-    this.stopButton = require_t(import_ts_utils_lib17.Utils.Dom.getButton(btn), "Stop button required!");
+    this.stopButton = require_t(import_ts_utils_lib18.Utils.Dom.getButton(btn), "Stop button required!");
     this.stopLabel = btnLabel != null ? btnLabel : "Stop";
     _MPlaybackButtons.removeOnClickListeners(this.stopButton, "all");
     _MPlaybackButtons.addOnClickListener(this.stopButton, this.onStop);
@@ -9243,10 +9613,10 @@ var _MPlaybackButtons = class _MPlaybackButtons {
    * @returns - This playback buttons class instance.
    */
   setPlayStopButton(btn, playLabel, stopLabel) {
-    assertArg3(import_ts_utils_lib17.Utils.Is.isStringOrUndefined(playLabel), "playLabel", playLabel);
-    assertArg3(import_ts_utils_lib17.Utils.Is.isStringOrUndefined(stopLabel), "stopLabel", stopLabel);
+    assertArg3(import_ts_utils_lib18.Utils.Is.isStringOrUndefined(playLabel), "playLabel", playLabel);
+    assertArg3(import_ts_utils_lib18.Utils.Is.isStringOrUndefined(stopLabel), "stopLabel", stopLabel);
     _MPlaybackButtons.removeOnClickListeners(this.playStopButton, this.onPlayStop);
-    this.playStopButton = require_t(import_ts_utils_lib17.Utils.Dom.getButton(btn), "Play/stop button required!");
+    this.playStopButton = require_t(import_ts_utils_lib18.Utils.Dom.getButton(btn), "Play/stop button required!");
     this.playLabel = playLabel != null ? playLabel : "Play";
     this.stopLabel = stopLabel != null ? stopLabel : "Stop";
     _MPlaybackButtons.removeOnClickListeners(this.playStopButton, "all");
@@ -9261,9 +9631,9 @@ var _MPlaybackButtons = class _MPlaybackButtons {
    * @returns - This playback buttons class instance.
    */
   setPauseButton(btn, btnLabel) {
-    assertArg3(import_ts_utils_lib17.Utils.Is.isStringOrUndefined(btnLabel), "btnLabel", btnLabel);
+    assertArg3(import_ts_utils_lib18.Utils.Is.isStringOrUndefined(btnLabel), "btnLabel", btnLabel);
     _MPlaybackButtons.removeOnClickListeners(this.pauseButton, this.onPause);
-    this.pauseButton = require_t(import_ts_utils_lib17.Utils.Dom.getButton(btn), "Pause button required!");
+    this.pauseButton = require_t(import_ts_utils_lib18.Utils.Dom.getButton(btn), "Pause button required!");
     this.pauseLabel = btnLabel != null ? btnLabel : "Pause";
     _MPlaybackButtons.removeOnClickListeners(this.pauseButton, "all");
     _MPlaybackButtons.addOnClickListener(this.pauseButton, this.onPause);
@@ -9285,7 +9655,7 @@ var _MPlaybackButtons = class _MPlaybackButtons {
     }
   }
   static addOnClickListener(btn, onClick) {
-    assertArg3(import_ts_utils_lib17.Utils.Is.isFunction(onClick), "onClick", onClick);
+    assertArg3(import_ts_utils_lib18.Utils.Is.isFunction(onClick), "onClick", onClick);
     btn.addEventListener("click", onClick);
     let clickListeners = this.savedOnClickListeners.get(btn) || [];
     this.savedOnClickListeners.set(btn, [...clickListeners, onClick]);
@@ -9295,8 +9665,8 @@ __publicField(_MPlaybackButtons, "savedOnClickListeners", /* @__PURE__ */ new Ma
 var MPlaybackButtons = _MPlaybackButtons;
 
 // src/score/index.ts
-var import_core22 = require("@tspro/web-music-score/core");
-(0, import_core22.init)();
+var import_core23 = require("@tspro/web-music-score/core");
+(0, import_core23.init)();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Annotation,
@@ -9331,15 +9701,17 @@ var import_core22 = require("@tspro/web-music-score/core");
   MRest,
   MRhythmColumn,
   MScoreRow,
-  MSignature,
   MSpecialText,
   MStaff,
   MStaffBeamGroup,
   MStaffNoteGroup,
   MStaffRest,
+  MStaffSignature,
   MStaffTabBarLine,
   MTab,
   MTabNoteGroup,
+  MTabRhythm,
+  MTabSignature,
   MText,
   MusicInterface,
   Navigation,