<div class="mod-pedal x42-autotune{{{cns}}}">
    <div mod-role="drag-handle" class="mod-drag-handle"></div>
		<div class="x42-brand"><h1 title="Brought to you by x42.">x42</h1></div>
    <div class="x42-plugin-name"><h1>fAT1</h1></div>

    <div class="mod-control-group at-toprow clearfix">
			<div class="mod-enumerated-group clearfix">
				<div class="mod-enumerated" mod-role="input-control-port" mod-port-symbol="mode" mod-widget="custom-select">
					<div mod-role="input-control-value" mod-port-symbol="mode" class="mod-enumerated-selected"></div>
					<div class="mod-enumerated-list">
						<div mod-role="enumeration-option" mod-port-value="0">Auto</div>
						<div mod-role="enumeration-option" mod-port-value="1">MIDI</div>
						<div mod-role="enumeration-option" mod-port-value="2">Manual</div>
					</div>
				</div>
			</div>
			<div class="pitcherror clearfix" title="Indicate the pitch error of the input signal with respect to the current note. The range is +/- one semitone.">
				<div class="pitcherror bar" mod-role="pitch-error"></div>
			</div>
    </div>

    <div class="mod-control-group mod-aluminium top clearfix">
        <div class="mod-knob" title="This sets the frequency corresponding to 'A' pitch, in other words the required tuning. This will be the default 440 Hz in most cases.">
            <div class="mod-knob-image" mod-role="input-control-port" mod-port-symbol="tuning"></div>
            <span class="mod-knob-title">Tuning</span>
            <div class="mod-knob-value" contenteditable="true" mod-role="input-control-value" mod-port-symbol="tuning"></div>
        </div>
        <div class="mod-knob" title="Normally the pitch estimator will select the enabled note closest to the measured pitch. The Bias control adds some preference for the current note - this allows it to go off-tune more than would be the case otherwise.">
            <div class="mod-knob-image" mod-role="input-control-port" mod-port-symbol="bias"></div>
            <span class="mod-knob-title">Bias</span>
        </div>
        <div class="mod-knob" title="This sets the amount of smoothing on the pitch correction while the current note does not change. If it does change the filter is bypassed and the correction jumps immediately to the new value.">
            <div class="mod-knob-image" mod-role="input-control-port" mod-port-symbol="filter"></div>
            <span class="mod-knob-title">Filter</span>
        </div>
        <div class="mod-knob" title="Determines how much of the estimated pitch error gets corrected. Full correction may remove expression or vibrato.">
            <div class="mod-knob-image" mod-role="input-control-port" mod-port-symbol="corr"></div>
            <span class="mod-knob-title">Corr.</span>
        </div>
        <div class="mod-knob" title="Adds an offset in the range of +/- two semitones to the pitch correction. With the Correction control set to zero the result is a constant pitch change.">
            <div class="mod-knob-image" mod-role="input-control-port" mod-port-symbol="offset"></div>
            <span class="mod-knob-title">Offset</span>
            <div class="mod-knob-value" contenteditable="true" mod-role="input-control-value" mod-port-symbol="offset"></div>
        </div>
    </div>

    <div class="clearfix pianokeyboard" mod-role="piano-keyboard" style="display:block;">
        <div class="key key-white on" mod-widget="switch" mod-role="input-control-port" mod-port-symbol="m00"></div>
        <div class="key key-black on" mod-widget="switch" mod-role="input-control-port" mod-port-symbol="m01"></div>
        <div class="key key-white on" mod-widget="switch" mod-role="input-control-port" mod-port-symbol="m02"></div>
        <div class="key key-black on" mod-widget="switch" mod-role="input-control-port" mod-port-symbol="m03"></div>
        <div class="key key-white on" mod-widget="switch" mod-role="input-control-port" mod-port-symbol="m04"></div>
        <div class="key key-white on" mod-widget="switch" mod-role="input-control-port" mod-port-symbol="m05"></div>
        <div class="key key-black on" mod-widget="switch" mod-role="input-control-port" mod-port-symbol="m06"></div>
        <div class="key key-white on" mod-widget="switch" mod-role="input-control-port" mod-port-symbol="m07"></div>
        <div class="key key-black on" mod-widget="switch" mod-role="input-control-port" mod-port-symbol="m08"></div>
        <div class="key key-white on" mod-widget="switch" mod-role="input-control-port" mod-port-symbol="m09"></div>
        <div class="key key-black on" mod-widget="switch" mod-role="input-control-port" mod-port-symbol="m10"></div>
        <div class="key key-white on" mod-widget="switch" mod-role="input-control-port" mod-port-symbol="m11"></div>
    </div>

    <div class="mod-light on" mod-role="bypass-light"></div>
    <div class="mod-footswitch" mod-role="bypass"></div>

    <div class="mod-pedal-input">
        {{#effect.ports.audio.input}}
        <div class="mod-input mod-input-disconnected" title="{{name}}" mod-role="input-audio-port" mod-port-symbol="{{symbol}}">
            <div class="mod-pedal-input-image"></div>
        </div>
        {{/effect.ports.audio.input}}
        {{#effect.ports.midi.input}}
        <div class="mod-input mod-input-disconnected" title="{{name}}" mod-role="input-midi-port" mod-port-symbol="{{symbol}}">
            <div class="mod-pedal-input-image"></div>
        </div>
        {{/effect.ports.midi.input}}
        {{#effect.ports.cv.input}}
        <div class="mod-input mod-input-disconnected" title="{{name}}" mod-role="input-cv-port" mod-port-symbol="{{symbol}}">
            <div class="mod-pedal-input-image"></div>
        </div>
        {{/effect.ports.cv.input}}
    </div>
    <div class="mod-pedal-output">
        {{#effect.ports.audio.output}}
        <div class="mod-output mod-output-disconnected" title="{{name}}" mod-role="output-audio-port" mod-port-symbol="{{symbol}}">
            <div class="mod-pedal-output-image"></div>
        </div>
        {{/effect.ports.audio.output}}
        {{#effect.ports.midi.output}}
        <div class="mod-output mod-output-disconnected" title="{{name}}" mod-role="output-midi-port" mod-port-symbol="{{symbol}}">
            <div class="mod-pedal-output-image"></div>
        </div>
        {{/effect.ports.midi.output}}
        {{#effect.ports.cv.output}}
        <div class="mod-output mod-output-disconnected" title="{{name}}" mod-role="output-cv-port" mod-port-symbol="{{symbol}}">
            <div class="mod-pedal-output-image"></div>
        </div>
        {{/effect.ports.cv.output}}
    </div>
</div>
