WIBUHAX0R1337

- WIBUHAX0R1337 -

/home/coludnqa/rohihbs.com/wp-content/themes/estudiar/vamtam/admin/assets/js/customizer/ [ Home ]

Create Folder Create File

/* jshint esnext:true */

import { isNumeric, hexToHsl } from './helpers';

const styles = ( api, $ ) => {
	'use strict';

const prepare_background = to => {
		if ( to['background-image'] !== '' ) {
			to['background-image'] = 'url(' + to['background-image'] + ')';
		}

return to;
	};

{
		const compiler_options = VAMTAM_CUSTOMIZE_PREVIEW.compiler_options;

const real_id = function( id ) {
			return id.replace( /vamtam_theme\[([^\]]+)]/, '$1' );
		};

const change_handler_by_type = {
			number: function( to ) {
				let id = real_id( this.id );

if ( VAMTAM_CUSTOMIZE_PREVIEW.percentages.indexOf( id ) !== -1 ) {
					to += '%';
				} else if ( VAMTAM_CUSTOMIZE_PREVIEW.numbers.indexOf( id ) !== -1 ) {
					// as is
				} else {
					to += 'px';
				}

document.documentElement.style.setProperty( `--vamtam-${id}`, to )

// trigger a resize event if we change any dimension
				$( window ).resize();
			},
			background: function( to ) {
				let id = real_id( this.id );

to = prepare_background( to );

const noCssVarProps = [
					'background-gradient',
					'background-type',
					'background-image-attachment',
					'customizer-dummy',
				]

for ( let prop in to ) {
					if ( ! noCssVarProps.includes( prop ) ) {
						document.documentElement.style.setProperty( `--vamtam-${id}-${prop}`, to[ prop ] );
					}
				}

// We generate the background-generated string that is used for the bg.
				if ( to[ 'background-type' ] === 'gradient' ) {
					const gradient = to[ 'background-gradient'];
					if ( gradient ) {
						// Gradient bg.
						const generated = `${gradient.type}-gradient(${gradient.type === 'linear' ? gradient.angle + 'deg' : 'at ' + gradient.position}, ${gradient[ 'color-1' ]} ${gradient[ 'location-1' ]}%, ${gradient[ 'color-2' ]} ${gradient[ 'location-2' ]}%)`;
						document.documentElement.style.setProperty( `--vamtam-${id}-background-generated`, generated );
					}
				} else {
					// Default bg.
					const generated = `${to['background-image']} ${to['background-position']}/${to['background-size']} ${to['background-repeat']} ${to['background-attachment']} ${to['background-color']}`;
					document.documentElement.style.setProperty( `--vamtam-${id}-background-generated`, generated );
				}
			},
			radio: function( to ) {
				let id = real_id( this.id );

if ( isNumeric( to ) ) {
					change_handler_by_type.number.call( this, to );
				} else {
					document.documentElement.style.setProperty( `--vamtam-${id}`, to )
				}
			},
			select: function( to ) {
				let id = real_id( this.id );

change_handler_by_type.radio.call( this, to );
			},
			typography: function( to, from ) {
				let id = real_id( this.id );

const noCssVarProps = [
					'customizer-dummy',
				]

for ( let prop in to ) {
					if ( ! noCssVarProps.includes( prop ) ) {
						if ( typeof to[ prop ] === 'object' && to[ prop ] !== null ) {
							[ 'desktop', 'tablet', 'phone' ].forEach( device => {
								if ( to[ prop ].hasOwnProperty( device ) ) {
									if ( to[ prop ].hasOwnProperty('unit') ) {
										document.documentElement.style.setProperty( `--vamtam-${id}-${prop}-${device}`, to[ prop ][ device ] + to[ prop ][ 'unit' ][ device ] );
									} else {
										document.documentElement.style.setProperty( `--vamtam-${id}-${prop}-${device}`, to[ prop ][ device ] );
									}
								}
							});
						} else {
							var validScalarProps = [ 'font-family', 'font-weight', 'font-style', 'color', 'transform', 'decoration' ]
							if ( ! validScalarProps.includes(prop) ) {
								continue; // Avoid adding irrelevant css vars to the cssom.
							}
							if ( prop === 'transform' || prop === 'decoration' ) {
								document.documentElement.style.setProperty( `--vamtam-${id}-${prop}`, to[ prop ] ? to[ prop ] : 'none' );
							} else {
								document.documentElement.style.setProperty( `--vamtam-${id}-${prop}`, to[ prop ] ? to[ prop ] : 'unset' );
							}
						}
					}
				}

// if the font-family is changed - we need to load the new font stylesheet
				if ( to['font-family'] !== from['font-family'] || to['variant'] !== from['variant'] ) {
					let new_font = window.top.VAMTAM_ALL_FONTS[ to['font-family'] ];

if ( new_font && new_font.gf ) {
						let family = encodeURIComponent( to['font-family'] ) + ':' + new_font.weights.join( ',' ).replace( ' ', '' );
						let link = document.createElement("link");
						link.href = 'https://fonts.googleapis.com/css?family=' + family;
						link.type = 'text/css';
						link.rel = 'stylesheet';
						document.getElementsByTagName( 'head' )[0].appendChild(link);
					}
				}
			},
			'color-row': function( to ) {
				let id = real_id( this.id );

const noCssVarProps = [
					'customizer-dummy',
				]

for ( let prop in to ) {
					if ( ! noCssVarProps.includes( prop ) ) {
						document.documentElement.style.setProperty( `--vamtam-${id}-${prop}`, to[ prop ] );
					}
				}

if ( id === 'accent-color' ) {
					// accents need readable colors
					for ( let i = 1; i <= 8; i++ ) {
						let hex = to[ i ];
						let hsl = hexToHsl( hex );

let readable = '';
						let hc       = '';

if ( hsl[2] > 80 ) {
							readable = `hsl(${hsl[0]}, ${hsl[1]}%, ${ Math.max( 0, hsl[2] - 50 ) }%)`;//  $color->darken( 50 );
							hc       = '#000000';
						} else {
							readable = `hsl(${hsl[0]}, ${hsl[1]}%, ${ Math.min( 0, hsl[2] + 50 ) }%)`;//  $color->lighten( 50 );
							hc       = '#ffffff';
						}

// const compiler_option_handler = ;
		for ( let opt_name in compiler_options ) {
			api( opt_name, function( setting ) {
				const type = compiler_options[ opt_name ];

if ( type in change_handler_by_type ) {
					setting.bind( change_handler_by_type[ type ] );
				} else {
					console.error( `VamTam Customzier: Missing handler for option type ${type} - option ${opt_name}` );
					window.wpvval = setting;
				}
			} );
		}
	}
};

export default styles;

Nama File / Folder	Size	Action
controls-conditionals.js	11.401KB	Edit File Delete File Rename
general.js	0.842KB	Edit File Delete File Rename
preview-front.js	1.218KB	Edit File Delete File Rename
preview.js	0.255KB	Edit File Delete File Rename
styles.js	6.649KB	Edit File Delete File Rename