{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "b-blocks/comparison-table",
  "version": "2.0.60.3",
  "title": "Comparison Table",
  "category": "bBlocks",
  "description": "Compare plans side by side with check, cross, or text cells and a highlighted featured column.",
  "keywords": [
    "comparison",
    "compare",
    "table",
    "feature matrix",
    "pricing",
    "plan",
    "versus"
  ],
  "textdomain": "b-blocks",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "content": {
      "type": "object",
      "default": {
        "caption": "Feature comparison across plans",
        "captionPosition": "hidden",
        "captionColor": "",
        "captionTypo": {},
        "featuredLabel": "Most Popular"
      }
    },
    "table": {
      "type": "object",
      "default": {
        "theme": "default",
        "alignment": "center",
        "cellBorderType": "collapse",
        "stackOnMobile": false,
        "stickyHeader": false,
        "stickyFirstColumn": true,
        "showRowStripes": true,
        "desktop": {
          "width": "900px",
          "radius": {
            "top": "8px",
            "right": "8px",
            "bottom": "8px",
            "left": "8px"
          },
          "iconPosition": "top"
        },
        "tablet": {
          "width": "",
          "radius": {},
          "iconPosition": ""
        },
        "mobile": {
          "width": "",
          "radius": {},
          "iconPosition": ""
        },
        "borderColor": "#e2e8f0",
        "border": {},
        "shadow": [],
        "bg": {}
      }
    },
    "header": {
      "type": "object",
      "default": {
        "normal": {
          "bg": {
            "type": "solid",
            "color": "#1e293b"
          },
          "color": "#ffffff"
        },
        "hover": {
          "bg": {},
          "color": ""
        },
        "typo": {}
      }
    },
    "body": {
      "type": "object",
      "default": {
        "bg": {
          "type": "solid",
          "color": "#ffffff"
        },
        "color": "#1f2937",
        "typo": {},
        "desktop": {
          "padding": {
            "top": "12px",
            "right": "16px",
            "bottom": "12px",
            "left": "16px"
          }
        },
        "tablet": {
          "padding": {}
        },
        "mobile": {
          "padding": {}
        }
      }
    },
    "rowLabel": {
      "type": "object",
      "default": {
        "bg": {
          "type": "solid",
          "color": "transparent"
        },
        "color": "",
        "typo": {}
      }
    },
    "rowColors": {
      "type": "object",
      "default": {
        "odd": {
          "color": "",
          "bg": ""
        },
        "even": {
          "color": "",
          "bg": ""
        },
        "hover": {
          "color": "",
          "bg": ""
        },
        "stripe": {
          "type": "solid",
          "color": "#f8fafc"
        },
        "transition": 0.2
      }
    },
    "featured": {
      "type": "object",
      "default": {
        "bg": {
          "type": "solid",
          "color": "#2563eb"
        },
        "color": "#ffffff",
        "columnBg": {
          "type": "solid",
          "color": "#eff6ff"
        },
        "labelBg": {
          "type": "solid",
          "color": "#f59e0b"
        },
        "labelColor": "#ffffff"
      }
    },
    "icons": {
      "type": "object",
      "default": {
        "check": "check",
        "cross": "times",
        "checkSvg": "",
        "crossSvg": "",
        "checkColor": "#16a34a",
        "crossColor": "#dc2626",
        "desktop": {
          "size": "18px",
          "headerSize": "32px"
        },
        "tablet": {
          "size": "",
          "headerSize": ""
        },
        "mobile": {
          "size": "",
          "headerSize": ""
        }
      }
    },
    "tooltip": {
      "type": "object",
      "default": {
        "bg": {},
        "color": "",
        "typo": {},
        "arrow": true,
        "underline": true,
        "shadow": [],
        "desktop": {
          "width": "",
          "padding": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "radius": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "tablet": {
          "width": "",
          "padding": {},
          "radius": {}
        },
        "mobile": {
          "width": "",
          "padding": {},
          "radius": {}
        }
      }
    },
    "columns": {
      "type": "array",
      "default": [
        {
          "_key": "col-feature",
          "isFeatureColumn": true,
          "label": "Features",
          "iconSize": {
            "desktop": "",
            "tablet": "",
            "mobile": ""
          },
          "cta": {
            "normal": {
              "bg": {},
              "color": ""
            },
            "hover": {
              "bg": {},
              "color": ""
            },
            "typo": {},
            "border": {},
            "padding": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "radius": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "transition": "",
            "alignment": {
              "desktop": "",
              "tablet": "",
              "mobile": ""
            }
          }
        },
        {
          "_key": "col-default-1",
          "label": "Basic",
          "isFeatured": false,
          "icon": "",
          "iconColor": "",
          "cta": {
            "normal": {
              "bg": {},
              "color": ""
            },
            "hover": {
              "bg": {},
              "color": ""
            },
            "typo": {},
            "border": {},
            "padding": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "radius": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "transition": "",
            "alignment": {
              "desktop": "",
              "tablet": "",
              "mobile": ""
            }
          },
          "iconSize": {
            "desktop": "",
            "tablet": "",
            "mobile": ""
          }
        },
        {
          "_key": "col-default-2",
          "label": "Pro",
          "isFeatured": true,
          "icon": "",
          "iconColor": "",
          "cta": {
            "normal": {
              "bg": {},
              "color": ""
            },
            "hover": {
              "bg": {},
              "color": ""
            },
            "typo": {},
            "border": {},
            "padding": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "radius": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "transition": "",
            "alignment": {
              "desktop": "",
              "tablet": "",
              "mobile": ""
            }
          },
          "iconSize": {
            "desktop": "",
            "tablet": "",
            "mobile": ""
          }
        },
        {
          "_key": "col-default-3",
          "label": "Enterprise",
          "isFeatured": false,
          "icon": "",
          "iconColor": "",
          "cta": {
            "normal": {
              "bg": {},
              "color": ""
            },
            "hover": {
              "bg": {},
              "color": ""
            },
            "typo": {},
            "border": {},
            "padding": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "radius": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "transition": "",
            "alignment": {
              "desktop": "",
              "tablet": "",
              "mobile": ""
            }
          },
          "iconSize": {
            "desktop": "",
            "tablet": "",
            "mobile": ""
          }
        }
      ]
    },
    "rows": {
      "type": "array",
      "default": [
        {
          "_key": "row-default-1",
          "label": "Feature One",
          "cells": [
            {
              "value": true,
              "type": "icon",
              "text": ""
            },
            {
              "value": true,
              "type": "icon",
              "text": ""
            },
            {
              "value": true,
              "type": "icon",
              "text": ""
            }
          ]
        },
        {
          "_key": "row-default-2",
          "label": "Feature Two",
          "cells": [
            {
              "value": false,
              "type": "icon",
              "text": ""
            },
            {
              "value": true,
              "type": "icon",
              "text": ""
            },
            {
              "value": true,
              "type": "icon",
              "text": ""
            }
          ]
        },
        {
          "_key": "row-default-3",
          "label": "Feature Three",
          "cells": [
            {
              "value": false,
              "type": "icon",
              "text": ""
            },
            {
              "value": false,
              "type": "icon",
              "text": ""
            },
            {
              "value": true,
              "type": "icon",
              "text": ""
            }
          ]
        }
      ]
    },
    "cta": {
      "type": "object",
      "default": {
        "position": "top",
        "normal": {
          "bg": {
            "type": "solid",
            "color": "#2563eb"
          },
          "color": "#ffffff"
        },
        "hover": {
          "bg": {},
          "color": ""
        },
        "typo": {},
        "border": {},
        "desktop": {
          "padding": {
            "top": "8px",
            "right": "18px",
            "bottom": "8px",
            "left": "18px"
          },
          "radius": {
            "top": "6px",
            "right": "6px",
            "bottom": "6px",
            "left": "6px"
          },
          "alignment": "center",
          "margin": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "tablet": {
          "padding": {},
          "radius": {},
          "alignment": "",
          "margin": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "mobile": {
          "padding": {},
          "radius": {},
          "alignment": "",
          "margin": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "transition": 0.2
      }
    },
    "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": "#7090b000",
                "isInset": false
              }
            ]
          }
        },
        "background": {
          "normal": {
            "type": "color",
            "color": "",
            "gradient": {
              "type": "linear",
              "colors": [
                {
                  "color": "rgba(58, 66, 222, 1)",
                  "position": "0"
                },
                {
                  "color": "rgba(176, 195, 235, 1)",
                  "position": "80"
                }
              ],
              "angel": 90
            },
            "img": {
              "url": ""
            }
          }
        }
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false,
    "anchor": true,
    "className": true
  },
  "example": {
    "attributes": {
      "preview": true
    }
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "viewScript": "file:./view.js",
  "render": "file:./render.php"
}