{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 2,
  "name": "evb/button",
  "version": "0.22",
  "title": "Smart Button",
  "description": "Open a link, download a file, or open a modal/popup/lightbox.",
  "keywords": [
    "call to action",
    "CTA button",
    "button click",
    "link button",
    "download link",
    "modal content",
    "modal animation",
    "popup content",
    "lightbox content",
    "tooltip"
  ],
  "category": "evb-blocks",
  "textdomain": "envision-page-builder",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "contentType": {
      "type": "string",
      "default": "default"
    },
    "text": {
      "type": "string",
      "default": ""
    },
    "action": {
      "type": "string",
      "default": "link"
    },
    "attrs": {
      "type": "object",
      "default": {
        "href": "",
        "target": "_self",
        "rel": "",
        "referrerpolicy": "",
        "download": ""
      }
    },
    "modal": {
      "type": "object",
      "default": {
        "type": "image",
        "content": "",
        "caption": "",
        "width": "620px",
        "height": "",
        "animation": "zoom",
        "duration": 300
      }
    },
    "elements": {
      "type": "object",
      "default": {
        "icon": {
          "isUpload": "",
          "upload": {
            "url": ""
          },
          "svg": "",
          "position": "right",
          "size": ""
        },
        "tooltip": {
          "text": "",
          "position": "top"
        }
      }
    },
    "layout": {
      "type": "object",
      "default": {
        "widthType": "auto",
        "width": {
          "desktop": "",
          "tablet": "",
          "mobile": ""
        },
        "alignment": "center",
        "gap": "12px"
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "type": "fill",
        "typography": {
          "desktop": {
            "font-size": "16px"
          }
        },
        "textAlign": "left",
        "color": {
          "normal": "#fff",
          "hover": "#fff"
        }
      }
    },
    "advanced": {
      "type": "object",
      "default": {
        "dimension": {
          "padding": {
            "desktop": "12px 24px 12px 24px"
          }
        },
        "background": {
          "normal": "background-color: #1d0bbd;",
          "hover": ""
        },
        "animation": {
          "type": ""
        },
        "transitions": "color 0.5s ease 0s, background 0.5s ease 0s, border 0.5s ease 0s, border-radius 0.5s ease 0s, box-shadow 0.5s ease 0s, text-shadow 0.5s ease 0s, transform 0.5s ease 0s, opacity 0.5s ease 0s"
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {
      "text": "Click Here",
      "attrs": {
        "href": "https://pluginenvision.com/"
      },
      "elements": {
        "icon": {
          "svg": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/></svg>"
        },
        "tooltip": {
          "text": ""
        }
      }
    },
    "viewportWidth": 250
  },
  "editorScript": "file:../index.js",
  "style": "file:./script.css",
  "render": "file:./render.php",
  "script": "file:./script.js"
}