<?php

/**
 * Created by PhpStorm.
 * User: tagdiv
 * Date: 12.01.2018
 * Time: 11:24
 */

class td_css_res_compiler  {

	private $raw_css;
	private $callback;
	private $settings;

	private $responsive_context;

	function __construct( $raw_css ) {
		$this->raw_css = '<style>' . td_util::remove_style_tag( td_block::get_common_css() . $raw_css ) . '</style>';
	}

	/**
	 * @return td_res_context
	 */
	function get_responsive_context() {
		return $this->responsive_context;
	}

	function load_settings( $callback, $atts, $index_style = '' ) {

		if ( empty( $callback ) ) {
			return;
		}

		$this->callback = $callback;

		$this->responsive_context = new td_res_context( $index_style );

		if ( empty( $atts ) ) {
			return;
		}

		$settings = null;

		//echo '<pre>';
		//var_dump($atts);
		//echo '</pre>';
		//die;

		foreach ( $atts as $att_name => $att_value ) {

			if ( 'tdc_css' === $att_name ) {
				//continue;
			}

			$responsive_values = null;

			// Detect base64 encoding
			if ( td_util::tdc_is_installed() && is_string( $att_value ) && tdc_b64_decode( $att_value, true ) && tdc_b64_encode( tdc_b64_decode( $att_value, true ) ) === $att_value && mb_detect_encoding( tdc_b64_decode( $att_value, true ) ) === mb_detect_encoding( $att_value ) ) {

				$decoded_values = tdc_b64_decode( $att_value, true );
				$values         = json_decode( $decoded_values, true );

				if( is_array( $values ) ) {

				    $viewport_keys = array_keys( td_global::$viewport_settings );
                    if ( 'tdc_css' === $att_name ) {
                        foreach ( $viewport_keys as $viewport_key ) {
                            if ( ! empty( $values[$viewport_key] )) {

                                if ( empty( $responsive_values ) ) {
                                    $responsive_values = array();
                                }

                                if ( ! isset( $responsive_values[ $viewport_key ] ) ) {
                                    $responsive_values[ $viewport_key ] = array();
                                }
                                $responsive_values[$viewport_key] = $values[$viewport_key];
                            }

                        }
                    } else {

                        // The responsive encoded values have keys(all, landscape, portrait, )
                        $result_keys = array_intersect(array_keys($values), $viewport_keys);
                        if (!empty($result_keys)) {
                            $responsive_values = $values;
                        }
                    }
                }
			}

			if ( ! empty( $responsive_values ) ) {

				if ( is_array( $responsive_values ) ) {

					foreach ( $responsive_values as $media => $value ) {

						if ( ! isset( $settings ) ) {
							$settings = array();
						}

						if ( ! isset( $settings[ $media ] ) ) {
							$settings[ $media ] = array();
						}

						if ( array_key_exists( $media, td_global::$viewport_settings ) ) {
							$settings[ $media ][ $att_name ] = $value;
						}
					}
				}

				// mark att as responsive
				$this->responsive_context->set_responsive_att( $att_name );

			} else {

				if ( ! isset( $settings ) ) {
					$settings = array();
				}
				if ( ! isset( $settings['all'] ) ) {
					$settings['all'] = array();
				}
				$settings['all'][ $att_name ] = $att_value;
			}
		}

		//var_dump($atts);

		//echo '<pre>';
		//var_dump($settings);
		//echo '</pre>';
		//die;

		// manual sort in this order: all, landscape, portrait, phone - some of the preset values may have only responsive values, and they can change this order (That's why we need to keep the order)
		$ordered_settings = [];
		foreach (['all', 'landscape', 'portrait', 'phone'] as $view) {
			if (array_key_exists($view, $settings)) {
				$ordered_settings[$view] = $settings[$view];
			}
		}
		$settings = $ordered_settings;


		// normalize
		if ( isset( $settings ) ) {

			// This keep the order: all, landscape, portrait, phone - and has all registered medias
			foreach ( td_global::$viewport_settings as $media1 => $media_settings1 ) {

				if ( ! isset( $settings[$media1] ) ) {
					$settings[$media1] = array();
				}

				if ( 'all' !== $media1 ) {

					$all_keys = array_diff_key( $settings['all'], $settings[ $media1 ] );

					if ( ! empty( $all_keys ) ) {
						foreach ( $all_keys as $key1 => $val1 ) {
							$settings[ $media1 ][ $key1 ] = $settings['all'][ $key1 ];
						}
					}
				}

				foreach ( td_global::$viewport_settings as $media2 => $media_settings2 ) {

					if ( $media1 === $media2 ) {
						continue;
					}

					if ( ! isset( $settings[$media2] ) ) {
						$settings[$media2] = array();
					}

					$diff_keys = array_diff_key ( $settings[$media2], $settings[$media1] );

					if ( ! empty( $diff_keys ) ) {
						foreach ( $diff_keys as $key2 => $val2 ) {
							$settings[ $media1 ][ $key2 ] = '';
						}
					}
				}
			}
		}

//		echo '<pre>';
//		var_dump(td_global::$viewport_settings);
//		echo '</pre>';
//		die;
//
//		echo '<pre>';
//		var_dump($settings);
//		echo '</pre>';
//		die;

		// apply callback
		if ( isset( $settings ) ) {
			foreach ( $settings as $media => $media_settings ) {
				$this->responsive_context->set_current_media( $media );
				$this->responsive_context->set_atts( $media_settings );

//				echo '<pre>';
//				var_dump($media);
//				var_dump($media_settings);
//				echo '</pre>';

				call_user_func( $this->callback, $this->responsive_context );
			}
		}
	    $settings = $this->responsive_context->get_settings();


		// simplify
		foreach ( $settings as $media => $media_settings ) {
			if ( 'all' === $media ) {
				continue;
			}
			foreach ( $media_settings as $key => $val ) {
				// Do not touch keys starting with 'all_' (they are maintained for each media to be used for combined css settings)
				if ( 0 !== strpos( $key, 'all_') && isset( $settings['all'][ $key ] ) && $settings['all'][ $key ] === $val ) {
					unset( $settings[ $media ][ $key ] );
				}
			}
			if ( empty( $settings[ $media ] ) ) {
				unset( $settings[ $media ] );
			}
		}

//		var_dump($settings);
//		die;

		// set settings to the current instance
		$this->settings = $settings;

	}

	/**
	 * @return string
	 */
	function compile_css() {

		$compiled_css = '';

		$fonts_to_load = $this->get_responsive_context()->get_fonts_to_load();

		if ( ! empty( $fonts_to_load ) ) {

			$td_options = td_options::get_all();

			if ( function_exists( 'tdc_load_google_fonts' ) && ( tdc_state::is_live_editor_iframe() || tdc_state::is_live_editor_ajax() || ( $this->callback === 'tds_locker::cssMedia' ) ) ) {
				tdc_load_google_fonts( $compiled_css, $fonts_to_load, $td_options );
			}
		}

		// Important! For mobile theme, td_global::$viewport_settings is not set, because the shortcodes usually comes with specific css. But there are shortcodes (like those of tds_locker plugin) which need it.
		// For those shortcodes we set a media viewport with 'all'. but the media query is for phones (@media (max-width: 767px))
		if ( empty(td_global::$viewport_settings) && class_exists('Mobile_Detect') ) {
			$mobile_detect = new Mobile_Detect();
			if ( $mobile_detect->isMobile() ) {
				td_global::$viewport_settings = array(
					'all' => array(
						'media_query' => '@media (max-width: 767px)',
					)
				);
			}
		}

		// This keep the order: all, landscape, portrait, phone.
		foreach ( td_global::$viewport_settings as $media => $media_settings ) {

			if ( isset( $this->settings[$media] ) ) {

				$css_compiler = new td_css_compiler( $this->raw_css );
                $is_empty_val = true;

				foreach ( $this->settings[$media] as $param_name => $param_value ) {
					$css_compiler->load_setting_raw( $param_name, $param_value );

                    if ( $param_value !== '') {
                        $is_empty_val = false;
                    }
				}

				if ( 'all' === $media ) {
					$raw_css = $css_compiler->compile_css();
					$compiled_css .= $css_compiler->compress_sections( $raw_css );
				} else {
                    if ( !$is_empty_val ) {
                        $compiled_css .= PHP_EOL . PHP_EOL . '/* ' . $media . ' */'. PHP_EOL . td_global::$viewport_settings[$media]['media_query'] . '{' . PHP_EOL;
                        $raw_css = $css_compiler->compile_css();
                        $compiled_css .= $css_compiler->compress_sections( $raw_css ) .  PHP_EOL;
                        $compiled_css .= '}';
                    }

				}
			}
		}

		return $compiled_css;
	}
}



class td_res_context {

	private $settings;
	private $current_media;
	private $atts;

	// Used to keep track of registered atts across all shortcodes using the
	// responsive compiler - kind of like a global
	private static $registered_atts = array();

	// Used to keep track of registered atts, split into media queries,
	// across all shortcodes using the responsive compiler - kind of like a global;
	// more specific than the $registered_atts one
	private static $registered_res_atts = array();

	public $index_style;

	// $atts not base64encoded
	private $responsive_atts = array();

	private $fonts_to_load = array();

	function __construct( $index_style = '' ) {
        $this->index_style = $index_style;
        $this->settings = array();
	}


	function set_settings( $settings ) {
		$this->settings = $settings;
	}
	function get_settings() {
		return $this->settings;
	}

	function set_current_media( $media ) {
		$this->current_media = $media;
	}
	function get_current_media() {
		return $this->current_media;
	}


    function get_current_settings() {
		return $this->settings[ $this->current_media ];
	}

	function load_settings_raw( $param_name, $param_value ) {

		if ( !td_util::tdc_is_live_editor_iframe() ) {

			if( 0 === strpos( $param_name, 'style_' ) ) {

				// For params starting with 'style_', make sure they are outputed
				// only once, regardless of media screens
				if ( in_array( $param_name, self::$registered_atts ) ) {
					return;
				} else {
					self::$registered_atts[] = $param_name;
				}

			} else if( 0 === strpos( $param_name, 'tdb_mts_' ) ) {

				// For params starting with 'tdb_mts_', make sure they are outputed
				// only once per media screen; generally used by tdb module template
				// shortcodes
				if ( isset( self::$registered_res_atts[$this->current_media] ) && in_array( $param_name, self::$registered_res_atts[$this->current_media] ) ) {
					return;
				} else {
					self::$registered_res_atts[$this->current_media][] = $param_name;
				}

			}

		}

	    $this->settings[$this->current_media][$param_name] = $param_value;

    }

	static function get_registered_atts() {
		return self::$registered_atts;
	}

    static function resetRegisteredAtts() {
    	self::$registered_atts = [];
    	self::$registered_res_atts = [];
    }

	static function setRegisteredAtts( $registered_atts ) {

		if ( is_array($registered_atts) ) {
			self::$registered_atts = $registered_atts;
		}

	}


	function is( $current_media_id ) {
		return $current_media_id === $this->current_media;
	}


	function get_shortcode_att( $att_name ) {
		return $this->get_att( $att_name, '', $this->index_style );
	}


    function get_shortcode_sub_att( $att_name, $sub_att_name ) {
        return $this->get_att( $att_name, '', $this->index_style, $sub_att_name );
    }


	function get_att_name( $att_name, $style_class = '', $index_style = '' ) {
		if ( ! empty( $style_class ) ) {
			$att_name = $style_class . '-' . $att_name;
		}
		if ( ! empty( $index_style ) ) {
			$att_name .= '-' . $index_style;
		}
		return $att_name;
	}


	function get_att( $att_name, $style_class = '', $index_style = '', $sub_att_name = '' ) {
		$atts = $this->get_atts();
		if ( empty( $atts ) ) {
			td_util::error(__FILE__, get_class($this) . '->get_att(' . $att_name . ') Internal error: The atts are not set yet(AKA: the render template method was called without atts)');
			die;
		}

		$key = $this->get_att_name( $att_name, $style_class, $index_style );

		if ( ! isset( $atts[ $key ] ) ) {
			var_dump( $atts );
			td_util::error(__FILE__, 'Internal error: The system tried to use an att that does not exists! class_name: ' . get_class($this) . '  Att name: "' . $att_name . '" as "' . $key . '"');
			die;
		}

		if ( is_array( $atts[ $key ] ) && ! empty( $sub_att_name ) && isset( $atts[ $key ][ $sub_att_name ] ) ) {
		    return $atts[ $key ][ $sub_att_name ];
        }

		return $atts[ $key ];
	}


	function get_style_att( $att_name, $style_class ) {
        return $this->get_att( $att_name, $style_class, $this->index_style );
    }


    function set_atts( $atts ) {
		$this->atts = $atts;
	}
	function get_atts() {
        return $this->atts;
    }


	function get_fonts_to_load() {
		return $this->fonts_to_load;
	}


	function set_responsive_att( $att ) {
		$this->responsive_atts[] = $att;
	}

	function is_responsive_att( $att ) {
		return in_array( $att, $this->responsive_atts );
	}


	function load_font_settings( $param_name = '', $style_class = '', $prefix = '', $suffix = '' ) {
		$font_family_list = td_util::get_font_family_list( false );
		$tdc_wm_global_fonts = td_util::get_option('tdc_wm_global_fonts' );

		$font_settings = array(
			'font_family' => 'font-family',
			'font_size' => 'font-size',
			'font_line_height' => 'line-height',
			'font_style' => 'font-style',
			'font_weight' => 'font-weight',
			'font_transform' => 'text-transform',
			'font_spacing' => 'letter-spacing'
		);

		$param_value = '';
		$font_family_loaded = '';
		$font_weight_loaded = '';
		$font_style_loaded = '';

		foreach ( $font_settings as $font_param_name => $font_setting ) {
            $css_font = '';
			$font_setting_name = $font_param_name;
			if ( ! empty( $param_name ) ) {
				$font_setting_name = $param_name . '_' . $font_setting_name;
			}

			if ( empty( $style_class ) ) {
				$font_setting_value = $this->get_shortcode_att( $font_setting_name );
			} else {
				$font_setting_value = $this->get_style_att( $font_setting_name, $style_class );
			}

			switch( $font_setting ) {
				case 'font-family':

					$loaded_value = 'DEFAULT';

					if ( empty( $font_setting_value ) ) {
						$font_family_loaded = $loaded_value;
					} else {

						if ( strpos( $font_setting_value, '_global' ) !== false ) {
							$font_setting_option_id = str_replace( '_global', '', $font_setting_value );

                            $f_var = '';
                            if ( !empty( $tdc_wm_global_fonts ) && is_array( $tdc_wm_global_fonts ) ) {
								foreach ( $tdc_wm_global_fonts as $font_option_id => $font_data ) {

                                    if ($font_option_id === $font_setting_option_id) {
                                        $font_family_loaded = $font_data['key'];
                                    }
                                    if ( !empty($font_family_list[$font_setting_value]) ) {
                                        if ($font_data['name'] /*. ' -- ' . trim( $font_data['key'] )*/ === $font_family_list[$font_setting_value]) {
                                            $f_var = 'var(--' . $font_option_id . ')';
                                        }
                                    }

								}
							}

                            if ( $f_var !== '' ) {
                                $css_font = isset($this->settings["all"][$param_name]) && strpos($this->settings["all"][$param_name], $f_var) !== false ? '' : $font_setting . ': ' . $f_var . ' !important;';
                            }

                        } else if ( defined('TD_AIB_PLUGIN_NAME') && strpos( $font_setting_value, '_aib' ) !== false ) {
                            $font_setting_option_id = str_replace( '_aib', '', $font_setting_value );
                            $aib_active_fonts = \TagDiv\AiBuilder\Typography::get_active_fonts();
                            $f_var = '';

                            if ( !empty($aib_active_fonts[$font_setting_option_id]) ) {
                                $font_family_loaded = $aib_active_fonts[$font_setting_option_id]['font'];

                                $f_var = 'var(--td_aib_font_' . $font_setting_option_id . ')';
                            }

                            if ( $f_var !== '' ) {
                                $css_font = isset($this->settings["all"][$param_name]) && strpos($this->settings["all"][$param_name], $f_var) !== false ? '' : $font_setting . ': ' . $f_var . ' !important;';
                            }
                        } else {
							$font_family_loaded = $font_setting_value;
                            $css_font = isset($this->settings["all"][$param_name]) && isset($font_family_list[$font_setting_value]) && strpos($this->settings["all"][$param_name], $font_family_list[$font_setting_value]) !== false ? '' : ( isset( $font_family_list[$font_setting_value] ) ?  $font_setting . ':' . $font_family_list[$font_setting_value] . ' !important;' : '' );
                        }

					}

					break;

				case 'font-size':

                    if ( is_numeric( $font_setting_value ) ) {
						$font_setting_value .= 'px';
					} else if ( defined('TD_AIB_PLUGIN_NAME') && preg_match('/^fs(\d+)$/', $font_setting_value, $matches) ) {
                        $size_index = $matches[1];
                        $aib_typography_sizes = \TagDiv\AiBuilder\Typography::get_typography_sizes();

                        if ( !empty($aib_typography_sizes) ) {
                            $aib_typography_sizes_keys = array_keys($aib_typography_sizes);
                            $font_setting_value = 'var(--td_aib_' . $aib_typography_sizes_keys[$size_index - 1] . '_font_size)';
                        }
                    }

                    if ($font_setting_value !== '') {
                        $css_font = isset($this->settings["all"][$param_name]) && strpos($this->settings["all"][$param_name], $font_setting_value) !== false ? '' : $font_setting . ':' . $font_setting_value . ' !important;';
                    }

					break;

				case 'letter-spacing':

                    if ( is_numeric( $font_setting_value ) ) {
						$font_setting_value .= 'px';
					}

                    if ($font_setting_value !== '') {
                        $css_font = isset($this->settings["all"][$param_name]) && strpos($this->settings["all"][$param_name], $font_setting_value) !== false ? '' : $font_setting . ':' . $font_setting_value . ' !important;';
                    }
					break;

				case 'line-height':

                    if ( $font_setting_value === '' ) {
                        if ( empty( $style_class ) ) {
                            $font_size_setting_value = $this->get_shortcode_att($param_name . '_font_size');
                        } else {
                            $font_size_setting_value = $this->get_style_att($font_setting_name, $style_class);
                        }

                        if ( defined('TD_AIB_PLUGIN_NAME') && preg_match('/^fs(\d+)$/', $font_size_setting_value, $matches) ) {
                            $size_index = $matches[1];
                            $aib_typography_sizes = \TagDiv\AiBuilder\Typography::get_typography_sizes();

                            if ( !empty($aib_typography_sizes) ) {
                                $aib_typography_sizes_keys = array_keys($aib_typography_sizes);
                                $font_setting_value = 'var(--td_aib_' . $aib_typography_sizes_keys[$size_index - 1] . '_line_height)';
                            }
                        }
                    }

                    if ($font_setting_value !== '') {
                        $css_font = isset($this->settings["all"][$param_name]) && strpos($this->settings["all"][$param_name], $font_setting_value) !== false ? '' : $font_setting . ':' . $font_setting_value . ' !important;';
                    }
                    break;

                case 'text-transform':

                    if ($font_setting_value !== '') {
                        $css_font = isset($this->settings["all"][$param_name]) && strpos($this->settings["all"][$param_name], $font_setting_value) !== false ? '' : $font_setting . ':' . $font_setting_value . ' !important;';
                    }
                    break;

				case 'font-weight':
					$font_weight_loaded = $font_setting_value;

                    if ($font_setting_value !== '') {
                        $css_font = isset($this->settings["all"][$param_name]) && strpos($this->settings["all"][$param_name], $font_setting_value) !== false ? '' : $font_setting . ':' . $font_setting_value . ' !important;';
                    }
					break;

				case 'font-style':
					$font_style_loaded = $font_setting_value;

                    if ($font_setting_value !== '') {
                        $css_font = isset($this->settings["all"][$param_name]) && strpos($this->settings["all"][$param_name], $font_setting_value) !== false ? '' : $font_setting . ':' . $font_setting_value . ' !important;';
                    }

					break;
			}

			if ( '' !== $css_font ) {
                $param_value .= $css_font;
			}
		}

		if ( ! empty( $font_family_loaded ) ) {
			if ( ! isset( $this->fonts_to_load[ $font_family_loaded ] ) ) {
				$this->fonts_to_load[ $font_family_loaded ] = [];
			}
			$loaded_value = '';
			if ( ! empty( $font_weight_loaded ) ) {
				$loaded_value = $font_weight_loaded;
			}
			if ( ! empty( $font_style_loaded ) ) {
				if ( empty( $loaded_value )) {
					$loaded_value = 400;
				}
				if ( 'oblique' === $font_style_loaded ) {
					$loaded_value .= 'i';
				}
			}
			if ( ! empty( $loaded_value ) ) {
				$this->fonts_to_load[ $font_family_loaded ][] = $loaded_value;
			} else if ( 'DEFAULT' !== $font_family_loaded ) {
				$this->fonts_to_load[ $font_family_loaded ][] = 400;
			}
		}

		if( !empty( $prefix ) ) {
			$param_name = $prefix  . $param_name;
		}
		if( !empty( $suffix ) ) {
			$param_name .= $suffix;
		}

		$this->load_settings_raw( $param_name, $param_value );
		
	}


	function load_shadow_settings( $default_shadow_size, $default_shadow_offset_h, $default_shadow_offset_v, $default_shadow_spread, $default_shadow_color, $param_name = '', $style_class = '', $for_divider = false, $prefix = '', $suffix = '' ) {

		$param_value = '';

		$shadow_settings = array(
			'shadow_offset_horizontal',
			'shadow_offset_vertical',
			'shadow_size',
            'shadow_spread',
			'shadow_color',
		);

		foreach ( $shadow_settings as $shadow_param_name ) {
			$shadow_setting_name = $shadow_param_name;
			if ( ! empty( $param_name ) ) {
				$shadow_setting_name = $param_name . '_' . $shadow_setting_name;
			}

			if ( empty( $style_class ) ) {
				$shadow_setting_value = $this->get_shortcode_att( $shadow_setting_name );
			} else {
				$shadow_setting_value = $this->get_style_att( $shadow_setting_name, $style_class );
			}

			if ( 'shadow_size' === $shadow_param_name ) {
				if ( 0 === $shadow_setting_value || '0' === $shadow_setting_value ) {
					if( !empty( $prefix ) ) {
						$param_name = $prefix  . $param_name;
					}
					if( !empty( $suffix ) ) {
						$param_name .= $suffix;
					}
					
					$this->load_settings_raw( $param_name, 'none' );
					return;
				}
				if ( '' === $shadow_setting_value ) {
					if ( 0 === $default_shadow_size ) {
						return;
					}

					$shadow_setting_value = $default_shadow_size;
				}
                if ( 'solid' === $shadow_setting_value ) {
                    $shadow_setting_value = 0;
                }

                if( $shadow_setting_value < 0 ) {
                    $param_value = 'inset' . $param_value;
                    $shadow_setting_value = abs($shadow_setting_value);
                }
			}

            if ( 'shadow_offset_horizontal' === $shadow_param_name && '' === $shadow_setting_value) {
                $shadow_setting_value = $default_shadow_offset_h;
            }
            if ( 'shadow_offset_vertical' === $shadow_param_name && '' === $shadow_setting_value ) {
                $shadow_setting_value = $default_shadow_offset_v;
            }
            if ( 'shadow_spread' === $shadow_param_name ) {
                if( $for_divider ) {
                    continue;
                }

                if ( '' === $shadow_setting_value ) {
                    $shadow_setting_value = $default_shadow_spread;
                }
            }
			if ( 'shadow_color' === $shadow_param_name && '' === $shadow_setting_value ) {
                $shadow_setting_value = $default_shadow_color;
			}

            if ( is_numeric( $shadow_setting_value ) ) {
                $shadow_setting_value .= 'px';
            }

			$param_value .= ' ' . $shadow_setting_value;
		}

		if( !empty( $prefix ) ) {
			$param_name = $prefix  . $param_name;
		}
		if( !empty( $suffix ) ) {
			$param_name .= $suffix;
		}

		$this->load_settings_raw( $param_name, $param_value );
	}


	function load_color_settings( $shortcode_att_id, $color_id = '', $gradient_id = '', $gradient_color = '', $gradient_params = '', $style_class = '' ) {

		if ( empty( $style_class ) ) {
			$shortcode_att = $this->get_shortcode_att( $shortcode_att_id );
		} else {
			$shortcode_att = $this->get_style_att( $shortcode_att_id, $style_class );
		}

	    if ( ! empty( $shortcode_att ) ) {

		    if ( td_util::tdc_is_installed() && tdc_b64_decode( $shortcode_att, true ) && tdc_b64_encode( tdc_b64_decode( $shortcode_att, true ) ) === $shortcode_att && mb_detect_encoding( tdc_b64_decode( $shortcode_att, true ) ) === mb_detect_encoding( $shortcode_att ) ) {

		        $decoded_values = tdc_b64_decode( $shortcode_att, true );
				$att         = json_decode( $decoded_values, true );

			        if ( ! empty ( $gradient_id ) && ! empty ( $att['css'] ) ) {
		                $this->load_settings_raw( $gradient_id, $att['css'] );
				    if ( ! empty ( $gradient_color ) && ! empty( $att['color1'] ) ) {
					    $this->load_settings_raw( $gradient_color, $att['color1'] );
				    }
				    if ( ! empty ( $gradient_params ) && ! empty( $att['cssParams'] ) ) {
					    $this->load_settings_raw( $gradient_params, $att['cssParams'] );
				    }
			    }
		    } else {
			    if ( ! empty ( $color_id ) ) {
				    $this->load_settings_raw( $color_id, $shortcode_att );
			    }
		    }
	    }
	}


	function get_icon_att( $att_name ) {
        $icon_class = $this->get_att( $att_name, '', $this->index_style );

        $svg_list = td_global::$svg_theme_font_list;

        if( array_key_exists( $icon_class, $svg_list ) ) {
            return $svg_list[$icon_class];
        }

        return $icon_class;
    }


    function calc_full_ad_spot_width( $cols_count, $col_width, $ad_spot_repeat, $ad_loop_full ) {

        $result = $col_width;

        if( $ad_loop_full != '' ) {
            if( $ad_spot_repeat > ( $cols_count - 1 ) ) {
                if( $ad_spot_repeat % $cols_count == 0 ) {
                    $result = 100;
                } else {
                    $result = 100 - ( $ad_spot_repeat % $cols_count ) * $col_width;
                }
            } else {
                $result = ( $cols_count - $ad_spot_repeat ) * $col_width;
            }
        }

        return $result;

    }

}
