Window object

window.formcentric = {
  // Initialisation function.Can be accessed manually and initialises all form containers found.
    initFormcentric: function,
  
  // Remove all forms (stops all forms and removes form containers from DOM)
  unmountAll: function,
  
  // Stop all forms (stops all forms, form containers remain in DOM)
  stopAll: function,
  
  // Returns the instance for the specified ID
  getInstance: function(id: string),
  
  // Enable debug mode
  debug: boolean,

   // Global path to file for overwriting localisations
   localesPath: string,
  
  // Formcentric app configuration
  formapp: {
    // Template definitions
    templates: object,
    
    // Start function (startup options are defined via configuration attributes)
    start: function(element: HTMLDivElement, option: StartOptions),
    
    // Form instances (by form ID)
    instances: {
      'YOUR-FORM-ID': {
        // Settings for this specific form instance
        
        // Initialisation element (populated automatically)
        initElement: HTMLElement,
        
        // Custom headers for the initial request
        initialRequestHeaders: {
          'Custom-Header': 'Value'
        },
        
        // Remove form (removes form container from DOM)
        unmount: function() { /* ... */ },
        
        // Stop form (stops the form, form container remains in DOM)
        stop: function() { /* ... */ }
      }
    }
  }
}

<script>
    // Initialise Formcentric object
    window.formcentric = window.formcentric || {};
    window.formcentric.formapp = window.formcentric.formapp || {};
    window.formcentric.formapp.instances = window.formcentric.formapp.instances || {};
    
    // Configuration for a specific form
    window.formcentric.formapp.instances['YOUR FORM ID'] = {
        initialRequestHeaders: {
            'Custom-Header': 'User-defined value'
        }
    };
</script>

<script>
    // Add form container
    const formContainer = document.createElement('div');
    formContainer.setAttribute('data-fc-id', 'YOUR FORM ID');
    formContainer.setAttribute('data-fc-src-url', 'https://form.formcentric.com')
    document.getElementById('form-placeholder').appendChild(formContainer);
    
    // Initialise Formcentric manually
    window.formcentric.initFormcentric();
</script>

<script>
    // Stop form and release all resources
    function stopForm() {
        window.formcentric.formapp.instances['YOUR FORM ID'].stop()
    }

    // Event listener for a button
    document.querySelector('.button--stop').addEventListener('click', stopForm)
</script>