audio-mixer-ui 0.7.0 → 0.9.0

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-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-267b0f7a]{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-267b0f7a]{grid-area:title;display:flex;flex-direction:row}.title .text[data-v-267b0f7a]{flex:1 1 0}.menu-container[data-v-267b0f7a]{flex:0 0 50px;position:relative;z-index:2}.title .menu[data-v-267b0f7a]{width:50px;height:50px;fill:#fff;cursor:pointer;transition:fill .2s}.title .menu[data-v-267b0f7a]:hover{fill:#ccc}.dropdown-menu[data-v-267b0f7a]{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-267b0f7a] a,.dropdown-menu[data-v-267b0f7a] button,.dropdown-menu[data-v-267b0f7a] .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-267b0f7a] a:hover,.dropdown-menu[data-v-267b0f7a] button:hover,.dropdown-menu[data-v-267b0f7a] .menu-item:hover{background-color:#555}.dropdown-menu[data-v-267b0f7a] hr{border:none;border-top:1px solid #555;margin:0}.main[data-v-267b0f7a]{grid-area:main}.tick[data-v-267b0f7a]{grid-area:tick}.main-t[data-v-267b0f7a]{grid-area:main-t;text-align:center;vertical-align:center}.tick-t[data-v-267b0f7a]{grid-area:tick-t;text-align:center;vertical-align:center}.bar[data-v-267b0f7a]{grid-area:bar}.beat[data-v-267b0f7a]{grid-area:beat}.time[data-v-267b0f7a]{grid-area:time}.speed[data-v-267b0f7a]{grid-area:speed}.buttons[data-v-267b0f7a]{grid-area:buttons;display:flex;flex-direction:row;padding:0 5px}.button[data-v-267b0f7a]{flex:1 1 0}svg.icon[data-v-267b0f7a]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);fill:#fff;height:100%;width:100%;transition:fill .5s}svg.icon.off[data-v-267b0f7a]{fill:#555}svg.icon.on[data-v-267b0f7a]{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-7163154f]{left:0;top:0;right:0;bottom:0;position:absolute;background:#111c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel[data-v-7163154f]{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(--3579bdbc);grid-template-columns:var(--3572ead6);grid-template-areas:var(--78cf8203)}.part.desktop~.controls[data-v-7163154f],.part.tablet~.controls[data-v-7163154f]{background:linear-gradient(90deg,#0004,#0004 1px,#0000 3px)}.part.mobile~.controls[data-v-7163154f]{background:linear-gradient(0deg,#0004,#0004 1px,#0000 3px)}.controls[data-v-7163154f]{grid-area:controls}.container[data-v-7163154f]{position:relative;display:inline-block;left:50%;transform:translate(-50%)}.outer[data-v-7163154f]{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-5eda54eb]{position:relative}.s-label[data-v-5eda54eb],.solo[data-v-5eda54eb],.mute[data-v-5eda54eb],.m-label[data-v-5eda54eb]{position:absolute;font-size:12px;font-weight:700;color:#888;transform:translate(-50%,-50%);top:50%;-webkit-user-select:none;user-select:none}.s-label[data-v-5eda54eb]{left:25%}.m-label[data-v-5eda54eb]{left:75%}.solo[data-v-5eda54eb],.mute[data-v-5eda54eb]{width:calc(50% - 4px);height:50%;border-radius:4px;box-shadow:inset 0 0 7px #0004;border:#0004 1px solid}.solo[data-v-5eda54eb]{left:25%;background:#131}.mute[data-v-5eda54eb]{left:75%;background:#411}.on[data-v-5eda54eb]{box-shadow:inset 0 0 10px #000a;border:#0008 1px solid}.solo.on[data-v-5eda54eb]{background:#4a4}.mute.on[data-v-5eda54eb]{background:#c44}.on+.s-label[data-v-5eda54eb],.on+.m-label[data-v-5eda54eb]{color:#000}.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-5e330688]{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-5e330688]{grid-area:title;display:flex;flex-direction:row}.title .text[data-v-5e330688]{flex:1 1 0}.menu-container[data-v-5e330688]{flex:0 0 50px;position:relative;z-index:2}.title .menu[data-v-5e330688]{width:50px;height:50px;fill:#fff;cursor:pointer;transition:fill .2s}.title .menu[data-v-5e330688]:hover{fill:#ccc}.dropdown-menu[data-v-5e330688]{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-5e330688] a,.dropdown-menu[data-v-5e330688] button,.dropdown-menu[data-v-5e330688] .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-5e330688] a:hover,.dropdown-menu[data-v-5e330688] button:hover,.dropdown-menu[data-v-5e330688] .menu-item:hover{background-color:#555}.dropdown-menu[data-v-5e330688] hr{border:none;border-top:1px solid #555;margin:0}.main[data-v-5e330688]{grid-area:main}.tick[data-v-5e330688]{grid-area:tick}.main-t[data-v-5e330688]{grid-area:main-t;text-align:center;vertical-align:center}.tick-t[data-v-5e330688]{grid-area:tick-t;text-align:center;vertical-align:center}.bar[data-v-5e330688]{grid-area:bar}.beat[data-v-5e330688]{grid-area:beat}.time[data-v-5e330688]{grid-area:time}.speed[data-v-5e330688]{grid-area:speed}.buttons[data-v-5e330688]{grid-area:buttons;display:flex;flex-direction:row;padding:0 5px}.button[data-v-5e330688]{flex:1 1 0}svg.icon[data-v-5e330688]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);fill:#fff;height:100%;width:100%;transition:fill .5s}svg.icon.off[data-v-5e330688]{fill:#555}svg.icon.on[data-v-5e330688]{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-7163154f]{left:0;top:0;right:0;bottom:0;position:absolute;background:#111c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel[data-v-7163154f]{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(--3579bdbc);grid-template-columns:var(--3572ead6);grid-template-areas:var(--78cf8203)}.part.desktop~.controls[data-v-7163154f],.part.tablet~.controls[data-v-7163154f]{background:linear-gradient(90deg,#0004,#0004 1px,#0000 3px)}.part.mobile~.controls[data-v-7163154f]{background:linear-gradient(0deg,#0004,#0004 1px,#0000 3px)}.controls[data-v-7163154f]{grid-area:controls}.container[data-v-7163154f]{position:relative;display:inline-block;left:50%;transform:translate(-50%)}.outer[data-v-7163154f]{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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "audio-mixer-ui",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "description": "Vue 3 component library for audio mixer interfaces with musical navigation",
   "type": "module",
   "main": "./dist/audio-mixer-ui.umd.cjs",

package/dist/FluidR3Mono_License.md

@@ -1,92 +0,0 @@
-MS_General.sf2
----
-
-Current version: 0.1 alpha 1st March 2018
-
-This is a fork of FluidR3Mono_GM.sf2, with many samples (eventually) being replaced and/or reprogrammed. This version of the SoundFont is an alpha work-in-progress. Information on all sample sources will be provided upon release.
-
-FluidR3 (original version) by Frank Wen Copyright � 2000-2002
-
-Mono conversion (FluidR3Mono) by Michael Cowgill Copyright � 2014-17
-
-Adaptation for MS_General.sf2 by S. Christian Collins Copyright � 2018
-
-Temple Blocks instrument provided by Ethan Winer Copyright � 2002
-
-Drumline Percussion provided by Michael Schorsch Copyright � 2016
-
-MS_General.sf2 is shared under the MIT license as described in COPYING, as was FluidR3Mono and FluidR3 before it. The licensing for this new collection is currently under discussion and may be subject to change before release.
-
-The COPYING and README files from the original FluidR3GM file are now displayed here for reference.
-
-The acknowledgements and copyright notices above must be included in any derivative work.
-
-
-README
----
-
-Fluid (R3) SoundFont
-
-Copyright (c) 2000-2002, 2008 Frank Wen <getfrank@gmail.com>
-
-I hereby release Fluid under the MIT license, as described in COPYING.
-
-
-Thanks to Toby Smithe for helping to get Fluid included in Ubuntu.
-
-This package, of course, is the original Release 3 of Fluid.  
-
-
-Fluid was constructed in part from samples found in the public domain that I
-edited/cleaned/remixed/programmed and largely from recordings of my own and
-in conjunction with the people below who helped along the way:
-
-Suren M. Seron
-Scott Hanan
-Steve Aupperle
-Chris Gillman
-Alex Taubr
-Chris Prola
-Andrew Klenk
-Winfried Hubbe 
-Dylan
-Tim
-Gort
-Uros Katic 
-Ethan Winer (http://www.ethanwiner.com) 
-
-
-It's obviously been a few years since the project, but its nice to see that
-people are still enjoying my work and getting good use out of it.  As always,
-I'd like to hear some work done with Fluid so email me, or just email me to
-say hello and tell me what is going on in the computer musician world.
-Who knows, maybe I'll kick start this project again? ;)
-
-
-COPYING
----
-
-Mono version:  Copyright (c) 2014-16 Michael Cowgill 
-Copyright (c) 2000-2002, 2008 Frank Wen <getfrank@gmail.com>
-
-Permission is hereby granted, free of charge, to any person
-obtaining a copy of this software and associated documentation
-files (the "Software"), to deal in the Software without
-restriction, including without limitation the rights to use,
-copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the
-Software is furnished to do so, subject to the following
-conditions:
-
-The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-OTHER DEALINGS IN THE SOFTWARE.
-

package/dist/afton.json

@@ -1,20 +0,0 @@
-{
-  "type":"score",
-  "title":"Afton Water",
-  "version":1,
-  "scores":[
-    {
-      "subtitle":"",
-      "parts":[
-        {"name":"Soprano","url":"afton.mid?track=0&prog=0","volume":0.75},
-        {"name":"Alto","url":"afton.mid?track=1&prog=0","volume":0.75},
-        {"name":"Tenor","url":"afton.mid?track=2&prog=0","volume":0.75},
-        {"name":"Bass","url":"afton.mid?track=3&prog=0","volume":0.75}
-      ],
-      "bars":[
-        {"from":-1, "tempo":90, "timeSig":1, "beats":1},
-        {"from":1, "timeSig":3, "beats":108}
-      ]
-    }
-  ]
-}

package/dist/sweet.json

@@ -1,36 +0,0 @@
-{
-  "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

@@ -1,28 +0,0 @@
-{
-  "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}
-      ]
-    }
-  ]
-}