{
    "$schema": "https://schemas.wp.org/trunk/block.json",
    "apiVersion": 3,
    "name": "qvio/floating-button",
    "version": "1.1.0",
    "title": "Qvio Floating Button",
    "category": "embed",
    "icon": "video-alt3",
    "description": "A floating button that opens a Qvio video in a modal overlay",
    "keywords": ["qvio", "video", "floating", "button", "modal", "fab"],
    "textdomain": "qvio-embed",
    "supports": {
        "html": false,
        "multiple": true
    },
    "attributes": {
        "buttonId": {
            "type": "string",
            "default": ""
        },
        "videoId": {
            "type": "string",
            "default": ""
        },
        "embedType": {
            "type": "string",
            "default": "video",
            "enum": ["video", "qna"]
        },
        "autoplayOnOpen": {
            "type": "boolean",
            "default": true
        },
        "position": {
            "type": "string",
            "default": "bottom-right",
            "enum": ["bottom-right", "bottom-left", "top-right", "top-left", "custom"]
        },
        "customOffsetX": {
            "type": "number",
            "default": 24
        },
        "customOffsetY": {
            "type": "number",
            "default": 24
        },
        "buttonStyle": {
            "type": "string",
            "default": "icon-only",
            "enum": ["icon-only", "icon-text", "bare"]
        },
        "buttonLabel": {
            "type": "string",
            "default": "Watch Video"
        },
        "buttonIcon": {
            "type": "string",
            "default": "video-alt3"
        },
        "customIconImage": {
            "type": "object",
            "default": null
        },
        "buttonSize": {
            "type": "string",
            "default": "medium",
            "enum": ["small", "medium", "large"]
        },
        "customIconSize": {
            "type": "number",
            "default": 48
        },
        "backgroundColor": {
            "type": "string",
            "default": "#0073aa"
        },
        "textColor": {
            "type": "string",
            "default": "#ffffff"
        },
        "hoverBackgroundColor": {
            "type": "string",
            "default": "#005177"
        },
        "zIndex": {
            "type": "number",
            "default": 9999
        },
        "modalType": {
            "type": "string",
            "default": "centered",
            "enum": ["centered", "slide-left", "slide-right"]
        },
        "modalSize": {
            "type": "string",
            "default": "large",
            "enum": ["small", "medium", "large", "custom"]
        },
        "customModalWidth": {
            "type": "number",
            "default": 800
        },
        "customModalHeight": {
            "type": "number",
            "default": 450
        },
        "closeOnBackdropClick": {
            "type": "boolean",
            "default": true
        },
        "closeOnEsc": {
            "type": "boolean",
            "default": true
        },
        "backdropOpacity": {
            "type": "number",
            "default": 0.7
        },
        "showCloseButton": {
            "type": "boolean",
            "default": true
        }
    },
    "editorScript": "file:./build/index.js",
    "editorStyle": "file:./build/index.css",
    "style": "file:./build/style-index.css",
    "viewScript": "file:./build/view.js",
    "viewStyle": "file:./build/view.css",
    "render": "file:./render.php"
}