<#

var defaults = {
	color: '',
	horizontal: '',
	vertical: '',
	blur: '',
	spread: '',
};

var value = '' === data.value ? defaults : data.value;

var picker = wp.template( 'fl-builder-field-color' )( {
	name: data.name + '[][color]',
	value: value.color,
	field: {
		className: 'fl-shadow-field-color',
		show_reset: true,
		show_alpha: true,
	},
} );

var dimensions = {
	horizontal: {
		label: 'X',
		min: -100,
		max: 100,
	},
	vertical: {
		label: 'Y',
		min: -100,
		max: 100,
	},
	blur: {
		label: '