How to operate each channel in splitChannels?

[TD-jizhijun]

Hello team, I have two questions for splitChannels.

1. I have an audio file with two channels. I use splitChannels to split the two channels, but I want to make the distance between the two tracks larger. I set the style to achieve this, but when playing, their distance is restored.

<style>
    #root ::part(canvases) {
      display: flex;
      flex-direction: column;
      gap: 128px;
    }
 </style>
 
const wavesurfer = WaveSurfer.create({
        container: document.getElementById('root'),
        waveColor: 'rgb(200, 0, 200)',
        progressColor: 'rgb(100, 0, 100)',
        barHeight: 0.7,
        splitChannels: [
          {
            barWidth: 2,
            barGap: 2,
            barAlign: 'bottom',
          },
          {
            barWidth: 2,
            barGap: 2,
            barAlign: 'bottom',
          },
        ],
        media: audio,
      })

Before Playing

After Playing

2. In addition, I would also like to ask if the waveform positions of the two channels above can be swapped?

[TD-jizhijun]

I know how to do it.