@stechquick/studio-cli 4.0.3-2

package/dist/studio-cli/src/.ai-kit/examples/cssClass/BarChart.qjson

@@ -0,0 +1,1061 @@
+let pjson = {
+	"pJson": [
+		{
+			"T": "VContainer",
+			"P": {
+				"ID": {
+					"H": "EdtrComp_1",
+					"T": "prop"
+				},
+				"class": {
+					"H": "'container container--fluid'",
+					"T": "class"
+				},
+				"visible": {
+					"H": "true",
+					"T": "prop"
+				}
+			},
+			"E": {},
+			"C": {
+				"default": {
+					"c": [
+						{
+							"T": "VRow",
+							"P": {
+								"ID": {
+									"H": "EdtrComp_12",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {
+								"default": {
+									"c": [
+										{
+											"T": "VCol",
+											"C": {
+												"default": {
+													"c": [
+														{
+															"T": "Bar",
+															"P": {
+																"ID": {
+																	"H": "barChart",
+																	"T": "prop"
+																},
+																"backgroundColor": {
+																	"H": "['rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(153, 102, 255, 0.2)', 'rgba(255, 159, 64, 0.2)']",
+																	"T": "prop"
+																},
+																"borderColor": {
+																	"H": "['rgba(255, 99, 132, 1)','rgba(54, 162, 235, 1)','rgba(255, 206, 86, 1)','rgba(75, 192, 192, 1)','rgba(153, 102, 255, 1)','rgba(255, 159, 64, 1)']",
+																	"T": "prop"
+																},
+																"borderWidth": {
+																	"H": "1",
+																	"T": "prop"
+																},
+																"data": {
+																	"H": "[12, 19, 3, 5, 2, 3]",
+																	"T": "prop"
+																},
+																"label": {
+																	"H": "'# of Votes '",
+																	"T": "prop"
+																},
+																"labels": {
+																	"H": "['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange']",
+																	"T": "prop"
+																},
+																"width": {
+																	"H": "'32vw'",
+																	"T": "prop"
+																},
+																"height": {
+																	"H": "'48vh'",
+																	"T": "prop"
+																},
+																"xDrawOnChartArea": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"yDrawOnChartArea": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"xDisplay": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"yDisplay": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"labelAlign": {
+																	"H": "'start'",
+																	"T": "prop"
+																},
+																"labelAnchor": {
+																	"H": "'end'",
+																	"T": "prop"
+																},
+																"labelBorderWidth": {
+																	"H": "1",
+																	"T": "prop"
+																},
+																"labelClamp": {
+																	"H": "false",
+																	"T": "prop"
+																},
+																"labelClip": {
+																	"H": "false",
+																	"T": "prop"
+																},
+																"labelDisplay": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"labelFontLineHeight": {
+																	"H": "'1.2'",
+																	"T": "prop"
+																},
+																"labelOpacity": {
+																	"H": "1",
+																	"T": "prop"
+																},
+																"labelPaddingTop": {
+																	"H": "4",
+																	"T": "prop"
+																},
+																"labelPaddingRight": {
+																	"H": "4",
+																	"T": "prop"
+																},
+																"labelPaddingBottom": {
+																	"H": "4",
+																	"T": "prop"
+																},
+																"labelPaddingLeft": {
+																	"H": "4",
+																	"T": "prop"
+																},
+																"labelRotation": {
+																	"H": "0",
+																	"T": "prop"
+																},
+																"labelTextAlign": {
+																	"H": "'start'",
+																	"T": "prop"
+																},
+																"labelTextStrokeWidth": {
+																	"H": "0",
+																	"T": "prop"
+																},
+																"labelTextShadowBlur": {
+																	"H": "0",
+																	"T": "prop"
+																},
+																"labelColor": {
+																	"H": "'red'",
+																	"T": "prop"
+																},
+																"labelBorderColor": {
+																	"H": "'red'",
+																	"T": "prop"
+																},
+																"labelOffset": {
+																	"H": "'-30'",
+																	"T": "prop"
+																},
+																"labelBorderRadius": {
+																	"H": "10",
+																	"T": "prop"
+																}
+															},
+															"E": {
+																"labelFormatter": {
+																	"H": "//context : contextual information see-> https://master--chartjs-plugin-datalabels.netlify.app/guide/options.html#option-context\r\n//value : the current data value\r\nquick.return(\"Değer:\" + value + '%');",
+																	"PE": true,
+																	"P": "value:any,context:{ active: boolean; dataIndex: number; chart : any; dataset: any; datasetIndex:number; }",
+																	"HL": "TS"
+																}
+															},
+															"C": {},
+															"_Editor": {
+																"eID": "EdtrComp_4"
+															},
+															"O": {
+																"cType": "slot"
+															}
+														}
+													],
+													"cType": "slot"
+												}
+											},
+											"E": {},
+											"P": {
+												"ID": {
+													"H": "EdtrComp_15",
+													"T": "prop"
+												}
+											},
+											"_Editor": {
+												"eID": "EdtrComp_15"
+											},
+											"O": {
+												"cType": "slot"
+											}
+										}
+									],
+									"cType": "slot"
+								}
+							},
+							"_Editor": {
+								"eID": "EdtrComp_12"
+							},
+							"O": {
+								"cType": "slot"
+							}
+						},
+						{
+							"T": "VRow",
+							"P": {
+								"ID": {
+									"H": "EdtrComp_19",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {
+								"default": {
+									"c": [
+										{
+											"T": "VCol",
+											"C": {
+												"default": {
+													"c": [
+														{
+															"T": "VBtn",
+															"P": {
+																"ID": {
+																	"H": "EdtrComp_2",
+																	"T": "prop"
+																},
+																"visible": {
+																	"H": "true",
+																	"T": "prop"
+																}
+															},
+															"E": {
+																"click": {
+																	"H": "quick.EM.trace(components.barChart);\r\n\r\nlet barData: any = components.barChart.data;\r\n(<any[]>barData.labels).push('data #' + (<any[]>barData.labels).length);\r\n\r\n(<any[]>barData.datasets).forEach(item => {\r\n  let randomInt =getRandomInt(1,20);\r\n    (<any[]>item.data).push(randomInt);\r\n    (<any[]>item.backgroundColor).push('rgba(153, 102, 255, 0.2)');\r\n    (<any[]>item.borderColor).push('rgba(153, 102, 255, 1)');\r\n});\r\n\r\n(<any>components.barChart).update();\r\n\r\nfunction getRandomInt(min, max) {\r\n  min = Math.ceil(min);\r\n  max = Math.floor(max);\r\n  return Math.floor(Math.random() * (max - min) + min); //The maximum is exclusive and the minimum is inclusive\r\n}",
+																	"P": "mouseEvent:unknown | undefined",
+																	"HL": "TS"
+																}
+															},
+															"C": {
+																"default": {
+																	"c": [
+																		{
+																			"T": "QLabel",
+																			"C": {},
+																			"E": {},
+																			"P": {
+																				"ID": {
+																					"H": "EdtrComp_3",
+																					"T": "prop"
+																				},
+																				"text": {
+																					"H": "'Add Data'",
+																					"T": "prop"
+																				}
+																			},
+																			"_Editor": {
+																				"eID": "EdtrComp_3"
+																			},
+																			"O": {
+																				"cType": "child"
+																			}
+																		}
+																	],
+																	"cType": "slot"
+																}
+															},
+															"_Editor": {
+																"eID": "EdtrComp_2"
+															},
+															"O": {
+																"cType": "slot"
+															}
+														},
+														{
+															"T": "VBtn",
+															"P": {
+																"ID": {
+																	"H": "EdtrComp_9",
+																	"T": "prop"
+																}
+															},
+															"E": {
+																"click": {
+																	"H": "quick.EM.trace(components.barChart);\r\n\r\ndebugger;\r\nlet barData: any = components.barChart.data;\r\n(<any[]>barData.labels).splice(-1,1); // array'in en sondaki itemı silinir.\r\n\r\n(<any[]>barData.datasets).forEach(item => {\r\n    quick.EM.trace(item);\r\n    (<any[]>item.data).pop();\r\n});\r\n\r\n(<any>components.barChart).update();\r\n",
+																	"P": "mouseEvent:unknown | undefined",
+																	"HL": "TS"
+																}
+															},
+															"C": {
+																"default": {
+																	"c": [
+																		{
+																			"T": "QLabel",
+																			"C": {},
+																			"E": {},
+																			"P": {
+																				"ID": {
+																					"H": "EdtrComp_10",
+																					"T": "prop"
+																				},
+																				"text": {
+																					"H": "'Remove Data'",
+																					"T": "prop"
+																				}
+																			},
+																			"_Editor": {
+																				"eID": "EdtrComp_10"
+																			},
+																			"O": {
+																				"cType": "child"
+																			}
+																		}
+																	],
+																	"cType": "slot"
+																}
+															},
+															"_Editor": {
+																"eID": "EdtrComp_9"
+															},
+															"O": {
+																"cType": "slot"
+															}
+														},
+														{
+															"T": "VBtn",
+															"P": {
+																"ID": {
+																	"H": "EdtrComp_6",
+																	"T": "prop"
+																}
+															},
+															"E": {
+																"click": {
+																	"H": "quick.EM.trace(components.barChart);\r\n\r\nlet backgroundColors = ['rgba(1, 217, 66, 0.2)', 'rgba(72, 26, 46,0.2)', 'rgba(34, 101, 157, 0.2)', 'rgba(176, 196, 238, 0.2)', 'rgba(11, 177, 187, 0.2)', 'rgba(88, 225, 98,0.2)', 'rgba(162, 247, 200, 0.2)'];\r\nlet borderColors = ['rgba(1, 217, 66, 1)', 'rgba(72, 26, 46,1)', 'rgba(34, 101, 157, 1)', 'rgba(176, 196, 238, 1)', 'rgba(11, 177, 187, 1)', 'rgba(88, 225, 98,1)', 'rgba(162, 247, 200,1)'];\r\n\r\nlet barData: any = components.barChart.data;\r\n\r\nlet newDataSet: any = {};\r\nnewDataSet.label = 'Dataset ' + ((<any[]>barData.datasets).length + 1);\r\nnewDataSet.backgroundColor = backgroundColors;\r\nnewDataSet.borderColor = borderColors;\r\nnewDataSet.borderWidth = 1;\r\nnewDataSet.data = [];\r\n\r\n(<any[]>barData.labels).forEach(item => {\r\n    let randomInt = getRandomInt(1, 20);\r\n    (<any[]>newDataSet.data).push(randomInt);\r\n});\r\n\r\n(<any[]>barData.datasets).push(newDataSet);\r\n(<any>components.barChart).update();\r\n\r\nfunction getRandomInt(min, max) {\r\n    min = Math.ceil(min);\r\n    max = Math.floor(max);\r\n    return Math.floor(Math.random() * (max - min) + min); //The maximum is exclusive and the minimum is inclusive\r\n}",
+																	"P": "mouseEvent:unknown | undefined",
+																	"HL": "TS"
+																}
+															},
+															"C": {
+																"default": {
+																	"c": [
+																		{
+																			"T": "QLabel",
+																			"C": {},
+																			"E": {},
+																			"P": {
+																				"ID": {
+																					"H": "EdtrComp_5",
+																					"T": "prop"
+																				},
+																				"text": {
+																					"H": "'Add Dataset'",
+																					"T": "prop"
+																				}
+																			},
+																			"_Editor": {
+																				"eID": "EdtrComp_5"
+																			},
+																			"O": {
+																				"cType": "child"
+																			}
+																		}
+																	],
+																	"cType": "slot"
+																}
+															},
+															"_Editor": {
+																"eID": "EdtrComp_6"
+															},
+															"O": {
+																"cType": "slot"
+															}
+														},
+														{
+															"T": "VBtn",
+															"P": {
+																"ID": {
+																	"H": "EdtrComp_7",
+																	"T": "prop"
+																}
+															},
+															"E": {
+																"click": {
+																	"H": "quick.EM.trace(components.barChart);\r\n\r\nlet barData: any = components.barChart.data;\r\n(<any[]>barData.datasets).splice(-1,1); // array'in en sondaki itemı silinir.\r\n(<any>components.barChart).update();\r\n",
+																	"P": "mouseEvent:unknown | undefined",
+																	"HL": "TS"
+																}
+															},
+															"C": {
+																"default": {
+																	"c": [
+																		{
+																			"T": "QLabel",
+																			"C": {},
+																			"E": {},
+																			"P": {
+																				"ID": {
+																					"H": "EdtrComp_8",
+																					"T": "prop"
+																				},
+																				"text": {
+																					"H": "'Remove Dataset'",
+																					"T": "prop"
+																				}
+																			},
+																			"_Editor": {
+																				"eID": "EdtrComp_8"
+																			},
+																			"O": {
+																				"cType": "child"
+																			}
+																		}
+																	],
+																	"cType": "slot"
+																}
+															},
+															"_Editor": {
+																"eID": "EdtrComp_7"
+															},
+															"O": {
+																"cType": "slot"
+															}
+														}
+													],
+													"cType": "slot"
+												}
+											},
+											"E": {},
+											"P": {
+												"ID": {
+													"H": "EdtrComp_24",
+													"T": "prop"
+												}
+											},
+											"_Editor": {
+												"eID": "EdtrComp_24"
+											},
+											"O": {
+												"cType": "slot"
+											}
+										}
+									],
+									"cType": "slot"
+								}
+							},
+							"_Editor": {
+								"eID": "EdtrComp_19"
+							},
+							"O": {
+								"cType": "slot"
+							}
+						},
+						{
+							"T": "VRow",
+							"P": {
+								"ID": {
+									"H": "EdtrComp_86",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {
+								"default": {
+									"c": [
+										{
+											"T": "VCol",
+											"C": {
+												"default": {
+													"c": [
+														{
+															"T": "Bar",
+															"P": {
+																"ID": {
+																	"H": "EdtrComp_80",
+																	"T": "prop"
+																},
+																"backgroundColor": {
+																	"H": "['rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(153, 102, 255, 0.2)', 'rgba(255, 159, 64, 0.2)']",
+																	"T": "prop"
+																},
+																"borderColor": {
+																	"H": "['rgba(255, 99, 132, 1)','rgba(54, 162, 235, 1)','rgba(255, 206, 86, 1)','rgba(75, 192, 192, 1)','rgba(153, 102, 255, 1)','rgba(255, 159, 64, 1)']",
+																	"T": "prop"
+																},
+																"borderWidth": {
+																	"H": "1",
+																	"T": "prop"
+																},
+																"data": {
+																	"H": "[12, 19, 3, 5, 2, 3]",
+																	"T": "prop"
+																},
+																"label": {
+																	"H": "'# of Votes'",
+																	"T": "prop"
+																},
+																"labels": {
+																	"H": "['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange']",
+																	"T": "prop"
+																},
+																"width": {
+																	"H": "'32vw'",
+																	"T": "prop"
+																},
+																"height": {
+																	"H": "'48vh'",
+																	"T": "prop"
+																},
+																"xDrawOnChartArea": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"yDrawOnChartArea": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"xDisplay": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"yDisplay": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"labelAlign": {
+																	"H": "'center'",
+																	"T": "prop"
+																},
+																"labelAnchor": {
+																	"H": "'center'",
+																	"T": "prop"
+																},
+																"labelBorderRadius": {
+																	"H": "0",
+																	"T": "prop"
+																},
+																"labelBorderWidth": {
+																	"H": "0",
+																	"T": "prop"
+																},
+																"labelClamp": {
+																	"H": "false",
+																	"T": "prop"
+																},
+																"labelClip": {
+																	"H": "false",
+																	"T": "prop"
+																},
+																"labelDisplay": {
+																	"H": "false",
+																	"T": "prop"
+																},
+																"labelFontWeight": {
+																	"H": "'normal'",
+																	"T": "prop"
+																},
+																"labelFontLineHeight": {
+																	"H": "'1.2'",
+																	"T": "prop"
+																},
+																"labelOffset": {
+																	"H": "'4'",
+																	"T": "prop"
+																},
+																"labelOpacity": {
+																	"H": "1",
+																	"T": "prop"
+																},
+																"labelPaddingTop": {
+																	"H": "4",
+																	"T": "prop"
+																},
+																"labelPaddingRight": {
+																	"H": "4",
+																	"T": "prop"
+																},
+																"labelPaddingBottom": {
+																	"H": "4",
+																	"T": "prop"
+																},
+																"labelPaddingLeft": {
+																	"H": "4",
+																	"T": "prop"
+																},
+																"labelRotation": {
+																	"H": "0",
+																	"T": "prop"
+																},
+																"labelTextAlign": {
+																	"H": "'start'",
+																	"T": "prop"
+																},
+																"labelTextStrokeWidth": {
+																	"H": "0",
+																	"T": "prop"
+																},
+																"labelTextShadowBlur": {
+																	"H": "0",
+																	"T": "prop"
+																}
+															},
+															"E": {
+																"labelFormatter": {
+																	"H": "quick.return( value + '%');",
+																	"PE": true,
+																	"P": "value:any,context:{ active: boolean; dataIndex: number; chart : any; dataset: any; datasetIndex:number; }",
+																	"HL": "TS"
+																}
+															},
+															"C": {},
+															"_Editor": {
+																"eID": "EdtrComp_80"
+															},
+															"O": {
+																"cType": "slot"
+															}
+														}
+													],
+													"cType": "slot"
+												}
+											},
+											"E": {},
+											"P": {
+												"ID": {
+													"H": "EdtrComp_93",
+													"T": "prop"
+												}
+											},
+											"_Editor": {
+												"eID": "EdtrComp_93"
+											},
+											"O": {
+												"cType": "slot"
+											}
+										}
+									],
+									"cType": "slot"
+								}
+							},
+							"_Editor": {
+								"eID": "EdtrComp_86"
+							},
+							"O": {
+								"cType": "slot"
+							}
+						},
+						{
+							"T": "VRow",
+							"P": {
+								"ID": {
+									"H": "EdtrComp_47",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {
+								"default": {
+									"c": [
+										{
+											"T": "VCol",
+											"C": {
+												"default": {
+													"c": [
+														{
+															"T": "Bar",
+															"P": {
+																"ID": {
+																	"H": "EdtrComp_49",
+																	"T": "prop"
+																},
+																"backgroundColor": {
+																	"H": "['rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(153, 102, 255, 0.2)', 'rgba(255, 159, 64, 0.2)']",
+																	"T": "prop"
+																},
+																"borderColor": {
+																	"H": "['rgba(255, 99, 132, 1)','rgba(54, 162, 235, 1)','rgba(255, 206, 86, 1)','rgba(75, 192, 192, 1)','rgba(153, 102, 255, 1)','rgba(255, 159, 64, 1)']",
+																	"T": "prop"
+																},
+																"borderWidth": {
+																	"H": "1",
+																	"T": "prop"
+																},
+																"data": {
+																	"H": "[12, 19, 3, 5, 2, 3]",
+																	"T": "prop"
+																},
+																"label": {
+																	"H": "'# of Votes'",
+																	"T": "prop"
+																},
+																"labels": {
+																	"H": "['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange']",
+																	"T": "prop"
+																},
+																"width": {
+																	"H": "'32vw'",
+																	"T": "prop"
+																},
+																"height": {
+																	"H": "'48vh'",
+																	"T": "prop"
+																},
+																"xDrawOnChartArea": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"yDrawOnChartArea": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"xDisplay": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"yDisplay": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"labelAlign": {
+																	"H": "'center'",
+																	"T": "prop"
+																},
+																"labelAnchor": {
+																	"H": "'center'",
+																	"T": "prop"
+																},
+																"labelBorderRadius": {
+																	"H": "0",
+																	"T": "prop"
+																},
+																"labelBorderWidth": {
+																	"H": "0",
+																	"T": "prop"
+																},
+																"labelClamp": {
+																	"H": "false",
+																	"T": "prop"
+																},
+																"labelClip": {
+																	"H": "false",
+																	"T": "prop"
+																},
+																"labelDisplay": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"labelFontWeight": {
+																	"H": "'normal'",
+																	"T": "prop"
+																},
+																"labelFontLineHeight": {
+																	"H": "'1.2'",
+																	"T": "prop"
+																},
+																"labelOffset": {
+																	"H": "'4'",
+																	"T": "prop"
+																},
+																"labelOpacity": {
+																	"H": "1",
+																	"T": "prop"
+																},
+																"labelPaddingTop": {
+																	"H": "4",
+																	"T": "prop"
+																},
+																"labelPaddingRight": {
+																	"H": "4",
+																	"T": "prop"
+																},
+																"labelPaddingBottom": {
+																	"H": "4",
+																	"T": "prop"
+																},
+																"labelPaddingLeft": {
+																	"H": "4",
+																	"T": "prop"
+																},
+																"labelRotation": {
+																	"H": "0",
+																	"T": "prop"
+																},
+																"labelTextAlign": {
+																	"H": "'start'",
+																	"T": "prop"
+																},
+																"labelTextStrokeWidth": {
+																	"H": "0",
+																	"T": "prop"
+																},
+																"labelTextShadowBlur": {
+																	"H": "0",
+																	"T": "prop"
+																}
+															},
+															"E": {
+																"labelFormatter": {
+																	"H": "//context : contextual information see-> https://master--chartjs-plugin-datalabels.netlify.app/guide/options.html#option-context\r\n//value : the current data value\r\nquick.return(value + '%');",
+																	"PE": true,
+																	"P": "value:any,context:{ active: boolean; dataIndex: number; chart : any; dataset: any; datasetIndex:number; }",
+																	"HL": "TS"
+																}
+															},
+															"C": {},
+															"_Editor": {
+																"eID": "EdtrComp_49"
+															},
+															"O": {
+																"cType": "slot"
+															}
+														}
+													],
+													"cType": "slot"
+												}
+											},
+											"E": {},
+											"P": {
+												"ID": {
+													"H": "EdtrComp_48",
+													"T": "prop"
+												}
+											},
+											"_Editor": {
+												"eID": "EdtrComp_48"
+											},
+											"O": {
+												"cType": "slot"
+											}
+										}
+									],
+									"cType": "slot"
+								}
+							},
+							"_Editor": {
+								"eID": "EdtrComp_47"
+							},
+							"O": {
+								"cType": "slot"
+							}
+						},
+						{
+							"T": "VRow",
+							"P": {
+								"ID": {
+									"H": "EdtrComp_120",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {
+								"default": {
+									"c": [
+										{
+											"T": "VCol",
+											"C": {
+												"default": {
+													"c": [
+														{
+															"T": "Bar",
+															"P": {
+																"ID": {
+																	"H": "EdtrComp_131",
+																	"T": "prop"
+																},
+																"backgroundColor": {
+																	"H": "['rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(153, 102, 255, 0.2)', 'rgba(255, 159, 64, 0.2)']",
+																	"T": "prop"
+																},
+																"borderColor": {
+																	"H": "['rgba(255, 99, 132, 1)','rgba(54, 162, 235, 1)','rgba(255, 206, 86, 1)','rgba(75, 192, 192, 1)','rgba(153, 102, 255, 1)','rgba(255, 159, 64, 1)']",
+																	"T": "prop"
+																},
+																"borderWidth": {
+																	"H": "1",
+																	"T": "prop"
+																},
+																"data": {
+																	"H": "[12, 19, 3, 5, 2, 3]",
+																	"T": "prop"
+																},
+																"label": {
+																	"H": "'# of Votes'",
+																	"T": "prop"
+																},
+																"labels": {
+																	"H": "['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange']",
+																	"T": "prop"
+																},
+																"width": {
+																	"H": "'32vw'",
+																	"T": "prop"
+																},
+																"height": {
+																	"H": "'48vh'",
+																	"T": "prop"
+																},
+																"xDrawOnChartArea": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"yDrawOnChartArea": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"xDisplay": {
+																	"H": "false",
+																	"T": "prop"
+																},
+																"yDisplay": {
+																	"H": "false",
+																	"T": "prop"
+																},
+																"labelAlign": {
+																	"H": "'center'",
+																	"T": "prop"
+																},
+																"labelAnchor": {
+																	"H": "'center'",
+																	"T": "prop"
+																},
+																"labelBorderRadius": {
+																	"H": "0",
+																	"T": "prop"
+																},
+																"labelBorderWidth": {
+																	"H": "0",
+																	"T": "prop"
+																},
+																"labelClamp": {
+																	"H": "false",
+																	"T": "prop"
+																},
+																"labelClip": {
+																	"H": "false",
+																	"T": "prop"
+																},
+																"labelDisplay": {
+																	"H": "false",
+																	"T": "prop"
+																},
+																"labelFontWeight": {
+																	"H": "'normal'",
+																	"T": "prop"
+																},
+																"labelFontLineHeight": {
+																	"H": "'1.2'",
+																	"T": "prop"
+																},
+																"labelOffset": {
+																	"H": "'4'",
+																	"T": "prop"
+																},
+																"labelOpacity": {
+																	"H": "1",
+																	"T": "prop"
+																},
+																"labelPaddingTop": {
+																	"H": "4",
+																	"T": "prop"
+																},
+																"labelPaddingRight": {
+																	"H": "4",
+																	"T": "prop"
+																},
+																"labelPaddingBottom": {
+																	"H": "4",
+																	"T": "prop"
+																},
+																"labelPaddingLeft": {
+																	"H": "4",
+																	"T": "prop"
+																},
+																"labelRotation": {
+																	"H": "0",
+																	"T": "prop"
+																},
+																"labelTextAlign": {
+																	"H": "'start'",
+																	"T": "prop"
+																},
+																"labelTextStrokeWidth": {
+																	"H": "0",
+																	"T": "prop"
+																},
+																"labelTextShadowBlur": {
+																	"H": "0",
+																	"T": "prop"
+																}
+															},
+															"E": {},
+															"C": {},
+															"_Editor": {
+																"eID": "EdtrComp_131"
+															},
+															"O": {
+																"cType": "slot"
+															}
+														}
+													],
+													"cType": "slot"
+												}
+											},
+											"E": {},
+											"P": {
+												"ID": {
+													"H": "EdtrComp_129",
+													"T": "prop"
+												}
+											},
+											"_Editor": {
+												"eID": "EdtrComp_129"
+											},
+											"O": {
+												"cType": "slot"
+											}
+										}
+									],
+									"cType": "slot"
+								}
+							},
+							"_Editor": {
+								"eID": "EdtrComp_120"
+							},
+							"O": {
+								"cType": "slot"
+							}
+						}
+					],
+					"cType": "slot"
+				}
+			},
+			"_Editor": {
+				"eID": "EdtrComp_1"
+			},
+			"O": {
+				"cType": "slot"
+			}
+		}
+	],
+	"lrids": {},
+	"description": {}
+};
+export default pjson