invisible control if active slide has no caption

footer-scripts.html

<script>

document.addEventListener("DOMContentLoaded", () => {

  const sliderSelector = '#brxe-muqvzs'; /* ID of slider element */
  const controlSelector = '#brxe-tcsaja'; /* ID of control element */

  
  const slider = document.querySelector(sliderSelector)
  const control = document.querySelector(controlSelector)

  if (!slider || !control) { return }

    /* wait for slider to init */
    slider.addEventListener( 'x_slider:init', () => {
  
	/* listen for splide 'active' event */
     	 xSlider.Instances[slider.getAttribute('data-x-id')] .on( 'active', () => {

		/* change visibiliy based on content is found (the attachment text) */
        	control.style.visibility = control.querySelector('.x-slider-control_content').textContent.replace(/\u00A0/g, '').trim() === '' ? 'hidden' : 'visible'
     
	});
      
    });

});
  
</script>