( function( $ ) {
/**
* Sanitize icon markup before injecting it into the DOM.
*
* The nav-menu toggle/close icons are read from data-* attributes and
* rendered as HTML. Only Font Awesome and inline SVG icons are
* legitimate here, so every other element — and every event handler or
* URL-bearing attribute — is stripped to prevent DOM-based XSS.
*
* Parsing happens inside a , whose content is inert: images do
* not load and scripts do not run, so no payload fires during sanitization.
*
* @since 2.9.2
* @param {string} markup Raw icon markup from a data attribute.
* @return {string} Sanitized markup safe to pass to jQuery .html().
*/
function hfe_sanitize_icon_html( markup ) {
if ( 'string' !== typeof markup || '' === markup ) {
return '';
}
// Icon-only elements: basic shapes plus the paint/structural elements
// (gradients, clip paths, masks, patterns, markers) that multi-colour
// SVG icons rely on. All of these are non-scriptable and hold no text
// content. Deliberately excludes elements with special parsing
// (RCDATA/RAWTEXT such as , <desc>, <text>, <style>, <textarea>)
// to avoid mutation-XSS on the re-parse done by jQuery .html().
var allowed_tags = [
'I', 'SPAN', 'SVG', 'PATH', 'G', 'DEFS', 'SYMBOL',
'CIRCLE', 'ELLIPSE', 'LINE', 'POLYLINE', 'POLYGON', 'RECT',
'LINEARGRADIENT', 'RADIALGRADIENT', 'STOP', 'CLIPPATH', 'MASK', 'PATTERN', 'MARKER'
];
var template = document.createElement( 'template' );
template.innerHTML = markup;
Array.prototype.slice.call( template.content.querySelectorAll( '*' ) ).forEach( function( node ) {
// Drop anything that is not an allowed icon element.
if ( -1 === allowed_tags.indexOf( node.tagName.toUpperCase() ) ) {
if ( node.parentNode ) {
node.parentNode.removeChild( node );
}
return;
}
// Strip event handlers and URL/style attributes on the kept elements.
Array.prototype.slice.call( node.attributes ).forEach( function( attr ) {
var name = attr.name.toLowerCase();
if (
0 === name.indexOf( 'on' ) ||
'src' === name ||
'href' === name ||
'xlink:href' === name ||
'style' === name ||
'formaction' === name
) {
node.removeAttribute( attr.name );
}
} );
} );
return template.innerHTML;
}
/**
* Search widget JS
*/
var WidgethfeSearchButton = function( $scope, $ ){
if ( 'undefined' == typeof $scope )
return;
var $input = $scope.find( "input.hfe-search-form__input" );
var $clear = $scope.find( "button#clear" );
var $clear_with_button = $scope.find( "button#clear-with-button" );
var $search_button = $scope.find( ".hfe-search-submit" );
var $toggle_search = $scope.find( ".hfe-search-icon-toggle input" );
$scope.find( '.hfe-search-icon-toggle' ).on( 'click', function( ){
$scope.find( ".hfe-search-form__input" ).trigger( 'focus' );
});
$scope.find( ".hfe-search-form__input" ).on( 'focus', function(){
$scope.find( ".hfe-search-button-wrapper" ).addClass( "hfe-input-focus" );
});
$scope.find( ".hfe-search-form__input" ).blur( function() {
$scope.find( ".hfe-search-button-wrapper" ).removeClass( "hfe-input-focus" );
});
$search_button.on( 'touchstart click', function(){
$input.submit();
});
$toggle_search.css( 'padding-right', $toggle_search.next().outerWidth() + 'px' );
$input.on( 'keyup', function(){
$clear.style = (this.value.length) ? $clear.css('visibility','visible'): $clear.css('visibility','hidden');
$clear_with_button.style = (this.value.length) ? $clear_with_button.css('visibility','visible'): $clear_with_button.css('visibility','hidden');
$clear_with_button.css( 'right', $search_button.outerWidth() + 'px' );
});
$clear.on("click",function(){
this.style = $clear.css('visibility','hidden');
$input.value = "";
});
$clear_with_button.on("click",function(){
this.style = $clear_with_button.css('visibility','hidden');
$input.value = "";
});
};
/**
* Nav Menu handler Function.
*
*/
var WidgethfeNavMenuHandler = function( $scope, $ ) {
if ( 'undefined' == typeof $scope )
return;
var id = $scope.data( 'id' );
var wrapper = $scope.find('.elementor-widget-hfe-nav-menu ');
var layout = $( '.elementor-element-' + id + ' .hfe-nav-menu' ).data( 'layout' );
var flyout_data = $( '.elementor-element-' + id + ' .hfe-flyout-wrapper' ).data( 'flyout-class' );
var last_item = $( '.elementor-element-' + id + ' .hfe-nav-menu' ).data( 'last-item' );
var last_item_flyout = $( '.elementor-element-' + id + ' .hfe-flyout-wrapper' ).data( 'last-item' );
var menu_items_links = $( '.elementor-element-' + id + ' .hfe-nav-menu nav li a' );
var menu_items_links_flyout = $( '.elementor-element-' + id + ' .hfe-flyout-wrapper li a' );
if (menu_items_links.length > 0) {
_handle_current_menu_item_class( menu_items_links );
}
if (menu_items_links_flyout.length > 0) {
_handle_current_menu_item_class( menu_items_links_flyout );
}
$( 'div.hfe-has-submenu-container' ).removeClass( 'sub-menu-active' );
_toggleClick( id );
_handlePolylangSwitcher( $scope );
_handleSinglePageMenu( id, layout );
if( 'horizontal' !== layout ){
_eventClick( id );
}else if ( 'horizontal' === layout && window.matchMedia( "( max-width: 767px )" ).matches ) {
_eventClick( id );
}else if ( 'horizontal' === layout && window.matchMedia( "( max-width: 1024px )" ).matches ) {
_eventClick( id );
}
$( '.elementor-element-' + id + ' .hfe-flyout-trigger .hfe-nav-menu-icon' ).off( 'click keyup' ).on( 'click keyup', function() {
_openMenu( id );
} );
$( '.elementor-element-' + id + ' .hfe-flyout-close' ).off( 'click keyup' ).on( 'click keyup', function() {
_closeMenu( id );
} );
$( '.elementor-element-' + id + ' .hfe-flyout-overlay' ).off( 'click' ).on( 'click', function() {
_closeMenu( id );
} );
$scope.find( '.sub-menu' ).each( function() {
var parent = $( this ).closest( '.menu-item' );
$scope.find( parent ).addClass( 'parent-has-child' );
$scope.find( parent ).removeClass( 'parent-has-no-child' );
});
if( ( 'cta' == last_item || 'cta' == last_item_flyout ) && 'expandible' != layout ){
$( '.elementor-element-' + id + ' li.menu-item:last-child a.hfe-menu-item' ).parent().addClass( 'hfe-button-wrapper elementor-widget-button' );
$( '.elementor-element-' + id + ' li.menu-item:last-child a.hfe-menu-item' ).addClass( 'elementor-button' );
}
_borderClass( id );
$( window ).on( 'resize', function(){
if( 'horizontal' !== layout ) {
_eventClick( id );
}else if ( 'horizontal' === layout && window.matchMedia( "( max-width: 767px )" ).matches ) {
_eventClick( id );
}else if ( 'horizontal' === layout && window.matchMedia( "( max-width: 1024px )" ).matches ) {
_eventClick( id );
}
if( 'horizontal' == layout && window.matchMedia( "( min-width: 977px )" ).matches){
$( '.elementor-element-' + id + ' div.hfe-has-submenu-container' ).next().css( 'position', 'absolute');
}
if( 'expandible' == layout || 'flyout' == layout ){
_toggleClick( id );
}else if ( 'vertical' == layout || 'horizontal' == layout ) {
if( window.matchMedia( "( max-width: 767px )" ).matches && ($( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') || $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-mobile'))){
_toggleClick( id );
}else if ( window.matchMedia( "( max-width: 1024px )" ).matches && $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') ) {
_toggleClick( id );
}else{
var $toggle = $( '.elementor-element-' + id + ' .hfe-nav-menu__toggle' );
var $nextElement= $toggle.next();
var width = $nextElement.parent().width();
if( $nextElement.length ){
$nextElement.css( 'width', width + 'px' );
$nextElement.css( 'left', '0' );
}
}
}
_borderClass( id );
});
// Acessibility functions
$scope.find( '.parent-has-child .hfe-has-submenu-container a').attr( 'aria-haspopup', 'true' );
$scope.find( '.parent-has-child .hfe-has-submenu-container a').attr( 'aria-expanded', 'false' );
var hef_navmenu_toggle = $scope.find( '.hfe-nav-menu__toggle' );
hef_navmenu_toggle.attr( 'aria-haspopup', 'true' );
hef_navmenu_toggle.attr( 'aria-expanded', 'false' );
if ( window.matchMedia( "( max-width: 1024px )" ).matches && $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') ) {
hef_navmenu_toggle.find('i').attr('aria-hidden', 'false');
}
if ( window.matchMedia( "( max-width: 768px )" ).matches && $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-mobile') ) {
hef_navmenu_toggle.find('i').attr('aria-hidden', 'false');
}
// End of accessibility functions
$( document ).trigger( 'hfe_nav_menu_init', id );
// Add keyboard navigation for expandable menu
if ( 'expandible' === layout ) {
$( '.elementor-element-' + id + ' nav' ).on( 'keydown', function(e) {
var $currentElement = $( document.activeElement );
var $menuItems = $( this ).find( 'li > a:visible' );
var currentIndex = $menuItems.index( $currentElement );
switch( e.key ) {
case 'Escape': // Escape key - close menu
$( '.elementor-element-' + id + ' .hfe-nav-menu__toggle' ).trigger( 'click' );
$( '.elementor-element-' + id + ' .hfe-nav-menu__toggle' ).focus();
e.preventDefault();
break;
case 'ArrowDown': // Down arrow
if ( currentIndex < $menuItems.length - 1 ) {
$menuItems.eq( currentIndex + 1 ).focus();
}
e.preventDefault();
break;
case 'ArrowUp': // Up arrow
if ( currentIndex > 0 ) {
$menuItems.eq( currentIndex - 1 ).focus();
}
e.preventDefault();
break;
case 'Tab': // Tab key
// Let default tab behavior work but close menu when tabbing out
if ( e.shiftKey && currentIndex === 0 ) {
// Shift+Tab on first item - close menu
setTimeout(function() {
if ( !$( '.elementor-element-' + id + ' nav' ).find( ':focus' ).length ) {
$( '.elementor-element-' + id + ' .hfe-nav-menu__toggle' ).trigger( 'click' );
}
}, 10);
} else if ( !e.shiftKey && currentIndex === $menuItems.length - 1 ) {
// Tab on last item - close menu
setTimeout(function() {
if ( !$( '.elementor-element-' + id + ' nav' ).find( ':focus' ).length ) {
$( '.elementor-element-' + id + ' .hfe-nav-menu__toggle' ).trigger( 'click' );
}
}, 10);
}
break;
}
});
}
$( '.elementor-element-' + id + ' div.hfe-has-submenu-container' ).on( 'keyup', function(e){
var $this = $( this );
// Handle Enter and Space keys for submenu toggle
if ( e.key === 'Enter' || e.key === 'Space' ) {
e.preventDefault();
e.stopPropagation();
} else {
return; // Only handle Enter and Space keys
}
if( $this.parent().hasClass( 'menu-active' ) ) {
$this.parent().removeClass( 'menu-active' );
$this.attr( 'aria-expanded', 'false' );
$this.parent().next().find('ul').css( { 'visibility': 'hidden', 'opacity': '0', 'height': '0' } );
$this.parent().prev().find('ul').css( { 'visibility': 'hidden', 'opacity': '0', 'height': '0' } );
$this.parent().next().find( 'div.hfe-has-submenu-container' ).removeClass( 'sub-menu-active' );
$this.parent().prev().find( 'div.hfe-has-submenu-container' ).removeClass( 'sub-menu-active' );
}else {
$this.parent().next().find('ul').css( { 'visibility': 'hidden', 'opacity': '0', 'height': '0' } );
$this.parent().prev().find('ul').css( { 'visibility': 'hidden', 'opacity': '0', 'height': '0' } );
$this.parent().next().find( 'div.hfe-has-submenu-container' ).removeClass( 'sub-menu-active' );
$this.parent().prev().find( 'div.hfe-has-submenu-container' ).removeClass( 'sub-menu-active' );
$this.parent().siblings().find( '.hfe-has-submenu-container a' ).attr( 'aria-expanded', 'false' );
$this.parent().next().removeClass( 'menu-active' );
$this.parent().prev().removeClass( 'menu-active' );
event.preventDefault();
$this.parent().addClass( 'menu-active' );
if( 'horizontal' !== layout ){
$this.addClass( 'sub-menu-active' );
}
$this.find( 'a' ).attr( 'aria-expanded', 'true' );
$this.attr( 'aria-expanded', 'true' );
$this.next().css( { 'visibility': 'visible', 'opacity': '1', 'height': 'auto' } );
if ( 'horizontal' !== layout ) {
$this.next().css( 'position', 'relative');
} else if ( 'horizontal' === layout && window.matchMedia( "( max-width: 767px )" ).matches && ($( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') || $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-mobile'))) {
$this.next().css( 'position', 'relative');
} else if ( 'horizontal' === layout && window.matchMedia( "( max-width: 1024px )" ).matches ) {
if ( $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') ) {
$this.next().css( 'position', 'relative');
} else if ( $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-mobile') || $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-none') ) {
$this.next().css( 'position', 'absolute');
}
}
}
});
$( '.elementor-element-' + id + ' li.menu-item' ).on( 'keyup', function(e){
var $this = $( this );
$this.next().find( 'a' ).attr( 'aria-expanded', 'false' );
$this.prev().find( 'a' ).attr( 'aria-expanded', 'false' );
$this.next().find('ul').css( { 'visibility': 'hidden', 'opacity': '0', 'height': '0' } );
$this.prev().find('ul').css( { 'visibility': 'hidden', 'opacity': '0', 'height': '0' } );
$this.siblings().removeClass( 'menu-active' );
$this.next().find( 'div.hfe-has-submenu-container' ).removeClass( 'sub-menu-active' );
$this.prev().find( 'div.hfe-has-submenu-container' ).removeClass( 'sub-menu-active' );
});
};
function _handle_current_menu_item_class( layout_links ) {
layout_links.each(
function () {
var $this = $( this );
if ($this.is( '[href*="#"]' )) {
var menu_item_parent = $this.parent();
menu_item_parent.removeClass( 'current-menu-item current-menu-ancestor' );
$this.click(
function () {
var current_index = menu_item_parent.index(),
parent_element = $this.closest( 'ul' );
parent_element.find( 'li' ).not( ':eq(' + current_index + ')' ).removeClass( 'current-menu-item current-menu-ancestor' );
menu_item_parent.addClass( 'current-menu-item current-menu-ancestor' );
}
)
}
}
);
}
function _openMenu( id ) {
var flyout_content = $( '#hfe-flyout-content-id-' + id );
var layout = $( '#hfe-flyout-content-id-' + id ).data( 'layout' );
var layout_type = $( '#hfe-flyout-content-id-' + id ).data( 'flyout-type' );
var wrap_width = flyout_content.width() + 'px';
var container = $( '.elementor-element-' + id + ' .hfe-flyout-container .hfe-side.hfe-flyout-' + layout );
$( '.elementor-element-' + id + ' .hfe-flyout-overlay' ).fadeIn( 100 );
if( 'left' == layout ) {
$( 'body' ).css( 'margin-left' , '0' );
container.css( 'left', '0' );
if( 'push' == layout_type ) {
$( 'body' ).addClass( 'hfe-flyout-animating' ).css({
position: 'absolute',
width: '100%',
'margin-left' : wrap_width,
'margin-right' : 'auto'
});
}
container.addClass( 'hfe-flyout-show' );
} else {
$( 'body' ).css( 'margin-right', '0' );
container.css( 'right', '0' );
if( 'push' == layout_type ) {
$( 'body' ).addClass( 'hfe-flyout-animating' ).css({
position: 'absolute',
width: '100%',
'margin-left' : '-' + wrap_width,
'margin-right' : 'auto',
});
}
container.addClass( 'hfe-flyout-show' );
}
}
function _closeMenu( id ) {
var flyout_content = $( '#hfe-flyout-content-id-' + id );
var layout = $( '#hfe-flyout-content-id-' + id ).data( 'layout' );
var wrap_width = flyout_content.width() + 'px';
var layout_type = $( '#hfe-flyout-content-id-' + id ).data( 'flyout-type' );
var container = $( '.elementor-element-' + id + ' .hfe-flyout-container .hfe-side.hfe-flyout-' + layout );
$( '.elementor-element-' + id + ' .hfe-flyout-overlay' ).fadeOut( 100 );
if( 'left' == layout ) {
container.css( 'left', '-' + wrap_width );
if( 'push' == layout_type ) {
$( 'body' ).css({
position: '',
'margin-left' : '',
'margin-right' : '',
});
setTimeout( function() {
$( 'body' ).removeClass( 'hfe-flyout-animating' ).css({
width: '',
});
});
}
container.removeClass( 'hfe-flyout-show' );
} else {
container.css( 'right', '-' + wrap_width );
if( 'push' == layout_type ) {
$( 'body' ).css({
position: '',
'margin-right' : '',
'margin-left' : '',
});
setTimeout( function() {
$( 'body' ).removeClass( 'hfe-flyout-animating' ).css({
width: '',
});
});
}
container.removeClass( 'hfe-flyout-show' );
}
}
function _eventClick( id ){
var layout = $( '.elementor-element-' + id + ' .hfe-nav-menu' ).data( 'layout' );
$( '.elementor-element-' + id + ' div.hfe-has-submenu-container' ).off( 'click' ).on( 'click', function( event ) {
var $this = $( this );
if( $( '.elementor-element-' + id ).hasClass( 'hfe-link-redirect-child' ) ) {
if( $this.hasClass( 'sub-menu-active' ) ) {
if( ! $this.next().hasClass( 'sub-menu-open' ) ) {
$this.find( 'a' ).attr( 'aria-expanded', 'false' );
if( 'horizontal' !== layout ){
event.preventDefault();
$this.next().css( 'position', 'relative' );
} else if ( 'horizontal' === layout && window.matchMedia( "( max-width: 767px )" ).matches && ($( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') || $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-mobile'))) {
event.preventDefault();
$this.next().css( 'position', 'relative' );
} else if ( 'horizontal' === layout && window.matchMedia( "( max-width: 1024px )" ).matches && ( $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') || $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-mobile'))) {
event.preventDefault();
$this.next().css( 'position', 'relative' );
}
$this.removeClass( 'sub-menu-active' );
$this.nextAll('.sub-menu').removeClass( 'sub-menu-open' );
$this.nextAll('.sub-menu').css( { 'visibility': 'hidden', 'opacity': '0', 'height': '0' } );
$this.nextAll('.sub-menu').css( { 'transition': 'none'} );
} else{
$this.find( 'a' ).attr( 'aria-expanded', 'false' );
$this.removeClass( 'sub-menu-active' );
$this.nextAll('.sub-menu').removeClass( 'sub-menu-open' );
$this.nextAll('.sub-menu').css( { 'visibility': 'hidden', 'opacity': '0', 'height': '0' } );
$this.nextAll('.sub-menu').css( { 'transition': 'none'} );
if ( 'horizontal' !== layout ){
$this.next().css( 'position', 'relative' );
} else if ( 'horizontal' === layout && window.matchMedia( "( max-width: 767px )" ).matches && ($( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') || $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-mobile'))) {
$this.next().css( 'position', 'relative' );
} else if ( 'horizontal' === layout && window.matchMedia( "( max-width: 1024px )" ).matches && ( $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') || $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-mobile'))) {
$this.next().css( 'position', 'absolute' );
}
}
} else {
$this.find( 'a' ).attr( 'aria-expanded', 'true' );
if ( 'horizontal' !== layout ) {
event.preventDefault();
$this.next().css( 'position', 'relative');
} else if ( 'horizontal' === layout && window.matchMedia( "( max-width: 767px )" ).matches && ($( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') || $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-mobile'))) {
event.preventDefault();
$this.next().css( 'position', 'relative');
} else if ( 'horizontal' === layout && window.matchMedia( "( max-width: 1024px )" ).matches ) {
event.preventDefault();
if ( $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') ) {
$this.next().css( 'position', 'relative');
} else if ( $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-mobile') || $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-none') ) {
$this.next().css( 'position', 'absolute');
}
}
$this.addClass( 'sub-menu-active' );
$this.nextAll('.sub-menu').addClass( 'sub-menu-open' );
$this.nextAll('.sub-menu').css( { 'visibility': 'visible', 'opacity': '1', 'height': 'auto' } );
$this.nextAll('.sub-menu').css( { 'transition': '0.3s ease'} );
}
}
});
$( '.elementor-element-' + id + ' .hfe-menu-toggle' ).off( 'click keyup' ).on( 'click keyup',function( event ) {
var $this = $( this );
if( $this.parent().parent().hasClass( 'menu-active' ) ) {
event.preventDefault();
$this.parent().parent().removeClass( 'menu-active' );
$this.parent().parent().next().css( { 'visibility': 'hidden', 'opacity': '0', 'height': '0' } );
if ( 'horizontal' !== layout ) {
$this.parent().parent().next().css( 'position', 'relative');
} else if ( 'horizontal' === layout && window.matchMedia( "( max-width: 767px )" ).matches && ($( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') || $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-mobile'))) {
$this.parent().parent().next().css( 'position', 'relative');
} else if ( 'horizontal' === layout && window.matchMedia( "( max-width: 1024px )" ).matches ) {
if ( $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') ) {
$this.parent().parent().next().css( 'position', 'relative');
} else if ( $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-mobile') || $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-none') ) {
$this.parent().parent().next().css( 'position', 'absolute');
}
}
}else {
event.preventDefault();
$this.parent().parent().addClass( 'menu-active' );
$this.parent().parent().next().css( { 'visibility': 'visible', 'opacity': '1', 'height': 'auto' } );
if ( 'horizontal' !== layout ) {
$this.parent().parent().next().css( 'position', 'relative');
} else if ( 'horizontal' === layout && window.matchMedia( "( max-width: 767px )" ).matches && ($( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') || $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-mobile'))) {
$this.parent().parent().next().css( 'position', 'relative');
} else if ( 'horizontal' === layout && window.matchMedia( "( max-width: 1024px )" ).matches ) {
if ( $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') ) {
$this.parent().parent().next().css( 'position', 'relative');
} else if ( $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-mobile') || $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-none') ) {
$this.parent().parent().next().css( 'position', 'absolute');
}
}
}
});
}
function _borderClass( id ){
var last_item = $( '.elementor-element-' + id + ' .hfe-nav-menu' ).data( 'last-item' );
var last_item_flyout = $( '.elementor-element-' + id + ' .hfe-flyout-wrapper' ).data( 'last-item' );
var layout = $( '.elementor-element-' + id + ' .hfe-nav-menu' ).data( 'layout' );
$( '.elementor-element-' + id + ' nav').removeClass('hfe-dropdown');
if ( window.matchMedia( "( max-width: 767px )" ).matches ) {
if( $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-mobile') || $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet')){
$( '.elementor-element-' + id + ' nav').addClass('hfe-dropdown');
if( ( 'cta' == last_item || 'cta' == last_item_flyout ) && 'expandible' != layout ){
$( '.elementor-element-' + id + ' li.menu-item:last-child a.hfe-menu-item' ).parent().removeClass( 'hfe-button-wrapper elementor-widget-button' );
$( '.elementor-element-' + id + ' li.menu-item:last-child a.hfe-menu-item' ).removeClass( 'elementor-button' );
}
}else{
$( '.elementor-element-' + id + ' nav').removeClass('hfe-dropdown');
if( ( 'cta' == last_item || 'cta' == last_item_flyout ) && 'expandible' != layout ){
$( '.elementor-element-' + id + ' li.menu-item:last-child a.hfe-menu-item' ).parent().addClass( 'hfe-button-wrapper elementor-widget-button' );
$( '.elementor-element-' + id + ' li.menu-item:last-child a.hfe-menu-item' ).addClass( 'elementor-button' );
}
}
}else if ( window.matchMedia( "( max-width: 1024px )" ).matches ) {
if( $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') ) {
$( '.elementor-element-' + id + ' nav').addClass('hfe-dropdown');
if( ( 'cta' == last_item || 'cta' == last_item_flyout ) && 'expandible' != layout ){
$( '.elementor-element-' + id + ' li.menu-item:last-child a.hfe-menu-item' ).parent().removeClass( 'hfe-button-wrapper elementor-widget-button' );
$( '.elementor-element-' + id + ' li.menu-item:last-child a.hfe-menu-item' ).removeClass( 'elementor-button' );
}
}else{
$( '.elementor-element-' + id + ' nav').removeClass('hfe-dropdown');
if( ( 'cta' == last_item || 'cta' == last_item_flyout ) && 'expandible' != layout ){
$( '.elementor-element-' + id + ' li.menu-item:last-child a.hfe-menu-item' ).parent().addClass( 'hfe-button-wrapper elementor-widget-button' );
$( '.elementor-element-' + id + ' li.menu-item:last-child a.hfe-menu-item' ).addClass( 'elementor-button' );
}
}
}else {
var $parent_element = $( '.elementor-element-' + id );
$parent_element.find( 'nav').removeClass( 'hfe-dropdown' );
if( ( 'cta' == last_item || 'cta' == last_item_flyout ) && 'expandible' != layout ){
$parent_element.find( 'li.menu-item:last-child a.hfe-menu-item' ).parent().addClass( 'hfe-button-wrapper elementor-widget-button' );
$parent_element.find( 'li.menu-item:last-child a.hfe-menu-item' ).addClass( 'elementor-button' );
}
}
var layout = $( '.elementor-element-' + id + ' .hfe-nav-menu' ).data( 'layout' );
if( 'expandible' == layout ){
if( ( 'cta' == last_item || 'cta' == last_item_flyout ) && 'expandible' != layout ){
$( '.elementor-element-' + id + ' li.menu-item:last-child a.hfe-menu-item' ).parent().removeClass( 'hfe-button-wrapper elementor-widget-button' );
$( '.elementor-element-' + id + ' li.menu-item:last-child a.hfe-menu-item' ).removeClass( 'elementor-button' );
}
}
}
function _toggleClick( id ){
if ( $( '.elementor-element-' + id + ' .hfe-nav-menu__toggle' ).hasClass( 'hfe-active-menu-full-width' ) ){
var $toggle = $( '.elementor-element-' + id + ' .hfe-nav-menu__toggle' );
var $nextElement= $toggle.next();
if( $nextElement.length ){
$nextElement.css( 'left', '0' );
var $section = $( '.elementor-element-' + id ).closest('.elementor-section, .e-con-boxed.e-parent, .e-con-full.e-parent');
if ( $section.length ) {
var width = $section.outerWidth();
var sec_pos = $section.offset().left - $toggle.next().offset().left;
$nextElement.css( 'width', width + 'px' );
$nextElement.css( 'left', sec_pos + 'px' );
}
}
}
$( '.elementor-element-' + id + ' .hfe-nav-menu__toggle' ).off( 'click keyup' ).on( 'click keyup', function( event ) {
// Handle keyboard events properly
if ( event.type === 'keyup' && event.key !== 'Enter' && event.key !== 'Space' ) {
return; // Only handle Enter and Space keys
}
// Prevent default for keyboard events to avoid scrolling
if ( event.type === 'keyup' ) {
event.preventDefault();
}
var $this = $( this );
var $selector = $this.next();
if ( $this.hasClass( 'hfe-active-menu' ) ) {
var layout = $( '.elementor-element-' + id + ' .hfe-nav-menu' ).data( 'layout' );
var full_width = $selector.data( 'full-width' );
var toggle_icon = $( '.elementor-element-' + id + ' nav' ).data( 'toggle-icon' );
$( '.elementor-element-' + id).find( '.hfe-nav-menu-icon' ).html( hfe_sanitize_icon_html( toggle_icon ) );
$this.removeClass( 'hfe-active-menu' );
$this.attr( 'aria-expanded', 'false' );
if ( 'yes' == full_width ){
$this.removeClass( 'hfe-active-menu-full-width' );
$selector.css( 'width', 'auto' );
$selector.css( 'left', '0' );
$selector.css( 'z-index', '0' );
}
} else {
var layout = $( '.elementor-element-' + id + ' .hfe-nav-menu' ).data( 'layout' );
var full_width = $selector.data( 'full-width' );
var close_icon = $( '.elementor-element-' + id + ' nav' ).data( 'close-icon' );
$( '.elementor-element-' + id).find( '.hfe-nav-menu-icon' ).html( hfe_sanitize_icon_html( close_icon ) );
$this.addClass( 'hfe-active-menu' );
$this.attr( 'aria-expanded', 'true' );
if ( 'yes' == full_width ){
$this.addClass( 'hfe-active-menu-full-width' );
var closestElement = $( '.elementor-element-' + id ).closest('.elementor-section, .e-con-boxed.e-parent, .e-con-full.e-parent');
var width = closestElement.outerWidth();
var sec_pos = closestElement.offset().left - $selector.offset().left;
$selector.css( 'width', width + 'px' );
$selector.css( 'left', sec_pos + 'px' );
$selector.css( 'z-index', '9999' );
}
}
if( $( '.elementor-element-' + id + ' nav' ).hasClass( 'menu-is-active' ) ) {
$( '.elementor-element-' + id + ' nav' ).removeClass( 'menu-is-active' );
}else {
$( '.elementor-element-' + id + ' nav' ).addClass( 'menu-is-active' );
// Focus on first menu item when menu opens
if ( event.type === 'keyup' ) {
setTimeout(function() {
$selector.find('li:first-child > a').focus();
}, 100);
}
}
} );
}
function _handleSinglePageMenu( id, layout ) {
$( '.elementor-element-' + id + ' ul.hfe-nav-menu li a' ).on(
'click',
function ( event ) {
var $this = $( this );
var link = $this.attr( 'href' );
var linkValue = '';
// Check if this is an anchor link
if ( link && link.includes( '#' ) ) {
// Get the hash value
if ( link.charAt(0) === '#' ) {
event.preventDefault();
linkValue = link.slice( 1 );
} else {
var index = link.indexOf( '#' );
if ( index !== -1 ) {
linkValue = link.slice( index + 1 );
}
}
}
if ( linkValue.length > 0 ) {
var targetSection = $( '#' + linkValue );
if ( targetSection.length ) { // Check if the target section exists.
$('html, body').animate({
scrollTop: targetSection.offset().top
}, 800);
}
// Close the menu after clicking anchor link
setTimeout(function() {
if ( 'expandible' == layout ) {
// For expandible layout, trigger click on toggle if menu is open
var $toggle = $( '.elementor-element-' + id + ' .hfe-nav-menu__toggle' );
if ( $toggle.hasClass( 'hfe-active-menu' ) ) {
$toggle.trigger( 'click' );
}
} else if ( 'flyout' == layout ) {
// For flyout layout, use the close menu function
_closeMenu( id );
} else {
// For horizontal and vertical layouts on mobile/tablet
if ( window.matchMedia( '(max-width: 1024px)' ).matches ) {
if ( $( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-tablet') ||
$( '.elementor-element-' + id ).hasClass('hfe-nav-menu__breakpoint-mobile') ) {
var $toggle = $( '.elementor-element-' + id + ' .hfe-nav-menu__toggle' );
if ( $toggle.hasClass( 'hfe-active-menu' ) ) {
$toggle.trigger( 'click' );
}
}
}
}
}, 100); // Small delay to ensure smooth scrolling starts first
}
}
);
}
/**
* This function handles polylang plugin's lang switcher if present in the menu.
*
* @param {Object} $scope The current element(hfe nav menu) wrapped with jQuery.
*/
function _handlePolylangSwitcher( $scope ) {
var polylangSwitcher = $scope.find( '.hfe-nav-menu nav .pll-parent-menu-item a.hfe-menu-item' );
var hrefProperty = polylangSwitcher.prop( 'href' );
if ( undefined !== hrefProperty && hrefProperty.includes( '#' ) ) {
var index = hrefProperty.indexOf( '#' );
var value = hrefProperty.slice( index );
if ( value === '#pll_switcher' ) {
polylangSwitcher.prop( 'href', '#' );
}
}
}
$( window ).on( 'elementor/frontend/init', function () {
elementorFrontend.hooks.addAction( 'frontend/element_ready/navigation-menu.default', WidgethfeNavMenuHandler );
elementorFrontend.hooks.addAction( 'frontend/element_ready/hfe-search-button.default', WidgethfeSearchButton );
});
} )( jQuery );