{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsmb/smart-modal-block",
  "version": "1.0.0",
  "title": "Smart Modal",
  "category": "widgets",
  "description": "Modal builder block. Create popup/modal easily.",
  "keywords": [
    "modal",
    "popup",
    "block",
    "content",
    "smart"
  ],
  "textdomain": "smart-modal",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "content": {
      "type": "object",
      "default": {
        "btnText": "Open Modal",
        "title": "Modal Title",
        "desc": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempor commodo elit id volutpat. Nulla ultrices, mi at dictum commodo, tortor tortor mattis leo, vel iaculis nulla urna sit amet justo. Sed porttitor nibh at nibh malesuada lobortis. Sed ac condimentum dolor. Vestibulum cursus nulla nisi, non tincidunt sapien hendrerit sed. Ut gravida lacus ac lacinia rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;"
      }
    },
    "button": {
      "type": "object",
      "default": {
        "isFullWidth": true,
        "align": "left",
        "typo": {
          "fontSize": {
            "desktop": 16,
            "tablet": 14,
            "mobile": 14
          },
          "fontWeight": 400,
          "lineHeight": "135%"
        },
        "colors": {
          "color": "#000",
          "bg": "#fff"
        },
        "padding": {
          "top": "14px",
          "right": "14px",
          "bottom": "14px",
          "left": "14px"
        },
        "radius": 7,
        "shadow": [
          {
            "hOffset": "1px",
            "vOffset": "5px",
            "blur": "18px",
            "spreed": "-1px",
            "color": "#0000001a",
            "isInset": false
          }
        ],
        "hShadow": [
          {
            "hOffset": "0px",
            "vOffset": "6px",
            "blur": "14px",
            "spreed": "-1px",
            "color": "#0000002e",
            "isInset": false
          }
        ],
        "borders": {
          "color": "#72aee6",
          "style": "solid",
          "width": "0px"
        }
      }
    },
    "modal": {
      "type": "object",
      "default": {
        "width": {
          "desktop": "50%",
          "tablet": "90%",
          "mobile": "100%"
        },
        "borders": {
          "top": {
            "color": "#2563eb",
            "style": "solid",
            "width": "3px"
          }
        },
        "radius": 7,
        "padding": {
          "top": "20px",
          "right": "20px",
          "bottom": "20px",
          "left": "20px"
        },
        "outSColor": "#1e3a8acc",
        "inSColor": "#eff6ff"
      }
    },
    "closeIcon": {
      "type": "object",
      "default": {
        "color": "#1e3a8a",
        "hColor": "#1d4ed8"
      }
    },
    "title": {
      "type": "object",
      "default": {
        "tag": "h2",
        "typo": {
          "fontSize": {
            "desktop": 28,
            "tablet": 16,
            "mobile": 14
          },
          "fontWeight": 500,
          "lineHeight": "135%"
        },
        "color": "#000"
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": [
    "file:./index.js"
  ],
  "editorStyle": [
    "file:./index.css"
  ],
  "style": [
    "file:./view.css"
  ],
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}