{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 3,
"name": "b-blocks/svg-draw",
"version": "1.0.0",
"title": "SVG Draw",
"category": "bBlocks",
"description": "Add animated SVG drawings to your content with customizable paths, timing, and effects.",
"keywords": [
"svg",
"draw",
"icon",
"draw svg",
"animated icon"
],
"textdomain": "b-blocks",
"attributes": {
"align": {
"type": "string",
"default": ""
},
"icon": {
"type": "object",
"default": {
"upload": "",
"library": "",
"custom": "",
"type": {
"svgType": "icon",
"iconType": "library"
}
}
},
"options": {
"type": "object",
"default": {
"duration": 3000,
"repeat": true,
"direction": "normal",
"delay": 250,
"easing": "linear"
}
},
"style": {
"type": "object",
"default": {
"height": "200px",
"width": "200px",
"align": "center",
"strokeWidth": 2,
"colors": {
"normal": {
"strokeColor": "#146EF5",
"fill": "#0000",
"shadow": {
"color": "#000"
}
},
"hover": {
"strokeColor": "",
"fill": "",
"shadow": {
"color": "#000"
},
"transition": 200
}
}
}
},
"advanced": {
"type": "object",
"default": {
"dimension": {
"padding": {
"desktop": {
"top": "0px",
"right": "0px",
"bottom": "0px",
"left": "0px"
},
"tablet": {
"top": "0px",
"right": "0px",
"bottom": "0px",
"left": "0px"
},
"mobile": {
"top": "0px",
"right": "0px",
"bottom": "0px",
"left": "0px"
}
}
},
"borderShadow": {
"normal": {
"radius": {
"top": "0px",
"right": "0px",
"bottom": "0px",
"left": "0px"
},
"shadow": [
{
"hOffset": "0px",
"vOffset": "0px",
"blur": "0px",
"spreed": "0px",
"color": "#7090b0",
"isInset": false
}
]
}
},
"background": {
"normal": {
"type": "color",
"color": "",
"gradient": {
"type": "radial",
"radialType": "ellipse",
"colors": [
{
"color": "rgba(58, 66, 222, 1)",
"position": "0"
},
{
"color": "rgba(176, 195, 235, 1)",
"position": "80"
}
],
"centerPositions": {
"x": 50,
"y": 50
},
"angel": 90
},
"img": {
"url": "",
"desktop": {
"position": "center center",
"xPosition": 0,
"yPosition": 0,
"attachment": "",
"repeat": "no-repeat",
"size": "",
"customSize": "0px"
},
"tablet": {
"position": "center center",
"xPosition": 0,
"yPosition": 0,
"attachment": "",
"repeat": "no-repeat",
"size": "",
"customSize": "0px"
},
"mobile": {
"position": "center center",
"xPosition": 0,
"yPosition": 0,
"attachment": "",
"repeat": "no-repeat",
"size": "",
"customSize": "0px"
}
},
"video": {
"url": "",
"loop": false
},
"transition": 0.3
}
},
"transform": {
"normal": {
"rotate": {
"desktop": {
"z": "",
"y": "",
"x": ""
},
"tablet": {
"z": "",
"y": "",
"x": ""
},
"mobile": {
"z": "",
"y": "",
"x": ""
},
"threeDRotate": false
},
"offset": {
"desktop": {
"x": "",
"y": ""
},
"tablet": {
"x": "",
"y": ""
},
"mobile": {
"x": "",
"y": ""
}
},
"scale": {
"isProportion": true,
"desktop": {
"x": "",
"y": "",
"scale": ""
},
"tablet": {
"x": "",
"y": "",
"scale": ""
},
"mobile": {
"x": "",
"y": "",
"scale": ""
}
},
"skew": {
"desktop": {
"x": "",
"y": ""
},
"tablet": {
"x": "",
"y": ""
},
"mobile": {
"x": "",
"y": ""
}
},
"flipX": false,
"flipY": false
},
"hover": {
"rotate": {
"desktop": {
"z": "",
"y": "",
"x": ""
},
"tablet": {
"z": "",
"y": "",
"x": ""
},
"mobile": {
"z": "",
"y": "",
"x": ""
},
"threeDRotate": false
},
"offset": {
"desktop": {
"x": "",
"y": ""
},
"tablet": {
"x": "",
"y": ""
},
"mobile": {
"x": "",
"y": ""
}
},
"scale": {
"isProportion": true,
"desktop": {
"x": "",
"y": "",
"scale": ""
},
"tablet": {
"x": "",
"y": "",
"scale": ""
},
"mobile": {
"x": "",
"y": "",
"scale": ""
}
},
"skew": {
"desktop": {
"x": "",
"y": ""
},
"tablet": {
"x": "",
"y": ""
},
"mobile": {
"x": "",
"y": ""
}
},
"flipX": false,
"flipY": false
},
"transition": 200
}
}
}
},
"supports": {
"align": [
"wide",
"full"
],
"html": false
},
"example": {
"attributes": {}
},
"editorScript": [
"file:../index.js",
"aos",
"wp-util",
"wp-api"
],
"style": "file:./view.css",
"render": "file:./render.php",
"viewScript": "file:./view.js"
}