{
	"$schema": "https://schemas.wp.org/trunk/block.json",
	"apiVersion": 3,
	"name": "rooster/media",
	"version": "2.0.0",
	"title": "Picture",
	"category": "theme",
	"icon": "format-image",
	"description": "A picture: a product's picture in its square dark frame (or the family's illustration), a site on a computer and a phone, a diagram in a hairline frame with its caption, layers drawn on a dark panel, or a strip of figures with its previous and next buttons.",
	"keywords": [
		"picture",
		"image",
		"screens",
		"figure",
		"diagram",
		"gallery",
		"screenshots"
	],
	"textdomain": "ai-eshop-optimizer",
	"attributes": {
		"variant": {
			"type": "string",
			"enum": [
				"frame",
				"screens",
				"figure",
				"stack",
				"track"
			],
			"default": "frame"
		},
		"tone": {
			"type": "string",
			"default": ""
		},
		"desktopId": {
			"type": "integer",
			"default": 0
		},
		"mobileId": {
			"type": "integer",
			"default": 0
		},
		"desktopAlt": {
			"type": "string",
			"default": ""
		},
		"sizes": {
			"type": "string",
			"default": ""
		},
		"priority": {
			"type": "string",
			"enum": [
				"auto",
				"high",
				"low"
			],
			"default": "auto"
		},
		"motif": {
			"type": "string",
			"default": ""
		},
		"mobileAlt": {
			"type": "string",
			"default": ""
		},
		"caption": {
			"type": "string",
			"default": ""
		},
		"width": {
			"type": "integer",
			"default": 0
		},
		"height": {
			"type": "integer",
			"default": 0
		},
		"eyebrow": {
			"type": "string",
			"default": ""
		},
		"heading": {
			"type": "string",
			"default": ""
		},
		"text": {
			"type": "string",
			"default": ""
		},
		"items": {
			"type": "string",
			"default": ""
		},
		"label": {
			"type": "string",
			"default": ""
		},
		"level": {
			"type": "integer",
			"default": 2
		}
	},
	"supports": {
		"html": false,
		"anchor": true,
		"align": [
			"wide"
		],
		"spacing": {
			"margin": [
				"top",
				"bottom"
			]
		},
		"rooster": {
			"defer": {
				"allowed": true,
				"height": "480px"
			}
		}
	},
	"rooster": {
		"variants": [
			"frame",
			"screens",
			"figure",
			"stack",
			"track"
		],
		"ui": {
			"variant": {
				"label": "Variant (the look)"
			},
			"tone": {
				"label": "Tone: A family's accent (zero, one, lms, panel, code, docs, kb, credits, lrs) or neutral, success, warning, danger; empty: the page's"
			},
			"desktopId": {
				"control": "media",
				"label": "frame: The picture; screens: The computer's screenshot; figure: The picture (an SVG drawing or a photograph)"
			},
			"mobileId": {
				"control": "media",
				"label": "frame: The phone's picture (else the same); screens: The phone's screenshot"
			},
			"desktopAlt": {
				"label": "frame: Alternative text (empty: decorative); screens: Its alternative text; figure: Alternative text"
			},
			"sizes": {
				"label": "frame: Sizes (the slot's widths); figure: Sizes (the cell's widths; empty: the page's); track: Sizes (empty: the strip's)"
			},
			"priority": {
				"label": "frame: Priority (high for the page's first picture)"
			},
			"motif": {
				"label": "frame: Illustration without a picture (a pattern's slug: rooster-site/motif-code)"
			},
			"mobileAlt": {
				"label": "screens: Its alternative text"
			},
			"caption": {
				"control": "textarea",
				"label": "figure: Caption"
			},
			"width": {
				"label": "figure: Width (px, the drawing's own)"
			},
			"height": {
				"label": "figure: Height (px, the drawing's own)"
			},
			"eyebrow": {
				"label": "stack: Eyebrow"
			},
			"heading": {
				"label": "stack: Heading"
			},
			"text": {
				"control": "textarea",
				"label": "stack: Lede"
			},
			"items": {
				"control": "textarea",
				"label": "stack: Layers, one per line: Name | What it does | hi (the one that stands out); track: Figures, one per line: the picture's id ({{media-id:…}} in a spec) | Alternative text (empty: the picture's) | Caption (**bold** allowed)"
			},
			"label": {
				"label": "track: The strip's name for a screen reader (empty: Pictures)"
			},
			"level": {
				"label": "stack: Heading level"
			}
		}
	},
	"render": "file:./render.php"
}
