{
  "apiVersion": 3,
  "name": "b-blocks/row",
  "title": "Row",
  "description": "Implement row and column layout.",
  "category": "bBlocks",
  "keywords": [
    "row",
    "columns",
    "multi columns"
  ],
  "textdomain": "b-blocks",
  "attributes": {
    "align": {
      "type": "string",
      "default": "wide"
    },
    "layout": {
      "type": "object",
      "default": {
        "type": "flex",
        "desktop": {
          "direction": "row",
          "justify": "",
          "alignItems": "",
          "columnGap": "",
          "wrap": "wrap",
          "alignContent": "",
          "gridJustify": "",
          "gridAlignItems": "",
          "gridColumns": "",
          "gridRows": ""
        },
        "tablet": {
          "direction": "",
          "justify": "",
          "alignItems": "",
          "columnGap": "",
          "wrap": "",
          "alignContent": "",
          "gridJustify": "",
          "gridAlignItems": "",
          "gridColumns": "",
          "gridRows": ""
        },
        "mobile": {
          "direction": "",
          "justify": "",
          "alignItems": "",
          "columnGap": "",
          "wrap": "",
          "alignContent": "",
          "gridJustify": "",
          "gridAlignItems": "",
          "gridColumns": "",
          "gridRows": ""
        }
      }
    },
    "columns": {
      "type": "number"
    },
    "columnGap": {
      "type": "string",
      "default": "0px"
    },
    "heightType": {
      "type": "string",
      "default": "auto"
    },
    "height": {
      "type": "string",
      "default": "0px"
    },
    "columnPositionY": {
      "type": "string",
      "default": "center"
    },
    "columnPositionX": {
      "type": "string",
      "default": "center"
    },
    "overflow": {
      "type": "string",
      "default": "hidden"
    },
    "background": {
      "type": "object",
      "default": {
        "color": ""
      }
    },
    "padding": {
      "type": "object",
      "default": {
        "vertical": "0px",
        "horizontal": "0px"
      }
    },
    "border": {
      "type": "object",
      "default": {}
    },
    "shadow": {
      "type": "object",
      "default": {}
    },
    "advanced": {
      "type": "object",
      "default": {
        "dimension": {
          "padding": {
            "desktop": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            }
          }
        },
        "borderShadow": {
          "normal": {
            "border": {
              "width": "",
              "style": "",
              "color": ""
            },
            "radius": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "shadow": []
          }
        },
        "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
        },
        "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": {
              "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
          }
        }
      }
    }
  },
  "providesContext": {
    "b-blocks/rowColumns": "columns",
    "b-blocks/rowColumnGap": "columnGap"
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false,
    "interactivity": {
      "clientNavigation": true
    }
  },
  "example": {
    "attributes": {
      "preview": true
    }
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}