wplit

<script>

  window.WP_Grid_Builder && WP_Grid_Builder.on('init', function(wpgb) {

    wpgb.facets.on('appended', function(content) {
      
      document.querySelectorAll('.x-slider').forEach(slider => {
        slider.classList.remove('x-slider_no-slides')
      })

wplit

<link rel="stylesheet" href="https://cdn.vidstack.io/player/theme.css" />
<link rel="stylesheet" href="https://cdn.vidstack.io/player/video.css" />

<script src="https://cdn.vidstack.io/player" type="module"></script>

<media-player 
  playsinline 
  load="play" 
  title="Sprite Fight" 
  src="youtube/_cMxraX_5RE"

wplit

<script>

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

    document.querySelectorAll('.brxe-xreadmoreless').forEach(readMore => {

        readMore.addEventListener('x_readmore:expanded', () => {

         if ( readMore.querySelector('.x-read-more_link') ) {

wplit

<script>
  
  document.addEventListener("DOMContentLoaded", () => {
  
    const offcanvas = document.getElementById('offcanvas-1');

    offcanvas.addEventListener("x_offcanvas:open", () => {
       document.body.classList.add('body-push-right')
    });

wplit

<script>

document.addEventListener("DOMContentLoaded", () => {
    
     const lightboxSelector = '.my-lightbox'; /* change to the class you are giving your lightbox(s) */

     document.querySelectorAll( lightboxSelector ).forEach((lightbox) => {

        lightbox.addEventListener('x_lightbox:open', () => {
   

wplit

<?php

function my_previous_post_where() {

	global $post, $wpdb;

	return $wpdb->prepare( "WHERE p.menu_order < %s AND p.post_type = %s AND p.post_status = 'publish'", $post->menu_order, $post->post_type);
}
add_filter( 'get_previous_post_where', 'my_previous_post_where' );

wplit

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

     document.querySelector('.x-back-to-top').addEventListener('x_back_to_top:scroll', () => {
      
	      document.body.setAttribute('tabindex', '-1');

	      document.body.focus({
		preventScroll: true

wplit

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

     const fluentFormElement = '.my-form'; /* change my-form to the class on your fluent form element */

     const form = document.querySelector(fluentFormElement + ' form');

     if (!form) {
         return

wplit

<script>

document.addEventListener("DOMContentLoaded", () => {
    
      const popoverSelector = '.my-popover'; /* change to your popover class/id */
  
      if ( document.querySelector(popoverSelector) ) {
          return;
      }

wplit

<?php


class X_Test_Element extends \Bricks\Element
{
    // Element properties
    public $category = "general";
    public $name = "xtestelement";
    public $icon = "ti-layout-width-full";