audio-mixer-ui 0.8.0 → 0.9.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-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.8.0",
+  "version": "0.9.1",
   "description": "Vue 3 component library for audio mixer interfaces with musical navigation",
   "type": "module",
   "main": "./dist/audio-mixer-ui.umd.cjs",
@@ -51,7 +51,7 @@
   },
   "dependencies": {
     "@fontsource/roboto": "^5.2.6",
-    "audio-mixer-engine": "^0.9.1",
+    "audio-mixer-engine": "^0.9.2",
     "mitt": "^3.0.1",
     "resize-observer-polyfill": "^1.5.1",
     "v-click-outside": "^3.2.0"