'' ); $default_tag = ( $default_tag = get_theme_mod( 'vcex_heading_default_tag', 'div' ) ) ? $default_tag : 'div'; $tag_escaped = $tag ? tag_escape( $tag ) : tag_escape( apply_filters( 'vcex_heading_default_tag', $default_tag ) ); $custom_css = vcex_vc_shortcode_custom_css_class( $css ); $icon = vcex_get_icon_class( $atts, 'icon' ); $default_border_width = ( 'side-border' == $style ) ? 3 : 1; $border_width = ! empty( $border_width ) ? absint( $border_width ) : $default_border_width; $border_style = ! empty( $border_style ) ? $border_style : 'solid'; if ( 'plain' === $style || 'side-border' == $style || 'bottom-border' == $style ) { $add_css_to_inner = vcex_validate_boolean( $add_css_to_inner ); } else { $add_css_to_inner = false; } /*-------------------------------------------------*/ /* [ Load Custom Fonts ] /*-------------------------------------------------*/ if ( $font_family ) { vcex_enqueue_font( $font_family ); } /*-------------------------------------------------*/ /* [ Parse Link ] /*-------------------------------------------------*/ $has_link = false; $link = vcex_build_link( $link ); if ( $link && isset( $link['url'] ) ) { $link['url'] = do_shortcode( $link['url'] ); if ( ! empty( $link['url'] ) ) { $has_link = true; } } /*-------------------------------------------------*/ /* [ Parse Icon ] /*-------------------------------------------------*/ if ( $icon ) { vcex_enqueue_icon_font( $icon_type, $icon ); $icon_side_margin = ! empty( $icon_side_margin ) ? absint( $icon_side_margin ) : 15; switch ( $icon_position ) { case 'right': $icon_margin_dir = 'l'; break; default: $icon_margin_dir = 'r'; break; } $icon_class = array( 'vcex-icon-wrap', 'wpex-m' . $icon_margin_dir . '-' . sanitize_html_class( $icon_side_margin ) ); $icon_attrs = array( 'class' => $icon_class, 'style' => vcex_inline_style( array( 'color' => $icon_color, ) ) ); $icon_output = ''; $icon_output .= ''; $icon_output .= ''; // Add icon to heading if ( 'left' === $icon_position ) { $icon_left_escaped = $icon_output; } else { $icon_right_escaped = $icon_output; } } /*-------------------------------------------------*/ /* [ Heading Classes ] /*-------------------------------------------------*/ $heading_classes = array( 'vcex-module', 'vcex-heading', 'wpex-text-2xl', 'wpex-font-normal', 'wpex-m-auto', 'wpex-max-w-100', ); if ( $style ) { $heading_classes[] = 'vcex-heading-' . sanitize_html_class( $style ); } if ( wp_validate_boolean( get_theme_mod( 'vcex_heading_typography_tag_styles', false ) ) && in_array( $tag_escaped, array( 'h1', 'h2', 'h3', 'h4', 'h5', 'h6' ) ) ) { $heading_classes[] = 'wpex-' . sanitize_html_class( $tag_escaped ); } if ( 'side-border' == $style ) { $heading_classes[] = 'wpex-flex'; $heading_classes[] = 'wpex-items-center'; } else { $heading_classes[] = 'wpex-block'; } if ( $bottom_margin ) { $heading_classes[] = vcex_sanitize_margin_class( $bottom_margin, 'wpex-mb-' ); } if ( 'true' === $italic ) { $heading_classes[] = 'wpex-italic'; } if ( 'true' === $hover_white_text ) { $heading_classes[] = 'wpex-hover-text-white'; } if ( $text_align ) { $heading_classes[] = 'wpex-text-' . sanitize_html_class( $text_align ); } if ( $align ) { $heading_classes[] = 'align' . sanitize_html_class( $align ); } if ( $css_animation && 'none' != $css_animation ) { $heading_classes[] = vcex_get_css_animation( $css_animation ); } if ( $visibility ) { $heading_classes[] = $visibility; } if ( $custom_css && ! $add_css_to_inner ) { $heading_classes[] = $custom_css; } // Auto responsive Text if ( 'true' === $responsive_text && $font_size ) { // Convert em font size to pixels if ( strpos( $font_size, 'em' ) !== false && strpos( $font_size, '|' ) === false ) { $font_size = str_replace( 'em', '', $font_size ); $font_size = $font_size * absint( vcex_get_body_font_size() ); } // Convert em min-font size to pixels if ( strpos( $min_font_size, 'em' ) !== false ) { $min_font_size = str_replace( 'em', '', $min_font_size ); $min_font_size = $min_font_size * absint( vcex_get_body_font_size() ); } // Add wrap classes and data if ( $font_size && $min_font_size ) { $heading_classes[] = 'wpex-responsive-txt'; $heading_attrs['data-max-font-size'] = absint( $font_size ); $min_font_size = $min_font_size ? $min_font_size : '21px'; // 21px = default heading font size $min_font_size = apply_filters( 'wpex_vcex_heading_min_font_size', $min_font_size ); $heading_attrs['data-min-font-size'] = absint( $min_font_size ); } } // Get responsive data if ( $responsive_data = vcex_get_module_responsive_data( $atts ) ) { $heading_attrs['data-wpex-rcss'] = $responsive_data; } /*-------------------------------------------------*/ /* [ Tweak classes based on heading style ] /*-------------------------------------------------*/ switch ( $style ) { case 'graphical': break; case 'bottom-border-w-color': $heading_classes[] = 'wpex-border-b-2'; $heading_classes[] = 'wpex-border-solid'; $heading_classes[] = 'wpex-border-gray-200'; break; case 'bottom-border': if ( $border_width > 1 ) { $heading_classes[] = 'wpex-border-b-' . sanitize_html_class( $border_width ); } else { $heading_classes[] = 'wpex-border-b'; } $heading_classes[] = 'wpex-border-' . sanitize_html_class( $border_style ); $heading_classes[] = 'wpex-border-main'; break; case 'side-border': if ( 'right' === $text_align ) { $heading_classes[] = 'wpex-flex-row-reverse'; } break; } /*-------------------------------------------------*/ /* [ Hover Data Attributes ] /*-------------------------------------------------*/ $hover_data = array(); if ( $color_hover ) { $hover_data['color'] = esc_attr( $color_hover ); } if ( $background_hover ) { $heading_classes[] = 'transition-all'; $hover_data['background'] = esc_attr( $background_hover ); } if ( $hover_data ) { $heading_attrs['data-wpex-hover'] = htmlspecialchars( wp_json_encode( $hover_data ) ); } /*-------------------------------------------------*/ /* [ Parse Heading Attributes ] /*-------------------------------------------------*/ // Add custom classes last if ( $el_class ) { $heading_classes[] = vcex_get_extra_class( $el_class ); } // Turn wrap classes into string and apply filter $heading_classes = vcex_parse_shortcode_classes( implode( ' ', $heading_classes ), $shortcode_tag, $atts ); // Add classes to attributes array $heading_attrs['class'] = $heading_classes; // Add inline style $heading_attrs['style'] = vcex_inline_style( array( 'color' => $color, 'font_family' => $font_family, 'font_size' => $font_size, 'letter_spacing' => $letter_spacing, 'font_weight' => $font_weight, 'text_transform' => $text_transform, 'line_height' => $line_height, 'border_bottom_color' => $border_color ? $border_color : $inner_bottom_border_color_main, 'width' => $width, ), false ); /*-------------------------------------------------*/ /* [ Parse HTMl for side border ] /*-------------------------------------------------*/ if ( 'side-border' == $style ) { $side_border_classes = array( 'vcex-heading-side-border', 'wpex-flex-grow', 'wpex-h-0', 'wpex-border-' . sanitize_html_class( $border_style ), ); if ( 'true' == $text_accent ) { $side_border_classes[] = 'wpex-border-accent'; } else { $side_border_classes[] = 'wpex-border-gray-900'; } $border_side_margin = $border_side_margin ? absint( $border_side_margin ) : 15; $border_side_margin_escaped = sanitize_html_class( $border_side_margin ); switch ( $text_align ) { case 'right': $side_border_classes['margin'] = 'wpex-mr-' . $border_side_margin_escaped; break; default: $side_border_classes['margin'] = 'wpex-ml-' . $border_side_margin_escaped; break; } if ( $border_width > 1 ) { $side_border_classes[] = 'wpex-border-b-' . sanitize_html_class( $border_width ); } else { $side_border_classes[] = 'wpex-border-b'; } $side_border_style = vcex_inline_style( array( 'border_color' => $border_color ? $border_color : $color, ) ); $side_border_classes = apply_filters( 'vcex_heading_side_border_class', $side_border_classes, $atts ); // Default side border $side_border_out = ''; // Left side border for center text_align if ( 'center' == $text_align ) { unset( $side_border_classes['margin'] ); $side_border_classes['margin'] = 'wpex-mr-' . $border_side_margin_escaped; $side_border_left_out = ''; } } /*-------------------------------------------------*/ /* [ Heading Output Starts here ] /*-------------------------------------------------*/ $output .= '<' . $tag_escaped . '' . vcex_parse_html_attributes( $heading_attrs ) . '>'; // Extra side border for center text_align if ( ! empty( $side_border_left_out ) ) { $output .= $side_border_left_out; } /*-------------------------------------------------*/ /* [ Open Link Element ] /*-------------------------------------------------*/ if ( $has_link ) { $link_attrs = array( 'href' => esc_url( $link['url'] ), 'title' => isset( $link['title'] ) ? $link['title'] : '', 'target' => isset( $link['target'] ) ? $link['target'] : '', 'rel' => isset( $link['rel'] ) ? $link['rel'] : '', ); $link_classes = array( 'wpex-no-underline', ); if ( 'true' === $link_local_scroll ) { $link_classes[] = 'local-scroll-link'; } if ( $background_hover ) { $link_classes[] = 'wpex-block'; } if ( 'true' == $hover_text_accent ) { $link_classes[] = 'wpex-inherit-color'; $link_classes[] = 'wpex-hover-text-accent'; } else { $link_classes[] = 'wpex-inherit-color'; } if ( $link_classes ) { $link_attrs[ 'class' ] = $link_classes; } $output .= ''; } /*-------------------------------------------------*/ /* [ Inner Span ] /*-------------------------------------------------*/ $inner_class = array( 'vcex-heading-inner', 'wpex-inline-block', 'wpex-clr', ); if ( 'true' == $text_accent ) { $inner_class[] = 'wpex-text-accent'; // add accent to inner to override things. } switch ( $style ) { case 'bottom-border-w-color': $inner_class[] = 'wpex-relative'; $inner_class[] = 'wpex-pb-5'; $inner_class[] = 'wpex-border-b-2'; $inner_class[] = 'wpex-border-solid'; $inner_class[] = 'wpex-border-accent'; break; } if ( $custom_css && $add_css_to_inner ) { $inner_class[] = $custom_css; } $inner_style = vcex_inline_style( array( 'border_color' => $inner_bottom_border_color, ) ); $inner_attrs = array( 'class' => $inner_class, 'style' => $inner_style, ); $output .= ''; // Left Icon if ( ! empty( $icon_left_escaped ) ) { $output .= $icon_left_escaped; } // The heading Text $output .= wp_kses_post( $text ); // Right Icon if ( ! empty( $icon_right_escaped ) ) { $output .= $icon_right_escaped; } // Badge if ( ! empty( $badge ) ) { $output .= ' ' . do_shortcode( wp_strip_all_tags( $badge ) ) . ''; } $output .= ''; if ( $has_link ) { $output .= ''; } // Side border for left/right text_align if ( ! empty( $side_border_out ) ) { $output .= $side_border_out; } $output .= ''; if ( ! vcex_validate_boolean( $float ) ) { $output .= '

'; } // @codingStandardsIgnoreLine echo $output;