8889841cPK .[JM
M
8 header/menu/class-astra-header-menu-component-loader.phpnu [ defined( 'ASTRA_EXT_VER' ) ? Astra_Builder_Helper::$component_limit : Astra_Builder_Helper::$num_of_header_menu,
'nav_menu_enabled' => ( defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'nav-menu' ) ) ? true : false,
'tablet_break_point' => astra_get_tablet_breakpoint(),
'mobile_break_point' => astra_get_mobile_breakpoint(),
)
);
}
}
/**
* Kicking this off by creating the object of the class.
*/
new Astra_Header_Menu_Component_Loader();
PK .[E 1 header/menu/class-astra-header-menu-component.phpnu [ ).
*
* @since 3.0.0
* @var Array
*/
$menu_classes = apply_filters( 'astra_' . $theme_location . '_menu_classes', array( 'main-header-menu', 'ast-menu-shadow', 'ast-nav-menu', 'ast-flex', $submenu_class, $stack_on_mobile_class ) );
$items_wrap = ' apply_filters( 'astra_header_site_navigation_id', esc_attr( $theme_location ) . '-site-navigation-' . esc_attr( $device ) ),
'class' => 'site-navigation ast-flex-grow-1 navigation-accessibility site-header-focus-item',
'aria-label' => esc_attr__( 'Site Navigation', 'astra' ),
)
);
$items_wrap .= '>';
$items_wrap .= '';
$items_wrap .= '
';
$items_wrap .= '
';
$items_wrap .= ' ';
// Fallback Menu if primary menu not set.
$fallback_menu_args = array(
'theme_location' => $theme_location,
'menu_id' => apply_filters( 'astra_header_menu_ul_id', 'ast-hf-menu-' . $index ),
'menu_class' => 'main-navigation ast-inline-flex',
'container' => 'div',
'before' => '
',
'walker' => new Astra_Walker_Page(),
);
// To add default alignment for navigation which can be added through any third party plugin.
// Do not add any CSS from theme except header alignment.
echo '';
if ( is_customize_preview() ) {
Astra_Builder_UI_Controller::render_customizer_edit_button();
}
if ( has_nav_menu( $theme_location ) ) {
/** @psalm-suppress ArgumentTypeCoercion */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
wp_nav_menu(
array(
'menu_id' => apply_filters( 'astra_header_menu_ul_id', 'ast-hf-menu-' . $index ),
'menu_class' => esc_attr( implode( ' ', $menu_classes ) ),
'container' => 'div',
'container_class' => 'main-header-bar-navigation',
'items_wrap' => $items_wrap,
'theme_location' => $theme_location,
)
);
/** @psalm-suppress ArgumentTypeCoercion */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
} else {
echo '
';
echo ' esc_attr( $theme_location ) . '-site-navigation',
)
);
echo ' class="ast-flex-grow-1 navigation-accessibility" aria-label="' . esc_attr__( 'Site Navigation', 'astra' ) . '">';
/** @psalm-suppress ArgumentTypeCoercion */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
wp_page_menu( $fallback_menu_args );
/** @psalm-suppress ArgumentTypeCoercion */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
echo ' ';
echo '
';
}
echo '
';
}
}
/**
* Kicking this off by creating an object.
*/
new Astra_Header_Menu_Component();
PK .[bf,;/ ;/ 8 header/menu/assets/js/minified/customizer-preview.min.jsnu [ !function(){for(var i=AstraBuilderMenuData.tablet_break_point||768,a=AstraBuilderMenuData.mobile_break_point||544,n=AstraBuilderMenuData.nav_menu_enabled||!1,e=1;e<=AstraBuilderMenuData.component_limit;e++){var t="menu"+e,s=".ast-builder-menu-"+e;astra_builder_visibility_css("section-hb-menu-"+e,s),astra_generate_outside_font_family_css("astra-settings[header-"+t+"-font-family]",s+" .menu-item > .menu-link"),astra_generate_font_weight_css("astra-settings[header-"+t+"-font-family]","astra-settings[header-"+t+"-font-weight]","font-weight",s+" .menu-item > .menu-link"),astra_css("astra-settings[header-"+t+"-text-transform]","text-transform",s+" .menu-item > .menu-link"),astra_responsive_font_size("astra-settings[header-"+t+"-font-size]",s+" .menu-item > .menu-link"),astra_css("astra-settings[header-"+t+"-line-height]","line-height",s+" .menu-item > .menu-link"),astra_css("astra-settings[header-"+t+"-letter-spacing]","letter-spacing",s+" .menu-item > .menu-link","px"),astra_color_responsive_css("astra-menu-color-preview","astra-settings[header-"+t+"-color-responsive]","color",s+" .main-header-menu .menu-item > .menu-link"),astra_color_responsive_css("astra-menu-h-color-preview","astra-settings[header-"+t+"-h-color-responsive]","color",s+" .menu-item:hover > .menu-link, "+s+" .inline-on-mobile .menu-item:hover > .ast-menu-toggle"),astra_color_responsive_css("astra-builder-toggle","astra-settings[header-"+t+"-color-responsive]","color",s+" .menu-item > .ast-menu-toggle"),astra_color_responsive_css("astra-menu-h-toogle-color-preview","astra-settings[header-"+t+"-h-color-responsive]","color",s+" .menu-item:hover > .ast-menu-toggle"),astra_color_responsive_css("astra-menu-active-color-preview","astra-settings[header-"+t+"-a-color-responsive]","color",s+" .menu-item.current-menu-item > .menu-link, "+s+" .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, "+s+" .current-menu-ancestor > .menu-link, "+s+" .current-menu-ancestor > .ast-menu-toggle"),astra_apply_responsive_background_css("astra-settings[header-"+t+"-bg-obj-responsive]",s+" .main-header-menu, "+s+" .main-header-menu .sub-menu","desktop"),astra_apply_responsive_background_css("astra-settings[header-"+t+"-bg-obj-responsive]",s+" .main-header-menu, "+s+" .main-header-menu .sub-menu","tablet"),astra_apply_responsive_background_css("astra-settings[header-"+t+"-bg-obj-responsive]",s+" .main-header-menu, "+s+" .main-header-menu .sub-menu","mobile"),astra_color_responsive_css("astra-menu-bg-preview","astra-settings[header-"+t+"-h-bg-color-responsive]","background",s+" .menu-item:hover > .menu-link, "+s+" .inline-on-mobile .menu-item:hover > .ast-menu-toggle"),astra_color_responsive_css("astra-builder","astra-settings[header-"+t+"-a-bg-color-responsive]","background",s+" .menu-item.current-menu-item > .menu-link, "+s+" .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, "+s+" .current-menu-ancestor > .menu-link, "+s+" .current-menu-ancestor > .ast-menu-toggle"),!function(s){wp.customize("astra-settings[header-menu"+s+"-submenu-border]",function(e){e.bind(function(e){var t=".ast-builder-menu-"+s+" .sub-menu, .ast-builder-menu-"+s+" .inline-on-mobile .sub-menu, .ast-builder-menu-"+s+" .main-header-menu.submenu-with-border .astra-megamenu, .ast-builder-menu-"+s+" .main-header-menu.submenu-with-border .astra-full-megamenu-wrapper {",t=(t=(t=(t+="border-top-width:"+e.top+"px;")+("border-right-width:"+e.right+"px;"))+("border-left-width:"+e.left+"px;")+"border-style: solid;")+("border-bottom-width:"+e.bottom+"px;")+"}";astra_add_dynamic_css("header-menu"+s+"-submenu-border",t)})}),wp.customize("astra-settings[header-menu"+s+"-menu-spacing]",function(e){e.bind(function(e){var t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t="")+(".ast-builder-menu-"+s+" .main-header-menu .menu-item > .menu-link {")+("padding-left: "+e.desktop.left+e["desktop-unit"]+";"))+("padding-right: "+e.desktop.right+e["desktop-unit"]+";"))+("padding-top: "+e.desktop.top+e["desktop-unit"]+";"))+("padding-bottom: "+e.desktop.bottom+e["desktop-unit"]+";"))+"} "+("@media (max-width: "+i+"px) {"))+(".ast-header-break-point .ast-builder-menu-"+s+" .main-header-menu .menu-item > .menu-link {")+("padding-left: "+e.tablet.left+e["tablet-unit"]+";"))+("padding-right: "+e.tablet.right+e["tablet-unit"]+";"))+("padding-top: "+e.tablet.top+e["tablet-unit"]+";"))+("padding-bottom: "+e.tablet.bottom+e["tablet-unit"]+";")+"} ")+(".ast-hfb-header .ast-builder-menu-"+s+" .main-navigation ul .menu-item.menu-item-has-children > .ast-menu-toggle {")+("top: "+e.tablet.top+e["tablet-unit"]+";"))+("right: calc( "+e.tablet.right+e["tablet-unit"]+" - 0.907em );")+"} ")+"} "+("@media (max-width: "+a+"px) {"))+(".ast-header-break-point .ast-builder-menu-"+s+" .main-header-menu .menu-item > .menu-link {")+("padding-left: "+e.mobile.left+e["mobile-unit"]+";"))+("padding-right: "+e.mobile.right+e["mobile-unit"]+";"))+("padding-top: "+e.mobile.top+e["mobile-unit"]+";"))+("padding-bottom: "+e.mobile.bottom+e["mobile-unit"]+";")+"} ")+(".ast-hfb-header .ast-builder-menu-"+s+" .main-navigation ul .menu-item.menu-item-has-children > .ast-menu-toggle {")+("top: "+e.mobile.top+e["mobile-unit"]+";"))+("right: calc( "+e.mobile.right+e["mobile-unit"]+" - 0.907em );"))+"} "+"} ";astra_add_dynamic_css("header-menu"+s+"-menu-spacing-toggle-button",t)})}),wp.customize("astra-settings[section-hb-menu-"+s+"-margin]",function(e){e.bind(function(e){var t=".ast-builder-menu-"+s+" .main-header-menu, .ast-header-break-point .ast-builder-menu-"+s+" .main-header-menu",n=(n=(n=(n=(n=(n=(n=(n=(n=(n=(n=(n=(n=(n=(n=(n="")+(t+" {")+("margin-left: "+e.desktop.left+e["desktop-unit"]+";"))+("margin-right: "+e.desktop.right+e["desktop-unit"]+";"))+("margin-top: "+e.desktop.top+e["desktop-unit"]+";"))+("margin-bottom: "+e.desktop.bottom+e["desktop-unit"]+";"))+"} "+("@media (max-width: "+i+"px) {"))+(t+" {")+("margin-left: "+e.tablet.left+e["tablet-unit"]+";"))+("margin-right: "+e.tablet.right+e["tablet-unit"]+";"))+("margin-top: "+e.tablet.top+e["desktop-unit"]+";"))+("margin-bottom: "+e.tablet.bottom+e["desktop-unit"]+";")+"} ")+"} "+("@media (max-width: "+a+"px) {"))+(t+" {")+("margin-left: "+e.mobile.left+e["mobile-unit"]+";"))+("margin-right: "+e.mobile.right+e["mobile-unit"]+";"))+("margin-top: "+e.mobile.top+e["desktop-unit"]+";"))+("margin-bottom: "+e.mobile.bottom+e["desktop-unit"]+";"))+"} "+"} ";astra_add_dynamic_css("section-hb-menu-"+s+"-margin",n)})}),wp.customize("astra-settings[header-menu"+s+"-submenu-item-b-color]",function(e){e.bind(function(e){var t=wp.customize("astra-settings[header-menu"+s+"-submenu-item-border]").get(),n=wp.customize("astra-settings[header-menu"+s+"-submenu-item-b-size]").get();""!=e?1==t&&(t="",t=(t=(t=(t+=".ast-desktop .ast-builder-menu-"+s+" .main-header-menu .menu-item .sub-menu .menu-link")+"{border-bottom-width:"+(n?n+"px;":"0px;"))+"border-color:"+e+";border-style: solid;")+"}.ast-desktop .ast-builder-menu-"+s+" .main-header-menu .menu-item .sub-menu .menu-item:last-child .menu-link{ border-style: none; }",astra_add_dynamic_css("header-menu"+s+"-submenu-item-b-color",t)):wp.customize.preview.send("refresh")})}),wp.customize("astra-settings[header-menu"+s+"-submenu-item-b-size]",function(e){e.bind(function(e){var t=".ast-desktop .ast-builder-menu-"+s+" .main-header-menu",n=(n=(n=(n="")+(t+" .menu-item .sub-menu .menu-link {")+("border-bottom-width: "+e+"px;"))+"} "+(t+" .menu-item .sub-menu .menu-item:last-child .menu-link {"))+"border-bottom-width: 0px"+"} ";astra_add_dynamic_css("header-menu"+s+"-submenu-item-b-size",n)})}),wp.customize("astra-settings[header-menu"+s+"-submenu-item-border]",function(e){e.bind(function(e){var t=wp.customize("astra-settings[header-menu"+s+"-submenu-item-b-color]").get(),n=wp.customize("astra-settings[header-menu"+s+"-submenu-item-b-size]").get(),i=".ast-desktop .ast-builder-menu-"+s+" .main-header-menu.submenu-with-border .sub-menu .menu-link";!0===e?i=(i+="{")+"border-bottom-width:"+(n?n+"px;":"0px;")+"border-color:"+t+";border-style: solid;}":i+="{border-style: none;}",i+=".ast-desktop .ast-builder-menu-"+s+" .menu-item .sub-menu .menu-item:last-child .menu-link{ border-style: none; }",astra_add_dynamic_css("header-menu"+s+"-submenu-item-border",i)})}),wp.customize("astra-settings[header-menu"+s+"-menu-hover-animation]",function(e){e.bind(function(e){var t=jQuery("#ast-desktop-header #ast-hf-menu-"+s);t.removeClass("ast-menu-hover-style-underline"),t.removeClass("ast-menu-hover-style-zoom"),t.removeClass("ast-menu-hover-style-overline"),n&&document.dispatchEvent(new CustomEvent("astMenuHoverStyleChanged",{detail:{}})),t.addClass("ast-menu-hover-style-"+e)})}),wp.customize("astra-settings[header-menu"+s+"-submenu-container-animation]",function(e){e.bind(function(e){var t=jQuery("#ast-desktop-header #ast-hf-menu-"+s);t.removeClass("astra-menu-animation-fade"),t.removeClass("astra-menu-animation-slide-down"),t.removeClass("astra-menu-animation-slide-up"),""!=e&&t.addClass("astra-menu-animation-"+e)})}),wp.customize("astra-settings[header-menu"+s+"-menu-stack-on-mobile]",function(e){e.bind(function(e){var t=jQuery("#ast-mobile-header #ast-hf-menu-"+s+".main-header-menu");t.removeClass("inline-on-mobile"),t.removeClass("stack-on-mobile"),!1===e?t.addClass("inline-on-mobile"):t.addClass("stack-on-mobile")})}),wp.customize("astra-settings[header-menu"+s+"-submenu-border-radius-fields]",function(e){e.bind(function(e){var t=astraBuilderPreview.tablet_break_point||768,n=astraBuilderPreview.mobile_break_point||544,i=".ast-builder-menu-"+s+" li.menu-item .sub-menu, .ast-builder-menu-"+s+" ul.inline-on-mobile li.menu-item .sub-menu",a=i+"{ border-top-left-radius :"+e.desktop.top+e["desktop-unit"]+"; border-bottom-right-radius :"+e.desktop.bottom+e["desktop-unit"]+"; border-bottom-left-radius :"+e.desktop.left+e["desktop-unit"]+"; border-top-right-radius :"+e.desktop.right+e["desktop-unit"]+"; } ",a=(a+="@media (max-width: "+t+"px) { "+i+"{ border-top-left-radius :"+e.tablet.top+e["tablet-unit"]+"; border-bottom-right-radius :"+e.tablet.bottom+e["tablet-unit"]+"; border-bottom-left-radius :"+e.tablet.left+e["tablet-unit"]+"; border-top-right-radius :"+e.tablet.right+e["tablet-unit"]+"; } } ")+("@media (max-width: "+n+"px) { "+i+"{ border-top-left-radius :"+e.mobile.top+e["mobile-unit"]+"; border-bottom-right-radius :"+e.mobile.bottom+e["mobile-unit"]+"; border-bottom-left-radius :"+e.mobile.left+e["mobile-unit"]+"; border-top-right-radius :"+e.mobile.right+e["mobile-unit"]+"; } } ");astra_add_dynamic_css("header-menu"+s+"-submenu-border-radius-fields",a)})}),wp.customize("astra-settings[header-menu"+s+"-submenu-top-offset]",function(e){e.bind(function(e){var t=".ast-desktop .ast-builder-menu-"+s+" li.menu-item .sub-menu, .ast-desktop .ast-builder-menu-"+s+" ul.inline-on-mobile li.menu-item .sub-menu, .ast-desktop .ast-builder-menu-"+s+" li.menu-item .astra-full-megamenu-wrapper {",t=(t=(t+="margin-top: "+e+"px")+"}"+(".ast-desktop .ast-builder-menu-"+s+" .main-header-menu > .menu-item > .sub-menu:before, .ast-desktop .ast-builder-menu-"+s+" .main-header-menu > .menu-item > .astra-full-megamenu-wrapper:before {"))+("height: calc( "+e+"px + 5px );")+"}";astra_add_dynamic_css("header-menu"+s+"-submenu-top-offset",t)})}),wp.customize("astra-settings[header-menu"+s+"-submenu-width]",function(e){e.bind(function(e){var t=(t=".ast-builder-menu-"+s+" li.menu-item .sub-menu, .ast-builder-menu-"+s+" ul.inline-on-mobile li.menu-item .sub-menu {")+("width: "+e+"px")+"}";astra_add_dynamic_css("header-menu"+s+"-submenu-width",t)})}),astra_font_extras_css("header-menu"+s+"-font-extras",".ast-builder-menu-"+s+" .menu-item > .menu-link")}(e),astra_css("astra-settings[header-"+t+"-submenu-b-color]","border-color",s+" li.menu-item .sub-menu, "+s+" .inline-on-mobile li.menu-item .sub-menu ")}astra_color_responsive_css("astra-builder-transparent-submenu","astra-settings[transparent-submenu-h-color-responsive]","color",".ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-item:hover > .menu-link")}(jQuery);PK .[z*M M 6 header/menu/assets/js/unminified/customizer-preview.jsnu [ /**
* This file adds some LIVE to the Customizer live preview. To leverage
* this, set your custom settings to 'postMessage' and then add your handling
* here. Your javascript should grab settings from customizer controls, and
* then make any necessary changes to the page using jQuery.
*
* @package Astra
* @since 3.0.0
*/
( function( $ ) {
var tablet_break_point = AstraBuilderMenuData.tablet_break_point || 768,
mobile_break_point = AstraBuilderMenuData.mobile_break_point || 544,
isNavMenuEnabled = AstraBuilderMenuData.nav_menu_enabled || false;
for ( var index = 1; index <= AstraBuilderMenuData.component_limit; index++ ) {
var prefix = 'menu' + index;
var selector = '.ast-builder-menu-' + index;
var section = 'section-hb-menu-' + index;
// Advanced Visibility CSS Generation.
astra_builder_visibility_css( section, selector );
/**
* Typography CSS.
*/
// Menu Typography.
astra_generate_outside_font_family_css(
'astra-settings[header-' + prefix + '-font-family]',
selector + ' .menu-item > .menu-link'
);
astra_generate_font_weight_css(
'astra-settings[header-' + prefix + '-font-family]',
'astra-settings[header-' + prefix + '-font-weight]',
'font-weight',
selector + ' .menu-item > .menu-link'
);
astra_css(
'astra-settings[header-' + prefix + '-text-transform]',
'text-transform',
selector + ' .menu-item > .menu-link'
);
astra_responsive_font_size(
'astra-settings[header-' + prefix + '-font-size]',
selector + ' .menu-item > .menu-link'
);
astra_css(
'astra-settings[header-' + prefix + '-line-height]',
'line-height',
selector + ' .menu-item > .menu-link'
);
astra_css(
'astra-settings[header-' + prefix + '-letter-spacing]',
'letter-spacing',
selector + ' .menu-item > .menu-link',
'px'
);
/**
* Color CSS.
*/
/**
* Menu - Colors
*/
// Menu - Normal Color
astra_color_responsive_css(
'astra-menu-color-preview',
'astra-settings[header-' + prefix + '-color-responsive]',
'color',
selector + ' .main-header-menu .menu-item > .menu-link'
);
// Menu - Hover Color
astra_color_responsive_css(
'astra-menu-h-color-preview',
'astra-settings[header-' + prefix + '-h-color-responsive]',
'color',
selector + ' .menu-item:hover > .menu-link, ' + selector + ' .inline-on-mobile .menu-item:hover > .ast-menu-toggle'
);
// Menu Toggle - Color
astra_color_responsive_css(
'astra-builder-toggle',
'astra-settings[header-' + prefix + '-color-responsive]',
'color',
selector + ' .menu-item > .ast-menu-toggle'
);
// Menu Toggle - Hover Color
astra_color_responsive_css(
'astra-menu-h-toogle-color-preview',
'astra-settings[header-' + prefix + '-h-color-responsive]',
'color',
selector + ' .menu-item:hover > .ast-menu-toggle'
);
// Menu - Active Color
astra_color_responsive_css(
'astra-menu-active-color-preview',
'astra-settings[header-' + prefix + '-a-color-responsive]',
'color',
selector + ' .menu-item.current-menu-item > .menu-link, ' + selector + ' .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, ' + selector + ' .current-menu-ancestor > .menu-link, ' + selector + ' .current-menu-ancestor > .ast-menu-toggle'
);
// Menu - Normal Background
astra_apply_responsive_background_css( 'astra-settings[header-' + prefix + '-bg-obj-responsive]', selector + ' .main-header-menu, ' + selector + ' .main-header-menu .sub-menu', 'desktop' );
astra_apply_responsive_background_css( 'astra-settings[header-' + prefix + '-bg-obj-responsive]', selector + ' .main-header-menu, ' + selector + ' .main-header-menu .sub-menu', 'tablet' );
astra_apply_responsive_background_css( 'astra-settings[header-' + prefix + '-bg-obj-responsive]', selector + ' .main-header-menu, ' + selector + ' .main-header-menu .sub-menu', 'mobile' );
// Menu - Hover Background
astra_color_responsive_css(
'astra-menu-bg-preview',
'astra-settings[header-' + prefix + '-h-bg-color-responsive]',
'background',
selector + ' .menu-item:hover > .menu-link, ' + selector + ' .inline-on-mobile .menu-item:hover > .ast-menu-toggle'
);
// Menu - Active Background
astra_color_responsive_css(
'astra-builder',
'astra-settings[header-' + prefix + '-a-bg-color-responsive]',
'background',
selector + ' .menu-item.current-menu-item > .menu-link, ' + selector + ' .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, ' + selector + ' .current-menu-ancestor > .menu-link, ' + selector + ' .current-menu-ancestor > .ast-menu-toggle'
);
/**
* Border CSS.
*/
(function (index) {
// Menu 1 > Sub Menu Border Size.
wp.customize( 'astra-settings[header-menu'+ index +'-submenu-border]', function( setting ) {
setting.bind( function( border ) {
var dynamicStyle = '.ast-builder-menu-'+ index +' .sub-menu, .ast-builder-menu-'+ index +' .inline-on-mobile .sub-menu, .ast-builder-menu-'+ index +' .main-header-menu.submenu-with-border .astra-megamenu, .ast-builder-menu-'+ index +' .main-header-menu.submenu-with-border .astra-full-megamenu-wrapper {';
dynamicStyle += 'border-top-width:' + border.top + 'px;';
dynamicStyle += 'border-right-width:' + border.right + 'px;';
dynamicStyle += 'border-left-width:' + border.left + 'px;';
dynamicStyle += 'border-style: solid;';
dynamicStyle += 'border-bottom-width:' + border.bottom + 'px;';
dynamicStyle += '}';
astra_add_dynamic_css( 'header-menu'+ index +'-submenu-border', dynamicStyle );
} );
} );
// Menu Spacing - Menu 1.
wp.customize( 'astra-settings[header-menu'+ index +'-menu-spacing]', function( value ) {
value.bind( function( padding ) {
var dynamicStyle = '';
dynamicStyle += '.ast-builder-menu-'+ index +' .main-header-menu .menu-item > .menu-link {';
dynamicStyle += 'padding-left: ' + padding['desktop']['left'] + padding['desktop-unit'] + ';';
dynamicStyle += 'padding-right: ' + padding['desktop']['right'] + padding['desktop-unit'] + ';';
dynamicStyle += 'padding-top: ' + padding['desktop']['top'] + padding['desktop-unit'] + ';';
dynamicStyle += 'padding-bottom: ' + padding['desktop']['bottom'] + padding['desktop-unit'] + ';';
dynamicStyle += '} ';
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
dynamicStyle += '.ast-header-break-point .ast-builder-menu-'+ index +' .main-header-menu .menu-item > .menu-link {';
dynamicStyle += 'padding-left: ' + padding['tablet']['left'] + padding['tablet-unit'] + ';';
dynamicStyle += 'padding-right: ' + padding['tablet']['right'] + padding['tablet-unit'] + ';';
dynamicStyle += 'padding-top: ' + padding['tablet']['top'] + padding['tablet-unit'] + ';';
dynamicStyle += 'padding-bottom: ' + padding['tablet']['bottom'] + padding['tablet-unit'] + ';';
dynamicStyle += '} ';
// Toggle top.
dynamicStyle += '.ast-hfb-header .ast-builder-menu-'+ index +' .main-navigation ul .menu-item.menu-item-has-children > .ast-menu-toggle {';
dynamicStyle += 'top: ' + padding['tablet']['top'] + padding['tablet-unit'] + ';';
dynamicStyle += 'right: calc( ' + padding['tablet']['right'] + padding['tablet-unit'] + ' - 0.907em );'
dynamicStyle += '} ';
dynamicStyle += '} ';
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
dynamicStyle += '.ast-header-break-point .ast-builder-menu-'+ index +' .main-header-menu .menu-item > .menu-link {';
dynamicStyle += 'padding-left: ' + padding['mobile']['left'] + padding['mobile-unit'] + ';';
dynamicStyle += 'padding-right: ' + padding['mobile']['right'] + padding['mobile-unit'] + ';';
dynamicStyle += 'padding-top: ' + padding['mobile']['top'] + padding['mobile-unit'] + ';';
dynamicStyle += 'padding-bottom: ' + padding['mobile']['bottom'] + padding['mobile-unit'] + ';';
dynamicStyle += '} ';
// Toggle top.
dynamicStyle += '.ast-hfb-header .ast-builder-menu-'+ index +' .main-navigation ul .menu-item.menu-item-has-children > .ast-menu-toggle {';
dynamicStyle += 'top: ' + padding['mobile']['top'] + padding['mobile-unit'] + ';';
dynamicStyle += 'right: calc( ' + padding['mobile']['right'] + padding['mobile-unit'] + ' - 0.907em );'
dynamicStyle += '} ';
dynamicStyle += '} ';
astra_add_dynamic_css( 'header-menu'+ index +'-menu-spacing-toggle-button', dynamicStyle );
} );
} );
// Margin - Menu 1.
wp.customize( 'astra-settings[section-hb-menu-'+ index +'-margin]', function( value ) {
value.bind( function( margin ) {
var selector = '.ast-builder-menu-'+ index +' .main-header-menu, .ast-header-break-point .ast-builder-menu-'+ index +' .main-header-menu';
var dynamicStyle = '';
dynamicStyle += selector + ' {';
dynamicStyle += 'margin-left: ' + margin['desktop']['left'] + margin['desktop-unit'] + ';';
dynamicStyle += 'margin-right: ' + margin['desktop']['right'] + margin['desktop-unit'] + ';';
dynamicStyle += 'margin-top: ' + margin['desktop']['top'] + margin['desktop-unit'] + ';';
dynamicStyle += 'margin-bottom: ' + margin['desktop']['bottom'] + margin['desktop-unit'] + ';';
dynamicStyle += '} ';
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
dynamicStyle += selector + ' {';
dynamicStyle += 'margin-left: ' + margin['tablet']['left'] + margin['tablet-unit'] + ';';
dynamicStyle += 'margin-right: ' + margin['tablet']['right'] + margin['tablet-unit'] + ';';
dynamicStyle += 'margin-top: ' + margin['tablet']['top'] + margin['desktop-unit'] + ';';
dynamicStyle += 'margin-bottom: ' + margin['tablet']['bottom'] + margin['desktop-unit'] + ';';
dynamicStyle += '} ';
dynamicStyle += '} ';
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
dynamicStyle += selector + ' {';
dynamicStyle += 'margin-left: ' + margin['mobile']['left'] + margin['mobile-unit'] + ';';
dynamicStyle += 'margin-right: ' + margin['mobile']['right'] + margin['mobile-unit'] + ';';
dynamicStyle += 'margin-top: ' + margin['mobile']['top'] + margin['desktop-unit'] + ';';
dynamicStyle += 'margin-bottom: ' + margin['mobile']['bottom'] + margin['desktop-unit'] + ';';
dynamicStyle += '} ';
dynamicStyle += '} ';
astra_add_dynamic_css( 'section-hb-menu-'+ index +'-margin', dynamicStyle );
} );
} );
/**
* Header Menu 1 > Submenu border Color
*/
wp.customize('astra-settings[header-menu'+ index +'-submenu-item-b-color]', function (value) {
value.bind(function (color) {
var insideBorder = wp.customize('astra-settings[header-menu'+ index +'-submenu-item-border]').get(),
borderSize = wp.customize('astra-settings[header-menu'+ index +'-submenu-item-b-size]').get();
if ('' != color) {
if ( true == insideBorder ) {
var dynamicStyle = '';
dynamicStyle += '.ast-desktop .ast-builder-menu-'+ index +' .main-header-menu .menu-item .sub-menu .menu-link';
dynamicStyle += '{';
dynamicStyle += 'border-bottom-width:' + ( ( borderSize ) ? borderSize + 'px;' : '0px;' );
dynamicStyle += 'border-color:' + color + ';';
dynamicStyle += 'border-style: solid;';
dynamicStyle += '}';
dynamicStyle += '.ast-desktop .ast-builder-menu-'+ index +' .main-header-menu .menu-item .sub-menu .menu-item:last-child .menu-link{ border-style: none; }';
astra_add_dynamic_css('header-menu'+ index +'-submenu-item-b-color', dynamicStyle);
}
} else {
wp.customize.preview.send('refresh');
}
});
});
// Sub Menu - Divider Size.
wp.customize( 'astra-settings[header-menu'+ index +'-submenu-item-b-size]', function( value ) {
value.bind( function( borderSize ) {
var selector = '.ast-desktop .ast-builder-menu-'+ index + ' .main-header-menu';
var dynamicStyle = '';
dynamicStyle += selector + ' .menu-item .sub-menu .menu-link {';
dynamicStyle += 'border-bottom-width: ' + borderSize + 'px;';
dynamicStyle += '} ';
dynamicStyle += selector + ' .menu-item .sub-menu .menu-item:last-child .menu-link {';
dynamicStyle += 'border-bottom-width: 0px';
dynamicStyle += '} ';
astra_add_dynamic_css( 'header-menu'+ index +'-submenu-item-b-size', dynamicStyle );
} );
} );
/**
* Header Menu 1 > Submenu border Color
*/
wp.customize( 'astra-settings[header-menu'+ index +'-submenu-item-border]', function( value ) {
value.bind( function( border ) {
var color = wp.customize( 'astra-settings[header-menu'+ index +'-submenu-item-b-color]' ).get(),
borderSize = wp.customize('astra-settings[header-menu'+ index +'-submenu-item-b-size]').get();
var dynamicStyle = '.ast-desktop .ast-builder-menu-'+ index +' .main-header-menu.submenu-with-border .sub-menu .menu-link';
if( true === border ) {
dynamicStyle += '{';
dynamicStyle += 'border-bottom-width:' + ( ( borderSize ) ? borderSize + 'px;' : '0px;' );
dynamicStyle += 'border-color:' + color + ';';
dynamicStyle += 'border-style: solid;';
dynamicStyle += '}';
} else {
dynamicStyle += '{';
dynamicStyle += 'border-style: none;';
dynamicStyle += '}';
}
dynamicStyle += '.ast-desktop .ast-builder-menu-'+ index +' .menu-item .sub-menu .menu-item:last-child .menu-link{ border-style: none; }';
astra_add_dynamic_css( 'header-menu'+ index +'-submenu-item-border', dynamicStyle );
} );
} );
// Animation preview support.
// Adding customizer-refresh because if megamenu is enabled on menu then caluculated left & width JS value of megamenu wrapper wiped out due to partial refresh.
wp.customize( 'astra-settings[header-menu'+ index +'-menu-hover-animation]', function( setting ) {
setting.bind( function( animation ) {
var menuWrapper = jQuery( '#ast-desktop-header #ast-hf-menu-'+ index );
menuWrapper.removeClass('ast-menu-hover-style-underline');
menuWrapper.removeClass('ast-menu-hover-style-zoom');
menuWrapper.removeClass('ast-menu-hover-style-overline');
if ( isNavMenuEnabled ) {
document.dispatchEvent( new CustomEvent( "astMenuHoverStyleChanged", { "detail": {} }) );
}
menuWrapper.addClass( 'ast-menu-hover-style-' + animation );
} );
} );
wp.customize( 'astra-settings[header-menu'+ index +'-submenu-container-animation]', function( setting ) {
setting.bind( function( animation ) {
var menuWrapper = jQuery( '#ast-desktop-header #ast-hf-menu-'+ index );
menuWrapper.removeClass('astra-menu-animation-fade');
menuWrapper.removeClass('astra-menu-animation-slide-down');
menuWrapper.removeClass('astra-menu-animation-slide-up');
if ( '' != animation ) {
menuWrapper.addClass( 'astra-menu-animation-' + animation );
}
} );
} );
// Stack on Mobile CSS
wp.customize( 'astra-settings[header-menu'+ index +'-menu-stack-on-mobile]', function( setting ) {
setting.bind( function( stack ) {
var menu_div = jQuery( '#ast-mobile-header #ast-hf-menu-'+ index + '.main-header-menu' );
menu_div.removeClass('inline-on-mobile');
menu_div.removeClass('stack-on-mobile');
if ( false === stack ) {
menu_div.addClass('inline-on-mobile');
} else {
menu_div.addClass('stack-on-mobile');
}
} );
} );
// Sub Menu - Border Radius Fields.
wp.customize( 'astra-settings[header-menu'+ index +'-submenu-border-radius-fields]', function( value ) {
value.bind( function( border ) {
let tabletBreakPoint = astraBuilderPreview.tablet_break_point || 768,
mobileBreakPoint = astraBuilderPreview.mobile_break_point || 544;
let globalSelector = '.ast-builder-menu-' + index + ' li.menu-item .sub-menu, .ast-builder-menu-' + index + ' ul.inline-on-mobile li.menu-item .sub-menu';
let dynamicStyle = globalSelector + '{ border-top-left-radius :' + border['desktop']['top'] + border['desktop-unit']
+ '; border-bottom-right-radius :' + border['desktop']['bottom'] + border['desktop-unit'] + '; border-bottom-left-radius :'
+ border['desktop']['left'] + border['desktop-unit'] + '; border-top-right-radius :' + border['desktop']['right'] + border['desktop-unit'] + '; } ';
dynamicStyle += '@media (max-width: ' + tabletBreakPoint + 'px) { ' + globalSelector + '{ border-top-left-radius :' + border['tablet']['top'] + border['tablet-unit']
+ '; border-bottom-right-radius :' + border['tablet']['bottom'] + border['tablet-unit'] + '; border-bottom-left-radius :'
+ border['tablet']['left'] + border['tablet-unit'] + '; border-top-right-radius :' + border['tablet']['right'] + border['tablet-unit'] + '; } } ';
dynamicStyle += '@media (max-width: ' + mobileBreakPoint + 'px) { ' + globalSelector + '{ border-top-left-radius :' + border['mobile']['top'] + border['mobile-unit']
+ '; border-bottom-right-radius :' + border['mobile']['bottom'] + border['mobile-unit'] + '; border-bottom-left-radius :'
+ border['mobile']['left'] + border['mobile-unit'] + '; border-top-right-radius :' + border['mobile']['right'] + border['mobile-unit'] + '; } } ';
astra_add_dynamic_css( 'header-menu'+ index +'-submenu-border-radius-fields', dynamicStyle );
} );
} );
// Sub Menu - Top Offset.
wp.customize( 'astra-settings[header-menu'+ index +'-submenu-top-offset]', function( value ) {
value.bind( function( offset ) {
var dynamicStyle = '.ast-desktop .ast-builder-menu-' + index + ' li.menu-item .sub-menu, .ast-desktop .ast-builder-menu-' + index + ' ul.inline-on-mobile li.menu-item .sub-menu, .ast-desktop .ast-builder-menu-' + index + ' li.menu-item .astra-full-megamenu-wrapper {';
dynamicStyle += 'margin-top: ' + offset + 'px';
dynamicStyle += '}';
dynamicStyle += '.ast-desktop .ast-builder-menu-' + index + ' .main-header-menu > .menu-item > .sub-menu:before, .ast-desktop .ast-builder-menu-' + index + ' .main-header-menu > .menu-item > .astra-full-megamenu-wrapper:before {';
dynamicStyle += 'height: calc( ' + offset + 'px + 5px );';
dynamicStyle += '}';
astra_add_dynamic_css( 'header-menu'+ index +'-submenu-top-offset', dynamicStyle );
} );
} );
// Sub Menu - Width.
wp.customize( 'astra-settings[header-menu'+ index +'-submenu-width]', function( value ) {
value.bind( function( width ) {
var dynamicStyle = '.ast-builder-menu-' + index + ' li.menu-item .sub-menu, .ast-builder-menu-' + index + ' ul.inline-on-mobile li.menu-item .sub-menu {';
dynamicStyle += 'width: ' + width + 'px';
dynamicStyle += '}';
astra_add_dynamic_css( 'header-menu'+ index +'-submenu-width', dynamicStyle );
} );
} );
// Sub menu
astra_font_extras_css( 'header-menu' + index + '-font-extras', '.ast-builder-menu-' + index + ' .menu-item > .menu-link' );
})(index);
// Sub Menu - Border Color.
astra_css(
'astra-settings[header-' + prefix + '-submenu-b-color]',
'border-color',
selector + ' li.menu-item .sub-menu, ' + selector + ' .inline-on-mobile li.menu-item .sub-menu '
);
}
// Transparent header > Submenu link hover color.
astra_color_responsive_css( 'astra-builder-transparent-submenu', 'astra-settings[transparent-submenu-h-color-responsive]', 'color', '.ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-item:hover > .menu-link' );
} )( jQuery );
PK .[ҕT T ' header/menu/dynamic-css/dynamic.css.phpnu [ array(
'font-family' => astra_get_font_family( $menu_font_family ),
'font-weight' => esc_attr( $menu_font_weight ),
'text-transform' => esc_attr( $menu_text_transform ),
),
$selector . ' .menu-item > .menu-link' => array(
'line-height' => esc_attr( $menu_line_height ),
'font-size' => astra_get_font_css_value( $menu_font_size_desktop, $menu_font_size_desktop_unit ),
'color' => $menu_resp_color_desktop,
'padding-top' => astra_responsive_spacing( $menu_spacing, 'top', 'desktop' ),
'padding-bottom' => astra_responsive_spacing( $menu_spacing, 'bottom', 'desktop' ),
'padding-left' => astra_responsive_spacing( $menu_spacing, 'left', 'desktop' ),
'padding-right' => astra_responsive_spacing( $menu_spacing, 'right', 'desktop' ),
'text-decoration' => esc_attr( $menu_text_decoration ),
'letter-spacing' => esc_attr( $menu_letter_spacing ),
),
$selector . ' .menu-item > .ast-menu-toggle' => array(
'color' => $menu_resp_color_desktop,
),
$selector . ' .menu-item:hover > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item:hover > .ast-menu-toggle' => array(
'color' => $menu_resp_color_hover_desktop,
'background' => $menu_resp_bg_color_hover_desktop,
),
$selector . ' .menu-item:hover > .ast-menu-toggle' => array(
'color' => $menu_resp_color_hover_desktop,
),
$selector . ' .menu-item.current-menu-item > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, ' . $selector . ' .current-menu-ancestor > .menu-link' => array(
'color' => $menu_resp_color_active_desktop,
'background' => $menu_resp_bg_color_active_desktop,
),
$selector . ' .menu-item.current-menu-item > .ast-menu-toggle' => array(
'color' => $menu_resp_color_active_desktop,
),
// Sub Menu.
$selector . ' .sub-menu, ' . $selector . ' .inline-on-mobile .sub-menu' => array(
'border-top-width' => astra_get_css_value( $sub_menu_border_top, 'px' ),
'border-bottom-width' => astra_get_css_value( $sub_menu_border_bottom, 'px' ),
'border-right-width' => astra_get_css_value( $sub_menu_border_right, 'px' ),
'border-left-width' => astra_get_css_value( $sub_menu_border_left, 'px' ),
'border-color' => esc_attr( astra_get_option( 'header-' . $_prefix . '-submenu-b-color', $theme_color ) ),
'border-style' => 'solid',
'width' => astra_get_css_value( $sub_menu_width, 'px' ),
'border-top-left-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'top', 'desktop' ),
'border-top-right-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'right', 'desktop' ),
'border-bottom-right-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'bottom', 'desktop' ),
'border-bottom-left-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'left', 'desktop' ),
),
$selector . ' .main-header-menu > .menu-item > .sub-menu, ' . $selector . ' .main-header-menu > .menu-item > .astra-full-megamenu-wrapper' => array(
'margin-top' => astra_get_css_value( $sub_menu_top_offset, 'px' ),
),
'.ast-desktop ' . $selector . ' .main-header-menu > .menu-item > .sub-menu:before, .ast-desktop ' . $selector . ' .main-header-menu > .menu-item > .astra-full-megamenu-wrapper:before' => array(
'height' => astra_calculate_spacing( $sub_menu_top_offset . 'px', '+', '5', 'px' ),
),
$selector . ' .menu-item.menu-item-has-children > .ast-menu-toggle' => array(
'top' => astra_responsive_spacing( $menu_spacing, 'top', 'desktop' ),
'right' => astra_calculate_spacing( astra_responsive_spacing( $menu_spacing, 'right', 'desktop' ), '-', '0.907', 'em' ),
),
// Margin CSS.
$margin_selector => array(
'margin-top' => astra_responsive_spacing( $margin, 'top', 'desktop' ),
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'desktop' ),
'margin-left' => astra_responsive_spacing( $margin, 'left', 'desktop' ),
'margin-right' => astra_responsive_spacing( $margin, 'right', 'desktop' ),
),
);
$css_output_desktop[ $selector . ' .main-header-menu, ' . $selector . ' .main-header-menu .sub-menu' ] = astra_get_responsive_background_obj( $menu_resp_bg_color, 'desktop' );
$mobile_selector = '.ast-header-break-point .ast-builder-menu-' . $index;
$menu_spacing_mobile_top = astra_responsive_spacing( $menu_spacing, 'top', 'mobile' );
$menu_spacing_mobile_top = ( isset( $menu_spacing_mobile_top ) && ! empty( $menu_spacing_mobile_top ) ) ? $menu_spacing_mobile_top : 0;
$menu_spacing_tablet_top = astra_responsive_spacing( $menu_spacing, 'top', 'tablet' );
$menu_spacing_tablet_top = ( isset( $menu_spacing_tablet_top ) && ! empty( $menu_spacing_tablet_top ) ) ? $menu_spacing_tablet_top : 0;
if ( ! is_rtl() ) {
$selector_right_value = array(
'right' => '-15px',
);
} else {
$selector_right_value = array(
'left' => '-15px',
);
}
$css_output_tablet = array(
$mobile_selector . ' .menu-item > .menu-link' => array(
'font-size' => astra_get_font_css_value( $menu_font_size_tablet, $menu_font_size_tablet_unit ),
),
$mobile_selector . ' .main-header-menu .menu-item > .menu-link' => array(
'padding-top' => astra_responsive_spacing( $menu_spacing, 'top', 'tablet' ),
'padding-bottom' => astra_responsive_spacing( $menu_spacing, 'bottom', 'tablet' ),
'padding-left' => astra_responsive_spacing( $menu_spacing, 'left', 'tablet' ),
'padding-right' => astra_responsive_spacing( $menu_spacing, 'right', 'tablet' ),
),
// Sub Menu.
$selector . ' .sub-menu, ' . $selector . ' .inline-on-mobile .sub-menu' => array(
'border-top-left-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'top', 'tablet' ),
'border-top-right-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'right', 'tablet' ),
'border-bottom-right-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'bottom', 'tablet' ),
'border-bottom-left-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'left', 'tablet' ),
),
$selector . ' .main-header-menu .menu-item > .menu-link' => array(
'color' => $menu_resp_color_tablet,
),
$selector . ' .menu-item > .ast-menu-toggle' => array(
'color' => $menu_resp_color_tablet,
),
$selector . ' .menu-item:hover > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item:hover > .ast-menu-toggle' => array(
'color' => $menu_resp_color_hover_tablet,
'background' => $menu_resp_bg_color_hover_tablet,
),
$selector . ' .menu-item:hover > .ast-menu-toggle' => array(
'color' => $menu_resp_color_hover_tablet,
),
$selector . ' .menu-item.current-menu-item > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, ' . $selector . ' .current-menu-ancestor > .menu-link, ' . $selector . ' .current-menu-ancestor > .ast-menu-toggle' => array(
'color' => $menu_resp_color_active_tablet,
'background' => $menu_resp_bg_color_active_tablet,
),
$selector . ' .menu-item.current-menu-item > .ast-menu-toggle' => array(
'color' => $menu_resp_color_active_tablet,
),
$mobile_selector . ' .menu-item.menu-item-has-children > .ast-menu-toggle' => array(
'top' => $menu_spacing_tablet_top,
'right' => astra_calculate_spacing( astra_responsive_spacing( $menu_spacing, 'right', 'tablet' ), '-', '0.907', 'em' ),
),
$selector . ' .inline-on-mobile .menu-item.menu-item-has-children > .ast-menu-toggle' => $selector_right_value,
$selector . ' .menu-item-has-children > .menu-link:after' => array(
'content' => 'unset',
),
// Margin CSS.
$margin_selector => array(
'margin-top' => astra_responsive_spacing( $margin, 'top', 'tablet' ),
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'tablet' ),
'margin-left' => astra_responsive_spacing( $margin, 'left', 'tablet' ),
'margin-right' => astra_responsive_spacing( $margin, 'right', 'tablet' ),
),
$selector . ' .main-header-menu > .menu-item > .sub-menu, ' . $selector . ' .main-header-menu > .menu-item > .astra-full-megamenu-wrapper' => array(
'margin-top' => '0',
),
);
$css_output_tablet[ $selector . ' .main-header-menu, ' . $selector . ' .main-header-menu .sub-menu' ] = astra_get_responsive_background_obj( $menu_resp_bg_color, 'tablet' );
$css_output_mobile = array(
$mobile_selector . ' .menu-item > .menu-link' => array(
'font-size' => astra_get_font_css_value( $menu_font_size_mobile, $menu_font_size_mobile_unit ),
),
$mobile_selector . ' .main-header-menu .menu-item > .menu-link' => array(
'padding-top' => astra_responsive_spacing( $menu_spacing, 'top', 'mobile' ),
'padding-bottom' => astra_responsive_spacing( $menu_spacing, 'bottom', 'mobile' ),
'padding-left' => astra_responsive_spacing( $menu_spacing, 'left', 'mobile' ),
'padding-right' => astra_responsive_spacing( $menu_spacing, 'right', 'mobile' ),
),
// Sub Menu.
$selector . ' .sub-menu, ' . $selector . ' .inline-on-mobile .sub-menu' => array(
'border-top-left-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'top', 'mobile' ),
'border-top-right-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'right', 'mobile' ),
'border-bottom-right-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'bottom', 'mobile' ),
'border-bottom-left-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'left', 'mobile' ),
),
$selector . ' .main-header-menu .menu-item > .menu-link' => array(
'color' => $menu_resp_color_mobile,
),
$selector . ' .menu-item > .ast-menu-toggle' => array(
'color' => $menu_resp_color_mobile,
),
$selector . ' .menu-item:hover > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item:hover > .ast-menu-toggle' => array(
'color' => $menu_resp_color_hover_mobile,
'background' => $menu_resp_bg_color_hover_mobile,
),
$selector . ' .menu-item:hover > .ast-menu-toggle' => array(
'color' => $menu_resp_color_hover_mobile,
),
$selector . ' .menu-item.current-menu-item > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, ' . $selector . ' .current-menu-ancestor > .menu-link, ' . $selector . ' .current-menu-ancestor > .ast-menu-toggle' => array(
'color' => $menu_resp_color_active_mobile,
'background' => $menu_resp_bg_color_active_mobile,
),
$selector . ' .menu-item.current-menu-item > .ast-menu-toggle' => array(
'color' => $menu_resp_color_active_mobile,
),
$mobile_selector . ' .menu-item.menu-item-has-children > .ast-menu-toggle' => array(
'top' => $menu_spacing_mobile_top,
'right' => astra_calculate_spacing( astra_responsive_spacing( $menu_spacing, 'right', 'mobile' ), '-', '0.907', 'em' ),
),
// Margin CSS.
$margin_selector => array(
'margin-top' => astra_responsive_spacing( $margin, 'top', 'mobile' ),
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'mobile' ),
'margin-left' => astra_responsive_spacing( $margin, 'left', 'mobile' ),
'margin-right' => astra_responsive_spacing( $margin, 'right', 'mobile' ),
),
$selector . ' .main-header-menu > .menu-item > .sub-menu, ' . $selector . ' .main-header-menu > .menu-item > .astra-full-megamenu-wrapper' => array(
'margin-top' => '0',
),
);
$css_output_mobile[ $selector . ' .main-header-menu, ' . $selector . ' .main-header-menu .sub-menu' ] = astra_get_responsive_background_obj( $menu_resp_bg_color, 'mobile' );
if ( true === $sub_menu_divider_toggle ) {
// Sub Menu Divider.
$css_output_desktop[ '.ast-desktop ' . $selector . ' .menu-item .sub-menu .menu-link' ] = array(
'border-bottom-width' => $sub_menu_divider_size . 'px',
'border-color' => $sub_menu_divider_color,
'border-style' => 'solid',
);
$css_output_desktop[ '.ast-desktop ' . $selector . ' .menu-item .sub-menu:last-child > .menu-item > .menu-link' ] = array(
'border-bottom-width' => $sub_menu_divider_size . 'px',
);
$css_output_desktop[ '.ast-desktop ' . $selector . ' .menu-item:last-child > .menu-item > .menu-link' ] = array(
'border-bottom-width' => 0,
);
} else {
$css_output_desktop[ '.ast-desktop .ast-builder-menu-' . $index . ' .menu-item .sub-menu .menu-link' ] = array(
'border-style' => 'none',
);
}
/* Parse CSS from array() */
$css_output = astra_parse_css( $css_output_desktop );
$css_output .= astra_parse_css( $css_output_tablet, '', astra_get_tablet_breakpoint() );
$css_output .= astra_parse_css( $css_output_mobile, '', astra_get_mobile_breakpoint() );
$dynamic_css .= $css_output;
$dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, $selector );
}
$dynamic_css .= astra_menu_hover_style_css();
return $dynamic_css;
}
/**
* Load Menu hover style static CSS if any one of the menu hover style is selected.
*
* @return string
* @since 3.5.0
*/
function astra_menu_hover_style_css() {
$hover_style_flg = false;
$menu_hover_css = '';
for ( $index = 1; $index <= Astra_Builder_Helper::$num_of_header_menu; $index++ ) {
if ( '' !== astra_get_option( 'header-menu' . $index . '-menu-hover-animation' ) ) {
$hover_style_flg = true;
}
}
if ( true === $hover_style_flg ) {
$menu_hover_css = '
.ast-desktop .ast-menu-hover-style-underline > .menu-item > .menu-link:before,
.ast-desktop .ast-menu-hover-style-overline > .menu-item > .menu-link:before {
content: "";
position: absolute;
width: 100%;
right: 50%;
height: 1px;
background-color: transparent;
transform: scale(0, 0) translate(-50%, 0);
transition: transform .3s ease-in-out, color .0s ease-in-out;
}
.ast-desktop .ast-menu-hover-style-underline > .menu-item:hover > .menu-link:before,
.ast-desktop .ast-menu-hover-style-overline > .menu-item:hover > .menu-link:before {
width: calc(100% - 1.2em);
background-color: currentColor;
transform: scale(1, 1) translate(50%, 0);
}
.ast-desktop .ast-menu-hover-style-underline > .menu-item > .menu-link:before {
bottom: 0;
}
.ast-desktop .ast-menu-hover-style-overline > .menu-item > .menu-link:before {
top: 0;
}
.ast-desktop .ast-menu-hover-style-zoom > .menu-item > .menu-link:hover {
transition: all .3s ease;
transform: scale(1.2);
}';
}
return Astra_Enqueue_Scripts::trim_css( $menu_hover_css );
}
PK .[L4/ 1 header/html/class-astra-header-html-component.phpnu [ defined( 'ASTRA_EXT_VER' ) ? Astra_Builder_Helper::$component_limit : Astra_Builder_Helper::$num_of_header_html,
)
);
}
}
/**
* Kicking this off by creating the object of the class.
*/
new Astra_Header_Html_Component_Loader();
PK .[nM M 8 header/html/assets/js/minified/customizer-preview.min.jsnu [ jQuery,astra_builder_html_css("header",AstraBuilderHTMLData.component_limit);PK .[ 6 header/html/assets/js/unminified/customizer-preview.jsnu [ /**
* This file adds some LIVE to the Customizer live preview. To leverage
* this, set your custom settings to 'postMessage' and then add your handling
* here. Your javascript should grab settings from customizer controls, and
* then make any necessary changes to the page using jQuery.
*
* @package Astra Builder
* @since 3.0.0
*/
( function( $ ) {
astra_builder_html_css( 'header', AstraBuilderHTMLData.component_limit );
} )( jQuery );
PK .[a1 ' header/html/dynamic-css/dynamic.css.phpnu [