wplit

<?php
     
function maybePostLink( $field ) {

 	$loopObject = \Bricks\Query::get_loop_object();
	
	if ( ! is_array( $loopObject ) ) return false;
 
     $post_id = $loopObject[$field] ?? ''; // actual field
 

wplit

<script>

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

  const sliderIdentifier = 'ojezyy';
  
  document.querySelector('.x-slider[data-x-id=' + sliderIdentifier + ']').addEventListener( 'x_slider:init', () => {
    bricksInteractions()
  })

wplit

<script>

 document.addEventListener("DOMContentLoaded",() => {
    
	const chartSelector = '.mychart'; /* change to class of your chart element */

	const myChartIdentifier =  document.querySelector(chartSelector).getAttribute('data-x-id');
   
   	setTimeout(() => {

wplit

<script>

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

            const myAccordion = '.x-accordion'; /* change to class of pro accordion element */
            const breakpoint = 800; /* chosen breakpoint where it kicks in */


            let mobileStatus = false

wplit

jQuery(document).ready(function($) {

	/* variables to customise */
	let animationDuration = 400;     /* animation duration for scrolling */
	let animationTimeout = 400;      /* how long to wait before scrolling the user, needs to be long enough for page to finish changing height */
	let scrollOffset = 100;          /* the gap between the top of the viewport to the opened accordion item */

	$('.oxy-pro-accordion_header').on('click', function() {
		let hash = '#' + $(this).attr('ID');
		

wplit

<script>

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

    /* provide the class of the slider */
    const sliderSelector = '.my-slider';

    /* provide the class on the section that needs the background to change */
    const sectionSelector = '.my-section'

wplit

jQuery(document).ready(function($) {	

	const player = document.querySelector('#%%ELEMENT_ID%% vime-player');

	  player.addEventListener('mouseenter', () => {
		   
		  player.play();
		  
	  });
	

wplit

<?php 
$images = get_field('gallery');

if( $images ): ?>
    
        <?php foreach( $images as $image ): ?>
            <div class="cell">
               
                     <img src="<?php echo esc_url($image['sizes']['thumbnail']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
               

wplit

<script>

document.addEventListener('DOMContentLoaded', (event) => {

  const tabs = document.querySelectorAll('.wm-tabs-1');

  function changeTab(e){

    var activeTab = e.target.querySelector(".x-tabs_panel-current") ? e.target.querySelector(".x-tabs_panel-current") : e.target.nextSibling;
    

wplit

%root% {
  clip-path: inset( -100vw 0 -100vw -100vw );
  position: relative;
}

%root%::after {
    content: '';
    border-top: 4px solid;
    position: absolute;
    bottom: calc(-1 * var(--space-xs));