-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patheditor.html
74 lines (61 loc) · 82.7 KB
/
editor.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<!-- saved from url=(0055)https://files.keithmcmillen.com/products/boppad/editor/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css">[nexus-ui]{height:5000px;width:5000px}</style><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>BopPad Editor | Keith McMillen Instruments</title><meta name="description" content="BopPad Editor"><meta name="application-name" content="BopPad Editor"><meta property="og:locale" content="en_US"><meta property="og:type" content="website"><meta property="og:title" content="Keith McMillen Instruments - BopPad Editor"><meta property="og:description" content="BopPad, from Keith McMillen Instruments, is the expressive electronic drum pad for drummers, percussionists and producers"><meta property="og:url" content="https://files.keithmcmillen.com/products/boppad"><meta property="og:site_name" content="Keith McMillen Instruments"><meta property="og:image" content="https://files.keithmcmillen.com/products/boppad/icons/boppad-icon-social.png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:description" content="BopPad, from Keith McMillen Instruments, is the expressive electronic drum pad for drummers, percussionists and producers"><meta name="twitter:title" content="Keith McMillen Instruments - MIDI Keyboards & Controllers for Music Production & Performance"><meta name="twitter:site" content="@keithmcmillen"><meta name="twitter:image" content="https://files.keithmcmillen.com/products/boppad/icons/boppad-icon-social.png"><meta name="twitter:creator" content="@keithmcmillen"><link rel="icon" type="image/x-icon" href="https://files.keithmcmillen.com/products/boppad/editor/icons/favicon.ico"><link rel="apple-touch-icon" sizes="180x180" href="https://files.keithmcmillen.com/products/boppad/editor/icons/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="https://files.keithmcmillen.com/products/boppad/editor/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="https://files.keithmcmillen.com/products/boppad/editor/icons/favicon-16x16.png"><link rel="manifest" href="https://files.keithmcmillen.com/products/boppad/editor/manifest.json"><link rel="mask-icon" href="https://files.keithmcmillen.com/products/boppad/editor/icons/safari-pinned-tab.svg" color="#5bbad5"><meta name="theme-color" content="#ffffff"><script async="" src="./editor_files/analytics.js"></script><script defer="defer" src="./editor_files/bundle.js"></script><link href="./editor_files/style.css" rel="stylesheet"></head><body data-connected="false" data-active="A" data-unison="off" data-unison-quadrant="A" data-allmode="off" data-prompt="closed"><div class="container" style="-webkit-app-region: drag"><header class="row"><div id="presets" class="col-xs-9"><div class="presets"><div class="txt-upper presets-label">presets</div><div class="presets-box"><select name="presets" id="preset_sel"><optgroup label="Factory"><option data-preset-type="factory" value="0">Universal</option><option data-preset-type="factory" value="1">Unison</option><option data-preset-type="factory" value="2">Sticks</option><option data-preset-type="factory" value="3">Hands</option></optgroup></select><div class="button-group destinations"><div class="send-label">Destination</div><button class="btn toggle preset-num send active" value="1">1</button> <button class="btn toggle preset-num send" value="2">2</button> <button class="btn toggle preset-num send" value="3">3</button> <button class="btn toggle preset-num send" value="4">4</button></div><button id="sendpreset" data-action="sendpreset" class="btn send" disabled="disabled">Send to BopPad</button></div></div><div class="presets user"><div class="txt-upper presets-label">user</div><div class="presets-box"><div class="button-group stacked"><div class="button-group"><button data-action="save" class="btn save" disabled="">save</button> <button data-action="save_as" class="btn save-as">save as</button></div><button data-action="revert" class="btn revert" disabled="">revert</button> <button data-action="delete" class="btn delete" disabled="disabled">delete</button></div></div><div class="preset-name-form"><input class="preset-name" type="text" placeholder="NAME YOUR PRESET" maxlength="16"> <button class="cancel">cancel</button> <button class="save-preset">save</button></div></div><p class="windows-warning">If you experience connection issues or firmware updating issues, open a new tab and go to: <u>chrome://flags/#enable-midi-manager-dynamic-instantiation</u> and set it to disabled, then restart. <a href="https://files.keithmcmillen.com/products/boppad/editor/#">hide</a></p></div><div id="logo" class="col-xs-3"><h1>BopPad</h1><span class="status-bar"></span><div id="boppad"><svg version="1.1" id="svg_boppad" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="150.2 254.7 563.6 563.7" enable-background="new 150.2 254.7 563.6 563.7" xml:space="preserve" style="opacity: 1; display: inline;"><g id="upper_right" class="quadrant" data-quadrant="A"><path fill="#4F4F4F" d="M432,258.2v62.4c119.3,0,215.7,96.7,215.7,215.7h62.4C710.4,383,585.6,258.2,432,258.2z"></path><path fill="#4F4F4F" d="M605.1,536.6h39.4C644.6,419.3,549.3,324,432,324v39.4C527.3,363.4,605.1,440.9,605.1,536.6z"></path><path fill="#4F4F4F" d="M562.3,536.6h39.4c0-93.6-76.1-169.7-169.7-169.7v39.4C503.7,406.3,562.3,464.6,562.3,536.6z"></path><path fill="#4F4F4F" d="M519.4,536.6h39.4c0-69.9-56.9-126.9-126.9-126.9v39.4C480.3,449.1,519.4,488.2,519.4,536.6z"></path><path fill="#4F4F4F" d="M476.6,536.6H516c0-46.3-37.7-84-84-84V492C456.7,492,476.6,511.9,476.6,536.6z"></path><path fill="#4F4F4F" d="M473.1,536.6c0-22.6-18.5-41.1-41.1-41.1v41.1H473.1z"></path></g><g id="lower_right" class="quadrant" data-quadrant="B"><path fill="#4F4F4F" d="M432,752.2v62.4c153.6,0,278.4-124.5,278.4-278.4H648C647.7,655.9,551.3,752.2,432,752.2z"></path><path fill="#4F4F4F" d="M644.6,536.6L644.6,536.6h-39.4l0,0c0,95.3-77.5,173.1-173.1,173.1v39.4 C549.3,749.1,644.6,653.5,644.6,536.6z"></path><path fill="#4F4F4F" d="M562.3,536.6c0,71.7-58.3,130.3-130.3,130.3v39.4c93.6,0,169.7-76.1,169.7-169.7l0,0H562.3L562.3,536.6z"></path><path fill="#4F4F4F" d="M558.9,536.6L558.9,536.6h-39.4l0,0c0,48.3-39.1,87.4-87.4,87.4v39.4C501.9,663.4,558.9,606.5,558.9,536.6z "></path><path fill="#4F4F4F" d="M476.6,536.6c0,24.7-19.9,44.6-44.6,44.6v39.4c46.3,0,84-37.7,84-84l0,0H476.6L476.6,536.6z"></path><path fill="#4F4F4F" d="M473.1,536.6L473.1,536.6H432v41.1C454.6,577.7,473.1,559.2,473.1,536.6z"></path></g><g id="lower_left" class="quadrant" data-quadrant="C"><path fill="#4F4F4F" d="M216.3,536.6h-62.7C153.6,690.2,278.1,815,432,815v-62.4C312.7,752.2,216.3,655.9,216.3,536.6z"></path><path fill="#4F4F4F" d="M258.9,536.6L258.9,536.6h-39.4l0,0c0,117.3,95.3,212.6,212.6,212.6v-39.4 C336.7,709.7,258.9,631.9,258.9,536.6z"></path><path fill="#4F4F4F" d="M301.7,536.6L301.7,536.6h-39.4l0,0c0,93.6,76.1,169.7,169.7,169.7v-39.4 C360.3,666.9,301.7,608.2,301.7,536.6z"></path><path fill="#4F4F4F" d="M344.6,536.6L344.6,536.6h-39.4l0,0c0,69.9,56.9,126.9,126.9,126.9V624C383.7,624,344.6,584.6,344.6,536.6z "></path><path fill="#4F4F4F" d="M387.4,536.6L387.4,536.6H348l0,0c0,46.3,37.7,84,84,84v-39.4C407.3,581.1,387.4,560.9,387.4,536.6z"></path><path fill="#4F4F4F" d="M390.9,536.6L390.9,536.6c0,22.6,18.5,41.1,41.1,41.1v-41.1H390.9z"></path></g><g id="upper_left" class="quadrant" data-quadrant="D"><path fill="#4F4F4F" d="M432,320.9v-62.7c-153.6,0-278.4,124.5-278.4,278.4H216C216.3,417.3,312.7,320.9,432,320.9z"></path><path fill="#4F4F4F" d="M432,363.4V324c-117.3,0-212.6,95.3-212.6,212.6h39.4C258.9,440.9,336.7,363.4,432,363.4z"></path><path fill="#4F4F4F" d="M262.3,536.6h39.4c0-71.7,58.3-130.3,130.3-130.3v-39.4C338.4,366.9,262.3,443,262.3,536.6z"></path><path fill="#4F4F4F" d="M432,449.1v-39.4c-69.9,0-126.9,56.9-126.9,126.9h39.4C344.6,488.2,383.7,449.1,432,449.1z"></path><path fill="#4F4F4F" d="M348,536.6h39.4c0-24.7,19.9-44.6,44.6-44.6v-39.4C385.7,452.6,348,490.3,348,536.6z"></path><path fill="#4F4F4F" d="M432,495.4c-22.6,0-41.1,18.5-41.1,41.1H432V495.4z"></path></g><g id="white_cross"><line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="432" y1="254.7" x2="432" y2="818.4"></line><line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="150.2" y1="536.6" x2="713.8" y2="536.6"></line></g><g id="active_quadrant"><path fill="#00ADEF" opacity="0.5" d="M432,258.2v62.4c119.3,0,215.7,96.7,215.7,215.7h62.4C710.4,383,585.6,258.2,432,258.2z"></path><path fill="#00ADEF" opacity="0.5" d="M605.1,536.6h39.4C644.6,419.3,549.3,324,432,324v39.4C527.3,363.4,605.1,440.9,605.1,536.6z"></path><path fill="#00ADEF" opacity="0.5" d="M562.3,536.6h39.4c0-93.6-76.1-169.7-169.7-169.7v39.4C503.7,406.3,562.3,464.6,562.3,536.6z"></path><path fill="#00ADEF" opacity="0.5" d="M519.4,536.6h39.4c0-69.9-56.9-126.9-126.9-126.9v39.4C480.3,449.1,519.4,488.2,519.4,536.6z"></path><path fill="#00ADEF" opacity="0.5" d="M476.6,536.6H516c0-46.3-37.7-84-84-84V492C456.7,492,476.6,511.9,476.6,536.6z"></path><path fill="#00ADEF" opacity="0.5" d="M473.1,536.6c0-22.6-18.5-41.1-41.1-41.1v41.1H473.1z"></path></g></svg></div></div></header><div id="editor" class="row"><div class="col-xs-12"><div class="row quadrants-header"><div class="col-xs-6"><h2>Quadrants</h2></div></div><div id="quadrants" class="section"><div class="quadrant-selection"><div class="quadrant-notes active" data-quadrant="A"><h3>A</h3><div class="quad-note-group"><div class="note-selection"><input id="quadrant_a_note_1" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">F#1</span></div><div class="note-selection off"><input id="quadrant_a_note_2" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div><div class="note-selection off"><input id="quadrant_a_note_3" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div><div class="note-selection off"><input id="quadrant_a_note_4" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div><div class="note-selection off"><input id="quadrant_a_note_5" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div><div class="note-selection off"><input id="quadrant_a_note_6" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div></div><div class="unison-cover"></div></div><div class="quadrant-notes" data-quadrant="B"><h3>B</h3><div class="quad-note-group"><div class="note-selection"><input id="quadrant_b_note_1" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">C1</span></div><div class="note-selection off"><input id="quadrant_b_note_2" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div><div class="note-selection off"><input id="quadrant_b_note_3" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div><div class="note-selection off"><input id="quadrant_b_note_4" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div><div class="note-selection off"><input id="quadrant_b_note_5" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div><div class="note-selection off"><input id="quadrant_b_note_6" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div></div><div class="unison-cover"></div></div><div class="quadrant-notes" data-quadrant="C"><h3>C</h3><div class="quad-note-group"><div class="note-selection"><input id="quadrant_c_note_1" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">D1</span></div><div class="note-selection off"><input id="quadrant_c_note_2" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div><div class="note-selection off"><input id="quadrant_c_note_3" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div><div class="note-selection off"><input id="quadrant_c_note_4" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div><div class="note-selection off"><input id="quadrant_c_note_5" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div><div class="note-selection off"><input id="quadrant_c_note_6" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div></div><div class="unison-cover"></div></div><div class="quadrant-notes" data-quadrant="D"><h3>D</h3><div class="quad-note-group"><div class="note-selection"><input id="quadrant_d_note_1" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">B1</span></div><div class="note-selection off"><input id="quadrant_d_note_2" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div><div class="note-selection off"><input id="quadrant_d_note_3" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div><div class="note-selection off"><input id="quadrant_d_note_4" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div><div class="note-selection off"><input id="quadrant_d_note_5" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div><div class="note-selection off"><input id="quadrant_d_note_6" type="number" min="-1" max="127" step="1" class="sm" value="-1"><span class="note">off</span></div></div><div class="unison-cover"></div></div></div><div class="quadrant-actions"><button data-action="copy" class="btn copy">Copy Quadrant</button> <button data-action="paste" class="btn paste" disabled="disabled">Paste Quadrant</button> <button data-action="clear" class="btn clear">Clear Quadrant</button> <button data-action="clear_all" class="btn clear_all">Clear All Quadrants</button></div><div class="quadrant-voices"><div class="feature-group"><div class="feature midi-channel"><div class="label">MIDI Channel</div><div class="feature-wrap channel-wrap active" data-quadrant="A"><div class="number-input"><input id="quadrant_a_channel" type="number" class="voice-channel" min="1" max="16" value="1"></div></div><div class="feature-wrap channel-wrap" data-quadrant="B"><div class="number-input"><input id="quadrant_b_channel" type="number" class="voice-channel" min="1" max="16" value="1"></div></div><div class="feature-wrap channel-wrap" data-quadrant="C"><div class="number-input"><input id="quadrant_c_channel" type="number" class="voice-channel" min="1" max="16" value="1"></div></div><div class="feature-wrap channel-wrap" data-quadrant="D"><div class="number-input"><input id="quadrant_d_channel" type="number" class="voice-channel" min="1" max="16" value="1"></div></div></div><div class="feature bank-select"><div class="label">Bank Select</div><div class="feature-wrap bank-wrap active" data-quadrant="A"><div class="number-input off"><input id="quadrant_a_bank_select" type="number" class="voice-bank-select" min="-1" max="127" value="-1"><span class="state">off</span></div></div><div class="feature-wrap bank-wrap" data-quadrant="B"><div class="number-input off"><input id="quadrant_b_bank_select" type="number" class="voice-bank-select" min="-1" max="127" value="-1"><span class="state">off</span></div></div><div class="feature-wrap bank-wrap" data-quadrant="C"><div class="number-input off"><input id="quadrant_c_bank_select" type="number" class="voice-bank-select" min="-1" max="127" value="-1"><span class="state">off</span></div></div><div class="feature-wrap bank-wrap" data-quadrant="D"><div class="number-input off"><input id="quadrant_d_bank_select" type="number" class="voice-bank-select" min="-1" max="127" value="-1"><span class="state">off</span></div></div></div></div><div class="feature-group"><div class="feature program-change"><div class="label">Program Change</div><div class="feature-wrap program-wrap active" data-quadrant="A"><div class="number-input off"><input id="quadrant_a_program_change" type="number" class="voice-program-change" min="-1" max="127" value="-1"><span class="state">off</span></div></div><div class="feature-wrap program-wrap" data-quadrant="B"><div class="number-input off"><input id="quadrant_b_program_change" type="number" class="voice-program-change" min="-1" max="127" value="-1"><span class="state">off</span></div></div><div class="feature-wrap program-wrap" data-quadrant="C"><div class="number-input off"><input id="quadrant_c_program_change" type="number" class="voice-program-change" min="-1" max="127" value="-1"><span class="state">off</span></div></div><div class="feature-wrap program-wrap" data-quadrant="D"><div class="number-input off"><input id="quadrant_d_program_change" type="number" class="voice-program-change" min="-1" max="127" value="-1"><span class="state">off</span></div></div></div><div class="feature midi-channel"><div class="label">Strike Density</div><div class="feature-wrap density-wrap active" data-quadrant="A"><select class="voice-density" id="quadrant_a_debounce_refill"><option value="2">Extreme</option><option value="11" selected="selected">High</option><option value="15">Medium</option><option value="30">Low</option></select></div><div class="feature-wrap density-wrap" data-quadrant="B"><select class="voice-density" id="quadrant_b_debounce_refill"><option value="2">Extreme</option><option value="11" selected="selected">High</option><option value="15">Medium</option><option value="30">Low</option></select></div><div class="feature-wrap density-wrap" data-quadrant="C"><select class="voice-density" id="quadrant_c_debounce_refill"><option value="2">Extreme</option><option value="11" selected="selected">High</option><option value="15">Medium</option><option value="30">Low</option></select></div><div class="feature-wrap density-wrap" data-quadrant="D"><select class="voice-density" id="quadrant_d_debounce_refill"><option value="2">Extreme</option><option value="11" selected="selected">High</option><option value="15">Medium</option><option value="30">Low</option></select></div></div></div><div class="feature-group"><div class="feature quadrant-sensitivity"><div class="label full">Sensitivity</div><div class="feature-wrap sensitivity-wrap active" data-quadrant="A"><div class="number-input"><input data-action="quadrant-sensitivity" id="quadrant_a_sensitivity" type="number" class="voice-sensitivity" min="1" max="10" value=""></div></div><div class="feature-wrap sensitivity-wrap" data-quadrant="B"><div class="number-input"><input data-action="quadrant-sensitivity" id="quadrant_b_sensitivity" type="number" class="voice-sensitivity" min="1" max="10" value=""></div></div><div class="feature-wrap sensitivity-wrap" data-quadrant="C"><div class="number-input"><input data-action="quadrant-sensitivity" id="quadrant_c_sensitivity" type="number" class="voice-sensitivity" min="1" max="10" value=""></div></div><div class="feature-wrap sensitivity-wrap" data-quadrant="D"><div class="number-input"><input data-action="quadrant-sensitivity" id="quadrant_d_sensitivity" type="number" class="voice-sensitivity" min="1" max="10" value=""></div></div></div><div class="feature quadrant-gain"><div class="label full">Gain</div><div class="feature-wrap gain-wrap active" data-quadrant="A"><div class="number-input"><input data-action="quadrant-gain" id="quadrant_a_gain" type="number" class="voice-gain" step="0.05" min="0.25" max="1.75" value="1.00"></div></div><div class="feature-wrap gain-wrap" data-quadrant="B"><div class="number-input"><input data-action="quadrant-gain" id="quadrant_b_gain" type="number" class="voice-gain" step="0.05" min="0.25" max="1.75" value="1.00"></div></div><div class="feature-wrap gain-wrap" data-quadrant="C"><div class="number-input"><input data-action="quadrant-gain" id="quadrant_c_gain" type="number" class="voice-gain" step="0.05" min="0.25" max="1.75" value="1.00"></div></div><div class="feature-wrap gain-wrap" data-quadrant="D"><div class="number-input"><input data-action="quadrant-gain" id="quadrant_d_gain" type="number" class="voice-gain" step="0.05" min="0.25" max="1.75" value="1.00"></div></div></div></div><div class="feature-group wide"><div class="feature quadrant-full-volume"><div class="label full">Full Volume Change</div><div class="feature-wrap full-volume-wrap active" data-quadrant="A"><button id="quadrant_a_full_vol_change" class="btn toggle full-vol-change" value="-1" data-action="full-vol-change">Disabled</button></div><div class="feature-wrap full-volume-wrap" data-quadrant="B"><button id="quadrant_b_full_vol_change" class="btn toggle full-vol-change" value="-1" data-action="full-vol-change">Disabled</button></div><div class="feature-wrap full-volume-wrap" data-quadrant="C"><button id="quadrant_c_full_vol_change" class="btn toggle full-vol-change" value="-1" data-action="full-vol-change">Disabled</button></div><div class="feature-wrap full-volume-wrap" data-quadrant="D"><button id="quadrant_d_full_vol_change" class="btn toggle full-vol-change" value="-1" data-action="full-vol-change">Disabled</button></div></div><div class="feature quadrant-vel-override"><div class="label full">Velocity Override</div><div class="feature-wrap vel-override-wrap active" data-quadrant="A"><button id="quadrant_a_velocity_override" class="btn toggle vel-override" value="-1" data-action="vel-override">Disabled</button></div><div class="feature-wrap vel-override-wrap" data-quadrant="B"><button id="quadrant_b_velocity_override" class="btn toggle vel-override" value="-1" data-action="vel-override">Disabled</button></div><div class="feature-wrap vel-override-wrap" data-quadrant="C"><button id="quadrant_c_velocity_override" class="btn toggle vel-override" value="-1" data-action="vel-override">Disabled</button></div><div class="feature-wrap vel-override-wrap" data-quadrant="D"><button id="quadrant_d_velocity_override" class="btn toggle vel-override" value="-1" data-action="vel-override">Disabled</button></div></div></div></div></div><div id="keyboard" class="row section"><p class="keyboard-toggle">Keyboard <span>(show)</span></p><div class="keyboard-note"></div><svg version="1.1" id="keyboard_svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 354.9 864 154.3" enable-background="new 0 354.9 864 154.3" xml:space="preserve" style="opacity: 1;"><g id="svg_keyboard"><rect data-key="0" class="key" x="17" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="1" class="key sharp" x="22.7" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="2" class="key" x="28.1" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="3" class="key sharp" x="33.8" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="4" class="key" x="39.3" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="5" class="key" x="50.4" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="6" class="key sharp" x="56" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="7" class="key" x="61.5" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="8" class="key sharp" x="67.1" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="9" class="key" x="72.6" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="10" class="key sharp" x="78.3" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="11" class="key" x="83.7" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="12" class="key" x="94.8" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="13" class="key sharp" x="100.5" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="14" class="key" x="105.9" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="15" class="key sharp" x="111.6" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="16" class="key" x="117" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="17" class="key" x="128.1" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="18" class="key sharp" x="133.8" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="19" class="key" x="139.2" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="20" class="key sharp" x="144.9" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="21" class="key" x="150.3" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="22" class="key sharp" x="156" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="23" class="key" x="161.4" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="24" class="key" x="172.6" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="25" class="key sharp" x="178.2" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="26" class="key" x="183.7" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="27" class="key sharp" x="189.3" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="28" class="key" x="194.8" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="29" class="key" x="205.9" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="30" class="key sharp" x="211.6" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="31" class="key" x="217" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="32" class="key sharp" x="222.7" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="33" class="key" x="228.1" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="34" class="key sharp" x="233.8" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="35" class="key" x="239.2" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="36" class="key" x="250.3" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="37" class="key sharp" x="256" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="38" class="key" x="261.4" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="39" class="key sharp" x="267.1" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="40" class="key" x="272.5" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="41" class="key" x="283.6" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="42" class="key sharp active" x="289.3" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="43" class="key" x="294.7" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="44" class="key sharp" x="300.4" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="45" class="key" x="305.9" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="46" class="key sharp" x="311.5" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="47" class="key" x="317" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="48" class="key" x="328.1" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="49" class="key sharp" x="333.8" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="50" class="key" x="339.2" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="51" class="key sharp" x="344.9" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="52" class="key" x="350.3" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="53" class="key" x="361.4" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="54" class="key sharp" x="367.1" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="55" class="key" x="372.5" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="56" class="key sharp" x="378.2" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="57" class="key" x="383.6" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="58" class="key sharp" x="389.3" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="59" class="key" x="394.7" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="60" class="key" x="405.8" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="61" class="key sharp" x="411.5" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="62" class="key" x="416.9" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="63" class="key sharp" x="422.6" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="64" class="key" x="428.1" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="65" class="key" x="439.2" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="66" class="key sharp" x="444.8" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="67" class="key" x="450.3" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="68" class="key sharp" x="455.9" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="69" class="key" x="461.4" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="70" class="key sharp" x="467.1" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="71" class="key" x="472.5" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="72" class="key" x="483.6" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="73" class="key sharp" x="489.3" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="74" class="key" x="494.7" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="75" class="key sharp" x="500.4" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="76" class="key" x="505.8" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="77" class="key sharp" x="522.6" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="78" class="key" x="516.9" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="79" class="key" x="528" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="80" class="key sharp" x="533.7" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="81" class="key" x="539.1" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="82" class="key sharp" x="544.8" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="83" class="key" x="550.2" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="84" class="key" x="561.4" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="85" class="key sharp" x="567" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="86" class="key" x="572.5" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="87" class="key sharp" x="578.1" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="88" class="key" x="583.6" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="89" class="key" x="594.7" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="90" class="key sharp" x="600.4" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="91" class="key" x="605.8" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="92" class="key sharp" x="611.5" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="93" class="key" x="616.9" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="94" class="key sharp" x="622.6" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="95" class="key" x="628" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="96" class="key" x="639.1" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="97" class="key sharp" x="644.8" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="98" class="key" x="650.2" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="99" class="key sharp" x="655.9" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="100" class="key" x="661.3" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="101" class="key" x="672.4" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="102" class="key sharp" x="678.1" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="103" class="key" x="683.5" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="104" class="key sharp" x="689.2" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="105" class="key" x="694.7" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="106" class="key sharp" x="700.3" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="107" class="key" x="705.8" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="108" class="key" x="716.9" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="109" class="key sharp" x="722.6" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="110" class="key" x="728" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="111" class="key sharp" x="733.7" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="112" class="key" x="739.1" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="113" class="key" x="750.2" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="114" class="key sharp" x="755.9" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="115" class="key" x="761.3" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="116" class="key sharp" x="767" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="117" class="key" x="772.4" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="118" class="key sharp" x="778.1" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="119" class="key" x="783.5" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="120" class="key" x="794.6" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="121" class="key sharp" x="800.3" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="122" class="key" x="805.7" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="123" class="key sharp" x="811.4" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="124" class="key" x="816.9" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="125" class="key" x="828" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect><rect data-key="126" class="key sharp" x="833.6" y="368.3" fill="#636363" width="8.9" height="62"></rect><rect data-key="127" class="key" x="839.1" y="437.4" fill="#FFFFFF" width="8.9" height="62"></rect></g><g id="blue_markers"><g><g><line fill="none" stroke="#00AEEF" stroke-width="1.5" stroke-miterlimit="10" x1="17" y1="362.4" x2="19" y2="362.4"></line><line fill="none" stroke="#00AEEF" stroke-width="1.5" stroke-miterlimit="10" stroke-dasharray="4.0045,1.0011" x1="20" y1="362.4" x2="845.5" y2="362.4"></line><line fill="none" stroke="#00AEEF" stroke-width="1.5" stroke-miterlimit="10" x1="846" y1="362.4" x2="848" y2="362.4"></line></g></g><line fill="none" stroke="#00AEEF" stroke-width="1.5" stroke-miterlimit="10" x1="94.1" y1="364.3" x2="94.1" y2="368.3"></line><line fill="none" stroke="#00AEEF" stroke-width="1.5" stroke-miterlimit="10" x1="171.6" y1="364.3" x2="171.6" y2="368.3"></line><line fill="none" stroke="#00AEEF" stroke-width="1.5" stroke-miterlimit="10" x1="249.8" y1="364.3" x2="249.8" y2="368.3"></line><line fill="none" stroke="#00AEEF" stroke-width="1.5" stroke-miterlimit="10" x1="327.2" y1="364.3" x2="327.2" y2="368.3"></line><line fill="none" stroke="#00AEEF" stroke-width="1.5" stroke-miterlimit="10" x1="404.1" y1="364.3" x2="404.1" y2="368.3"></line><line fill="none" stroke="#00AEEF" stroke-width="1.5" stroke-miterlimit="10" x1="482.9" y1="364.3" x2="482.9" y2="368.3"></line><line fill="none" stroke="#00AEEF" stroke-width="1.5" stroke-miterlimit="10" x1="560.6" y1="364.3" x2="560.6" y2="368.3"></line><line fill="none" stroke="#00AEEF" stroke-width="1.5" stroke-miterlimit="10" x1="638.4" y1="364.3" x2="638.4" y2="368.3"></line><line fill="none" stroke="#00AEEF" stroke-width="1.5" stroke-miterlimit="10" x1="716.1" y1="364.3" x2="716.1" y2="368.3"></line><line fill="none" stroke="#00AEEF" stroke-width="1.5" stroke-miterlimit="10" x1="793.9" y1="364.3" x2="793.9" y2="368.3"></line><line fill="none" stroke="#00AEEF" stroke-width="1.5" stroke-miterlimit="10" x1="17" y1="364.3" x2="17" y2="368.3"></line></g></svg></div><div id="modline" class="section"><div class="clearfix modline-labels"><div class="label type">Message Type</div><div class="label mod-voice">Source</div><div class="label invert-source">Invert Source</div><div class="label gain">Gain</div><div class="label offset">Offset</div><div class="label curve">Curve</div><div class="label min">Min</div><div class="label max">Max</div><div class="label solo">Solo</div><div class="label reporter">Live Value</div></div><div class="modline-sets active" data-quadrant="A"><div class="clearfix modline master default" data-modcount="1"><input id="quadrant_a_modline_1_message_type" class="note type" type="text" value="Note" disabled="disabled"> <select class="mod-voice" name="" id="quadrant_a_modline_1_source"><option value="-1" selected="selected">Off</option><option value="0">Velocity</option><option value="2">Pressure</option><option value="4">Initial Radius</option><option value="6">Radius</option><option value="8">Radius (rel)</option></select> <button id="quadrant_a_modline_1_invert_source" class="btn toggle invert-source" value="-1">Invert</button> <input id="quadrant_a_modline_1_gain" class="gain" type="number" min="0.1" max="1.75" step="0.01" value="1.00"> <input id="quadrant_a_modline_1_offset" class="offset" type="number" min="0" max="" step="1" value="0"> <select class="curve" name="" id="quadrant_a_modline_1_table"><option value="0" selected="selected">Linear</option><option value="1">Logarithmic</option><option value="2">Exponential</option><option value="3">Light</option><option value="4">Medium</option><option value="5">Hard</option><option value="6">Dynamic</option><option value="7">User Table 1</option><option value="8">User Table 2</option><option value="9">User Table 3</option><option value="10">User Table 4</option></select> <input id="quadrant_a_modline_1_min" class="min" type="number" min="1" max="127" step="1" value="1"> <input id="quadrant_a_modline_1_max" class="max" type="number" min="1" max="127" step="1" value="127"> <button id="quadrant_a_modline_1_solo" class="btn toggle solo" value="-1">Solo</button> <input class="reporter" type="text"></div><div class="clearfix modline" data-modcount="2"><div class="input-group cc"><select class="message-type" name="" id="quadrant_a_modline_2_message_type"><option value="-1" data-message-type="off" selected="">Off</option><option value="-4" data-message-type="224">Pitch Bend</option><option value="-2" data-message-type="208">Channel Pressure</option><option value="-3" data-message-type="160">Poly Aftertouch</option><option value="cc" data-message-type="176">CC</option></select><input id="quadrant_a_modline_2_cc_number" class="cc-number" type="number" min="0" max="127" step="1" value="0"></div><select class="mod-voice" name="" id="quadrant_a_modline_2_source"><option value="-1" selected="">Off</option><option value="0">Velocity</option><option value="2">Pressure</option><option value="4">Initial Radius</option><option value="6">Radius</option><option value="8">Radius (rel)</option></select><button id="quadrant_a_modline_2_invert_source" class="btn toggle invert-source" value="-1">Invert</button><input id="quadrant_a_modline_2_gain" class="gain" type="number" min="0.1" max="1.75" step="0.01" value="1.00"><input id="quadrant_a_modline_2_offset" class="offset" type="number" min="0" max="127" step="1" value="0"><select class="curve" name="" id="quadrant_a_modline_2_table"><option value="0" selected="">Linear</option><option value="1">Logarithmic</option><option value="2">Exponential</option><option value="3">Light</option><option value="4">Medium</option><option value="5">Hard</option><option value="6">Dynamic</option><option value="7">User Table 1</option><option value="8">User Table 2</option><option value="9">User Table 3</option><option value="10">User Table 4</option></select><input id="quadrant_a_modline_2_min" class="min" type="number" min="1" max="127" step="1" value="0"><input id="quadrant_a_modline_2_max" class="max" type="number" min="1" max="127" step="1" value="127"><button id="quadrant_a_modline_2_solo" class="btn toggle solo">Solo</button><input class="reporter" type="text"></div></div><div class="modline-sets" data-quadrant="B"><div class="clearfix modline master default" data-modcount="1"><input id="quadrant_b_modline_1_message_type" class="note type" type="text" value="Note" disabled="disabled"> <select class="mod-voice" name="" id="quadrant_b_modline_1_source"><option value="-1" selected="selected">Off</option><option value="0">Velocity</option><option value="2">Pressure</option><option value="4">Initial Radius</option><option value="6">Radius</option><option value="8">Radius (rel)</option></select> <button id="quadrant_b_modline_1_invert_source" class="btn toggle invert-source" value="-1">Invert</button> <input id="quadrant_b_modline_1_gain" class="gain" type="number" min="0.1" max="1.75" step="0.01" value="1.00"> <input id="quadrant_b_modline_1_offset" class="offset" type="number" min="0" max="" step="1" value="0"> <select class="curve" name="" id="quadrant_b_modline_1_table"><option value="0" selected="selected">Linear</option><option value="1">Logarithmic</option><option value="2">Exponential</option><option value="3">Light</option><option value="4">Medium</option><option value="5">Hard</option><option value="6">Dynamic</option><option value="7">User Table 1</option><option value="8">User Table 2</option><option value="9">User Table 3</option><option value="10">User Table 4</option></select> <input id="quadrant_b_modline_1_min" class="min" type="number" min="0" max="127" step="1" value="0"> <input id="quadrant_b_modline_1_max" class="max" type="number" min="0" max="127" step="1" value="127"> <button id="quadrant_b_modline_1_solo" class="btn toggle solo" value="-1">Solo</button> <input class="reporter" type="text"></div><div class="clearfix modline" data-modcount="2"><div class="input-group cc"><select class="message-type" name="" id="quadrant_b_modline_2_message_type"><option value="-1" data-message-type="off" selected="">Off</option><option value="-4" data-message-type="224">Pitch Bend</option><option value="-2" data-message-type="208">Channel Pressure</option><option value="-3" data-message-type="160">Poly Aftertouch</option><option value="cc" data-message-type="176">CC</option></select><input id="quadrant_b_modline_2_cc_number" class="cc-number" type="number" min="0" max="127" step="1" value="0"></div><select class="mod-voice" name="" id="quadrant_b_modline_2_source"><option value="-1" selected="">Off</option><option value="0">Velocity</option><option value="2">Pressure</option><option value="4">Initial Radius</option><option value="6">Radius</option><option value="8">Radius (rel)</option></select><button id="quadrant_b_modline_2_invert_source" class="btn toggle invert-source" value="-1">Invert</button><input id="quadrant_b_modline_2_gain" class="gain" type="number" min="0.1" max="1.75" step="0.01" value="1.00"><input id="quadrant_b_modline_2_offset" class="offset" type="number" min="0" max="127" step="1" value="0"><select class="curve" name="" id="quadrant_b_modline_2_table"><option value="0" selected="">Linear</option><option value="1">Logarithmic</option><option value="2">Exponential</option><option value="3">Light</option><option value="4">Medium</option><option value="5">Hard</option><option value="6">Dynamic</option><option value="7">User Table 1</option><option value="8">User Table 2</option><option value="9">User Table 3</option><option value="10">User Table 4</option></select><input id="quadrant_b_modline_2_min" class="min" type="number" min="1" max="127" step="1" value="0"><input id="quadrant_b_modline_2_max" class="max" type="number" min="1" max="127" step="1" value="127"><button id="quadrant_b_modline_2_solo" class="btn toggle solo">Solo</button><input class="reporter" type="text"></div></div><div class="modline-sets" data-quadrant="C"><div class="clearfix modline master default" data-modcount="1"><input id="quadrant_c_modline_1_message_type" class="note type" type="text" value="Note" disabled="disabled"> <select class="mod-voice" name="" id="quadrant_c_modline_1_source"><option value="-1" selected="selected">Off</option><option value="0">Velocity</option><option value="2">Pressure</option><option value="4">Initial Radius</option><option value="6">Radius</option><option value="8">Radius (rel)</option></select> <button id="quadrant_c_modline_1_invert_source" class="btn toggle invert-source" value="-1">Invert</button> <input id="quadrant_c_modline_1_gain" class="gain" type="number" min="0.1" max="1.75" step="0.01" value="1.00"> <input id="quadrant_c_modline_1_offset" class="offset" type="number" min="0" max="" step="1" value="0"> <select class="curve" name="" id="quadrant_c_modline_1_table"><option value="0" selected="selected">Linear</option><option value="1">Logarithmic</option><option value="2">Exponential</option><option value="3">Light</option><option value="4">Medium</option><option value="5">Hard</option><option value="6">Dynamic</option><option value="7">User Table 1</option><option value="8">User Table 2</option><option value="9">User Table 3</option><option value="10">User Table 4</option></select> <input id="quadrant_c_modline_1_min" class="min" type="number" min="0" max="127" step="1" value="0"> <input id="quadrant_c_modline_1_max" class="max" type="number" min="0" max="127" step="1" value="127"> <button id="quadrant_c_modline_1_solo" class="btn toggle solo" value="-1">Solo</button> <input class="reporter" type="text"></div><div class="clearfix modline" data-modcount="2"><div class="input-group cc"><select class="message-type" name="" id="quadrant_c_modline_2_message_type"><option value="-1" data-message-type="off" selected="">Off</option><option value="-4" data-message-type="224">Pitch Bend</option><option value="-2" data-message-type="208">Channel Pressure</option><option value="-3" data-message-type="160">Poly Aftertouch</option><option value="cc" data-message-type="176">CC</option></select><input id="quadrant_c_modline_2_cc_number" class="cc-number" type="number" min="0" max="127" step="1" value="0"></div><select class="mod-voice" name="" id="quadrant_c_modline_2_source"><option value="-1" selected="">Off</option><option value="0">Velocity</option><option value="2">Pressure</option><option value="4">Initial Radius</option><option value="6">Radius</option><option value="8">Radius (rel)</option></select><button id="quadrant_c_modline_2_invert_source" class="btn toggle invert-source" value="-1">Invert</button><input id="quadrant_c_modline_2_gain" class="gain" type="number" min="0.1" max="1.75" step="0.01" value="1.00"><input id="quadrant_c_modline_2_offset" class="offset" type="number" min="0" max="127" step="1" value="0"><select class="curve" name="" id="quadrant_c_modline_2_table"><option value="0" selected="">Linear</option><option value="1">Logarithmic</option><option value="2">Exponential</option><option value="3">Light</option><option value="4">Medium</option><option value="5">Hard</option><option value="6">Dynamic</option><option value="7">User Table 1</option><option value="8">User Table 2</option><option value="9">User Table 3</option><option value="10">User Table 4</option></select><input id="quadrant_c_modline_2_min" class="min" type="number" min="1" max="127" step="1" value="0"><input id="quadrant_c_modline_2_max" class="max" type="number" min="1" max="127" step="1" value="127"><button id="quadrant_c_modline_2_solo" class="btn toggle solo">Solo</button><input class="reporter" type="text"></div></div><div class="modline-sets" data-quadrant="D"><div class="clearfix modline master default" data-modcount="1"><input id="quadrant_d_modline_1_message_type" class="note type" type="text" value="Note" disabled="disabled"> <select class="mod-voice" name="" id="quadrant_d_modline_1_source"><option value="-1" selected="selected">Off</option><option value="0">Velocity</option><option value="2">Pressure</option><option value="4">Initial Radius</option><option value="6">Radius</option><option value="8">Radius (rel)</option></select> <button id="quadrant_d_modline_1_invert_source" class="btn toggle invert-source" value="-1">Invert</button> <input id="quadrant_d_modline_1_gain" class="gain" type="number" min="0.1" max="1.75" step="0.01" value="1.00"> <input id="quadrant_d_modline_1_offset" class="offset" type="number" min="0" max="127" step="1" value="0"> <select class="curve" name="" id="quadrant_d_modline_1_table"><option value="0" selected="selected">Linear</option><option value="1">Logarithmic</option><option value="2">Exponential</option><option value="3">Light</option><option value="4">Medium</option><option value="5">Hard</option><option value="6">Dynamic</option><option value="7">User Table 1</option><option value="8">User Table 2</option><option value="9">User Table 3</option><option value="10">User Table 4</option></select> <input id="quadrant_d_modline_1_min" class="min" type="number" min="1" max="127" step="1" value="1"> <input id="quadrant_d_modline_1_max" class="max" type="number" min="1" max="127" step="1" value="127"> <button id="quadrant_d_modline_1_solo" class="btn toggle solo" value="-1">Solo</button> <input class="reporter" type="text"></div><div class="clearfix modline" data-modcount="2"><div class="input-group cc"><select class="message-type" name="" id="quadrant_d_modline_2_message_type"><option value="-1" data-message-type="off" selected="">Off</option><option value="-4" data-message-type="224">Pitch Bend</option><option value="-2" data-message-type="208">Channel Pressure</option><option value="-3" data-message-type="160">Poly Aftertouch</option><option value="cc" data-message-type="176">CC</option></select><input id="quadrant_d_modline_2_cc_number" class="cc-number" type="number" min="0" max="127" step="1" value="0"></div><select class="mod-voice" name="" id="quadrant_d_modline_2_source"><option value="-1" selected="">Off</option><option value="0">Velocity</option><option value="2">Pressure</option><option value="4">Initial Radius</option><option value="6">Radius</option><option value="8">Radius (rel)</option></select><button id="quadrant_d_modline_2_invert_source" class="btn toggle invert-source" value="-1">Invert</button><input id="quadrant_d_modline_2_gain" class="gain" type="number" min="0.1" max="1.75" step="0.01" value="1.00"><input id="quadrant_d_modline_2_offset" class="offset" type="number" min="0" max="127" step="1" value="0"><select class="curve" name="" id="quadrant_d_modline_2_table"><option value="0" selected="">Linear</option><option value="1">Logarithmic</option><option value="2">Exponential</option><option value="3">Light</option><option value="4">Medium</option><option value="5">Hard</option><option value="6">Dynamic</option><option value="7">User Table 1</option><option value="8">User Table 2</option><option value="9">User Table 3</option><option value="10">User Table 4</option></select><input id="quadrant_d_modline_2_min" class="min" type="number" min="1" max="127" step="1" value="0"><input id="quadrant_d_modline_2_max" class="max" type="number" min="1" max="127" step="1" value="127"><button id="quadrant_d_modline_2_solo" class="btn toggle solo">Solo</button><input class="reporter" type="text"></div></div><div class="clearfix create-remove"><button data-action="create" class="create">+</button> <button data-action="remove" class="remove">-</button></div></div><div id="global_settings" class="section"><h2>Device Settings</h2><div class="control-group globals"><div class="control-set"><div class="control unison"><div class="label">Unison Mode</div><button id="unison" data-action="unison-toggle" data-on-values="0,1,2,3" class="btn unison-toggle" value="-1">Disabled</button></div><div class="control all-mode"><div class="label">All Quadrant Mode</div><button id="allmode" data-action="all-mode-toggle" class="btn toggle all-mode-toggle" value="-1">Disabled</button></div></div></div><div class="control-group prefs-usertables" id="preferences"><div class="control preferences"><button id="preferences_btn" data-action="prefs">Preferences</button></div><div class="control usertables"><button id="usertables_btn" data-action="usertables">User Tables</button></div></div></div></div></div></div><div id="prefs" class="modal-pre-content"><div class="pref versions"><p>versions: <span class="updating-status"></span> <span class="editor-version">editor: <span class="version">1.1.1</span></span> <span class="firmware-version">firmware: <span class="version">0.0.0</span></span></p></div><div class="prefs"><div class="pref-group global-sensitivity"><div class="pref sensitivity"><div class="label">Global Sensitivity <span class="value"></span></div><div class="slider-buttons"><button class="nostyle decrease" data-action="decrease">—</button> <input data-action="global-sensitivity" id="sensitivity_global" class="slider" type="range" step="1" min="1" max="100" value="16"> <button class="nostyle increase" data-action="increase">+</button></div><button data-action="reset-global-sensitivity" class="reset-global-sensitvity">Reset Global Sensitivity</button></div></div><div class="pref-group narrow multitouch-crosstalk"><div class="pref multitouch"><div class="label">Multitouch</div><button data-action="multitouch-toggle" id="multitouch_enable" class="btn toggle multitouch active" value="0">Enabled</button></div><div class="pref crosstalk"><div class="label">Crosstalk Cancellation</div><button data-action="crosstalk-toggle" id="crosstalk" class="btn toggle crosstalk active" data-on-values="50," value="33">Enabled</button></div></div><div class="pref-group narrow expander-unique"><div class="pref expandermode"><div class="label">MIDI Expander Mode</div><button class="btn toggle expander active" data-action="expandermode" id="expander" value="0">Enabled</button></div><div class="pref change-filter"><div class="label">Unique Message Values</div><button class="btn change-filter active" data-action="change-filter" id="change_filter" value="1">Enabled</button></div></div><div class="pref-group export-tooltips"><div class="pref export"><div class="label">Export User Presets</div><button class="btn export" data-action="exportpresets">Export</button></div><div class="pref tooltips"><div class="label">Tooltips</div><button class="btn tooltips" data-action="tooltips" id="tooltips" value="-1">Disabled</button></div></div><div class="pref-group midi-thru"><div class="pref midithru"><div class="label">MIDI Thru</div><select id="midithru" name="midithru" disabled="disabled"><option value="none" label="None"></option></select></div><div class="pref firmware"><div class="label">Device Firmware</div><button class="btn" data-action="firmware" disabled="disabled">Update Firmware</button></div></div></div></div><div id="usercurves" class="modal-pre-content"><div class="usercurves"><div class="table-buttons"></div><div id="velocitycurves" nexus-ui="" style="width: 500px; height: 200px;"><svg width="500" height="200" style="background-color: rgb(51, 51, 51); cursor: pointer; opacity: 1;"><rect x="-0.1" y="200" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="-0.1" y="200" width="4.10625" height="5" fill="#00adef"></rect><rect x="3.80625" y="198.4251968503937" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="3.80625" y="198.4251968503937" width="4.10625" height="5" fill="#00adef"></rect><rect x="7.7125" y="196.8503937007874" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="7.7125" y="196.8503937007874" width="4.10625" height="5" fill="#00adef"></rect><rect x="11.61875" y="195.2755905511811" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="11.61875" y="195.2755905511811" width="4.10625" height="5" fill="#00adef"></rect><rect x="15.525" y="193.70078740157481" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="15.525" y="193.70078740157481" width="4.10625" height="5" fill="#00adef"></rect><rect x="19.43125" y="192.1259842519685" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="19.43125" y="192.1259842519685" width="4.10625" height="5" fill="#00adef"></rect><rect x="23.3375" y="190.5511811023622" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="23.3375" y="190.5511811023622" width="4.10625" height="5" fill="#00adef"></rect><rect x="27.24375" y="188.9763779527559" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="27.24375" y="188.9763779527559" width="4.10625" height="5" fill="#00adef"></rect><rect x="31.15" y="187.4015748031496" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="31.15" y="187.4015748031496" width="4.10625" height="5" fill="#00adef"></rect><rect x="35.05625" y="185.82677165354332" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="35.05625" y="185.82677165354332" width="4.10625" height="5" fill="#00adef"></rect><rect x="38.9625" y="184.251968503937" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="38.9625" y="184.251968503937" width="4.10625" height="5" fill="#00adef"></rect><rect x="42.86875" y="182.6771653543307" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="42.86875" y="182.6771653543307" width="4.10625" height="5" fill="#00adef"></rect><rect x="46.775" y="181.10236220472441" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="46.775" y="181.10236220472441" width="4.10625" height="5" fill="#00adef"></rect><rect x="50.68125" y="179.5275590551181" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="50.68125" y="179.5275590551181" width="4.10625" height="5" fill="#00adef"></rect><rect x="54.5875" y="177.95275590551182" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="54.5875" y="177.95275590551182" width="4.10625" height="5" fill="#00adef"></rect><rect x="58.49375" y="176.3779527559055" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="58.49375" y="176.3779527559055" width="4.10625" height="5" fill="#00adef"></rect><rect x="62.4" y="174.8031496062992" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="62.4" y="174.8031496062992" width="4.10625" height="5" fill="#00adef"></rect><rect x="66.30625" y="173.22834645669292" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="66.30625" y="173.22834645669292" width="4.10625" height="5" fill="#00adef"></rect><rect x="70.2125" y="171.6535433070866" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="70.2125" y="171.6535433070866" width="4.10625" height="5" fill="#00adef"></rect><rect x="74.11875" y="170.07874015748033" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="74.11875" y="170.07874015748033" width="4.10625" height="5" fill="#00adef"></rect><rect x="78.025" y="168.50393700787401" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="78.025" y="168.50393700787401" width="4.10625" height="5" fill="#00adef"></rect><rect x="81.93125" y="166.92913385826773" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="81.93125" y="166.92913385826773" width="4.10625" height="5" fill="#00adef"></rect><rect x="85.8375" y="165.35433070866142" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="85.8375" y="165.35433070866142" width="4.10625" height="5" fill="#00adef"></rect><rect x="89.74375" y="163.7795275590551" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="89.74375" y="163.7795275590551" width="4.10625" height="5" fill="#00adef"></rect><rect x="93.65" y="162.20472440944883" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="93.65" y="162.20472440944883" width="4.10625" height="5" fill="#00adef"></rect><rect x="97.55625" y="160.62992125984252" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="97.55625" y="160.62992125984252" width="4.10625" height="5" fill="#00adef"></rect><rect x="101.4625" y="159.0551181102362" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="101.4625" y="159.0551181102362" width="4.10625" height="5" fill="#00adef"></rect><rect x="105.36875" y="157.48031496062993" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="105.36875" y="157.48031496062993" width="4.10625" height="5" fill="#00adef"></rect><rect x="109.275" y="155.90551181102362" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="109.275" y="155.90551181102362" width="4.10625" height="5" fill="#00adef"></rect><rect x="113.18125" y="154.33070866141733" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="113.18125" y="154.33070866141733" width="4.10625" height="5" fill="#00adef"></rect><rect x="117.0875" y="152.75590551181102" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="117.0875" y="152.75590551181102" width="4.10625" height="5" fill="#00adef"></rect><rect x="120.99375" y="151.18110236220474" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="120.99375" y="151.18110236220474" width="4.10625" height="5" fill="#00adef"></rect><rect x="124.9" y="149.60629921259843" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="124.9" y="149.60629921259843" width="4.10625" height="5" fill="#00adef"></rect><rect x="128.80625" y="148.03149606299212" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="128.80625" y="148.03149606299212" width="4.10625" height="5" fill="#00adef"></rect><rect x="132.7125" y="146.45669291338584" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="132.7125" y="146.45669291338584" width="4.10625" height="5" fill="#00adef"></rect><rect x="136.61875" y="144.88188976377953" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="136.61875" y="144.88188976377953" width="4.10625" height="5" fill="#00adef"></rect><rect x="140.525" y="143.30708661417322" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="140.525" y="143.30708661417322" width="4.10625" height="5" fill="#00adef"></rect><rect x="144.43125" y="141.73228346456693" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="144.43125" y="141.73228346456693" width="4.10625" height="5" fill="#00adef"></rect><rect x="148.3375" y="140.15748031496062" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="148.3375" y="140.15748031496062" width="4.10625" height="5" fill="#00adef"></rect><rect x="152.24375" y="138.58267716535434" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="152.24375" y="138.58267716535434" width="4.10625" height="5" fill="#00adef"></rect><rect x="156.15" y="137.00787401574803" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="156.15" y="137.00787401574803" width="4.10625" height="5" fill="#00adef"></rect><rect x="160.05625" y="135.43307086614175" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="160.05625" y="135.43307086614175" width="4.10625" height="5" fill="#00adef"></rect><rect x="163.9625" y="133.85826771653544" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="163.9625" y="133.85826771653544" width="4.10625" height="5" fill="#00adef"></rect><rect x="167.86875" y="132.28346456692913" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="167.86875" y="132.28346456692913" width="4.10625" height="5" fill="#00adef"></rect><rect x="171.775" y="130.70866141732284" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="171.775" y="130.70866141732284" width="4.10625" height="5" fill="#00adef"></rect><rect x="175.68125" y="129.13385826771653" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="175.68125" y="129.13385826771653" width="4.10625" height="5" fill="#00adef"></rect><rect x="179.5875" y="127.55905511811024" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="179.5875" y="127.55905511811024" width="4.10625" height="5" fill="#00adef"></rect><rect x="183.49375" y="125.98425196850394" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="183.49375" y="125.98425196850394" width="4.10625" height="5" fill="#00adef"></rect><rect x="187.4" y="124.40944881889764" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="187.4" y="124.40944881889764" width="4.10625" height="5" fill="#00adef"></rect><rect x="191.30625" y="122.83464566929133" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="191.30625" y="122.83464566929133" width="4.10625" height="5" fill="#00adef"></rect><rect x="195.2125" y="121.25984251968504" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="195.2125" y="121.25984251968504" width="4.10625" height="5" fill="#00adef"></rect><rect x="199.11875" y="119.68503937007874" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="199.11875" y="119.68503937007874" width="4.10625" height="5" fill="#00adef"></rect><rect x="203.025" y="118.11023622047244" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="203.025" y="118.11023622047244" width="4.10625" height="5" fill="#00adef"></rect><rect x="206.93125" y="116.53543307086615" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="206.93125" y="116.53543307086615" width="4.10625" height="5" fill="#00adef"></rect><rect x="210.8375" y="114.96062992125984" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="210.8375" y="114.96062992125984" width="4.10625" height="5" fill="#00adef"></rect><rect x="214.74375" y="113.38582677165354" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="214.74375" y="113.38582677165354" width="4.10625" height="5" fill="#00adef"></rect><rect x="218.65" y="111.81102362204724" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="218.65" y="111.81102362204724" width="4.10625" height="5" fill="#00adef"></rect><rect x="222.55625" y="110.23622047244095" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="222.55625" y="110.23622047244095" width="4.10625" height="5" fill="#00adef"></rect><rect x="226.4625" y="108.66141732283465" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="226.4625" y="108.66141732283465" width="4.10625" height="5" fill="#00adef"></rect><rect x="230.36875" y="107.08661417322834" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="230.36875" y="107.08661417322834" width="4.10625" height="5" fill="#00adef"></rect><rect x="234.275" y="105.51181102362204" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="234.275" y="105.51181102362204" width="4.10625" height="5" fill="#00adef"></rect><rect x="238.18125" y="103.93700787401575" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="238.18125" y="103.93700787401575" width="4.10625" height="5" fill="#00adef"></rect><rect x="242.0875" y="102.36220472440945" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="242.0875" y="102.36220472440945" width="4.10625" height="5" fill="#00adef"></rect><rect x="245.99375" y="100.78740157480316" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="245.99375" y="100.78740157480316" width="4.10625" height="5" fill="#00adef"></rect><rect x="249.9" y="99.21259842519684" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="249.9" y="99.21259842519684" width="4.10625" height="5" fill="#00adef"></rect><rect x="253.80625" y="97.63779527559055" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="253.80625" y="97.63779527559055" width="4.10625" height="5" fill="#00adef"></rect><rect x="257.7125" y="96.06299212598425" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="257.7125" y="96.06299212598425" width="4.10625" height="5" fill="#00adef"></rect><rect x="261.61875" y="94.48818897637796" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="261.61875" y="94.48818897637796" width="4.10625" height="5" fill="#00adef"></rect><rect x="265.525" y="92.91338582677166" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="265.525" y="92.91338582677166" width="4.10625" height="5" fill="#00adef"></rect><rect x="269.43125" y="91.33858267716535" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="269.43125" y="91.33858267716535" width="4.10625" height="5" fill="#00adef"></rect><rect x="273.3375" y="89.76377952755905" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="273.3375" y="89.76377952755905" width="4.10625" height="5" fill="#00adef"></rect><rect x="277.24375" y="88.18897637795276" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="277.24375" y="88.18897637795276" width="4.10625" height="5" fill="#00adef"></rect><rect x="281.15" y="86.61417322834646" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="281.15" y="86.61417322834646" width="4.10625" height="5" fill="#00adef"></rect><rect x="285.05625" y="85.03937007874016" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="285.05625" y="85.03937007874016" width="4.10625" height="5" fill="#00adef"></rect><rect x="288.9625" y="83.46456692913385" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="288.9625" y="83.46456692913385" width="4.10625" height="5" fill="#00adef"></rect><rect x="292.86875" y="81.88976377952756" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="292.86875" y="81.88976377952756" width="4.10625" height="5" fill="#00adef"></rect><rect x="296.775" y="80.31496062992126" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="296.775" y="80.31496062992126" width="4.10625" height="5" fill="#00adef"></rect><rect x="300.68125" y="78.74015748031496" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="300.68125" y="78.74015748031496" width="4.10625" height="5" fill="#00adef"></rect><rect x="304.5875" y="77.16535433070867" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="304.5875" y="77.16535433070867" width="4.10625" height="5" fill="#00adef"></rect><rect x="308.49375" y="75.59055118110236" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="308.49375" y="75.59055118110236" width="4.10625" height="5" fill="#00adef"></rect><rect x="312.4" y="74.01574803149606" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="312.4" y="74.01574803149606" width="4.10625" height="5" fill="#00adef"></rect><rect x="316.30625" y="72.44094488188976" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="316.30625" y="72.44094488188976" width="4.10625" height="5" fill="#00adef"></rect><rect x="320.2125" y="70.86614173228347" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="320.2125" y="70.86614173228347" width="4.10625" height="5" fill="#00adef"></rect><rect x="324.11875" y="69.29133858267716" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="324.11875" y="69.29133858267716" width="4.10625" height="5" fill="#00adef"></rect><rect x="328.025" y="67.71653543307087" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="328.025" y="67.71653543307087" width="4.10625" height="5" fill="#00adef"></rect><rect x="331.93125" y="66.14173228346456" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="331.93125" y="66.14173228346456" width="4.10625" height="5" fill="#00adef"></rect><rect x="335.8375" y="64.56692913385828" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="335.8375" y="64.56692913385828" width="4.10625" height="5" fill="#00adef"></rect><rect x="339.74375" y="62.99212598425197" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="339.74375" y="62.99212598425197" width="4.10625" height="5" fill="#00adef"></rect><rect x="343.65" y="61.41732283464566" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="343.65" y="61.41732283464566" width="4.10625" height="5" fill="#00adef"></rect><rect x="347.55625" y="59.84251968503938" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="347.55625" y="59.84251968503938" width="4.10625" height="5" fill="#00adef"></rect><rect x="351.4625" y="58.26771653543307" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="351.4625" y="58.26771653543307" width="4.10625" height="5" fill="#00adef"></rect><rect x="355.36875" y="56.692913385826785" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="355.36875" y="56.692913385826785" width="4.10625" height="5" fill="#00adef"></rect><rect x="359.275" y="55.118110236220474" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="359.275" y="55.118110236220474" width="4.10625" height="5" fill="#00adef"></rect><rect x="363.18125" y="53.54330708661416" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="363.18125" y="53.54330708661416" width="4.10625" height="5" fill="#00adef"></rect><rect x="367.0875" y="51.96850393700788" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="367.0875" y="51.96850393700788" width="4.10625" height="5" fill="#00adef"></rect><rect x="370.99375" y="50.39370078740157" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="370.99375" y="50.39370078740157" width="4.10625" height="5" fill="#00adef"></rect><rect x="374.9" y="48.81889763779529" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="374.9" y="48.81889763779529" width="4.10625" height="5" fill="#00adef"></rect><rect x="378.80625" y="47.24409448818898" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="378.80625" y="47.24409448818898" width="4.10625" height="5" fill="#00adef"></rect><rect x="382.7125" y="45.66929133858267" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="382.7125" y="45.66929133858267" width="4.10625" height="5" fill="#00adef"></rect><rect x="386.61875" y="44.094488188976385" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="386.61875" y="44.094488188976385" width="4.10625" height="5" fill="#00adef"></rect><rect x="390.525" y="42.519685039370074" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="390.525" y="42.519685039370074" width="4.10625" height="5" fill="#00adef"></rect><rect x="394.43125" y="40.94488188976379" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="394.43125" y="40.94488188976379" width="4.10625" height="5" fill="#00adef"></rect><rect x="398.3375" y="39.37007874015748" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="398.3375" y="39.37007874015748" width="4.10625" height="5" fill="#00adef"></rect><rect x="402.24375" y="37.79527559055117" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="402.24375" y="37.79527559055117" width="4.10625" height="5" fill="#00adef"></rect><rect x="406.15" y="36.22047244094489" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="406.15" y="36.22047244094489" width="4.10625" height="5" fill="#00adef"></rect><rect x="410.05625" y="34.64566929133858" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="410.05625" y="34.64566929133858" width="4.10625" height="5" fill="#00adef"></rect><rect x="413.9625" y="33.070866141732296" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="413.9625" y="33.070866141732296" width="4.10625" height="5" fill="#00adef"></rect><rect x="417.86875" y="31.496062992125985" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="417.86875" y="31.496062992125985" width="4.10625" height="5" fill="#00adef"></rect><rect x="421.775" y="29.921259842519675" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="421.775" y="29.921259842519675" width="4.10625" height="5" fill="#00adef"></rect><rect x="425.68125" y="28.346456692913392" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="425.68125" y="28.346456692913392" width="4.10625" height="5" fill="#00adef"></rect><rect x="429.5875" y="26.77165354330708" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="429.5875" y="26.77165354330708" width="4.10625" height="5" fill="#00adef"></rect><rect x="433.49375" y="25.1968503937008" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="433.49375" y="25.1968503937008" width="4.10625" height="5" fill="#00adef"></rect><rect x="437.4" y="23.62204724409449" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="437.4" y="23.62204724409449" width="4.10625" height="5" fill="#00adef"></rect><rect x="441.30625" y="22.04724409448818" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="441.30625" y="22.04724409448818" width="4.10625" height="5" fill="#00adef"></rect><rect x="445.2125" y="20.472440944881896" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="445.2125" y="20.472440944881896" width="4.10625" height="5" fill="#00adef"></rect><rect x="449.11875" y="18.897637795275585" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="449.11875" y="18.897637795275585" width="4.10625" height="5" fill="#00adef"></rect><rect x="453.025" y="17.322834645669303" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="453.025" y="17.322834645669303" width="4.10625" height="5" fill="#00adef"></rect><rect x="456.93125" y="15.748031496062993" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="456.93125" y="15.748031496062993" width="4.10625" height="5" fill="#00adef"></rect><rect x="460.8375" y="14.173228346456682" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="460.8375" y="14.173228346456682" width="4.10625" height="5" fill="#00adef"></rect><rect x="464.74375" y="12.5984251968504" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="464.74375" y="12.5984251968504" width="4.10625" height="5" fill="#00adef"></rect><rect x="468.65" y="11.02362204724409" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="468.65" y="11.02362204724409" width="4.10625" height="5" fill="#00adef"></rect><rect x="472.55625" y="9.448818897637807" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="472.55625" y="9.448818897637807" width="4.10625" height="5" fill="#00adef"></rect><rect x="476.4625" y="7.874015748031496" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="476.4625" y="7.874015748031496" width="4.10625" height="5" fill="#00adef"></rect><rect x="480.36875" y="6.299212598425186" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="480.36875" y="6.299212598425186" width="4.10625" height="5" fill="#00adef"></rect><rect x="484.275" y="4.7244094488189035" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="484.275" y="4.7244094488189035" width="4.10625" height="5" fill="#00adef"></rect><rect x="488.18125" y="3.149606299212593" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="488.18125" y="3.149606299212593" width="4.10625" height="5" fill="#00adef"></rect><rect x="492.0875" y="1.5748031496063106" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="492.0875" y="1.5748031496063106" width="4.10625" height="5" fill="#00adef"></rect><rect x="495.99375" y="0" width="4.10625" height="200" opacity="0.5" fill="#00adef"></rect><rect x="495.99375" y="0" width="4.10625" height="5" fill="#00adef"></rect></svg></div><div class="form" data-selectedtable="User Table 1"><select id="curveSelect"></select><div class="buttons"><button class="btn save-curve" data-action="save-curve">save</button> <button class="btn reset-curve" data-action="reset-curve">reset</button></div></div></div></div><div class="modal"><div class="modal-inner"><span data-modal-close="">×</span><div class="modal-content"></div></div></div><dialog id="upgradeNotice"><p>Your firmware is incompatible with this editor and must be updated to continue.</p><form method="dialog"><button id="closeDialogBtn">Close Editor</button> <button id="updateDialogBtn" value="default">Update Firmware</button></form></dialog><script>if(isElectron()){
const { ipcRenderer } = require('electron');
ipcRenderer.on('firmware-update', function() {
console.log('>> updating-firmware');
globalThis.FWU('BopPad')
});
ipcRenderer.on('preset-export', function() {
console.log('>> exporting presets');
globalThis.exportLocalStorage()
});
ipcRenderer.on('preset-import', function(event, presets) {
console.log('>> importing preset');
globalThis.importLocalStorage(presets)
});
ipcRenderer.on('preferences', function() {
console.log('>> open preferences');
document.getElementById('preferences_btn').click();
});
ipcRenderer.on('usertables', function() {
console.log('>> open usertables');
document.getElementById('usertables_btn').click();
});
ipcRenderer.on('toggle-tooltips', function(event, state) {
console.log('>> toggling tooltips');
globalThis.toggleTooltips(state)
});
ipcRenderer.on('downloading-update', function(event) {
console.log('>> downloading-update');
document.querySelector('.status-bar').classList.add('downloading-update')
});
ipcRenderer.on('downloading-update-complete', function(event) {
console.log('>> downloading-update-complete');
document.querySelector('.status-bar').classList.remove('downloading-update')
});
}
function isElectron() {
// Renderer process
if (typeof window !== 'undefined' && typeof window.process === 'object' && window.process.type === 'renderer') {
return true;
}
// Main process
if (typeof process !== 'undefined' && typeof process.versions === 'object' && !!process.versions.electron) {
return true;
}
// Detect the user agent when the `nodeIntegration` option is set to false
if (typeof navigator === 'object' && typeof navigator.userAgent === 'string' && navigator.userAgent.indexOf('Electron') >= 0) {
return true;
}
return false;
}</script><script>if(!isElectron() && window.location.hostname != 'localhost'){
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-6182397-10', 'auto');
ga('send', 'pageview');
}</script>
</body>
</html>