{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 2,
  "name": "b-blocks/draggable",
  "version": "1.0.1",
  "title": "Draggable Content",
  "category": "widgets",
  "description": "A block for displaying a draggable content.",
  "keywords": [
    "content",
    "card",
    "draggable"
  ],
  "textdomain": "b-blocks",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "container": {
      "type": "object",
      "default": {
        "position": {
          "x": 40,
          "y": 35
        },
        "height": "",
        "width": "",
        "shadow": {},
        "padding": {
          "left": "15px",
          "right": "15px",
          "top": "15px",
          "bottom": "15px"
        },
        "bg": {},
        "border": {},
        "radius": {
          "top": "24px",
          "right": "24px",
          "bottom": "24px",
          "left": "24px"
        }
      }
    },
    "badge": {
      "type": "object",
      "default": {
        "desktop": {
          "height": "",
          "width": "",
          "padding": {
            "left": "15px",
            "right": "15px",
            "top": "15px",
            "bottom": "15px"
          }
        },
        "tablet": {
          "height": "",
          "width": "",
          "padding": {
            "left": "15px",
            "right": "15px",
            "top": "15px",
            "bottom": "15px"
          }
        },
        "mobile": {
          "height": "",
          "width": "",
          "padding": {
            "left": "15px",
            "right": "15px",
            "top": "15px",
            "bottom": "15px"
          }
        },
        "color": "#fff",
        "bg": {},
        "shadow": {},
        "border": {},
        "radius": {},
        "content": "<div class=\"drgable-badge-content\"><div class=\"drgable-badge-text\"><span class=\"drgable-discount\">90% OFF</span></div><div class=\"drgable-black-friday\">BLACK<span class=\"drgable-black-friday-text friday\"> FRIDAY</span></div></div>"
      }
    },
    "body": {
      "type": "object",
      "default": {
        "color": "#fff",
        "desktop": {
          "width": "",
          "height": "",
          "padding": {
            "left": "15px",
            "right": "15px",
            "top": "15px",
            "bottom": "15px"
          }
        },
        "tablet": {
          "width": "",
          "height": "",
          "padding": {
            "left": "15px",
            "right": "15px",
            "top": "15px",
            "bottom": "15px"
          }
        },
        "mobile": {
          "width": "",
          "height": "",
          "padding": {
            "left": "15px",
            "right": "15px",
            "top": "15px",
            "bottom": "15px"
          }
        },
        "bg": {},
        "border": {},
        "radius": {
          "top": "",
          "right": "",
          "bottom": "",
          "left": ""
        },
        "content": "<h1 class=\"drgable-title\">All In One</h1> <div class=\"drgable-features\"> <div class=\"drgable-feature\"> <span class=\"drgable-feature-text\">20+ Premium plugin</span> </div> <div class=\"drgable-feature\"> <span class=\"drgable-feature-text\">Get Lifetime</span> </div> <div class=\"drgable-feature\"><span class=\"drgable-feature-text\">Unlimited Site License</span></div> </div> <div class=\"drgable-price\">Just $ 953</div> <button class=\"drgable-button\"> Buy Full Package </button>"
      }
    },
    "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"
            }
          },
          "margin": {
            "desktop": {
              "bottom": "0px",
              "top": "0px",
              "right": "0px",
              "left": "0px"
            }
          }
        },
        "background": {
          "normal": {
            "type": "color",
            "color": "",
            "gradient": {
              "type": "radial",
              "radialType": "ellipse",
              "colors": [
                {
                  "color": "",
                  "position": "0"
                },
                {
                  "color": "",
                  "position": "80"
                }
              ],
              "centerPositions": {
                "x": 50,
                "y": 50
              },
              "angel": 90
            },
            "img": {
              "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
          }
        },
        "borderShadow": {
          "normal": {
            "radius": {
              "top": "24px",
              "right": "24px",
              "bottom": "24px",
              "left": "24px"
            },
            "shadow": [
              {
                "hOffset": "0px",
                "vOffset": "0px",
                "blur": "0px",
                "spreed": "0px",
                "color": "#7090b0",
                "isInset": false
              }
            ],
            "border": {
              "width": "0px",
              "style": "none"
            }
          }
        },
        "visibility": {
          "overflow": "hidden"
        }
      }
    }
  },
  "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",
    "react",
    "react-dom"
  ]
}