{
	"name": "Dashboard",
	"description": "",
	"icon": "ti ti-dashboard",
	"version": "0.0.1",
	"css": ".CLASS:root{--radius:5px}\n.CLASS{padding:0 20px 50px;width:100%;max-width:1400px;margin:30px auto}\n.CLASS .UI_gap{margin-bottom:var(--margin)}\n.CLASS .UI_label{font-size:11px;color:#B0B0B0;margin-bottom:5px}\n.CLASS .UI_label i{margin-right:5px}\n.CLASS .UI_border{border:1px solid #E0E0E0;padding:var(--gap);border-radius:var(--radius)}",
	"editor": {
		"download": false,
		"paths": "",
		"render": "https://preview.totaljs.com",
		"codes": "",
		"upload": ""
	},
	"components": {
		"datagenerator": "https://cdn.componentator.com/uibuilder/datagenerator-v1/editor.html",
		"callout": "https://cdn.componentator.com/uibuilder/callout-v1/editor.html",
		"headline": "https://cdn.componentator.com/uibuilder/headline-v1/editor.html",
		"enable": "https://cdn.componentator.com/uibuilder/enable-v1/editor.html",
		"columns": "https://cdn.componentator.com/uibuilder/columns-v1/editor.html",
		"video": "https://cdn.componentator.com/uibuilder/video-v1/editor.html",
		"counter": "https://cdn.componentator.com/uibuilder/counter-v1/editor.html",
		"container": "https://cdn.componentator.com/uibuilder/container-v1/editor.html",
		"cards": "https://cdn.componentator.com/uibuilder/cards-v1/editor.html",
		"form": "https://cdn.componentator.com/uibuilder/form-v1/editor.html",
		"show": "https://cdn.componentator.com/uibuilder/show-v1/editor.html",
		"datareader": "https://cdn.componentator.com/uibuilder/datareader-v1/editor.html",
		"datasource": "https://cdn.componentator.com/uibuilder/datasource-v1/editor.html",
		"paragraph": "https://cdn.componentator.com/uibuilder/paragraph-v1/editor.html",
		"sendtoinput": "https://cdn.componentator.com/uibuilder/sendtoinput-v1/editor.html",
		"comment": "https://cdn.componentator.com/uibuilder/comment-v1/editor.html",
		"hr": "https://cdn.componentator.com/uibuilder/hr-v1/editor.html",
		"sound": "https://cdn.componentator.com/uibuilder/sound-v1/editor.html",
		"image": "https://cdn.componentator.com/uibuilder/image-v1/editor.html",
		"checkbox": "https://cdn.componentator.com/uibuilder/checkbox-v1/editor.html",
		"textbox": "https://cdn.componentator.com/uibuilder/textbox-v1/editor.html",
		"textarea": "https://cdn.componentator.com/uibuilder/textarea-v1/editor.html",
		"icon": "https://cdn.componentator.com/uibuilder/icon-v1/editor.html",
		"color": "https://cdn.componentator.com/uibuilder/color-v1/editor.html",
		"tabs": "https://cdn.componentator.com/uibuilder/tabs-v1/editor.html",
		"checkboxlist": "https://cdn.componentator.com/uibuilder/checkboxlist-v1/editor.html",
		"infocard": "https://cdn.componentator.com/uibuilder/infocard-v1/editor.html",
		"barchart": "https://cdn.componentator.com/uibuilder/barchart-v1/editor.html",
		"columnchart": "https://cdn.componentator.com/uibuilder/columnchart-v1/editor.html",
		"stylebox": "https://cdn.componentator.com/uibuilder/stylebox-v1/editor.html",
		"linechart": "https://cdn.componentator.com/uibuilder/linechart-v1/editor.html",
		"donutchart": "https://cdn.componentator.com/uibuilder/donutchart-v1/editor.html",
		"piechart": "https://cdn.componentator.com/uibuilder/piechart-v1/editor.html",
		"button": "https://cdn.componentator.com/uibuilder/button-v1/editor.html",
		"toolbar": "https://cdn.componentator.com/uibuilder/toolbar-v1/editor.html",
		"lastvalue": "https://cdn.componentator.com/uibuilder/lastvalue-v1/editor.html",
		"dropdown": "https://cdn.componentator.com/uibuilder/dropdown-v1/editor.html",
		"radiobutton": "https://cdn.componentator.com/uibuilder/radiobutton-v1/editor.html"
	},
	"children": [
		[
			{
				"children": [
					[
						{
							"children": [],
							"id": "cidlddh7ngi",
							"component": "datagenerator",
							"config": {
								"name": "Donut chart data generator",
								"value": "[\n\t{ \n\t\tvalue: 44,\n\t\tname: 'Apple',\n\t\tunit: '',\n\t\tdecimals: 1\n\t},\n\t{ \n\t\tvalue: 55,\n\t\tname: 'Mango',\n\t\tunit: '',\n\t\tdecimals: 1\n\t},\n\t{ \n\t\tvalue: 17,\n\t\tname: 'Orange',\n\t\tunit: '',\n\t\tdecimals: 1\n\t},\n\t{ \n\t\tvalue: 34,\n\t\tname: 'Pineapple',\n\t\tunit: '',\n\t\tdecimals: 1\n\t}\n]",
								"note": "A custom note"
							}
						},
						{
							"children": [],
							"id": "cidlddk0y28",
							"component": "datareader",
							"config": {
								"name": "Temperature",
								"url": "https://newflow.totaljs.com/esco/stats/temperature/",
								"interval": 0,
								"read": ""
							}
						},
						{
							"children": [],
							"id": "cidldu1xegw",
							"component": "datagenerator",
							"config": {
								"name": "Lastvalue data",
								"value": "{\n\tvalue: {\n\t\tvalue: 3287.3444,\n\t\tnote: 'This month card spending'\n\t}\n}",
								"note": "A custom note"
							},
							"gap": true
						},
						{
							"children": [],
							"id": "cidlduaqvvs",
							"component": "datagenerator",
							"config": {
								"name": "Dropdown data",
								"value": "[\n\t{ id: 1, name: 'Nothing' }, \n\t{ id: 2, name: 'jComponent' }, \n\t{ id: 3, name: 'Angular.js' }, \n\t{ id: 4, name: 'React' }\n]\n",
								"note": "A custom note"
							},
							"gap": true
						},
						{
							"children": [
								[
									{
										"children": [
											[
												{
													"children": [],
													"id": "cidldtxe5h7",
													"component": "columnchart",
													"config": {
														"datetype": "full",
														"datasource": "@cidlddk0y28",
														"unit": "",
														"decimals": 0,
														"name": "Column chart",
														"path": "@cidlddk0y28"
													}
												}
											],
											[
												{
													"children": [],
													"id": "cidldtxh4j6",
													"component": "barchart",
													"config": {
														"datetype": "full",
														"datasource": "@cidlddk0y28",
														"unit": "",
														"decimals": 0,
														"name": "Bar chart",
														"path": "@cidlddk0y28"
													},
													"gap": true
												}
											]
										],
										"id": "cidldtxj7r0",
										"component": "columns",
										"config": {
											"count": 2,
											"countmd": 0,
											"countsm": 0,
											"countxs": 0,
											"background": false,
											"rounded": true,
											"hidden": false,
											"fractions": "1fr 1fr",
											"name": "Columns"
										},
										"gap": true
									}
								],
								[
									{
										"children": [
											[
												{
													"children": [],
													"id": "cidldtxhs23",
													"component": "linechart",
													"config": {
														"datetype": "full",
														"datasource": "@cidlddk0y28",
														"stroke": "smooth",
														"unit": "",
														"decimals": 0,
														"name": "Line chart",
														"path": "@cidlddk0y28"
													},
													"gap": true
												}
											],
											[
												{
													"children": [],
													"id": "cidldtxi3m7",
													"component": "piechart",
													"config": {
														"datetype": "full",
														"datasource": "@cidlddh7ngi",
														"unit": "",
														"decimals": 0,
														"name": "Pie chart"
													},
													"gap": true
												}
											],
											[
												{
													"children": [],
													"id": "cidldtxigqu",
													"component": "donutchart",
													"config": {
														"datetype": "full",
														"datasource": "@cidlddh7ngi",
														"unit": "",
														"decimals": 0,
														"name": "Donut chart"
													},
													"gap": true
												}
											]
										],
										"id": "cidldtxjy5e",
										"component": "columns",
										"config": {
											"count": 3,
											"countmd": 0,
											"countsm": 0,
											"countxs": 0,
											"background": false,
											"rounded": true,
											"hidden": false,
											"fractions": "1fr 1fr 1fr",
											"name": "Columns"
										},
										"gap": true
									}
								]
							],
							"id": "cidldtxc9oa",
							"component": "tabs",
							"config": {
								"items": [
									{
										"name": "Charts 1",
										"id": "0pb9v4",
										"icon": ""
									},
									{
										"name": "Charts 2",
										"id": "nxcnum"
									}
								],
								"name": "Chart tabs"
							},
							"gap": true
						},
						{
							"children": [
								[
									{
										"children": [
											[
												{
													"children": [],
													"id": "cidldu5dj8f",
													"component": "lastvalue",
													"config": {
														"note": "{{ value.note }}",
														"value": "{{ value.value | currency('eur') }} €",
														"icon": "ti ti-credit-card",
														"iconpos": "top",
														"name": "Last value",
														"path": "@cidldu1xegw",
														"key": "{{ note }}",
														"color": "#3B80F7",
														"iconposition": "top"
													}
												}
											]
										],
										"id": "cidldu4s8xs",
										"component": "stylebox",
										"config": {
											"background": true,
											"padding": true,
											"shadow": false,
											"border": true,
											"radius": true,
											"name": "Style box"
										},
										"gap": true
									}
								],
								[
									{
										"children": [
											[
												{
													"children": [],
													"id": "cida1fo6bx0",
													"component": "lastvalue",
													"config": {
														"note": "Available",
														"value": "5600 €",
														"icon": "ti ti-credit-card",
														"iconpos": "overlay",
														"name": "Last value",
														"path": "@cidldu1xegw",
														"key": "{{ note }}",
														"color": "#EC8632",
														"iconposition": "top"
													}
												}
											]
										],
										"id": "cidldu8wmpx",
										"component": "stylebox",
										"config": {
											"background": false,
											"padding": true,
											"shadow": false,
											"border": true,
											"radius": true,
											"name": "Style box"
										},
										"gap": true
									}
								],
								[
									{
										"children": [
											[
												{
													"children": [],
													"id": "cidvobhw3e1",
													"component": "lastvalue",
													"config": {
														"note": "Credit limit",
														"value": "10 000 €",
														"icon": "ti ti-credit-card",
														"iconpos": "overlay",
														"name": "Last value",
														"path": "@cidldu1xegw",
														"key": "{{ note }}",
														"color": "#E73323",
														"iconposition": "top"
													}
												}
											]
										],
										"id": "cidldu8wsof",
										"component": "stylebox",
										"config": {
											"background": false,
											"padding": true,
											"shadow": false,
											"border": true,
											"radius": true,
											"name": "Style box"
										},
										"gap": true
									}
								],
								[]
							],
							"id": "cidldu4s5c1",
							"component": "columns",
							"config": {
								"count": 4,
								"countmd": 0,
								"countsm": 0,
								"countxs": 0,
								"background": false,
								"rounded": true,
								"hidden": false,
								"fractions": "1fr 1fr 1fr",
								"name": "Columns"
							},
							"gap": true
						},
						{
							"children": [
								[
									{
										"children": [
											[
												{
													"children": [],
													"id": "cidknuoamvc",
													"component": "lastvalue",
													"config": {
														"note": "{{ value.note }}",
														"value": "{{ value.value | currency('eur') }} €",
														"icon": "ti ti-credit-card",
														"iconpos": "overlay",
														"name": "Last value",
														"path": "@cidldu1xegw",
														"key": "{{ note }}",
														"color": "#3B80F7",
														"iconposition": "top"
													}
												}
											]
										],
										"id": "cidldu97har",
										"component": "stylebox",
										"config": {
											"background": false,
											"padding": true,
											"shadow": false,
											"border": true,
											"radius": true,
											"name": "Style box"
										}
									}
								],
								[
									{
										"children": [
											[
												{
													"children": [],
													"id": "cid87oog17z",
													"component": "lastvalue",
													"config": {
														"note": "{{ value.note }}",
														"value": "{{ value.value | currency('eur') }} €",
														"icon": "ti ti-credit-card",
														"iconpos": "top",
														"name": "Last value",
														"path": "@cidldu1xegw",
														"key": "{{ note }}",
														"color": "#3B80F7",
														"iconposition": "top"
													}
												}
											]
										],
										"id": "cidldu98o30",
										"component": "stylebox",
										"config": {
											"background": false,
											"padding": true,
											"shadow": false,
											"border": true,
											"radius": true,
											"name": "Style box"
										}
									}
								],
								[
									{
										"children": [
											[
												{
													"children": [],
													"id": "cidr90zbcro",
													"component": "lastvalue",
													"config": {
														"note": "Credit used",
														"value": "4 400 €",
														"icon": "ti ti-credit-card",
														"iconpos": "overlay",
														"name": "Last value",
														"path": "@cidldu1xegw",
														"key": "{{ note }}",
														"color": "#62962B",
														"iconposition": "top"
													}
												}
											]
										],
										"id": "cidldu8yv1e",
										"component": "stylebox",
										"config": {
											"background": false,
											"padding": true,
											"shadow": false,
											"border": true,
											"radius": true,
											"name": "Style box"
										},
										"gap": true
									}
								]
							],
							"id": "cidldu9723z",
							"component": "columns",
							"config": {
								"count": 3,
								"countmd": 0,
								"countsm": 0,
								"countxs": 0,
								"background": false,
								"rounded": true,
								"hidden": false,
								"fractions": "1fr 1fr 1fr",
								"name": "Columns"
							},
							"gap": true
						}
					]
				],
				"id": "1",
				"component": "container",
				"config": {
					"name": "Container"
				}
			}
		]
	],
	"inputs": [],
	"outputs": [],
	"args": {},
	"id": "llgpcgi3",
	"type": "dashboard",
	"color": "#EC8632",
	"group": "Dashboard"
}