audio-mixer-ui 0.3.0 → 0.4.1

package/dist/style.css

@@ -1 +1 @@
-.h-slide[data-v-ab2e7b69],.v-slide[data-v-ab2e7b69]{position:relative;cursor:pointer}.track[data-v-ab2e7b69]{position:absolute;background:#000}.level[data-v-ab2e7b69]{position:absolute}.v-slide>.level[data-v-ab2e7b69]{left:10%;width:20%;bottom:5px;height:calc(100% - 10px - var(--083f3e45));display:flex;flex-direction:column-reverse}.led[data-v-ab2e7b69],.on[data-v-ab2e7b69]{background:#111711;border-radius:2px}.on[data-v-ab2e7b69]{width:100%;height:100%;background:#0f0;opacity:1;box-shadow:inset 0 0 5px #0008;transition:opacity .1s}.led7[data-v-ab2e7b69],.led8[data-v-ab2e7b69]{background:#171711}.led7>.on[data-v-ab2e7b69],.led8>.on[data-v-ab2e7b69]{background:#ff0}.led9[data-v-ab2e7b69],.led10[data-v-ab2e7b69]{background:#171111}.led9>.on[data-v-ab2e7b69],.led10>.on[data-v-ab2e7b69]{background:red}.v-slide .led[data-v-ab2e7b69]{width:100%;flex:1 1 0;margin:2px 0}.h-slide .led[data-v-ab2e7b69]{height:100%;flex:1 1 0;margin:0 2px}.h-slide>.level[data-v-ab2e7b69]{top:5%;height:30%;left:5px;width:calc(100% - 10px - var(--083f3e45));display:flex;flex-direction:row}.h-slide>.track[data-v-ab2e7b69]{top:40%;height:20%;width:calc(100% - 10px);left:5px;border-radius:5px}.v-slide>.track[data-v-ab2e7b69]{left:40%;width:20%;height:calc(100% - 10px);top:5px;border-radius:5px}.thumb[data-v-ab2e7b69]{position:absolute;width:var(--d4833630);height:var(--083f3e45);cursor:pointer;transition:transform .05s ease;border-radius:3px}.thumb.grey[data-v-ab2e7b69]{background:linear-gradient(var(--d6eaa016),#555 0%,#555 15%,#aaa 16%,#888 17%,#666 47%,#bbb 48%,#bbb 52%,#666 53%,#444 83%,#aaa 64%,#888 65%,#888 100%)}.thumb.red[data-v-ab2e7b69]{background:linear-gradient(var(--d6eaa016),#744 0%,#744 15%,#c99 16%,#a77 17%,#855 47%,#daa 48%,#daa 52%,#855 53%,#633 83%,#c99 64%,#a77 65%,#a77 100%)}.thumb.blue[data-v-ab2e7b69]{background:linear-gradient(var(--d6eaa016),#447 0%,#447 15%,#99c 16%,#77a 17%,#558 47%,#aad 48%,#aad 52%,#558 53%,#336 83%,#99c 64%,#77a 65%,#77a 100%)}.thumb.green[data-v-ab2e7b69]{background:linear-gradient(var(--d6eaa016),#474 0%,#474 15%,#9c9 16%,#7a7 17%,#585 47%,#ada 48%,#ada 52%,#585 53%,#363 83%,#9c9 64%,#7a7 65%,#7a7 100%)}.thumb[data-v-ab2e7b69]:hover{transform:scale(.98)}.thumb.dragging[data-v-ab2e7b69]{transform:scale(.95);transition:none}.h-slide>.thumb[data-v-ab2e7b69]{top:var(--12894835);left:var(--3e9a6a44)}.v-slide>.thumb[data-v-ab2e7b69]{left:var(--12894835);bottom:var(--3e9a6a44)}.outer[data-v-3ce29e77]{position:relative;overflow:hidden}.v-text[data-v-3ce29e77],.h-text[data-v-3ce29e77]{position:absolute;font-size:var(--5fddb56d);white-space:nowrap;-webkit-user-select:none;user-select:none}.v-text[data-v-3ce29e77]{left:50%;transform:translate(-50%);writing-mode:sideways-lr}.v-text.left[data-v-3ce29e77]{bottom:10px}.v-text.centre[data-v-3ce29e77]{top:50%;transform:translate(-50%,-50%)}.v-text.right[data-v-3ce29e77]{top:10px}.h-text[data-v-3ce29e77]{top:50%;transform:translateY(-50%)}.h-text.left[data-v-3ce29e77]{left:10px}.h-text.centre[data-v-3ce29e77]{left:50%;transform:translate(-50%,-50%)}.h-text.right[data-v-3ce29e77]{right:10px}.outer[data-v-143eade0]{position:relative}.s-label[data-v-143eade0],.solo[data-v-143eade0],.mute[data-v-143eade0],.m-label[data-v-143eade0]{position:absolute;font-size:12px;font-weight:700;color:#000;transform:translate(-50%,-50%);top:50%;-webkit-user-select:none;user-select:none}.s-label[data-v-143eade0]{left:25%}.m-label[data-v-143eade0]{left:75%}.solo[data-v-143eade0],.mute[data-v-143eade0]{width:calc(50% - 4px);height:50%;border-radius:4px;box-shadow:inset 0 0 7px #0004;border:#0004 1px solid}.solo[data-v-143eade0]{left:25%;background:#131}.mute[data-v-143eade0]{left:75%;background:#411}.on[data-v-143eade0]{box-shadow:inset 0 0 10px #000a;border:#0008 1px solid}.solo.on[data-v-143eade0]{background:#4a4}.mute.on[data-v-143eade0]{background:#c44}.part[data-v-9ca7f6e9]{display:grid}.mobile[data-v-9ca7f6e9]{grid-template-columns:1fr 1fr var(--746d5fc3);grid-template-areas:"name vol tri";background:linear-gradient(0deg,#0008,#0008 1px,#0000 3px,#0000 calc(100% - 3px),#4444 calc(100% - 1px),#4444)}.tablet[data-v-9ca7f6e9],.desktop[data-v-9ca7f6e9]{background:linear-gradient(90deg,#0008,#0008 1px,#0000 3px,#0000 calc(100% - 3px),#4444 calc(100% - 1px),#4444)}.tablet[data-v-9ca7f6e9]{grid-template-rows:var(--746d5fc3) 1fr 1fr;grid-template-areas:"tri" "vol" "name"}.desktop[data-v-9ca7f6e9]{grid-template-rows:50px 1fr;grid-template-columns:1fr 1fr;grid-template-areas:"tri tri" "name vol"}.tri[data-v-9ca7f6e9]{grid-area:tri}.name[data-v-9ca7f6e9]{grid-area:name;color:#ccc}.vol[data-v-9ca7f6e9]{grid-area:vol}.outer[data-v-0256e5c0]{position:relative;color:#ada}.frame[data-v-0256e5c0]{position:absolute;left:5px;right:5px;bottom:5px;top:5px;background:linear-gradient(90deg,#111711,#111511 77%,#171111 83%,#191111);border-radius:10px;box-shadow:inset 0 0 10px #0004}.bar-input[data-v-0256e5c0]{text-align:center;background:none;position:absolute;border:none;color:#ada;left:40%;transform:translate(-50%,-50%);width:40%;top:60%;padding:0;margin:0;font-size:var(--a84e79a6)}.bar-input[data-v-0256e5c0]:focus{outline:none}.mark-input[data-v-0256e5c0]{position:absolute;top:60%;transform:translateY(-50%);height:48%;border-radius:10px;border:2px #ada solid;cursor:pointer;-webkit-user-select:none;user-select:none}.mark-input.empty[data-v-0256e5c0]{border:2px #242 dashed}.mark-input>.mark[data-v-0256e5c0]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(var(--a84e79a6) * .8)}.rpt-input[data-v-0256e5c0],.beat-ind[data-v-0256e5c0]{-webkit-user-select:none;user-select:none;position:absolute;top:60%;transform:translateY(-50%);height:48%}.rpt-input>.rpt[data-v-0256e5c0],.beat-ind>.beat[data-v-0256e5c0]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(var(--a84e79a6) * .9)}.rpt-input.available[data-v-0256e5c0]{cursor:pointer}.inc[data-v-0256e5c0],.dec[data-v-0256e5c0]{opacity:0;position:absolute;fill:#ada;right:0;width:30%;transition:opacity .5s}.inc.disabled[data-v-0256e5c0],.dec.disabled[data-v-0256e5c0]{fill:#363}.inc[data-v-0256e5c0]{bottom:50%}.dec[data-v-0256e5c0]{top:50%}.rpt-input.available:hover>.inc[data-v-0256e5c0],.rpt-input.available:hover>.dec[data-v-0256e5c0],.rpt-input.available:hover>.inc.disabled[data-v-0256e5c0]:hover,.rpt-input.available:hover>.dec.disabled[data-v-0256e5c0]:hover{opacity:.7}.rpt-input.available:hover>.inc[data-v-0256e5c0]:hover,.rpt-input.available:hover>.dec[data-v-0256e5c0]:hover{opacity:1}.beat-ind>.beat[data-v-0256e5c0]{color:#a44;transition:color 1s;font-size:calc(var(--a84e79a6))}.pulse .beat-ind>.beat[data-v-0256e5c0]{color:#d55;transition:color 0s}.mark-grid-container[data-v-0256e5c0]{position:absolute;left:calc(20% + 8px);right:10px;top:10px;bottom:10px;background:#111711;border-radius:8px;box-shadow:inset 0 0 10px #0006;overflow:hidden}.mark-grid[data-v-0256e5c0]{width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;gap:4px;overflow-x:auto;overflow-y:hidden;box-sizing:border-box}.mark-grid[data-v-0256e5c0]::-webkit-scrollbar{height:4px}.mark-grid[data-v-0256e5c0]::-webkit-scrollbar-track{background:#242;border-radius:2px}.mark-grid[data-v-0256e5c0]::-webkit-scrollbar-thumb{background:#575;border-radius:2px}.mark-option[data-v-0256e5c0]{background:#111711;color:#585;border:2px #585 solid;border-radius:8px;cursor:pointer;font-size:calc(var(--a84e79a6) * .6);text-align:center;transition:all .2s;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;height:calc(50% - 4px);aspect-ratio:1;flex-shrink:0}.mark-option[data-v-0256e5c0]:hover{color:#ada}.mark-option.selected[data-v-0256e5c0]{color:#ada;border-color:#ada}.mark-title[data-v-0256e5c0],.bar-title[data-v-0256e5c0],.rpt-title[data-v-0256e5c0],.beat-title[data-v-0256e5c0]{box-shadow:inset 0 0 10px #0006;position:absolute;border-radius:5px;top:calc(5% + 5px);font-weight:700;font-size:var(--4f93d11c);padding-left:3px;-webkit-user-select:none;user-select:none}.mark-title[data-v-0256e5c0],.bar-title[data-v-0256e5c0],.rpt-title[data-v-0256e5c0]{background:#242;color:#111711;transition:background .25s}.beat-title[data-v-0256e5c0]{background:#522;color:#171111;transition:background 1.5s}.pulse .beat-title[data-v-0256e5c0]{background:#944;transition:background-color 0s}.bar-input:focus~.bar-title[data-v-0256e5c0],.mark-input.edit~.mark-title[data-v-0256e5c0],.rpt-input.edit~.rpt-title[data-v-0256e5c0]{background:#575}.mark-title[data-v-0256e5c0],.mark-input[data-v-0256e5c0]{left:10px;width:calc(20% - 7px)}.bar-title[data-v-0256e5c0]{left:calc(20% + 8px);width:calc(40% - 14px)}.rpt-title[data-v-0256e5c0],.rpt-input[data-v-0256e5c0]{left:calc(60% - 1px);width:calc(20% - 7px)}.beat-title[data-v-0256e5c0],.beat-ind[data-v-0256e5c0]{left:calc(80% - 3px);width:calc(20% - 7px)}.outer[data-v-79c7a539]{position:relative;color:var(--0d0963e0)}.frame[data-v-79c7a539]{position:absolute;left:5px;right:5px;bottom:25px;top:5px;background:var(--4ad34b2f);border-radius:10px;box-shadow:inset 0 0 10px #0004}.slider[data-v-79c7a539]{position:absolute;width:100%;bottom:2.5px;height:20px}.title[data-v-79c7a539]{position:absolute;background:var(--02156786);color:var(--4ad34b2f);transition:background .25s;box-shadow:inset 0 0 10px #0006;border-radius:5px;top:calc(5% + 5px);font-weight:700;font-size:var(--715a9528);padding-left:3px;left:10px;width:calc(100% - 20px)}.input[data-v-79c7a539]{position:absolute;text-align:center;background:none;color:var(--0d0963e0);left:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);top:57%;padding:0;margin:0;font-size:var(--30d64f7d);border:none}.input[data-v-79c7a539]:focus{outline:none}.input:focus~.title[data-v-79c7a539]{background:var(--b8fbe65e)}.button-outer[data-v-0d7af06e]{position:relative;box-shadow:inset 0 0 #000;transition:box-shadow .25s}.inner[data-v-0d7af06e]{position:absolute;width:100%;height:100%}.button-outer[data-v-0d7af06e]:hover{box-shadow:inset 2px 0 2px #000}.button-outer.down[data-v-0d7af06e]{box-shadow:inset 5px 0 5px #000}.outer[data-v-e03451ed]{display:grid;background:none;grid-template-columns:3fr 20px 3fr 20px 24fr 16fr;grid-template-rows:2fr 1fr 4fr 5fr 50px;grid-template-areas:"title title title title title title" "main-t main-t tick-t tick-t bar bar" "main main tick tick bar bar" "main main tick tick time speed" "main main tick tick buttons buttons"}.title[data-v-e03451ed]{grid-area:title;display:flex;flex-direction:row}.title .text[data-v-e03451ed]{flex:1 1 0}.menu-container[data-v-e03451ed]{flex:0 0 50px;position:relative}.title .menu[data-v-e03451ed]{width:50px;height:50px;fill:#fff;cursor:pointer;transition:fill .2s}.title .menu[data-v-e03451ed]:hover{fill:#ccc}.dropdown-menu[data-v-e03451ed]{position:absolute;top:100%;right:0;background:#333;border:1px solid #555;border-radius:4px;box-shadow:0 4px 12px #0000004d;min-width:200px;z-index:1000;overflow:hidden}.dropdown-menu[data-v-e03451ed] a,.dropdown-menu[data-v-e03451ed] button,.dropdown-menu[data-v-e03451ed] .menu-item{display:block;width:100%;padding:12px 16px;background:none;border:none;color:#fff;text-decoration:none;text-align:left;cursor:pointer;transition:background-color .2s;font-size:14px}.dropdown-menu[data-v-e03451ed] a:hover,.dropdown-menu[data-v-e03451ed] button:hover,.dropdown-menu[data-v-e03451ed] .menu-item:hover{background-color:#555}.dropdown-menu[data-v-e03451ed] hr{border:none;border-top:1px solid #555;margin:0}.main[data-v-e03451ed]{grid-area:main}.tick[data-v-e03451ed]{grid-area:tick}.main-t[data-v-e03451ed]{grid-area:main-t;text-align:center;vertical-align:center}.tick-t[data-v-e03451ed]{grid-area:tick-t;text-align:center;vertical-align:center}.bar[data-v-e03451ed]{grid-area:bar}.beat[data-v-e03451ed]{grid-area:beat}.time[data-v-e03451ed]{grid-area:time}.speed[data-v-e03451ed]{grid-area:speed}.buttons[data-v-e03451ed]{grid-area:buttons;display:flex;flex-direction:row;padding:0 5px}.button[data-v-e03451ed]{flex:1 1 0}svg.icon[data-v-e03451ed]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);fill:#fff;height:100%;width:100%;transition:fill .5s}svg.icon.off[data-v-e03451ed]{fill:#555}svg.icon.on[data-v-e03451ed]{fill:#8d8}.panel[data-v-df706138]{background:linear-gradient(-45deg,#222 5%,#282828 10%,#222,#181818 50%,#222 75%,#282828 80%,#222 95%);display:grid;grid-template-rows:var(--6bce51ec);grid-template-columns:var(--6bdbf7b8);grid-template-areas:var(--78139275)}.part.desktop~.controls[data-v-df706138],.part.tablet~.controls[data-v-df706138]{background:linear-gradient(90deg,#0004,#0004 1px,#0000 3px)}.part.mobile~.controls[data-v-df706138]{background:linear-gradient(0deg,#0004,#0004 1px,#0000 3px)}.controls[data-v-df706138]{grid-area:controls}.container[data-v-df706138]{position:relative;display:inline-block;left:50%;transform:translate(-50%)}.outer[data-v-df706138]{position:relative;width:100%}div[data-v-dff76c48]{width:100%;height:100%;box-sizing:border-box}.outer[data-v-dff76c48]{position:relative}.mid[data-v-dff76c48]{position:absolute;padding:1px}.inner[data-v-dff76c48]{border-radius:8px;border:1px dashed var(--66bea586);display:flex;align-items:center;justify-content:center}.content[data-v-dff76c48]{color:var(--66bea586);font-size:12px;text-align:center;opacity:.7}
+.h-slide[data-v-ab2e7b69],.v-slide[data-v-ab2e7b69]{position:relative;cursor:pointer}.track[data-v-ab2e7b69]{position:absolute;background:#000}.level[data-v-ab2e7b69]{position:absolute}.v-slide>.level[data-v-ab2e7b69]{left:10%;width:20%;bottom:5px;height:calc(100% - 10px - var(--083f3e45));display:flex;flex-direction:column-reverse}.led[data-v-ab2e7b69],.on[data-v-ab2e7b69]{background:#111711;border-radius:2px}.on[data-v-ab2e7b69]{width:100%;height:100%;background:#0f0;opacity:1;box-shadow:inset 0 0 5px #0008;transition:opacity .1s}.led7[data-v-ab2e7b69],.led8[data-v-ab2e7b69]{background:#171711}.led7>.on[data-v-ab2e7b69],.led8>.on[data-v-ab2e7b69]{background:#ff0}.led9[data-v-ab2e7b69],.led10[data-v-ab2e7b69]{background:#171111}.led9>.on[data-v-ab2e7b69],.led10>.on[data-v-ab2e7b69]{background:red}.v-slide .led[data-v-ab2e7b69]{width:100%;flex:1 1 0;margin:2px 0}.h-slide .led[data-v-ab2e7b69]{height:100%;flex:1 1 0;margin:0 2px}.h-slide>.level[data-v-ab2e7b69]{top:5%;height:30%;left:5px;width:calc(100% - 10px - var(--083f3e45));display:flex;flex-direction:row}.h-slide>.track[data-v-ab2e7b69]{top:40%;height:20%;width:calc(100% - 10px);left:5px;border-radius:5px}.v-slide>.track[data-v-ab2e7b69]{left:40%;width:20%;height:calc(100% - 10px);top:5px;border-radius:5px}.thumb[data-v-ab2e7b69]{position:absolute;width:var(--d4833630);height:var(--083f3e45);cursor:pointer;transition:transform .05s ease;border-radius:3px}.thumb.grey[data-v-ab2e7b69]{background:linear-gradient(var(--d6eaa016),#555 0%,#555 15%,#aaa 16%,#888 17%,#666 47%,#bbb 48%,#bbb 52%,#666 53%,#444 83%,#aaa 64%,#888 65%,#888 100%)}.thumb.red[data-v-ab2e7b69]{background:linear-gradient(var(--d6eaa016),#744 0%,#744 15%,#c99 16%,#a77 17%,#855 47%,#daa 48%,#daa 52%,#855 53%,#633 83%,#c99 64%,#a77 65%,#a77 100%)}.thumb.blue[data-v-ab2e7b69]{background:linear-gradient(var(--d6eaa016),#447 0%,#447 15%,#99c 16%,#77a 17%,#558 47%,#aad 48%,#aad 52%,#558 53%,#336 83%,#99c 64%,#77a 65%,#77a 100%)}.thumb.green[data-v-ab2e7b69]{background:linear-gradient(var(--d6eaa016),#474 0%,#474 15%,#9c9 16%,#7a7 17%,#585 47%,#ada 48%,#ada 52%,#585 53%,#363 83%,#9c9 64%,#7a7 65%,#7a7 100%)}.thumb[data-v-ab2e7b69]:hover{transform:scale(.98)}.thumb.dragging[data-v-ab2e7b69]{transform:scale(.95);transition:none}.h-slide>.thumb[data-v-ab2e7b69]{top:var(--12894835);left:var(--3e9a6a44)}.v-slide>.thumb[data-v-ab2e7b69]{left:var(--12894835);bottom:var(--3e9a6a44)}.outer[data-v-3ce29e77]{position:relative;overflow:hidden}.v-text[data-v-3ce29e77],.h-text[data-v-3ce29e77]{position:absolute;font-size:var(--5fddb56d);white-space:nowrap;-webkit-user-select:none;user-select:none}.v-text[data-v-3ce29e77]{left:50%;transform:translate(-50%);writing-mode:sideways-lr}.v-text.left[data-v-3ce29e77]{bottom:10px}.v-text.centre[data-v-3ce29e77]{top:50%;transform:translate(-50%,-50%)}.v-text.right[data-v-3ce29e77]{top:10px}.h-text[data-v-3ce29e77]{top:50%;transform:translateY(-50%)}.h-text.left[data-v-3ce29e77]{left:10px}.h-text.centre[data-v-3ce29e77]{left:50%;transform:translate(-50%,-50%)}.h-text.right[data-v-3ce29e77]{right:10px}.outer[data-v-143eade0]{position:relative}.s-label[data-v-143eade0],.solo[data-v-143eade0],.mute[data-v-143eade0],.m-label[data-v-143eade0]{position:absolute;font-size:12px;font-weight:700;color:#000;transform:translate(-50%,-50%);top:50%;-webkit-user-select:none;user-select:none}.s-label[data-v-143eade0]{left:25%}.m-label[data-v-143eade0]{left:75%}.solo[data-v-143eade0],.mute[data-v-143eade0]{width:calc(50% - 4px);height:50%;border-radius:4px;box-shadow:inset 0 0 7px #0004;border:#0004 1px solid}.solo[data-v-143eade0]{left:25%;background:#131}.mute[data-v-143eade0]{left:75%;background:#411}.on[data-v-143eade0]{box-shadow:inset 0 0 10px #000a;border:#0008 1px solid}.solo.on[data-v-143eade0]{background:#4a4}.mute.on[data-v-143eade0]{background:#c44}.part[data-v-9ca7f6e9]{display:grid}.mobile[data-v-9ca7f6e9]{grid-template-columns:1fr 1fr var(--746d5fc3);grid-template-areas:"name vol tri";background:linear-gradient(0deg,#0008,#0008 1px,#0000 3px,#0000 calc(100% - 3px),#4444 calc(100% - 1px),#4444)}.tablet[data-v-9ca7f6e9],.desktop[data-v-9ca7f6e9]{background:linear-gradient(90deg,#0008,#0008 1px,#0000 3px,#0000 calc(100% - 3px),#4444 calc(100% - 1px),#4444)}.tablet[data-v-9ca7f6e9]{grid-template-rows:var(--746d5fc3) 1fr 1fr;grid-template-areas:"tri" "vol" "name"}.desktop[data-v-9ca7f6e9]{grid-template-rows:50px 1fr;grid-template-columns:1fr 1fr;grid-template-areas:"tri tri" "name vol"}.tri[data-v-9ca7f6e9]{grid-area:tri}.name[data-v-9ca7f6e9]{grid-area:name;color:#ccc}.vol[data-v-9ca7f6e9]{grid-area:vol}.outer[data-v-6281baf2]{position:relative;color:#ada}.frame[data-v-6281baf2]{position:absolute;left:5px;right:5px;bottom:5px;top:5px;background:linear-gradient(90deg,#111711,#111511 77%,#171111 83%,#191111);border-radius:10px;box-shadow:inset 0 0 10px #0004}.bar-input[data-v-6281baf2]{text-align:center;background:none;position:absolute;border:none;color:#ada;left:40%;transform:translate(-50%,-50%);width:40%;top:60%;padding:0;margin:0;font-size:var(--b117cda6)}.bar-input[data-v-6281baf2]:focus{outline:none}.mark-input[data-v-6281baf2]{position:absolute;top:60%;transform:translateY(-50%);height:48%;border-radius:10px;border:2px #ada solid;cursor:pointer;-webkit-user-select:none;user-select:none}.mark-input.empty[data-v-6281baf2]{border:2px #242 dashed}.mark-input.disabled[data-v-6281baf2]{border:none;cursor:default;color:#464}.mark-input>.mark[data-v-6281baf2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(var(--b117cda6) * .8)}.rpt-input[data-v-6281baf2],.beat-ind[data-v-6281baf2]{-webkit-user-select:none;user-select:none;position:absolute;top:60%;transform:translateY(-50%);height:48%}.rpt-input>.rpt[data-v-6281baf2],.beat-ind>.beat[data-v-6281baf2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(var(--b117cda6) * .9)}.rpt-input.available[data-v-6281baf2]{cursor:pointer}.inc[data-v-6281baf2],.dec[data-v-6281baf2]{opacity:0;position:absolute;fill:#ada;right:0;width:30%;transition:opacity .5s}.inc.disabled[data-v-6281baf2],.dec.disabled[data-v-6281baf2]{fill:#363}.inc[data-v-6281baf2]{bottom:50%}.dec[data-v-6281baf2]{top:50%}.rpt-input.available:hover>.inc[data-v-6281baf2],.rpt-input.available:hover>.dec[data-v-6281baf2],.rpt-input.available:hover>.inc.disabled[data-v-6281baf2]:hover,.rpt-input.available:hover>.dec.disabled[data-v-6281baf2]:hover{opacity:.7}.rpt-input.available:hover>.inc[data-v-6281baf2]:hover,.rpt-input.available:hover>.dec[data-v-6281baf2]:hover{opacity:1}.beat-ind>.beat[data-v-6281baf2]{color:#a44;transition:color 1s;font-size:calc(var(--b117cda6))}.pulse .beat-ind>.beat[data-v-6281baf2]{color:#d55;transition:color 0s}.mark-grid-container[data-v-6281baf2]{position:absolute;left:calc(20% + 8px);right:10px;top:10px;bottom:10px;background:#111711;border-radius:8px;box-shadow:inset 0 0 10px #0006;overflow:hidden}.mark-grid[data-v-6281baf2]{width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;gap:4px;overflow-x:auto;overflow-y:hidden;box-sizing:border-box}.mark-grid[data-v-6281baf2]::-webkit-scrollbar{height:4px}.mark-grid[data-v-6281baf2]::-webkit-scrollbar-track{background:#242;border-radius:2px}.mark-grid[data-v-6281baf2]::-webkit-scrollbar-thumb{background:#575;border-radius:2px}.mark-option[data-v-6281baf2]{background:#111711;color:#585;border:2px #585 solid;border-radius:8px;cursor:pointer;font-size:calc(var(--b117cda6) * .6);text-align:center;transition:all .2s;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;height:calc(50% - 4px);aspect-ratio:1;flex-shrink:0}.mark-option[data-v-6281baf2]:hover{color:#ada}.mark-option.selected[data-v-6281baf2]{color:#ada;border-color:#ada}.mark-title[data-v-6281baf2],.bar-title[data-v-6281baf2],.rpt-title[data-v-6281baf2],.beat-title[data-v-6281baf2]{box-shadow:inset 0 0 10px #0006;position:absolute;border-radius:5px;top:calc(5% + 5px);font-weight:700;font-size:var(--7cd7b1c8);padding-left:3px;-webkit-user-select:none;user-select:none}.mark-title[data-v-6281baf2],.bar-title[data-v-6281baf2],.rpt-title[data-v-6281baf2]{background:#242;color:#111711;transition:background .25s}.beat-title[data-v-6281baf2]{background:#522;color:#171111;transition:background 1.5s}.pulse .beat-title[data-v-6281baf2]{background:#944;transition:background-color 0s}.bar-input:focus~.bar-title[data-v-6281baf2],.mark-input.edit~.mark-title[data-v-6281baf2],.rpt-input.edit~.rpt-title[data-v-6281baf2]{background:#575}.mark-title[data-v-6281baf2],.mark-input[data-v-6281baf2]{left:10px;width:calc(20% - 7px)}.bar-title[data-v-6281baf2]{left:calc(20% + 8px);width:calc(40% - 14px)}.rpt-title[data-v-6281baf2],.rpt-input[data-v-6281baf2]{left:calc(60% - 1px);width:calc(20% - 7px)}.beat-title[data-v-6281baf2],.beat-ind[data-v-6281baf2]{left:calc(80% - 3px);width:calc(20% - 7px)}.outer[data-v-79c7a539]{position:relative;color:var(--0d0963e0)}.frame[data-v-79c7a539]{position:absolute;left:5px;right:5px;bottom:25px;top:5px;background:var(--4ad34b2f);border-radius:10px;box-shadow:inset 0 0 10px #0004}.slider[data-v-79c7a539]{position:absolute;width:100%;bottom:2.5px;height:20px}.title[data-v-79c7a539]{position:absolute;background:var(--02156786);color:var(--4ad34b2f);transition:background .25s;box-shadow:inset 0 0 10px #0006;border-radius:5px;top:calc(5% + 5px);font-weight:700;font-size:var(--715a9528);padding-left:3px;left:10px;width:calc(100% - 20px)}.input[data-v-79c7a539]{position:absolute;text-align:center;background:none;color:var(--0d0963e0);left:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);top:57%;padding:0;margin:0;font-size:var(--30d64f7d);border:none}.input[data-v-79c7a539]:focus{outline:none}.input:focus~.title[data-v-79c7a539]{background:var(--b8fbe65e)}.button-outer[data-v-0d7af06e]{position:relative;box-shadow:inset 0 0 #000;transition:box-shadow .25s}.inner[data-v-0d7af06e]{position:absolute;width:100%;height:100%}.button-outer[data-v-0d7af06e]:hover{box-shadow:inset 2px 0 2px #000}.button-outer.down[data-v-0d7af06e]{box-shadow:inset 5px 0 5px #000}.outer[data-v-0fb3932e]{display:grid;background:none;grid-template-columns:3fr 20px 3fr 20px 24fr 16fr;grid-template-rows:2fr 1fr 4fr 5fr 50px;grid-template-areas:"title title title title title title" "main-t main-t tick-t tick-t bar bar" "main main tick tick bar bar" "main main tick tick time speed" "main main tick tick buttons buttons"}.title[data-v-0fb3932e]{grid-area:title;display:flex;flex-direction:row}.title .text[data-v-0fb3932e]{flex:1 1 0}.menu-container[data-v-0fb3932e]{flex:0 0 50px;position:relative;z-index:2}.title .menu[data-v-0fb3932e]{width:50px;height:50px;fill:#fff;cursor:pointer;transition:fill .2s}.title .menu[data-v-0fb3932e]:hover{fill:#ccc}.dropdown-menu[data-v-0fb3932e]{position:absolute;top:100%;right:0;background:#333;border:1px solid #555;border-radius:4px;box-shadow:0 4px 12px #0000004d;min-width:200px;z-index:1000;overflow:hidden}.dropdown-menu[data-v-0fb3932e] a,.dropdown-menu[data-v-0fb3932e] button,.dropdown-menu[data-v-0fb3932e] .menu-item{display:block;width:100%;padding:12px 16px;background:none;border:none;color:#fff;text-decoration:none;text-align:left;cursor:pointer;transition:background-color .2s;font-size:14px}.dropdown-menu[data-v-0fb3932e] a:hover,.dropdown-menu[data-v-0fb3932e] button:hover,.dropdown-menu[data-v-0fb3932e] .menu-item:hover{background-color:#555}.dropdown-menu[data-v-0fb3932e] hr{border:none;border-top:1px solid #555;margin:0}.main[data-v-0fb3932e]{grid-area:main}.tick[data-v-0fb3932e]{grid-area:tick}.main-t[data-v-0fb3932e]{grid-area:main-t;text-align:center;vertical-align:center}.tick-t[data-v-0fb3932e]{grid-area:tick-t;text-align:center;vertical-align:center}.bar[data-v-0fb3932e]{grid-area:bar}.beat[data-v-0fb3932e]{grid-area:beat}.time[data-v-0fb3932e]{grid-area:time}.speed[data-v-0fb3932e]{grid-area:speed}.buttons[data-v-0fb3932e]{grid-area:buttons;display:flex;flex-direction:row;padding:0 5px}.button[data-v-0fb3932e]{flex:1 1 0}svg.icon[data-v-0fb3932e]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);fill:#fff;height:100%;width:100%;transition:fill .5s}svg.icon.off[data-v-0fb3932e]{fill:#555}svg.icon.on[data-v-0fb3932e]{fill:#8d8}.init-progress[data-v-a9ed87f2]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;padding:32px 40px;background:#1e1e1ef2;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000080;z-index:1000}.progress-track[data-v-a9ed87f2]{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:24px}.progress-fill[data-v-a9ed87f2]{height:100%;background:linear-gradient(90deg,#1976d2,#2196f3);border-radius:2px;transition:width .3s ease-out}.message-container[data-v-a9ed87f2]{min-height:24px;display:flex;align-items:center;justify-content:center}.message[data-v-a9ed87f2]{font-size:14px;color:#ffffffe6;text-align:center;line-height:1.5}.message.error[data-v-a9ed87f2]{color:#ff5252}@media (max-width: 640px){.init-progress[data-v-a9ed87f2]{width:85%;padding:24px 28px}.message[data-v-a9ed87f2]{font-size:13px}}.blur[data-v-5556e052]{left:-8px;top:-8px;right:-8px;bottom:-8px;position:absolute;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel[data-v-5556e052]{position:relative;background:linear-gradient(-45deg,#222 5%,#282828 10%,#222,#181818 50%,#222 75%,#282828 80%,#222 95%);display:grid;grid-template-rows:var(--52432158);grid-template-columns:var(--523c4e72);grid-template-areas:var(--159adc32)}.part.desktop~.controls[data-v-5556e052],.part.tablet~.controls[data-v-5556e052]{background:linear-gradient(90deg,#0004,#0004 1px,#0000 3px)}.part.mobile~.controls[data-v-5556e052]{background:linear-gradient(0deg,#0004,#0004 1px,#0000 3px)}.controls[data-v-5556e052]{grid-area:controls}.container[data-v-5556e052]{position:relative;display:inline-block;left:50%;transform:translate(-50%)}.outer[data-v-5556e052]{position:relative;width:100%}div[data-v-dff76c48]{width:100%;height:100%;box-sizing:border-box}.outer[data-v-dff76c48]{position:relative}.mid[data-v-dff76c48]{position:absolute;padding:1px}.inner[data-v-dff76c48]{border-radius:8px;border:1px dashed var(--66bea586);display:flex;align-items:center;justify-content:center}.content[data-v-dff76c48]{color:var(--66bea586);font-size:12px;text-align:center;opacity:.7}

package/dist/sweet.json

@@ -0,0 +1,36 @@
+{
+  "type":"score",
+  "title":"Sweet & Low",
+  "version":1,
+  "scores":[
+    {
+      "subtitle":"",
+      "parts":[
+        {"name":"Soprano","url":"sweet.mid?track=0&prog=0","volume":0.75},
+        {"name":"Alto","url":"sweet.mid?track=1&prog=0","volume":0.75},
+        {"name":"Tenor","url":"sweet.mid?track=2&prog=0","volume":0.75},
+        {"name":"Bass","url":"sweet.mid?track=3&prog=0","volume":0.75}
+      ],
+      "bars":[
+        {"from":1, "tempo":120, "timeSig":6, "beats":33},
+        {"tempo": 109.091, "beats": 3},
+        {"tempo": 120, "beats": 45},
+        {"tempo": 109.091, "beats": 3},
+        {"tempo": 120, "beats": 3},
+        {"tempo": 116, "beats": 2},
+        {"tempo": 112, "beats": 2},
+        {"tempo": 108, "beats": 2},
+        {"tempo": 104, "beats": 2},
+        {"tempo": 100, "beats": 2},
+        {"tempo": 96, "beats": 12},
+        {"tempo": 120, "beats": 33},
+        {"tempo": 109.091, "beats": 3},
+        {"tempo": 120, "beats": 45},
+        {"tempo": 109.091, "beats": 3},
+        {"tempo": 120, "beats": 3},
+        {"tempo": 114, "beats": 3},
+        {"tempo": 108, "beats": 18}
+      ]
+    }
+  ]
+}

package/dist/weep.json

@@ -0,0 +1,28 @@
+{
+  "type":"score",
+  "title":"Weep",
+  "version":1,
+  "scores":[
+    {
+      "subtitle":"",
+      "parts":[
+        {"name":"Soprano","url":"weep.mid?track=0&prog=0","volume":0.75},
+        {"name":"Alto","url":"weep.mid?track=1&prog=0","volume":0.75},
+        {"name":"Tenor","url":"weep.mid?track=2&prog=0","volume":0.75},
+        {"name":"Bass","url":"weep.mid?track=3&prog=0","volume":0.75}
+      ],
+      "bars":[
+        {"from":1, "tempo":80, "timeSig":4, "beats":20},
+        {"timeSig":2, "beats":2},
+        {"timeSig":4, "beats":28},
+        {"timeSig":2, "beats":2},
+        {"timeSig":4, "beats":4},
+        {"from":16,"repeat":1,"timeSig":4, "beats":28},
+        {"timeSig":2, "beats":2,"repeat":1},
+        {"from":16,"repeat":2,"timeSig":4, "beats":28},
+        {"timeSig":2, "beats":2,"repeat":2},
+        {"timeSig":4, "beats":4}
+      ]
+    }
+  ]
+}

package/package.json

@@ -1,66 +1,66 @@
-{
-  "name": "audio-mixer-ui",
-  "version": "0.3.0",
-  "description": "Vue 3 component library for audio mixer interfaces with musical navigation",
-  "type": "module",
-  "main": "./dist/audio-mixer-ui.umd.cjs",
-  "module": "./dist/audio-mixer-ui.js",
-  "exports": {
-    ".": {
-      "import": "./dist/audio-mixer-ui.js",
-      "require": "./dist/audio-mixer-ui.umd.cjs"
-    },
-    "./style.css": "./dist/style.css"
-  },
-  "files": [
-    "dist",
-    "README.md",
-    "LICENSE"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build --mode library",
-    "build:demo": "vite build --mode demo",
-    "preview": "vite preview",
-    "lint": "eslint src --ext .vue,.js,.jsx,.ts,.tsx --fix"
-  },
-  "keywords": [
-    "vue",
-    "vue3",
-    "audio",
-    "mixer",
-    "components",
-    "ui",
-    "audio",
-    "music",
-    "responsive"
-  ],
-  "author": "Audio Mixer UI Components",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://gitlab.com/song-bird-app/audio-mixer-ui.git"
-  },
-  "bugs": {
-    "url": "https://gitlab.com/song-bird-app/audio-mixer-ui/-/issues"
-  },
-  "homepage": "https://gitlab.com/song-bird-app/audio-mixer-ui#readme",
-  "peerDependencies": {
-    "pinia": "^3.0.0",
-    "vue": "^3.4.0"
-  },
-  "dependencies": {
-    "@fontsource/roboto": "^5.2.6",
-    "audio-mixer-engine": "^0.3.1",
-    "mitt": "^3.0.1",
-    "resize-observer-polyfill": "^1.5.1",
-    "v-click-outside": "^3.2.0"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.0",
-    "pinia": "^3.0.3",
-    "sass": "^1.70.0",
-    "vite": "^5.0.0",
-    "vue": "^3.4.0"
-  }
-}
+{
+  "name": "audio-mixer-ui",
+  "version": "0.4.1",
+  "description": "Vue 3 component library for audio mixer interfaces with musical navigation",
+  "type": "module",
+  "main": "./dist/audio-mixer-ui.umd.cjs",
+  "module": "./dist/audio-mixer-ui.js",
+  "exports": {
+    ".": {
+      "import": "./dist/audio-mixer-ui.js",
+      "require": "./dist/audio-mixer-ui.umd.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build --mode library",
+    "build:demo": "vite build --mode demo",
+    "preview": "vite preview",
+    "lint": "eslint src --ext .vue,.js,.jsx,.ts,.tsx --fix"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "audio",
+    "mixer",
+    "components",
+    "ui",
+    "audio",
+    "music",
+    "responsive"
+  ],
+  "author": "Audio Mixer UI Components",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitlab.com/song-bird-app/audio-mixer-ui.git"
+  },
+  "bugs": {
+    "url": "https://gitlab.com/song-bird-app/audio-mixer-ui/-/issues"
+  },
+  "homepage": "https://gitlab.com/song-bird-app/audio-mixer-ui#readme",
+  "peerDependencies": {
+    "pinia": "^3.0.0",
+    "vue": "^3.4.0"
+  },
+  "dependencies": {
+    "@fontsource/roboto": "^5.2.6",
+    "audio-mixer-engine": "^0.7.0",
+    "mitt": "^3.0.1",
+    "resize-observer-polyfill": "^1.5.1",
+    "v-click-outside": "^3.2.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.0",
+    "pinia": "^3.0.3",
+    "sass": "^1.70.0",
+    "vite": "^5.0.0",
+    "vue": "^3.4.0"
+  }
+}

package/dist/__vite-browser-external-l0sNRNKZ.js

@@ -1 +0,0 @@
-