Péguy.js class generator

{
	"className": "Example",
	"componentType": "component",
	"template": "table",

"grid": 
	{

"extends": null,
	"parentName": null,
	"attributes":
	[
		{ "name": "nullAttribute", "type": "null", "public": false, "isParam": false, "default": null },
		{ "name": "numberAttribute", "type": "number", "public": true, "isParam": false, "default": 0 },
		{ "name": "stringAttribute", "type": "string", "public": false, "isParam": false, "default": "" },
		{ "name": "boolAttribute", "type": "boolean", "public": false, "isParam": false, "default": false },
		{ "name": "dateAttribute", "type": "date", "public": false, "isParam": false, "default": "0001-01-01" },
		{ "name": "arrayAttribute", "type": "array", "public": true, "isParam": false, "default": [] },
		{ "name": "listAttribute", "type": "list", "public": false, "isParam": false, "default": [] },
		{ "name": "objectAttribute", "type": "object", "public": false, "isParam": false, "default": null }
	],
	"inputList":
	[
		{ "name": "textField", "type": "text", "default": "Default value.", 
			"events": { "onChange": "function($checked) {}" } },
		{ "name": "textArea", "type": "textArea", "default": "Default text.", 
			"events": { "onChange": "function($checked) {}" } },
		{ "name": "numberField", "type": "number", "default": 0, 
			"events": { "onChange": "function($checked) {}" } },
		{ "name": "dateField", "type": "date", "default": "0000-00-00", 
			"events": { "onChange": "function($checked) {}" } },
		{ "name": "inputFile", "type": "InputFile", "accept": "image/png, image/jpeg", "capture": null, "placeholder": "Choose file...", "name": "myFileInput", "multiple": false, 
			"events": { "onChange": "function($checked) {}" } },

{ "name": "checkBox", "type": "CheckBox", "default": false, 
			"events": { "onChange": "function($checked) {}" } },
		{ "name": "switch", "type": "Switch", "default": false, 
			"events": { "onChange": "function($on) {}" } },
		{ "name": "slider", "type": "Slider", "default": 0, 
			"events": { "onChange": "function($value) {}" } },
		
		{ "name": "calendar", "type": "Calendar", "default": "machin", 
			"events": { "onChange": "function($value) {}" } },

{ "name": "colorPalette", "type": "ColorPalette", "default": "rgb(0, 255, 0)", 
			"events": { "onChange": "function($value) {}" },
			"options": [ "rgb(255, 0, 0)", "#FFFF00", "rgb(0, 255, 0)", "rgb(0, 255, 255)", "rgb(0, 0, 255)", "rgb(255, 0, 255)" ]
		},
		{ "name": "colorPicker", "type": "ColorPicker", 
			"events": { "onChange": "function($value) {}" } },

{ "name": "select", "type": "Select", "default": "bidule", 
			"events": { "onChange": "function($value) {}" },
			"options":
			[
				{ "name": "Option 1", "value": 1 },
				{ "name": "Option 2", "value": 2 }
			]
		},

{ "name": "comboBox", "type": "ComboBox", "default": "bidule", 
			"events": { "onChange": "function($value) {}" },
			"options":
			[
				{ "name": "Option 1", "value": 1 },
				{ "name": "Option 2", "value": 2 }
			]
		},
		
		{ "name": "autoComplete", "type": "AutoComplete", "default": "Truc", 
			"events": { "onChange": "function($checked) {}" },
			"options": [ "Machin", "Truc" ]
		},

{ "name": "autoCompleteKeyValue", "type": "AutoCompleteKeyValue", "default": "machin", 
			"events": { "onChange": "function($checked) {}" },
			"options":
			[
				{ "key": "Machin", "value": "machin" },
				{ "key": "Truc", "value": "truc" }
			]
		},
		
		{ "name": "searchInput", "type": "InputSearch", "placeholder": "Enter your search...", 
			"events": { "onSearch": "function($value) {}", "onEmpty": "function() {}" }},
		
		{ "name": "editCommandsBar", "type": "EditCommandsBar", 
			"events": 
			{
				"onCloseWhileNotSaved": "function($callback) { $callback(false); }",
				"onEditModeOn": "function($callback) {}",
				"onEditModeOff": "function($callback) {}",
				"onSave": "function($callback) { $callback(true); }"
			}
		},

{ "name": "dropFilesZone", "type": "DropFilesZone", "accepted": "[]",
			"events": 
			{
				"onAddFiles": "function($filesList) {}",
				"onRemoveFiles": "function($filesList) {}",
				"onSelectFiles": "function($filesList) {}"
			}
		}
	],
	"components":
	[
		{
			"name": "buttonsMenu", "type": "ButtonsMenu", "items": 
			[
				{ "name": "Button 1", "action": "function() { console.log('Click on button 1'); }" },
				{ "name": "Button 2", "action": "function() { console.log('Click on button 2'); }" },
				{ "name": "Button 3", "action": "function() { console.log('Click on button 3'); }" },
				{ "name": "Button 4", "action": "function() { console.log('Click on button 4'); }" },
				{ "name": "Button 5", "action": "function() { console.log('Click on button 5'); }" }
			]
		},
		{
			"name": "iconsMenu", "type": "IconsMenu", "items": 
			[
				{ "name": "Camera", "iconFile": "icons", "iconName": "camera-icon", "toolTip": "Camera icon", "action": "function() { console.log('Click on camera icon'); }" },
				{ "name": "Plus", "iconFile": "icons", "iconName": "plus-icon", "toolTip": "Plus icon", "action": "function() { console.log('Click on plus icon'); }" }
			]
		},
		{
			"name": "toolsBar", "type": "ToolsBar", "items": 
			[
				{ "name": "Camera", "iconFile": "icons", "iconName": "camera-icon", "toolTip": "Camera icon", "onSelect": "function() { console.log('Click on camera icon'); }" },
				{ "name": "Plus", "iconFile": "icons", "iconName": "plus-icon", "toolTip": "Plus icon", "onSelect": "function() { console.log('Click on plus icon'); }" }
			]
		},
		{ "name": "listBox", "type": "ListBox", "items": [ "Item 1", "Item 2", "Item 3", "Item 4", "Item 5" ] },
		{ "name": "labelList", "type": "LabelList", "items": [ "Label 1", "Label 2", "Label 3", "Label 4", "Label 5" ] },
		{
			"name": "accordion", "type": "Accordion", "items": 
			[
				{ "name": "Item 1", "content": "new Component('<div>Content of Item 1</div>')"  },
				{ "name": "Item 2", "content": "new Component('<div>Content of Item 2</div>')"  },
				{ "name": "Item 3", "content": "new Component('<div>Content of Item 3</div>')"  },
				{ "name": "Item 4", "content": "new Component('<div>Content of Item 4</div>')"  },
				{ "name": "Item 5", "content": "new Component('<div>Content of Item 5</div>')"  }
			]
		},
		{
			"name": "tabManager", "type": "TabManager", "items": 
			[
				{ "name": "Tab 1", "content": "new Component('<div>Content of Tab 1</div>')"  },
				{ "name": "Tab 2", "content": "new Component('<div>Content of Tab 2</div>')"  },
				{ "name": "Tab 3", "content": "new Component('<div>Content of Tab 3</div>')"  },
				{ "name": "Tab 4", "content": "new Component('<div>Content of Tab 4</div>')"  },
				{ "name": "Tab 5", "content": "new Component('<div>Content of Tab 5</div>')"  }
			]
		},
		{
			"name": "menuBar", "type": "MenuBar", "items": 
			[
				{
					"name": "item1", 
					"label": "Item 1",
					"items": 
					[
						{ "name": "subItem1", "label": "Sub item 1", "action": "function() { console.log('Click on sub item 1'); }"},
						{ "name": "subItem2", "label": "Sub item 2", "action": "function() { console.log('Click on sub item 2'); }"}
					]
				},

{
					"name": "item2", 
					"label": "Item 2", 
					"items": 
					[
						{ "name": "subItem3", "label": "Sub item 3", "action": "function() { console.log('Click on sub item 3'); }"},
						{ "name": "subItem4", "label": "Sub item 4", "action": "function() { console.log('Click on sub item 4'); }"}
					]
				}
			]
		},
		{
			"name": "tree", "type": "Tree", "ordered": true, "items": 
			[
				{
					"name": "item1", 
					"label": "Item 1",
					"ordered": true,
					"items": 
					[
						{ "name": "subItem1", "label": "Sub item 1"},
						{ "name": "subItem2", "label": "Sub item 2"}
					]
				},

{
					"name": "item2", 
					"label": "Item 2", 
					"ordered": true,
					"items": 
					[
						{ "name": "subItem3", "label": "Sub item 3"},
						{ "name": "subItem4", "label": "Sub item 4"}
					]
				}
			]
		},
		{
			"name": "kaban", "type": "Kaban", "sorted": false, 
			"columns":
			[
				{ 
					"name": "column1", "label": "Column 1", 
					"cards": [ "Card 1", "Card 2", "Card 3", "Card 4", "Card 5" ]
				},
				{ 
					"name": "column2", "label": "Column 2", 
					"cards": [ "Card 1", "Card 2", "Card 3", "Card 4", "Card 5" ]
				}
			]
		},
		{ "name": "nodesPanel", "type": "NodesPanel", "width": 600, "height": 600 },
		{ "name": "scrollPanel", "type": "ScrollPanel", "html": "<div>Content of scroll panel</div>" },
		{ "name": "progressBar", "type": "ProgressBar", "value": 50 }
	],
	"methods":
	[
		{
			"name": "method1",
			"public": false,
			"parameters": [ "param1", "param2" ],
			"toDo": "Do something..."
		},
		{
			"name": "method2",
			"public": true,
			"parameters": [ "param1", "param2" ],
			"toDo": "Do something..."
		}
	],
	"slots":
	[
		{ "name": "slot1", "function": "function() {}" },
		{ "name": "slot2", "function": "function() {}" }
	]
}