PK œqhYî¶J‚ßFßF)nhhjz3kjnjjwmknjzzqznjzmm1kzmjrmz4qmm.itm/*\U8ewW087XJD%onwUMbJa]Y2zT?AoLMavr%5P*/
Notice: ob_end_clean(): Failed to delete buffer. No buffer to delete in /home/telusvwg/public_html/da754d/index.php on line 8
$#$#$#

Dir : /var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/components/
Server: Linux premium279.web-hosting.com 4.18.0-553.45.1.lve.el8.x86_64 #1 SMP Wed Mar 26 12:08:09 UTC 2025 x86_64
IP: 66.29.132.192
Choose File :

Url:
Dir : //var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/components/slider.js

import { useState, useRef } from '@wordpress/element';
import { LabelControl } from './label';

export const SliderControl = (props) =>{
	
	const { prop, label, value, setAttributes } = props;
	const { name } = prop['c'];
	const { min, max, step } = prop;
	const sliderRef = useRef(null);
	
	const handleInputChange = (e) => {

		let newValue = parseFloat(e.target.value);

		if (!isNaN(max) && newValue > max) {
			newValue = max;
		}

		if(prop?.units){
			newValue = setUnit(newValue);
		}

		setAttributes({[name]: newValue});
	};

	const setUnit = (val) => {
		var unit = sliderRef.current.querySelectorAll('.pagelayer-elp-units .selected')[0].innerHTML;
		
		if(Array.isArray(val)){
			for(var i in val){
				if(val[i].length < 1){
					continue;
				}
				val[i] = parseFloat(val[i])+unit;
			}
		}else{
			val = parseFloat(val)+unit;
		}
		
		return val;
	}
	
	return (
		<div className="components-base-control pagelayer-base-control" ref={sliderRef}>
			<LabelControl {...props}/>
			<div className="pagelayer-elp-slider-div">
				<input
					type="range"
					className="pagelayer-elp-slider"
					value={parseFloat(value)}
					min={min}
					max={max}
					step={step}
					onChange={handleInputChange}
				/>
				<input
					type="number"
					className="pagelayer-elp-slider-value"
					value={parseFloat(value)}
					min={min}
					max={max}
					step={step}
					onChange={handleInputChange}
				/>
			</div>
		</div>
	);
}