esc_html__( 'None', 'total' ),
'tilt' => esc_html__( 'Tilt', 'total' ),
'triangle' => esc_html__( 'Triangle', 'total' ),
'triangle_asymmetrical' => esc_html__( 'Triangle Asymmetrical', 'total' ),
'arrow' => esc_html__( 'Arrow', 'total' ),
'curve' => esc_html__( 'Curve', 'total' ),
'waves' => esc_html__( 'Waves', 'total' ),
'clouds' => esc_html__( 'Clouds', 'total' ),
) );
}
/**
* Shape Divider Styles
*
* @since 4.9.3
*/
function vcex_insert_top_shape_divider( $content, $atts ) {
if ( ! empty( $atts['wpex_shape_divider_top'] ) ) {
$content .= wpex_get_shape_divider( 'top', $atts['wpex_shape_divider_top'], wpex_get_shape_divider_settings( 'top', $atts ) );
}
return $content;
}
/**
* Shape Divider Styles
*
* @since 4.9.3
*/
function vcex_insert_bottom_shape_divider( $content, $atts ) {
if ( ! empty( $atts['wpex_shape_divider_bottom'] ) ) {
$content .= wpex_get_shape_divider( 'bottom', $atts['wpex_shape_divider_bottom'], wpex_get_shape_divider_settings( 'bottom', $atts ) );
}
return $content;
}
/**
* Print row section divider
*/
function wpex_get_shape_divider_settings( $position = 'top', $atts = array() ) {
$settings = array(
'color' => '',
'width' => '',
'height' => '',
'flip' => false,
'invert' => false,
'visibility' => '',
);
foreach( $settings as $k => $v ) {
$atts_setting_k = 'wpex_shape_divider_' . $position . '_' . $k;
if ( isset( $atts[ $atts_setting_k ] ) ) {
$settings[ $k ] = $atts[ $atts_setting_k ];
}
}
return apply_filters( 'wpex_get_shape_divider_settings', $settings, $atts );
}
/**
* Print row section divider
*/
function wpex_get_shape_divider( $position = 'top', $type = 'triangle', $settings = array() ) {
$classes = array(
'wpex-shape-divider',
'wpex-shape-divider-' . esc_attr( $type ),
'wpex-shape-divider-' . esc_attr( $position ),
);
$rotate = false;
$flip = isset( $settings['flip'] ) && 'true' == $settings['flip'] ? true : false;
$invert = isset( $settings['invert'] ) && 'true' == $settings['invert'] ? true : false;
if ( $flip ) {
$classes[] = 'wpex-shape-divider-flip';
}
if ( wpex_shape_divider_rotate( $position, $type, $invert ) ) {
$classes[] = 'wpex-shape-divider-rotate';
}
if ( ! empty( $settings['visibility'] ) ) {
$classes[] = esc_attr( $settings['visibility'] );
}
$classes = array_unique( array_map( 'esc_attr', $classes ) );
return ' ' . wpex_get_shape_dividers_svg( $type, $settings ) . '
';
}
/**
* Check if shape needs rotating
*/
function wpex_shape_divider_rotate( $position, $type, $invert ) {
if ( 'top' == $position ) {
if ( $invert && in_array( $type, array( 'triangle', 'triangle_asymmetrical', 'arrow', 'clouds', 'curve', 'waves' ) ) ) {
return true;
}
}
if ( 'bottom' == $position ) {
if ( ! $invert && in_array( $type, array( 'tilt', 'triangle', 'triangle_asymmetrical', 'arrow', 'clouds', 'curve', 'waves' ) ) ) {
return true;
}
}
}
/**
* Array of shape dividers
*/
function wpex_get_shape_dividers_svg( $type = '', $settings = array() ) {
$svg = '';
// Get inline Styles
$svg_styles = array();
$svg_styles_html = '';
if ( ! empty( $settings['height'] ) ) {
$svg_styles['height'] = absint( $settings['height'] ) . 'px';
}
if ( ! empty( $settings['width'] ) ) {
$svg_styles['width'] = 'calc(' . absint( $settings['width'] ) . '% + 1.3px)';
}
if ( $svg_styles ) {
$svg_styles_html = 'style="';
$svg_styles = array_map( 'esc_attr', $svg_styles );
foreach ( $svg_styles as $name => $value ) {
$svg_styles_html .= ' ' . $name . ':' . $value . ';';
}
$svg_styles_html .= '"';
}
// Set inline path attributes
$path_attrs = array();
$path_attrs_html = '';
if ( ! empty( $settings['color'] ) ) {
$path_attrs['fill'] = $settings['color'];
} else {
$path_attrs['fill'] = '#fff';
}
if ( $path_attrs ) {
$path_attrs = array_map( 'esc_attr', $path_attrs );
foreach ( $path_attrs as $name => $value ) {
$path_attrs_html .= ' ' . $name . '="' . $value . '"';
}
}
/* Tilt */
if ( 'tilt' == $type ) {
$svg = '';
}
/* Triangle */
elseif ( 'triangle' == $type ) {
if ( ! empty( $settings[ 'invert' ] ) && 'true' == $settings[ 'invert' ] ) {
$svg = '';
} else {
$svg = '';
}
}
/* Triangle Asymetrical */
elseif ( 'triangle_asymmetrical' == $type ) {
if ( ! empty( $settings[ 'invert' ] ) && 'true' == $settings[ 'invert' ] ) {
$svg = '';
} else {
$svg = '';
}
}
/* Arrow */
elseif ( 'arrow' == $type ) {
if ( ! empty( $settings[ 'invert' ] ) && 'true' == $settings[ 'invert' ] ) {
$svg = '';
} else {
$svg = '';
}
}
/* Curve */
elseif ( 'curve' == $type ) {
if ( ! empty( $settings[ 'invert' ] ) && 'true' == $settings[ 'invert' ] ) {
$svg = '';
} else {
$svg = '';
}
}
/* Waves */
elseif ( 'waves' == $type ) {
if ( ! empty( $settings[ 'invert' ] ) && 'true' == $settings[ 'invert' ] ) {
$svg = '';
} else {
$svg = '';
}
}
/* Triangle */
elseif ( 'clouds' == $type ) {
if ( ! empty( $settings[ 'invert' ] ) && 'true' == $settings[ 'invert' ] ) {
$svg = '';
} else {
$svg = '';
}
}
/* Return SVG Code */
return apply_filters( 'wpex_get_shape_dividers_svg', $svg, $type, $settings );
}