£Á°è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 { __ } from '@wordpress/i18n'; import { useRef } from '@wordpress/element'; import { ColorPickerControl } from './color'; import { LabelControl } from './label'; export const GradientControl = (props) => { const { prop, value, setAttributes } = props; const { name } = prop['c']; const globalDivOne = useRef(null) const globalDivTwo = useRef(null) const globalDivThree = useRef(null) var val = !pagelayer_empty(value) ? value : ['', '', '', '', '', '', '']; if (pagelayer_is_string(val)) { val = val.split(','); } const handleInputChange = (index, newValue) => { const newValues = [...val]; newValues[index] = newValue; setAttributes({ [name]: newValues.toString() }); }; return (
handleInputChange(0, parseFloat(e.target.value))} value={val[0]} >
handleInputChange(1, color)} value={val[1]} type={prop.type} setAttributes={setAttributes} handleClick={(color) => handleInputChange(1, '$'+color)} showRemoveIcon={ false } />
handleInputChange(2, parseFloat(e.target.value))} value={val[2]} >
handleInputChange(3, color)} value={val[3]} type={prop.type} setAttributes={setAttributes} handleClick={(color) => handleInputChange(3, '$'+color)} showRemoveIcon={ false } />
handleInputChange(4, parseFloat(e.target.value))} value={val[4]} >
handleInputChange(5, color)} value={val[5]} type={prop.type} setAttributes={setAttributes} handleClick={(color) => handleInputChange(5, '$'+color)} showRemoveIcon={ false } />
handleInputChange(6, parseFloat(e.target.value))} value={val[6]} >
) }