How does the Mui tab realize circular rotation

I've been in touch with mui The front frame , The requirement to do is to make a tab that can rotate , As a result, viewing the official documents is actually only a few strokes for the rotation component , Didn't even say how to rotate .

I have no choice but to think about it myself , Finally, by mistake, it is about to realize the rotation ：
Briefly html Code ：

<div class="mui-slider client-slider">
          <div class="tab-title-box">
              <div id="sliderSegmentedControl1" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
                  <a class="mui-control-item mui-active" href="#item1"><span> tab 1</span></a>
                  <a class="mui-control-item" href="#item2"><span> tab 2</span></a>
                  <a class="mui-control-item" href="#item3"><span> tab 3</span></a>
                  <a class="mui-control-item" href="#item4"><span> tab 4</span></a>
              </div>
          </div>
  
          <div id="sliderProgressBar" class="mui-slider-progress-bar" style="width: 20%;"></div>
          <div class="mui-slider-group">
              <div id="item1" class="mui-slider-item mui-control-content mui-active">
                tab 1 Content 
              </div>
              <div id="item2" class="mui-slider-item mui-control-content">
                tab 2 Content 
              </div>
              <div id="item3" class="mui-slider-item mui-control-content">
               tab 3 Content 
              </div>
              <div id="item4" class="mui-slider-item mui-control-content">
                tab 4 Content 
              </div>
              
          </div>
      </div>

js Code ：

// Shuffling figure 
  var gallery = mui('.mui-slider');
  gallery.slider({
    
      interval: 6000,   // Automatic carousel cycle , if 0 It doesn't play automatically , The default is 0;
      scrollY: true,
			scrollX: false,
			indicators: true
  });
document.getElementsByClassName('client-slider')[0].addEventListener('slide', function(event) {
    
    var length = $('.client-slider .mui-control-item').length - 1
    if (event.detail.slideNumber === length){
    
      setTimeout(function(){
    
        mui(".client-slider").slider().gotoItem(0);// Return to the first picture 
      },6001) //  It's strange , Interval time 6000 no way ,4000~5000 Some values are also stuck directly .
    }
　　event.stopPropagation();
});	

This component needs to continue to study the source code . Simply looking at the documents can't do anything at all .