';
$extra_button_class = 'vcex-off-canvas-menu__extra-item wpex-unstyled-button';
if ( $toggle_full_width ) {
$extra_button_class .= " wpex-flex wpex-flex-grow wpex-self-stretch {$toggle_full_width_btn_class}";
} else {
$extra_button_class .= ' wpex-inline-flex';
}
$extra_button_class .= ' wpex-items-center wpex-justify-center';
if ( $toggle_animation_speed_class ) {
$extra_button_class .= " wpex-transition-colors {$toggle_animation_speed_class}";
}
foreach ( $extras as $extra ) {
switch ( $extra ) {
case 'search_toggle':
if ( function_exists( 'totaltheme_get_instance_of' ) ) {
totaltheme_get_instance_of( 'Search\Modal' );
}
$output .= '';
break;
case 'dark_mode_toggle':
if ( function_exists( 'totaltheme_call_static' )
&& totaltheme_call_static( 'Dark_Mode', 'is_enabled' )
&& is_callable( 'TotalTheme\Dark_Mode::get_icon_name' )
) {
$output .= '';
}
break;
case 'cart_toggle':
if ( class_exists( 'WooCommerce', false ) ) {
$has_cart_badge = vcex_validate_att_boolean( 'cart_badge', $atts );
$off_canvas_cart_check = class_exists( 'TotalTheme\Integration\WooCommerce\Cart\Off_Canvas', false );
$cart_toggle_icon = ! empty( $atts['cart_toggle_icon'] ) ? sanitize_text_field( $atts['cart_toggle_icon'] ) : 'shopping-cart-alt';
$cart_toggle_icon_size = str_starts_with( $cart_toggle_icon, 'material' ) ? 'md' : '';
if ( $has_cart_badge ) {
$extra_button_class .= ' wpex-relative';
}
if ( $off_canvas_cart_check ) {
$output .= '' : '';
}
break;
}
}
$output .= '';
}
// Toggle
$toggle_style = ! empty( $atts['toggle_style'] ) && 'icon' === $atts['toggle_style'] ? 'icon' : 'hamburger';
$toggle_class = 'vcex-off-canvas-menu__toggle wpex-unstyled-button wpex-inline-flex wpex-items-center wpex-justify-center wpex-gap-10';
if ( $toggle_full_width ) {
$toggle_class .= " wpex-flex-grow {$toggle_full_width_btn_class}";
}
if ( $toggle_animation_speed_class ) {
$toggle_class .= " wpex-transition-colors {$toggle_animation_speed_class}";
}
if ( 'hamburger' !== $toggle_style ) {
$toggle_class .= ' wpex-text-lg';
}
$output .= '';
// Menu Template
$aria_label = ! empty( $atts['aria_label'] ) ? sanitize_text_field( $atts['aria_label'] ) : esc_attr__( 'Menu', 'total-theme-core' );
$nav_class = 'vcex-off-canvas-menu-nav wpex-flex wpex-flex-grow wpex-w-100';
if ( ! empty( $atts['nav_align_items'] ) ) {
$nav_class .= ' ' . vcex_parse_align_items_class( $atts['nav_align_items'] );
}
$off_canvas_content = '';
// Off Canvas args.
$off_canvas_class = '';
if ( ! empty( $atts['vcex_class'] ) ) {
$off_canvas_class .= ' ' . sanitize_html_class( $atts['vcex_class'] );
}
if ( ! empty( $atts['width'] ) && '100%' === $atts['width'] ) {
$off_canvas_class .= ' wpex-max-w-none';
}
$off_canvas_args = [
'id' => $off_canvas_menu_id,
'class' => trim( $off_canvas_class ),
'under_header' => $under_header,
'placement' => vcex_validate_att_boolean( 'swap_side', $atts ) ? 'right' : 'left',
'top_border' => vcex_validate_att_boolean( 'top_border_enable', $atts, true ),
'bottom_border' => vcex_validate_att_boolean( 'bottom_border_enable', $atts ),
'close_button' => vcex_validate_att_boolean( 'close_btn_enable', $atts, true ),
'fixed_footer' => vcex_validate_att_boolean( 'fixed_footer', $atts, true ),
'auto_insert' => false,
];
if ( ! empty( $visibility_class ) ) {
$off_canvas_args['visibility'] = $visibility_class;
}
if ( ! empty( $atts['width'] ) && '100%' === $atts['width'] ) {
$off_canvas_args['backdrop'] = false;
if ( $under_header ) {
$off_canvas_args['contain'] = true;
}
} elseif ( ! vcex_validate_att_boolean( 'backdrop', $atts, true ) ) {
$off_canvas_args['backdrop'] = false;
}
if ( ! empty( $atts['transition_duration'] ) ) {
$off_canvas_args['transition_duration'] = absint( $atts['transition_duration'] );
}
if ( ! empty( $atts['title'] ) ) {
$off_canvas_args['title'] = sanitize_text_field( $atts['title'] );
}
if ( ! empty( $atts['logo'] ) ) {
$off_canvas_args['logo'] = absint( $atts['logo']['id'] ?? $atts['logo'] );
}
if ( ! empty( $atts['bottom_template'] ) ) {
$off_canvas_footer = absint( $atts['bottom_template'] );
} elseif ( ! empty( $atts['bottom_button_link'] ) && ! empty( $atts['bottom_button_text'] ) ) {
$off_canvas_footer = '' . \esc_html( vcex_parse_text( $atts['bottom_button_text'] ) ) . '';
}
if ( ! empty( $toggle_aria_close ) ) {
$off_canvas_args['close_button_aria_label'] = $toggle_aria_close;
}
// Initialize off canvas element
$off_canvas = new TotalTheme\Off_Canvas( $off_canvas_args, $off_canvas_content, $off_canvas_footer ?? '' );
$output .= $off_canvas->render();
// Ouput everything
echo vcex_parse_html( 'div', [
'class' => $class,
], $output );