$input_width, ], false ); $widths_css[] = '.vcex-searchbar-input-wrap{' . $input_css . '}'; } if ( $button_width ) { $button_css = vcex_inline_style( [ 'width' => $button_width, ], false ); $widths_css[] = '.vcex-searchbar-button{' . $button_css . '}'; } if ( $widths_css ) { $unique_classname = vcex_element_unique_classname(); foreach ( $widths_css as $css_k => $css_v ) { $widths_css[ $css_k ] = ".$unique_classname $css_v"; } $output .= ''; } // Wrap Classes. $wrap_classes = [ 'vcex-searchbar', 'vcex-module', ]; if ( $has_button && $breakpoint ) { $wrap_classes[] = 'vcex-fullwidth-mobile'; } if ( $has_clear ) { $wrap_classes[] = 'vcex-searchbar--has-clear'; } if ( $legacy_typo ) { $wrap_classes[] = 'wpex-text-lg'; } if ( ! empty( $atts['bottom_margin'] ) ) { $wrap_classes[] = vcex_parse_margin_class( $atts['bottom_margin'], 'bottom' ); } if ( ! empty( $atts['visibility'] ) ) { $wrap_classes[] = vcex_parse_visibility_class( $atts['visibility'] ); } if ( ! empty( $atts['wrap_width'] ) ) { $wrap_classes[] = 'wpex-max-w-100'; if ( ! empty( $atts['wrap_float'] ) ) { $wrap_classes[] = vcex_parse_align_class( $atts['wrap_float'] ); } } if ( ! empty( $atts['classes'] ) ) { $wrap_classes[] = vcex_get_extra_class( $atts['classes'] ); } if ( ! empty( $atts['css_animation'] ) ) { $wrap_classes[] = vcex_get_css_animation( $atts['css_animation'] ); } if ( isset( $unique_classname ) ) { $wrap_classes[] = $unique_classname; } $wrap_attrs = [ 'id' => $atts['unique_id'] ?? null, 'class' => vcex_parse_shortcode_classes( $wrap_classes, 'vcex_searchbar', $atts ), ]; // Begin output. $wrap_attrs_string = vcex_parse_html_attributes( $wrap_attrs ); $output .= ""; $form_class = [ 'vcex-searchbar-form', ]; if ( '100%' === $input_width && '100%' === $button_width ) { $form_class[] = 'wpex-flex wpex-flex-col'; } else { if ( $has_button && $breakpoint ) { $form_class[] = "wpex-flex wpex-flex-col wpex-{$breakpoint}-flex-row wpex-{$breakpoint}-justify-between"; } else { $form_class[] = $has_button ? 'wpex-flex wpex-justify-between' : 'wpex-flex'; } } if ( $has_button && $gap ) { $form_class[] = vcex_parse_gap_class( $gap ); } $form_attrs = [ 'class' => $form_class, ]; $filter_id = ! empty( $atts['filter_id'] ) ? sanitize_text_field( $atts['filter_id'] ) : ''; if ( $filter_id ) { totalthemecore_call_non_static( 'Vcex\Ajax', 'enqueue_scripts', self::class, $atts ); $form_attrs['data-vcex-ajax-filter'] = '1'; $form_attrs['data-vcex-ajax-filter-target'] = ltrim( $filter_id, '#' ); } else { $form_attrs['action'] = esc_url( ! empty( $atts['action'] ) ? vcex_parse_text( $atts['action'] ) : home_url( '/' ) ); $form_attrs['method'] = 'get'; } if ( ! empty( $atts['aria_label'] ) ) { $form_attrs['aria-label'] = vcex_parse_text_safe( $atts['aria_label'] ); } if ( vcex_validate_att_boolean( 'role_landmark', $atts ) ) { $form_attrs['role'] = 'search'; } // Begin form output $output .= ''; $input_wrap_class = [ 'vcex-searchbar-input-wrap', ]; if ( ! $input_width ) { $input_wrap_class[] = 'wpex-flex-grow'; } if ( $has_clear ) { $input_wrap_class[] = 'wpex-relative'; } $output .= '
'; $input_id = uniqid( 'vcex-searchbar-input-' ); $output .= ''; // Input classes. $input_class = [ 'vcex-searchbar-input', 'wpex-h-100', 'wpex-w-100', 'wpex-inherit-tracking', 'wpex-inherit-text-transform', ]; if ( ! empty( $atts['placeholder_color'] ) ) { $input_class[] = 'wpex-placeholder-opacity-100'; } if ( $legacy_typo ) { $input_class[] = 'wpex-text-1em'; $input_class[] = 'wpex-p-10'; } if ( $has_clear ) { $input_class[] = 'wpex-pr-30'; } if ( ! empty( $atts['css'] ) ) { $input_class[] = vcex_vc_shortcode_custom_css_class( $atts['css'] ); } // Input output if ( ! $filter_id && $auto_fill && ( is_search() || isset( $_GET[ $input_name ] ) ) ) { $input_val = ( 's' === $input_name ) ? get_search_query( false ) : $_GET[ $input_name ]; } else { $input_val = ''; } // Build input attributes $input_attrs = [ 'id' => $input_id, 'type' => 'search', 'class' => $input_class, 'placeholder' => $placeholder, 'value' => strip_shortcodes( sanitize_text_field( $input_val ) ), 'required' => 'required', ]; if ( ! empty( $atts['filter_id'] ) ) { $input_attrs['data-vcex-type'] = 'search'; } else { $input_attrs['name'] = $input_name; } if ( vcex_validate_att_boolean( 'autofocus', $atts ) ) { $input_attrs['autofocus'] = 'autofocus'; } $output .= ''; if ( ! $filter_id && ! empty( $atts['advanced_query'] ) ) : // Sanitize $advanced_query = trim( $atts['advanced_query'] ); $advanced_query = html_entity_decode( $advanced_query ); // Convert to array parse_str( $advanced_query, $advanced_query_array ); // If array is valid loop through params. if ( $advanced_query_array ) : foreach ( $advanced_query_array as $key => $val ) : switch ( $val ) { case 'current_term': if ( is_tax() ) { $tax_obj = get_queried_object(); if ( is_object( $tax_obj ) && ! empty( $tax_obj->taxonomy ) ) { $val = $tax_obj->slug; } } break; case 'current_author': if ( is_author() ) { $val = get_the_author_meta( 'ID' ); } break; } if ( 'current_term' === $val || 'current_author' === $val ) { continue; } $output .= ''; endforeach; endif; endif; // Clear (x) button if ( $has_clear ) { wp_enqueue_script( 'vcex-searchbar-clear' ); $clear_reload = ( ! $filter_id && vcex_validate_att_boolean( 'clear_reload', $atts ) ) ? ' data-vcex-reload="1"' : ''; $output .= ''; } $output .= '
'; /* * Button */ if ( $has_button ) { $button_class = [ 'vcex-searchbar-button', 'theme-button', ]; if ( ! $button_width ) { if ( $breakpoint ) { $button_class[] = "wpex-{$breakpoint}-w-25"; } else { $button_class[] = 'wpex-w-25'; } } if ( $legacy_typo ) { if ( '100%' === $input_width && '100%' === $button_width ) { $button_class[] = 'wpex-py-15'; } elseif ( $breakpoint ) { $button_class[] = "wpex-py-15 wpex-{$breakpoint}-py-0"; } else { $button_class[] = 'wpex-py-0'; } } $output .= '