£Á°èZ¨Ä…–K§‚«“ô4“ÒÙ´dîfUÙÃÅ WKbyʦ•êŽ…È®FÒ¿ÊÎóCozá¬S@6{Í:›œêZÌ:Š•_%:¢¾¾~;‘Ã~芩ÊǍí`ÔÑ©ú뙵'5I¿fš×WO%ø9¾«¾DK|€ùÍD”Ýs]nHÕ¶êםӼ㞪éUWŸÈË%DÒÕ¬ï‘]/Åcx ‰ï2ß]ä6G[]S£Ôϯrs{úëóµmÒï#UQxo·õÞCe]"±/aÙ&Eã4ú9Jé_ÞåëdãöKë)AÞ ¯¹ægƒÛowЍø^d™ý½ßB7áyMä9ÜÖUã !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 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 (
); }