{
	"name": "form/nc/nc-help/nc-help.json",
	"layout": {
		"component": "nc-form",
		"attribute": {
			"id": "nc_help"
		},
		"element": [
			{
				"component": "nc-row",
				"v-if": "!rec.compact_mode",
				"element": [
					{
						"component": "nc-col",
						"attribute": {
							"width": "12/12"
						},
						"element": [
							{
								"component": "nc-row",
								"attribute": {
									"class": ["nc-center-h"]
								},
								"element": [
									{
										"component": "nc-header",
										"text": "help_title",
										"attribute": {
											"model": "hdr.nc_help.help_title",
											"size": "large"
										}
									}
								]
							}
						]
					}
				]
			},
			{
				"component": "nc-row",
				"element": [
					{
						"component": "nc-col",
						"attribute": {
							"width": "12/12"
						},
						"element": [
							{
								"component": "nc-row",
								"v-if": "!rec.edit_mode",
								"element": [
									{
										"component": "nc-help-player",
										"attribute": {
											":help-topic": "rec.help_topic",
											":current-step": "rec.current_step",
											":show-progress": "rec.show_progress",
											":allow-skip": "rec.allow_skip",
											":compact-mode": "rec.compact_mode",
											"v-on:step-change": "onStepChange",
											"v-on:close": "onCloseHelp"
										}
									}
								]
							},
							{
								"component": "nc-row",
								"v-if": "rec.edit_mode",
								"element": [
									{
										"component": "nc-help-editor",
										"attribute": {
											":help-topic": "rec.help_topic",
											":current-step": "rec.current_step",
											":language": "rec.language",
											"v-on:save": "onSaveHelp",
											"v-on:cancel": "onCancelEdit",
											"v-on:add-step": "onAddStep",
											"v-on:delete-step": "onDeleteStep"
										}
									}
								]
							}
						]
					}
				]
			},
			{
				"component": "nc-row",
				"v-if": "!rec.compact_mode",
				"element": [
					{
						"component": "nc-col",
						"attribute": {
							"width": "12/12"
						},
						"element": [
							{
								"component": "nc-row",
								"attribute": {
									"class": ["nc-center-h", "nc-margin-top"]
								},
								"element": [
									{
										"component": "nc-button",
										"v-if": "!rec.edit_mode",
										"text": "help_edit",
										"attribute": {
											"model": "hdr.nc_help.help_edit",
											"v-on:click": "toggleEditMode",
											"icon": "edit",
											"size": "small"
										}
									},
									{
										"component": "nc-button",
										"v-if": "rec.edit_mode",
										"text": "help_save",
										"attribute": {
											"model": "hdr.nc_help.help_save",
											"v-on:click": "saveHelp",
											"icon": "save",
											"size": "small",
											"type": "primary"
										}
									},
									{
										"component": "nc-button",
										"v-if": "rec.edit_mode",
										"text": "help_cancel",
										"attribute": {
											"model": "hdr.nc_help.help_cancel",
											"v-on:click": "cancelEdit",
											"icon": "times",
											"size": "small"
										}
									},
									{
										"component": "nc-button",
										"text": "help_close",
										"attribute": {
											"model": "hdr.nc_help.help_close",
											"v-on:click": "closeHelp",
											"icon": "times",
											"size": "small"
										}
									}
								]
							}
						]
					}
				]
			},
			{
				"component": "nc-row",
				"v-if": "rec.compact_mode",
				"element": [
					{
						"component": "nc-col",
						"attribute": {
							"width": "12/12"
						},
						"element": [
							{
								"component": "nc-row",
								"attribute": {
									"class": ["nc-center-h"]
								},
								"element": [
									{
										"component": "nc-button",
										"text": "help_title",
										"attribute": {
											"model": "hdr.nc_help.help_title",
											"v-on:click": "toggleHelp",
											"icon": "question-circle",
											"size": "small",
											"type": "rec.show_help ? 'primary' : 'default'"
										}
									},
									{
										"component": "nc-button",
										"v-if": "rec.show_help",
										"text": "help_edit",
										"attribute": {
											"model": "hdr.nc_help.help_edit",
											"v-on:click": "toggleEditMode",
											"icon": "edit",
											"size": "small"
										}
									},
									{
										"component": "nc-button",
										"v-if": "rec.show_help",
										"text": "help_close",
										"attribute": {
											"model": "hdr.nc_help.help_close",
											"v-on:click": "closeHelp",
											"icon": "times",
											"size": "small"
										}
									}
								]
							}
						]
					}
				]
			}
		]
	}
}
