add status to carousel builder (add to code block)

code-block.js

jQuery(document).ready(function($) {
  
  let carouselSelector = '.my-carousel';                /*  Change to your carousel class */
  let statusSelector = '.oxy-carousel-builder_status';  /*  Change to your text component class */

  let $carousel = $(carouselSelector).find($(carouselSelector).children().data('carousel'));
  var flkty = $carousel.data('flickity');
  
  if (flkty) {
    function updateStatus() {
      var cellNumber = flkty.selectedIndex + 1;
      $(statusSelector).text( cellNumber + '/' + flkty.slides.length );
    }
    updateStatus();
  }
  
  $carousel.on( 'change.flickity', updateStatus );
  
});

From David’s post:l on FB:

1. Add a text component somewhere on the page for the status
2. Give the text component a class, and your carousel a class.
3. Use this code inside a code block..
4. Customise to taste