{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bloqra/video-popup",
  "version": "1.0.0",
  "title": "Video Popup",
  "category": "bloqra",
  "icon": "video-alt3",
  "description": "A thumbnail with a play button that opens the video in a lightbox — YouTube, Vimeo or self-hosted. The video only loads when played, keeping pages fast.",
  "keywords": [
    "video",
    "popup",
    "lightbox",
    "youtube",
    "vimeo",
    "play"
  ],
  "example": {
    "attributes": {
      "videoUrl": "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
      "label": "Watch the tour"
    }
  },
  "attributes": {
    "videoUrl": {
      "type": "string",
      "default": ""
    },
    "imageId": {
      "type": "number",
      "default": 0
    },
    "imageUrl": {
      "type": "string",
      "default": ""
    },
    "imageAlt": {
      "type": "string",
      "default": ""
    },
    "label": {
      "type": "string",
      "default": ""
    },
    "aspectRatio": {
      "type": "string",
      "default": "16/9"
    },
    "playStyle": {
      "type": "string",
      "default": "solid",
      "enum": [
        "solid",
        "outline"
      ]
    },
    "playSize": {
      "type": "string",
      "default": ""
    },
    "playColor": {
      "type": "string",
      "default": ""
    },
    "playBackgroundColor": {
      "type": "string",
      "default": ""
    }
  },
  "supports": {
    "html": false,
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "__experimentalBorder": {
      "radius": true,
      "color": true,
      "style": true,
      "width": true,
      "__experimentalDefaultControls": {
        "radius": true
      }
    },
    "spacing": {
      "margin": true
    },
    "shadow": true
  },
  "textdomain": "bloqra",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js"
}