Swipeout direction

Hi, how can i know the swipeout direction? I want to delete on both sides, but trigger different functions for each one.

There’s actions left AND actions right.

  <div class="swipeout-actions-left">
    <!-- Swipeout actions links/buttons -->
    <a href="#">Action 1</a>
    <a href="#">Action 2</a>
  </div>
  <!-- Swipeout actions right -->
  <div class="swipeout-actions-right">
    <!-- Swipeout actions links/buttons -->
    <a href="#" class="swipeout-close">Action 1</a>
    <a href="#" class="swipeout-delete">Delete</a>
  </div>

I know, my code was like this:

           <div class="swipeout-actions-left"><a href="#" class="swipeout-delete swipeout-overswipe"><i class="material-icons">favorite</i></a>
           </div>
            <div class="swipeout-actions-right">
                <a href="#" class="swipeout-delete swipeout-overswipe graybg"><i class="material-icons">close</i></a>
         
           </div>

I end using Vue2InteractDraggable component and controlled the actions with it.