{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "alpha-blocks/columns",
  "title": "Columns",
  "category": "alpha-blocks",
  "description": "Add a block that displays content in multiple columns.",
  "keywords": [
    "columns",
    "grid",
    "layout"
  ],
  "version": "1.0.0",
  "textdomain": "alpha-blocks",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "attributes": {
    "blockId": {
      "type": "string"
    },
    "compiledCss": {
      "type": "string"
    },
    "initialOpen": {
      "default": {
        "tab": "general",
        "accordionTab": "Column Settings"
      },
      "type": "object"
    },
    "columnsLayout": {
      "type": "string",
      "default": "2"
    },
    "containerBackground": {
      "type": "object",
      "default": {
        "enableBackground": true,
        "backgroundType": "color-gradient",
        "backgroundColorGradient": {
          "type": "color",
          "color": "#ffffff"
        },
        "backgroundImage": {
          "url": ""
        },
        "backgroundSize": "cover",
        "backgroundPosition": "center center",
        "backgroundRepeat": "no-repeat",
        "backgroundAttachment": "scroll"
      },
      "inspectorController": {
        "inspectorComponent": "InspectorBackgroundControlTab",
        "targetTab": "styles",
        "targetAccordionTab": "background",
        "inspectorLabel": "Container Background"
      }
    },
    "margin": {
      "type": "object",
      "default": {},
      "inspectorController": {
        "inspectorComponent": "InspectorFourDimension",
        "targetTab": "styles",
        "targetAccordionTab": "spacing",
        "inspectorLabel": "Margin"
      }
    },
    "padding": {
      "type": "object",
      "default": {},
      "inspectorController": {
        "inspectorComponent": "InspectorFourDimension",
        "targetTab": "styles",
        "targetAccordionTab": "spacing",
        "inspectorLabel": "Padding"
      }
    },
    "columnGap": {
      "type": "object",
      "default": {
        "desktop": {
          "val": "0",
          "unit": "px"
        }
      },
      "inspectorController": {
        "inspectorComponent": "InspectorResponsiveRangeControl",
        "targetTab": "general",
        "targetAccordionTab": "Column Settings",
        "inspectorLabel": "Column Gap"
      }
    },
    "verticalAlignment": {
      "type": "object",
      "default": {
        "desktop": "top",
        "tablet": "top",
        "mobile": "top"
      },
      "inspectorController": {
        "inspectorComponent": "InspectorSelectRowResponsive",
        "targetTab": "styles",
        "targetAccordionTab": "layout",
        "inspectorLabel": "Vertical Alignment",
        "options": [
          {
            "label": "Top",
            "value": "top"
          },
          {
            "label": "Center",
            "value": "center"
          },
          {
            "label": "Bottom",
            "value": "bottom"
          }
        ]
      }
    },
    "flexDirection": {
      "type": "object",
      "default": {
        "desktop": "row"
      },
      "inspectorController": {
        "inspectorComponent": "InspectorSelectRowResponsive",
        "targetTab": "general",
        "targetAccordionTab": "Column Settings",
        "iconButton": false,
        "inspectorLabel": "Flex Direction",
        "options": [
          {
            "label": "Row",
            "value": "row"
          },
          {
            "label": "Row Reverse",
            "value": "row-reverse"
          },
          {
            "label": "Column",
            "value": "column"
          },
          {
            "label": "Column Reverse",
            "value": "column-reverse"
          },
          {
            "label": "Horizontal",
            "value": "horizontal"
          },
          {
            "label": "Vertical",
            "value": "vertical"
          }
        ]
      }
    },
    "containerBorder": {
      "type": "object",
      "default": {},
      "inspectorController": {
        "inspectorComponent": "InspectorBorderBox",
        "targetTab": "styles",
        "targetAccordionTab": "border",
        "inspectorLabel": "Container Border"
      }
    }
  },
  "supports": {
    "align": true,
    "html": false,
    "customClassName": false,
    "__experimentalGroup": {
      "advanced": false
    }
  }
}