{  
	"class":"offcanvas-settings",
	"title":"offcanvas-settings",
	"rows":[  
		{  
			"cols":[  
				{  
					"class":"col-12",
					"controls":{  
						"width":{  
							"type":"slider",
							"label":"width",
							"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":"middle",
							"options":[  
								{  
									"label":"top",
									"value":"top"
								},
								{  
									"label":"middle",
									"value":"middle"
								},
								{  
									"label":"bottom",
									"value":"bottom"
								}
							]
						}
					},
					"requires": {
						"show-toggle":1
					}
				},
				{  
					"class":"col-12",
					"controls":{  
						"effect":{  
							"type":"select",
							"label":"effect",
							"options":[  
								{  
									"value":"effect-left-push",
									"label":"push"
								},
								{  
									"value":"effect-left-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
}