{
  "apiVersion": 3,
  "name": "b-blocks/icon-box",
  "title": "Icon Box",
  "description": "Display awesome icon in a box.",
  "category": "bBlocks",
  "keywords": [
    "icon",
    "box",
    "library",
    "icon library"
  ],
  "textdomain": "b-blocks",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "wrapper": {
      "type": "object",
      "default": {
        "width": "",
        "height": "",
        "alignment": {
          "desktop": "flex-start",
          "tablet": "",
          "mobile": ""
        },
        "wrapperLink": {
          "url": "",
          "linkText": "",
          "openInNewTab": false,
          "nofollow": false
        }
      }
    },
    "icon": {
      "type": "object",
      "default": {
        "svg": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' id='info-circle-fill'><path d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2'/></svg>",
        "color": "#fff",
        "size": "30px",
        "shadow": {
          "type": "text"
        },
        "hover": {
          "color": "",
          "shadow": {}
        }
      }
    },
    "animation": {
      "type": "object",
      "default": {
        "type": "none",
        "duration": 1000,
        "delay": 0,
        "iteration": "infinite",
        "iterationCount": 1,
        "hover": {
          "type": "none",
          "duration": 1000,
          "delay": 0,
          "iteration": "initial",
          "iterationCount": 1
        }
      }
    },
    "advanced": {
      "type": "object",
      "default": {
        "dimension": {
          "padding": {
            "desktop": {
              "top": "15px",
              "right": "15px",
              "bottom": "15px",
              "left": "15px"
            }
          }
        },
        "background": {
          "normal": {
            "type": "color",
            "color": "#111"
          }
        },
        "borderShadow": {
          "normal": {
            "radius": "50%"
          }
        }
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {
      "preview": true
    }
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}