{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "gutenify/popup",
  "title": "Popup",
  "description": "Display a button that opens a popup with custom content.",
  "category": "gutenify",
  "version": "1",
  "attributes": {
    "blockClientId": {
      "type": "string",
      "default": ""
    },
    "closeOnBgClick": {
      "type": "boolean",
      "default": true
    },
    "showCloseBtn": {
      "type": "boolean",
      "default": true
    },
    "popupAnimation": {
      "type": "string",
      "default": "mfp-fade"
    },
    "buttonText": {
      "type": "string",
      "default": "Open Popup"
    },
    "buttonBackgroundColor": {
      "type": "string"
    },
    "buttonTextColor": {
      "type": "string"
    },
    "closeButtonColor": {
      "type": "string"
    },
    "customWidth": {
      "type": "number",
      "default": 800
    },
    "contentBackgroundColor": {
      "type": "string"
    },
    "contentTextColor": {
      "type": "string"
    },
    "buttonHoverBackgroundColor": {
      "type": "string"
    },
    "buttonHoverTextColor": {
      "type": "string"
    },
    "buttonBorderColor": {
      "type": "string"
    },
    "buttonHoverBorderColor": {
      "type": "string"
    },
    "iconName": {
      "type": "string",
      "default": ""
    },
    "iconPosition": {
      "type": "string",
      "default": "left"
    },
    "iconSize": {
      "type": "number",
      "default": 20
    },
    "buttonGradient": {
      "type": "string"
    },
    "buttonHoverGradient": {
      "type": "string"
    },
    "buttonBorderWidth": {
      "type": "number",
      "default": 0
    },
    "buttonBorderRadius": {
      "type": "number",
      "default": 0
    },
    "buttonBorderStyle": {
      "type": "string",
      "default": "solid"
    },
    "enablePulse": {
      "type": "boolean",
      "default": false
    },
    "pulseColor": {
      "type": "string"
    },
    "pulseDuration": {
      "type": "number",
      "default": 2
    },
    "pulseSize": {
      "type": "number",
      "default": 10
    },
    "buttonPadding": {
      "type": "object",
      "default": {
        "top": "10px",
        "right": "20px",
        "bottom": "10px",
        "left": "20px"
      }
    }
  },
  "supports": {
    "html": false,
    "anchor": true,
    "spacing": {
      "padding": true,
      "margin": false
    },
    "color": {
      "background": true,
      "text": true,
      "gradients": true
    },
    "__experimentalBorder": {
      "radius": true,
      "color": true,
      "width": true,
      "style": true
    },
    "align": [
      "wide",
      "full"
    ]
  },
  "editorScript": [
    "file:./index.js"
  ],
  "style": [
    "file:./style-index.css"
  ],
  "viewScript": [
    "file:./view.js"
  ],
  "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='#2196f3'><path d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-7-2h2v-4h4v-2h-4V7h-2v4H7v2h5z'/></svg>"
}