{
    "$schema": "https://schemas.wp.org/trunk/block.json",
    "apiVersion": 3,
    "name": "bw/image-hotspot",
    "version": "1.0.0",
    "title": "BW Image Hotspot",
    "category": "media",
    "icon": "location-alt",
    "description": "Add interactive hotspots to images with customizable tooltips",
    "supports": {
        "html": false,
        "align": ["wide", "full"]
    },
    "textdomain": "bw-image-hotspot",
    "editorScript": "file:./index.js",
    "editorStyle": "file:./editor.css",
    "style": "file:./style.css",
    "viewScript": "file:./frontend.js",
    "attributes": {
        "imageId": {
            "type": "number",
            "default": 0
        },
        "imageUrl": {
            "type": "string",
            "default": ""
        },
        "hotspots": {
            "type": "array",
            "default": [],
            "items": {
                "type": "object",
                "properties": {
                    "x": {
                        "type": "number"
                    },
                    "y": {
                        "type": "number"
                    },
                    "text": {
                        "type": "string"
                    },
                    "tooltipImage": {
                        "type": "string"
                    },
                    "tooltipImageId": {
                        "type": "number"
                    }
                }
            }
        }
    }
}