<script>
// *** "copy this element" buttons code ***

// Define global values
const $_list = $('[bmg_copy-this="list"]')
const $_buttons = $('[bmg_copy-this="button"]')
const $_snippets = $('[bmg_copy-this="snippet"]')

// Define global strings
const s_item = '.w-dyn-item'

// Define global tracking values
var this_button_has_been_clicked = 0


// Main
$_list.find(s_item).each(function(i) {  

  // Set local variables
  var copyButton = $_buttons[i]
  var codeSnippet = JSON.parse( $_snippets[i].textContent )
  
  document.addEventListener("copy", (event) => {
  
    if ( this_button_has_been_clicked !== i ) {
      return // Prevent the code below to fire
    }             
    
    event.clipboardData.setData( "application/json", JSON.stringify(codeSnippet) )     
    event.preventDefault()
    
  })
  
  copyButton.onclick = function () {    
  
    this_button_has_been_clicked = i
    document.execCommand("copy")
    copyButton.innerText = "Copied to clipboard"
    changeButtonText()  
  
  }  
  
  function changeButtonText() {
  
    setTimeout(() => {
      copyButton.innerText = "Copy this element"
    }, 3000)  
  
  }

}) // End of main
</script>