block.json

{
	"apiVersion": 2,
	"name": "gutenberg-bento/carousel",
	"title": "Carousel",
	"category": "media",
	"description": "Display multiple images in a carousel.",
	"keywords": [ "images", "photos" ],
	"textdomain": "default",
	"attributes": {
		"images": {
			"type": "array",
			"default": [],
			"source": "query",
			"selector": ".gutenberg-bento-carousel-item",
			"query": {
				"url": {
					"type": "string",
					"source": "attribute",
					"selector": "img",
					"attribute": "src"
				},
				"fullUrl": {
					"type": "string",
					"source": "attribute",
					"selector": "img",
					"attribute": "data-full-url"
				},
				"link": {
					"type": "string",
					"source": "attribute",
					"selector": "img",
					"attribute": "data-link"
				},
				"alt": {
					"type": "string",
					"source": "attribute",
					"selector": "img",
					"attribute": "alt",
					"default": ""
				},
				"id": {
					"type": "string",
					"source": "attribute",
					"selector": "img",
					"attribute": "data-id"
				},
				"caption": {
					"type": "string",
					"source": "html",
					"selector": ".gutenberg-bento-carousel-item__caption"
				}
			}
		},
		"autoAdvance": {
			"type": "boolean",
			"default": false
		},
		"loop": {
			"type": "boolean",
			"default": false
		},
		"snap": {
			"type": "boolean",
			"default": true
		}
	},
	"supports": {
		"align": true
	},
	"viewScript": "gutenberg-bento-carousel-view",
	"editorScript": "gutenberg-bento-carousel-edit",
	"editorStyle": "gutenberg-bento-carousel-edit",
	"style": "gutenberg-bento-carousel"
}