{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 2,
  "name": "evb/container",
  "version": "0.22",
  "title": "Container/Group",
  "description": "Create responsive and customizable container.",
  "keywords": [
    "page builder",
    "wrapper",
    "container",
    "grid",
    "layout",
    "section",
    "content box"
  ],
  "category": "evb-blocks",
  "textdomain": "envision-page-builder",
  "attributes": {
    "align": {
      "type": "string",
      "default": "wide"
    },
    "alignment": {
      "type": "object",
      "default": {
        "horizontal": {
          "desktop": "center",
          "tablet": "",
          "mobile": ""
        },
        "vertical": {
          "desktop": "center",
          "tablet": "",
          "mobile": ""
        }
      }
    },
    "content": {
      "type": "object",
      "default": {
        "isFullWidth": true,
        "width": {
          "desktop": "",
          "tablet": "",
          "mobile": ""
        },
        "height": {
          "desktop": "",
          "tablet": "",
          "mobile": ""
        },
        "alignment": {
          "horizontal": {
            "desktop": "center",
            "tablet": "",
            "mobile": ""
          },
          "vertical": {
            "desktop": "center",
            "tablet": "",
            "mobile": ""
          }
        }
      }
    },
    "items": {
      "type": "object",
      "default": {
        "direction": {
          "desktop": "column",
          "tablet": "",
          "mobile": ""
        },
        "justify": {
          "desktop": "",
          "tablet": "",
          "mobile": ""
        },
        "align": {
          "desktop": "",
          "tablet": "",
          "mobile": ""
        },
        "rowGap": {
          "desktop": "20px",
          "tablet": "",
          "mobile": ""
        },
        "columnGap": {
          "desktop": "20px",
          "tablet": "",
          "mobile": ""
        },
        "wrap": {
          "desktop": "",
          "tablet": "",
          "mobile": ""
        }
      }
    },
    "shape": {
      "type": "object",
      "default": {
        "top": {
          "type": "",
          "svg": "",
          "width": "100%",
          "height": "150px",
          "color": "#fff",
          "flip": false,
          "invert": false
        },
        "bottom": {
          "type": "",
          "svg": "",
          "width": "100%",
          "height": "150px",
          "color": "#fff",
          "flip": false,
          "invert": false
        }
      }
    },
    "advanced": {
      "type": "object",
      "default": {
        "layout": {
          "tag": "div"
        },
        "dimension": {
          "max-width": {
            "desktop": "",
            "tablet": "",
            "mobile": ""
          },
          "min-height": {
            "desktop": "",
            "tablet": "",
            "mobile": ""
          },
          "padding": {
            "desktop": "50px 0 50px 0",
            "tablet": "",
            "mobile": ""
          },
          "margin": {
            "desktop": "",
            "tablet": "",
            "mobile": ""
          }
        },
        "background": {
          "normal": "",
          "hover": ""
        },
        "animation": {
          "type": ""
        },
        "transform": {
          "normal": "",
          "hover": "",
          "infinite": {
            "css": "",
            "timingFunction": "ease",
            "duration": "2s"
          }
        },
        "transitions": "color 0.5s ease 0s, background 0.5s ease 0s, border 0.5s ease 0s, border-radius 0.5s ease 0s, box-shadow 0.5s ease 0s, text-shadow 0.5s ease 0s, transform 0.5s ease 0s, opacity 0.5s ease 0s"
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {
      "align": "full",
      "items": {
        "justify": {
          "direction": {
            "desktop": "column",
            "tablet": "column",
            "mobile": "column"
          },
          "justify": {
            "desktop": "center",
            "tablet": "center",
            "mobile": "center"
          },
          "align": {
            "desktop": "center",
            "tablet": "center",
            "mobile": "center"
          },
          "rowGap": {
            "desktop": "0px",
            "tablet": "0px",
            "mobile": "0px"
          },
          "columnGap": {
            "desktop": "0px",
            "tablet": "0px",
            "mobile": "0px"
          },
          "wrap": {}
        }
      },
      "advanced": {
        "dimension": {
          "padding": {
            "desktop": "30px 20px 50px 20px"
          }
        },
        "background": {
          "normal": "background-color: #1d0bbd;"
        }
      }
    },
    "innerBlocks": [
      {
        "name": "evb/text",
        "attributes": {
          "text": "A thirsty crow",
          "tag": "h2",
          "styles": {
            "alignment": {},
            "textAlign": {
              "desktop": "center"
            },
            "color": {
              "normal": {
                "type": "color",
                "color": "#ffffff"
              },
              "hover": {}
            }
          }
        }
      },
      {
        "name": "evb/text",
        "attributes": {
          "text": "One hot day, a thirsty crow flew all over the fields looking for water. For a long time, he could not find any. He felt very weak, and he had almost lost all hope.",
          "styles": {
            "alignment": {},
            "textAlign": {
              "desktop": "center"
            },
            "color": {
              "normal": {
                "type": "color",
                "color": "#ffffff"
              },
              "hover": {}
            }
          }
        }
      },
      {
        "name": "evb/button",
        "attributes": {
          "text": "Read More",
          "advanced": {
            "dimension": {
              "padding": {
                "desktop": "12px 24px 12px 24px"
              }
            },
            "background": {
              "normal": "background-color: #1d0bbd;",
              "hover": "",
              "transition": 0.5
            },
            "frame": {
              "normal": {
                "border": [
                  "1px solid #ffffff"
                ]
              }
            }
          }
        }
      }
    ],
    "viewportWidth": 600
  },
  "editorScript": "file:../index.js",
  "style": "file:./script.css",
  "render": "file:./render.php",
  "script": "file:./script.js"
}