';
collapseNode.innerHTML = '
' + settings.collapse + '
';
if ( parent ) {
parent.classList.add( 'jet-offcanvas-parent' );
}
if ( offcanv.classList.contains( 'elementor-column' ) ) {
offcanv.querySelector( '.elementor-element-populated' ).prepend( collapseNode );
} else {
offcanv.prepend( collapseNode );
}
parent.prepend( expandNode );
expandNode.firstElementChild.addEventListener( 'click', () => {
offcanv.classList.add( 'is-active' );
parent.classList.add( 'is-active' );
} );
collapseNode.firstElementChild.addEventListener( 'click', () => {
offcanv.classList.remove( 'is-active' );
parent.classList.remove( 'is-active' );
} );
document.addEventListener( 'click', ( event ) => {
// if element diractly has required class - close offcanvas
if ( event.target.classList.contains( 'offcanvas-collapse' ) ) {
offcanv.classList.remove( 'is-active' );
parent.classList.remove( 'is-active' );
return;
}
// if its button inside element with required class - also close offcanvas
if ( 'BUTTON' === event.target.tagName ) {
let parentTarget = event.target.closest( '.offcanvas-collapse' );
if ( parentTarget ) {
offcanv.classList.remove( 'is-active' );
parent.classList.remove( 'is-active' );
return;
}
}
} );
});
})()