{
	"class":"offcanvas-settings",
	"title":"offcanvas-settings",
	"rows":[
		{
			"cols":[
				{
					"class":"col-12",
					"controls":{
						"height":{
							"type":"slider",
							"label":"height",
							"default":300,
							"max":500,
							"min":50,
							"suffix":"px"
						}
					}
				},
				{
					"class":"col-12 separator-after",
					"controls":{
						"padding":{
							"type":"spacing-settings",
							"label":"padding"
						}
					}
				},
				{
					"class":"col-12",
					"controls":{
						"show-toggle":{
							"type":"checkbox",
							"hint":"show-offcanvas-toggle-hint",
							"label":"show-offcanvas-toggle",
							"value":1,
							"default":1
						}
					}
				},
				{
					"class":"col-12",
					"controls":{
						"anchor-position":{
							"type":"select",
							"label":"toggle-position",
							"default":"center",
							"options":[
								{
									"label":"left",
									"value":"left"
								},
								{
									"label":"center",
									"value":"center"
								},
								{
									"label":"right",
									"value":"right"
								}
							]
						}
					},
					"requires": {
						"show-toggle":1
					}
				},
				{
					"class":"col-12",
					"controls":{
						"effect":{
							"type":"select",
							"label":"effect",
							"options":[
								{
									"value":"effect-top-push",
									"label":"push"
								},
								{
									"value":"effect-top-slide",
									"label":"slide"
								}
							]
						}
					},
					"requires": {
						"show-toggle":1
					}
				},
				{
					"class":"col-12 separator-before display-in-layout",
					"controls":{
						"visible_in":{
							"type":"checkbox",
							"check-none":false,
							"label":"Display in layouts",
							"options":[
								{
									"value":"lg",
									"label":"Desktop"
								},
								{
									"value":"md",
									"label":"Laptop"
								},
								{
									"value":"sm",
									"label":"Tablet"
								},
								{
									"value":"xs",
									"label":"Smartphone"
								}
							],
							"default":[
								"lg",
								"md",
								"sm",
								"xs"
							]
						}
					}
				},
				{
					"class":"col-12 separator-before",
					"controls":{
						"class-prefix":{
							"type":"text",
							"label":"custom-classes"
						}
					}
				}
			]
		}
	],
	"hidden-in-panel":true
}