Is there any way to swap the components ?

[echobinod]

Hello @artf,

<div class="wrapper">
    <div class="component1">
    component 1
    </div>
    <div class="component2">
    component 2
    </div>
</div>

Here I want to swap component 1 and component 2, How can I achieve this ?

[artf]

You can move components programmatically.

[echobinod]

const dest = editor.getWrapper();
editor.getSelected().move(dest, { at: 0 });

@artf how to move the component at specific #id or unique attribute with value ? The destination I need is at some element with #id

[iabhiyaan]

I think

editor.getSelected().move(dest, { at: editor.getSelected().index() + 1 });
Or, 
editor.getSelected().move(dest, { at: editor.getSelected().index() - 1 });

[artf]

you can also query your components with find, eg.

const newDest = editor.getWrapper().find(`#some-id`)[0];

[echobinod]

Thanks @artf

[echobinod]

Thanks @iabhiyaan that is what needed.