| Server IP : 104.21.112.1 / Your IP : 216.73.216.116 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /./././home/tempvsty/./buyeaa.com/wp-content/plugins/wpforms-lite/src/Frontend/ |
Upload File : |
<?php
namespace WPForms\Frontend;
use WPForms\Integrations\Gutenberg\ThemesData;
use WPForms\Lite\Integrations\Gutenberg\ThemesData as LiteThemesData;
use WPForms\Pro\Integrations\Gutenberg\ThemesData as ProThemesData;
use WPForms\Pro\Integrations\Gutenberg\StockPhotos;
/**
* CSS variables class.
*
* @since 1.8.1
*/
class CSSVars {
/**
* Root vars and values.
*
* @since 1.8.1
*
* @var array
*/
public const ROOT_VARS = [
'field-border-radius' => '3px',
'field-border-style' => 'solid',
'field-border-size' => '1px',
'field-background-color' => self::WHITE,
'field-border-color' => 'rgba( 0, 0, 0, 0.25 )',
'field-text-color' => 'rgba( 0, 0, 0, 0.7 )',
'field-menu-color' => self::WHITE,
'label-color' => 'rgba( 0, 0, 0, 0.85 )',
'label-sublabel-color' => 'rgba( 0, 0, 0, 0.55 )',
'label-error-color' => '#d63637',
'button-border-radius' => '3px',
'button-border-style' => 'none',
'button-border-size' => '1px',
'button-background-color' => '#066aab',
'button-border-color' => '#066aab',
'button-text-color' => self::WHITE,
'page-break-color' => '#066aab',
'background-image' => 'none',
'background-position' => 'center center',
'background-repeat' => 'no-repeat',
'background-size' => 'cover',
'background-width' => '100px',
'background-height' => '100px',
'background-color' => 'rgba( 0, 0, 0, 0 )',
'background-url' => 'url()',
'container-padding' => '0px',
'container-border-style' => 'none',
'container-border-width' => '1px',
'container-border-color' => '#000000',
'container-border-radius' => '3px',
];
/**
* Container shadow vars and values.
*
* @since 1.8.8
*
* @var array
*/
public const CONTAINER_SHADOW_SIZE = [
'none' => [
'box-shadow' => 'none',
],
'small' => [
'box-shadow' => '0px 3px 5px 0px rgba(0, 0, 0, 0.1)',
],
'medium' => [
'box-shadow' => '0px 10px 20px 0px rgba(0, 0, 0, 0.1)',
],
'large' => [
'box-shadow' => '0px 30px 50px -10px rgba(0, 0, 0, 0.15)',
],
];
/**
* Field Size vars and values.
*
* @since 1.8.1
*
* @var array
*/
public const FIELD_SIZE = [
'small' => [
'input-height' => '31px',
'input-spacing' => '10px',
'font-size' => '14px',
'line-height' => '17px',
'padding-h' => '9px',
'checkbox-size' => '14px',
'sublabel-spacing' => '5px',
'icon-size' => '0.75',
],
'medium' => [
'input-height' => '43px',
'input-spacing' => '15px',
'font-size' => '16px',
'line-height' => '19px',
'padding-h' => '14px',
'checkbox-size' => '16px',
'sublabel-spacing' => '5px',
'icon-size' => '1',
],
'large' => [
'input-height' => '50px',
'input-spacing' => '20px',
'font-size' => '18px',
'line-height' => '21px',
'padding-h' => '14px',
'checkbox-size' => '18px',
'sublabel-spacing' => '10px',
'icon-size' => '1.25',
],
];
/**
* Label Size vars and values.
*
* @since 1.8.1
*
* @var array
*/
public const LABEL_SIZE = [
'small' => [
'font-size' => '14px',
'line-height' => '17px',
'sublabel-font-size' => '13px',
'sublabel-line-height' => '16px',
],
'medium' => [
'font-size' => '16px',
'line-height' => '19px',
'sublabel-font-size' => '14px',
'sublabel-line-height' => '17px',
],
'large' => [
'font-size' => '18px',
'line-height' => '21px',
'sublabel-font-size' => '16px',
'sublabel-line-height' => '19px',
],
];
/**
* Button Size vars and values.
*
* @since 1.8.1
*
* @var array
*/
public const BUTTON_SIZE = [
'small' => [
'font-size' => '14px',
'height' => '37px',
'padding-h' => '15px',
'margin-top' => '5px',
],
'medium' => [
'font-size' => '17px',
'height' => '41px',
'padding-h' => '15px',
'margin-top' => '10px',
],
'large' => [
'font-size' => '20px',
'height' => '48px',
'padding-h' => '20px',
'margin-top' => '15px',
],
];
/**
* Spare variables.
*
* @since 1.8.8
*
* @var array
*/
private const SPARE_VARS = [ 'field-border-color' ];
/**
* White color.
*
* @since 1.8.8
*
* @var string
*/
private const WHITE = '#ffffff';
/**
* Render engine.
*
* @since 1.8.1
*
* @var string
*/
private $render_engine;
/**
* CSS variables.
*
* @since 1.8.1
*
* @var array
*/
private $css_vars;
/**
* Flag to check if root CSS vars were output.
*
* @since 1.8.1
*
* @var bool
*/
private $is_root_vars_displayed;
/**
* Initialize class.
*
* @since 1.8.1
*/
public function init(): void {
$this->init_vars();
}
/**
* CSS variables data.
*
* @since 1.8.1
*/
private function init_vars(): void {
$vars = [];
$vars[':root'] = array_merge(
self::ROOT_VARS,
$this->get_complex_vars( 'field-size', self::FIELD_SIZE['medium'] ),
$this->get_complex_vars( 'label-size', self::LABEL_SIZE['medium'] ),
$this->get_complex_vars( 'button-size', self::BUTTON_SIZE['medium'] ),
$this->get_complex_vars( 'container-shadow-size', self::CONTAINER_SHADOW_SIZE['none'] )
);
/**
* Allows developers to modify default CSS variables which output on the frontend.
*
* @since 1.8.1
*
* @param array $vars CSS variables two-dimensional array.
* First level keys is the CSS selector.
* Second level keys is the variable name without the `--wpforms-` prefix.
*/
$this->css_vars = apply_filters( 'wpforms_frontend_css_vars_init_vars', $vars );
}
/**
* Get complex CSS variables data.
*
* @since 1.8.1
*
* @param string $prefix CSS variable prefix.
* @param array $values Values.
*/
public function get_complex_vars( string $prefix, array $values ): array {
$vars = [];
foreach ( $values as $key => $value ) {
$vars[ "{$prefix}-{$key}" ] = $value;
}
return $vars;
}
/**
* Get CSS variables data by selector.
*
* @since 1.8.1
*
* @param string $selector Selector.
*
* @return array
*/
public function get_vars( string $selector = ':root' ): array {
if ( empty( $this->css_vars[ $selector ] ) ) {
return [];
}
return $this->css_vars[ $selector ];
}
/**
* Output root CSS variables.
*
* @since 1.8.1
* @since 1.8.1.2 Added $force argument.
* @deprecated 1.9.3
*
* @param bool $force Force output root variables.
*
* @noinspection PhpMissingParamTypeInspection
*/
public function output_root( $force = false ): void {
_deprecated_function( __METHOD__, '1.9.3 of the WPForms plugin' );
if ( ! empty( $this->is_root_vars_displayed ) && empty( $force ) ) {
return;
}
$this->output_selector_vars( ':root', $this->css_vars[':root'] );
$this->is_root_vars_displayed = true;
}
/**
* Get root variables CSS.
*
* @since 1.9.3
*
* @return string
*/
public function get_root_vars_css(): string {
return $this->get_selector_vars_css( ':root', $this->css_vars[':root'] );
}
/**
* Output selector's CSS variables.
*
* @since 1.8.1
*
* @param string $selector Selector.
* @param array $vars Variables data.
* @param string $style_id Style tag ID attribute. Optional. Default is an empty string.
* @param string|int $form_id Form ID. Optional. Default is an empty string.
*/
public function output_selector_vars( string $selector, array $vars, string $style_id = '', $form_id = '' ): void {
if ( empty( $this->render_engine ) ) {
$this->render_engine = wpforms_get_render_engine();
}
if ( $this->render_engine === 'classic' ) {
return;
}
// If this is not full "Base and Form Theme Styling", skip.
if ( (int) wpforms_setting( 'disable-css', '1' ) !== 1 ) {
return;
}
$style_id = empty( $style_id ) ? 'wpforms-css-vars-' . $selector : $style_id;
printf(
'<style id="%1$s">
%2$s
</style>',
sanitize_key( $style_id ),
$this->get_selector_vars_css( $selector, $vars, $form_id ) // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
);
}
/**
* Output CSS vars for the form added as a shortcode.
*
* @since 1.9.7
*
* @param array $atts Shortcode attributes.
*/
public function output_css_vars_for_shortcode( array $atts ): void {
if ( empty( $atts['id'] ) ) {
return;
}
$form_handler = wpforms()->obj( 'form' );
if ( ! $form_handler ) {
return;
}
$form_id = (int) $atts['id'];
$form_data = $form_handler->get( $form_id, [ 'content_only' => true ] );
if ( empty( $form_data ) ) {
return;
}
$attr = isset( $form_data['settings']['themes'] ) ? (array) $form_data['settings']['themes'] : [];
$attr = $this->maybe_override_attributes( $attr );
$css_vars = $this->get_customized_css_vars( $attr );
$css_vars = $this->add_css_vars_units( $css_vars );
$selector = "#wpforms-{$form_id}";
$style_id = "wpforms-css-vars-{$form_id}";
$this->output_selector_vars( $selector, $css_vars, $style_id, $form_id );
$this->output_custom_css( $attr, $selector, $style_id );
}
/**
* Output custom CSS.
*
* @since 1.9.7
*
* @param array $attr Attributes.
* @param string $selector Selector.
* @param string $style_id Style ID.
*
* @noinspection PhpMissingParamTypeInspection
*/
private function output_custom_css( array $attr, string $selector, string $style_id ): void {
if ( wpforms_get_render_engine() === 'classic' ) {
return;
}
$custom_css = trim( $attr['customCss'] ?? '' );
if ( empty( $custom_css ) ) {
return;
}
printf(
'<style id="%1$s-custom-css">
%2$s {
%3$s
}
</style>',
sanitize_key( $style_id ),
$selector, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
esc_html( $custom_css )
);
}
/**
* Maybe override attributes with themes.json settings.
*
* @since 1.9.7
*
* @param array $attr Attributes.
*
* @return array
*/
private function maybe_override_attributes( array $attr ): array {
$theme_slug = (string) ( $attr['wpformsTheme'] ?? '' );
if ( empty( $theme_slug ) ) {
return $attr;
}
$attr = $this->normalize_background_url( $attr );
$theme_data = $this->get_themes_data_object()->get_theme( $theme_slug );
$settings = $theme_data['settings'] ?? [];
return array_merge( $attr, $settings );
}
/**
* Normalize background URL.
*
* Check if the background URL is not wrapped in url() and add it if needed.
*
* @since 1.9.7
*
* @param array $attr Attributes.
*/
private function normalize_background_url( array $attr ): array {
if ( ! isset( $attr['backgroundUrl'] ) ) {
return $attr;
}
if ( strpos( $attr['backgroundUrl'], 'url(' ) === 0 ) {
return $attr;
}
$attr['backgroundUrl'] = 'url(' . $attr['backgroundUrl'] . ')';
return $attr;
}
/**
* Get themes data object.
*
* @since 1.9.7
*
* @return ThemesData
*/
private function get_themes_data_object(): ThemesData {
if ( wpforms()->is_pro() ) {
return new ProThemesData( new StockPhotos() );
}
return new LiteThemesData();
}
/**
* Add CSS vars units.
*
* Form builder saves values without pixels, we need to add them before outputting as CSS vars.
*
* @since 1.9.7
*
* @param array $css_vars CSS vars.
*
* @return array
*/
private function add_css_vars_units( array $css_vars ): array {
$has_pixels = [
'field-border-size',
'field-border-radius',
'button-border-size',
'button-border-radius',
'container-padding',
'container-border-width',
'container-border-radius',
];
foreach ( $has_pixels as $key ) {
if ( isset( $css_vars[ $key ] ) && is_numeric( $css_vars[ $key ] ) && $css_vars[ $key ] > 0 ) {
$css_vars[ $key ] .= 'px';
}
}
return $css_vars;
}
/**
* Get selector variables CSS.
*
* @since 1.9.3
*
* @param string $selector Selector.
* @param array $vars Variables data.
* @param string|int $form_id Form ID. Optional. Default is an empty string.
*
* @return string
*/
private function get_selector_vars_css( string $selector, array $vars, $form_id = '' ): string {
return sprintf(
'%1$s {
%2$s
}',
$selector, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
esc_html( $this->get_vars_css( $vars, $form_id ) )
);
}
/**
* Pre print vars filter.
*
* @since 1.8.8
*
* @param array $vars Variables data.
* @param string|int $form_id Form ID. Optional. Default is an empty string.
*
* @return array
*/
private function get_pre_print_vars( array $vars, $form_id = '' ): array {
// Normalize the `background-url` variable.
if ( isset( $vars['background-url'] ) ) {
$vars['background-url'] = $vars['background-url'] === 'url()' ? 'none' : $vars['background-url'];
}
/**
* Filter CSS variables right before printing the CSS.
*
* @since 1.8.8
*
* @param array $vars CSS variables.
* @param int $form_id Form ID. Optional. Default is an empty string.
*/
return (array) apply_filters( 'wpforms_frontend_css_vars_pre_print_filter', $vars, $form_id );
}
/**
* Generate CSS code from given vars data.
*
* @since 1.8.1
*
* @param array $vars Variables data.
* @param string|int $form_id Form ID. Optional. Default is an empty string.
*/
private function get_vars_css( array $vars, $form_id = '' ): string {
$vars = $this->get_pre_print_vars( $vars, $form_id );
$result = '';
foreach ( $vars as $name => $value ) {
if ( ! is_string( $value ) ) {
continue;
}
if ( $value === '0' ) {
$value = '0px';
}
$result .= "--wpforms-{$name}: {$value};\n";
if ( in_array( $name, self::SPARE_VARS, true ) ) {
$result .= "--wpforms-{$name}-spare: {$value};\n";
}
}
return $result;
}
/**
* Get customized CSS vars.
*
* @since 1.8.3
*
* @param array $attr Attributes passed by integration.
*
* @return array
*/
public function get_customized_css_vars( $attr ): array { // phpcs:ignore Generic.Metrics.CyclomaticComplexity.TooHigh
$root_css_vars = $this->get_vars();
$css_vars = [];
foreach ( $attr as $key => $value ) {
$var_name = strtolower( preg_replace( '/[A-Z]/', '-$0', $key ) );
// Skip an attribute that is not the CSS var or has the default value.
if ( empty( $root_css_vars[ $var_name ] ) || $root_css_vars[ $var_name ] === $value ) {
continue;
}
$css_vars[ $var_name ] = $value;
}
// Reset border size in case of border style is `none`.
$css_vars = $this->maybe_reset_border( $css_vars, 'field-border' );
$css_vars = $this->maybe_reset_border( $css_vars, 'button-border' );
// Set the button alternative background color and use border color for accent in case of transparent color.
$button_bg_color = $css_vars['button-background-color'] ?? $root_css_vars['button-background-color'];
if ( $this->is_transparent_color( $button_bg_color ) ) {
$css_vars['button-background-color-alt'] = $button_bg_color;
$border_color = $css_vars['button-border-color'] ?? $root_css_vars['button-border-color'];
$css_vars['button-background-color'] = $this->is_transparent_color( $border_color ) ? $root_css_vars['button-background-color'] : $border_color;
$button_bg_color = $css_vars['button-background-color'];
}
$button_bg_color = strtolower( $button_bg_color );
// Set the button alternative text color in case if the background and text color are identical.
$button_text_color = strtolower( $css_vars['button-text-color'] ?? $root_css_vars['button-text-color'] );
if ( $button_bg_color === $button_text_color || $this->is_transparent_color( $button_text_color ) ) {
$css_vars['button-text-color-alt'] = $this->get_contrast_color( $button_bg_color );
}
$size_css_vars = $this->get_size_css_vars( $attr );
return array_merge( $css_vars, $size_css_vars );
}
/**
* Reset border size in case of border style is `none`.
*
* @since 1.9.7
*
* @param array $css_vars CSS vars.
* @param string $key Key.
*
* @return array
*/
private function maybe_reset_border( array $css_vars, string $key ): array {
$style_key = $key . '-style';
$size_key = $key . '-size';
if ( isset( $css_vars[ $style_key ] ) && $css_vars[ $style_key ] === 'none' ) {
$css_vars[ $size_key ] = '0px';
}
return $css_vars;
}
/**
* Checks if the provided color has transparency.
*
* @since 1.8.8
*
* @param string $color The color to check.
*
* @return bool
*/
private function is_transparent_color( string $color ): bool {
$rgba = $this->get_color_as_rgb_array( $color );
$opacity_threshold = 0.33;
$opacity = $rgba[3] ?? 1;
return $opacity < $opacity_threshold;
}
/**
* Get contrast color relative to a given color.
*
* @since 1.8.8
*
* @param string|array $color The color.
*
* @return string
*/
private function get_contrast_color( $color ): string {
$rgba = is_array( $color ) ? $color : $this->get_color_as_rgb_array( $color );
$avg = (int) ( ( ( array_sum( $rgba ) ) / 3 ) * ( $rgba[3] ?? 1 ) );
return $avg < 128 ? '#ffffff' : '#000000';
}
/**
* Get size CSS vars.
*
* @since 1.8.3
* @since 1.8.8 Removed $css_vars argument.
*
* @param array $attr Attributes passed by integration.
*
* @return array
*/
private function get_size_css_vars( array $attr ): array {
$size_items = [ 'field', 'label', 'button', 'container-shadow' ];
$size_css_vars = [];
foreach ( $size_items as $item ) {
$item_attr = preg_replace_callback(
'/-(\w)/',
static function ( $matches ) {
return strtoupper( $matches[1] );
},
$item
);
$item_attr .= 'Size';
$item_key = $item . '-size';
$item_constant = 'self::' . str_replace( '-', '_', strtoupper( $item ) ) . '_SIZE';
if ( empty( $attr[ $item_attr ] ) ) {
continue;
}
$size_css_vars[] = $this->get_complex_vars( $item_key, constant( $item_constant )[ $attr[ $item_attr ] ] );
}
return empty( $size_css_vars ) ? [] : array_merge( ...$size_css_vars );
}
/**
* Get color as an array of RGB(A) values.
*
* @since 1.8.8
*
* @param string $color Color.
*
* @return array|bool Color as an array of RGBA values. False on error.
*/
private function get_color_as_rgb_array( string $color ) {
// Remove # from the beginning of the string and remove whitespaces.
$color = preg_replace( '/^#/', '', strtolower( trim( $color ) ) );
$color = str_replace( ' ', '', (string) $color );
if ( $color === 'transparent' ) {
$color = 'rgba(0,0,0,0)';
}
$rgba = $color;
$rgb_array = [];
// Check if color is in HEX(A) format.
$is_hex = preg_match( '/[0-9a-f]{6,8}$/', $rgba );
if ( $is_hex ) {
// Search and split HEX(A) color into an array of char couples.
preg_match_all( '/\w\w/', $rgba, $rgb_array );
$rgb_array = array_map(
static function ( $value ) {
return hexdec( '0x' . $value );
},
$rgb_array[0] ?? []
);
$rgb_array[3] = ( $rgb_array[3] ?? 255 ) / 255;
} else {
$rgba = preg_replace( '/[^\d,.]/', '', $rgba );
$rgb_array = explode( ',', $rgba );
}
return $rgb_array;
}
}