{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "dravix/interactive-hotspot-image",
  "version": "1.0.0",
  "title": "Interactive Hotspot Image",
  "category": "dravix-blocks",
  "icon": "location-alt",
  "description": "Display an image with interactive hotspots.",
  "supports": {
    "html": false,
    "align": [
      "wide",
      "full"
    ],
    "spacing": {
      "margin": true,
      "padding": true
    }
  },
  "attributes": {
    "imageId": {
      "type": "number"
    },
    "imageUrl": {
      "type": "string",
      "default": ""
    },
    "imageAlt": {
      "type": "string",
      "default": ""
    },
    "imageHeight": {
      "type": "string",
      "default": "auto"
    },
    "imageObjectFit": {
      "type": "string",
      "default": "cover"
    },
    "hotspots": {
      "type": "array",
      "default": []
    },
    "showConnector": {
      "type": "boolean",
      "default": false
    },
    "overlayColor": {
      "type": "string",
      "default": "transparent"
    },
    "borderRadius": {
      "type": "string",
      "default": "0px"
    },
    "hotspotSize": {
      "type": "number",
      "default": 20
    },
    "hotspotColor": {
      "type": "string",
      "default": "#ffffff"
    },
    "hotspotBgColor": {
      "type": "string",
      "default": "#0073aa"
    }
  },
  "textdomain": "dravix",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js"
}