Enhancement: Allow for "sub-frames" on an Event's Fields

[JadeJuno]

Please check for duplicates or similar issues before creating this issue.

What is your suggestion, and why should it be implemented?

Not sure how to explain what I'm trying to say, but I basically want to be able to add a "frame" inside of the Event Data frame on the Event field, like in the following image (made hastily in Photoshop)

Which might look like this in the code:

[
	{
		name: "target",
		title: "Target",
		type: "enum",
		defaultValue: DAD,
		keys: charMap
	},
	{
		name: "hue-shift",
		title: "Hue Shift",
		type: "fields",
		keys: [
			{
				name: "r",
				title: "Red",
				type: "integer",
				defaultValue: 0,
				step: 1,
				min: 0,
				max: 255
			},
			{
				name: "g",
				title: "Green",
				type: "integer",
				defaultValue: 0,
				step: 1,
				min: 0,
				max: 255
			},
			{
				name: "b",
				title: "Blue",
				type: "integer",
				defaultValue: 0,
				step: 1,
				min: 0,
				max: 255
			}
		]
	},
	{
		name: "fadeout",
		title: "Fadeout Duration",
		type: "integer",
		units: "Frames",
		step: 1,
		defaultValue: 48,
		min: 0,
		max: 1680
	},
	{
		name: "direction",
		title: "Direction",
		type: "enum",
		keys: directionMap
	}
];

(Just as a hasty possibility, the type's name could just be anything else tbh-)