{
	"name": "form/nc/nc-property-test-page/layout.json",
	"layout": {
		"component": "nc-form",
		"attribute": {
			"id": "nc-property-test-page"
		},
		"element": [
			{
				"component": "nc-row",
				"element": [
					{
						"component": "nc-col",
						"element": [
							{
								"component": "nc-header",
								"text": "Property test page",
								"attribute": {
									"size": "medium"
								}
							}
						]
					}
				]
			},
			{
				"component": "nc-row",
				"element": [
					{
						"component": "nc-col",
						"attribute": {
							"width": "20em",
							"class": ["nc-margin-right"]
						},
						"element": [
							{
								"component": "nc-row",
								"attribute": {},
								"element": [
									{
										"component": "nc-label",
										"text": "Component list"
									}
								]
							},
							{
								"component": "nc-row",
								"attribute": {
									"height": "80vh",
									"style": "overflow: auto; border: 1px solid #e8e8e8;"
								},
								"element": [
									{
										"component": "nc-row",
										"attribute": {
											"v-for": "(name, index) in arr.component_list",
											"v-on:click": "setPreviewComponent(name)"
										},
										"element": [
											{
												"component": "nc-span",
												"text": "{{ index + 1 }}. {{ name }}"
											}
										]
									}
								]
							}
						]
					},
					{
						"component": "nc-col",
						"attribute": {
							"width": "auto",
							"class": ["nc-align-top"]
						},
						"element": [
							{
								"component": "nc-row",
								"element": [
									{
										"component": "nc-label",
										"text": "Component '{{ rec.component_list }}' preview"
									}
								]
							},
							{
								"component": "nc-row",
								"attribute": {
									"height": "30vh"
								},
								"element": [
									{
										"component": "component",
										"attribute": {
											":is": "rec.component_list"
										}
									}
								]
							}
						]
					}
				]
			}
		]
	}
}
