{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "name": "magazine-blocks/tab-post",
  "title": "Tab Post",
  "description": "Display the latest and popular posts in tabbed design",
  "keywords": [
    "tab-post",
    "tab",
    "post"
  ],
  "category": "magazine-blocks-post-category",
  "textdomain": "magazine-blocks",
  "supports": {
    "className": false,
    "customClassName": false
  },
  "example": {
    "attributes": {}
  },
  "attributes": {
    "clientId": {
      "type": "string"
    },
    "postCount": {
      "type": "number",
      "default": 4
    },
    "postType": {
      "type": "string",
      "default": "Post"
    },
    "category": {
      "type": "string",
      "default": "all"
    },
    "page": {
      "type": "number",
      "default": 1
    },
    "tag": {
      "type": "string",
      "default": "all"
    },
    "orderBy": {
      "type": "string",
      "default": "date"
    },
    "orderType": {
      "type": "string",
      "default": "desc"
    },
    "authorName": {
      "type": "string",
      "default": ""
    },
    "excludedCategory": {
      "type": "array"
    },
    "offset": {
      "type": "number",
      "default": 0
    },
    "size": {
      "type": "string"
    },
    "layout": {
      "type": "string",
      "default": "default"
    },
    "tabBackground": {
      "type": "object",
      "default": {
        "background": 1
      },
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-posts .mzb-tab-controls .mzb-tab-title.active"
        }
      ]
    },
    "tabTypography": {
      "type": "object",
      "default": {
        "typography": 1
      },
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-posts .mzb-tab-controls .mzb-tab-title"
        }
      ]
    },
    "tabColor": {
      "type": "string",
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-tab-title {color: {{VALUE}}; }"
        }
      ]
    },
    "postTitleMarkup": {
      "type": "string",
      "default": "h3"
    },
    "postTitleTypography": {
      "type": "object",
      "default": {
        "typography": 1
      },
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-post-title a"
        }
      ]
    },
    "imageHeight": {
      "type": "object",
      "default": {
        "desktop": {
          "value": 74,
          "unit": "px"
        }
      },
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-post img { height: {{VALUE}}; }"
        }
      ]
    },
    "objectFit": {
      "type": "string",
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-post img { object-fit: {{VALUE}}; }"
        }
      ]
    },
    "imageWidth": {
      "type": "object",
      "default": {
        "desktop": {
          "value": 74,
          "unit": "px"
        }
      },
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-post img { max-width: {{VALUE}}; width: {{VALUE}}; }"
        }
      ]
    },
    "excerptTypography": {
      "type": "object",
      "default": {
        "typography": 1
      },
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-post-content .mzb-post-title a"
        }
      ]
    },
    "postTitleColor": {
      "type": "string",
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-post-title a {color: {{VALUE}}; }"
        }
      ]
    },
    "postTitleHoverColor": {
      "type": "string",
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-post-title a:hover {color: {{VALUE}}; }"
        }
      ]
    },
    "enableCategory": {
      "type": "boolean",
      "default": false
    },
    "enableExcerpt": {
      "type": "boolean",
      "default": true
    },
    "categoryColor": {
      "type": "string",
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-posts .mzb-post-categories a {color: {{VALUE}}; }"
        }
      ]
    },
    "categoryBackground": {
      "type": "object",
      "default": {
        "background": 1
      },
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-posts .mzb-post-categories a"
        }
      ]
    },
    "categoryHoverColor": {
      "type": "string",
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-posts .mzb-post-categories a:hover {fill: {{VALUE}}; }"
        }
      ]
    },
    "categoryHoverBackground": {
      "type": "object",
      "default": {
        "background": 1
      },
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-posts .mzb-post-categories a:hover"
        }
      ]
    },
    "categoryPadding": {
      "type": "object",
      "default": {
        "dimension": 1,
        "desktop": {
          "lock": true
        }
      },
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-posts .mzb-post-categories a { padding: {{VALUE}}; }"
        }
      ]
    },
    "tabHeaderBorder": {
      "type": "object",
      "default": {
        "border": 1,
        "radius": {
          "desktop": {
            "lock": true
          }
        },
        "size": {
          "desktop": {
            "lock": true
          }
        }
      },
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-tab-controls"
        },
        {
          "selector": "{{WRAPPER}} .mzb-tab-controls"
        }
      ]
    },
    "tabHeaderBoxShadow": {
      "type": "object",
      "default": {
        "boxShadow": 1
      },
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-tab-controls.mzb-tab-layout-style1"
        },
        {
          "selector": "{{WRAPPER}} .mzb-tab-controls.mzb-tab-layout-style1 .mzb-tab-title.active::after"
        }
      ]
    },
    "categoryBorder": {
      "type": "object",
      "default": {
        "border": 1,
        "radius": {
          "desktop": {
            "lock": true
          }
        },
        "size": {
          "desktop": {
            "lock": true
          }
        }
      },
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-posts .mzb-post-categories a"
        }
      ]
    },
    "categoryHoverBorder": {
      "type": "object",
      "default": {
        "border": 1,
        "radius": {
          "desktop": {
            "lock": true
          }
        },
        "size": {
          "desktop": {
            "lock": true
          }
        }
      },
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-posts .mzb-post-categories a:hover"
        }
      ]
    },
    "categoryBoxShadow": {
      "type": "object",
      "default": {
        "boxShadow": 1
      },
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-posts .mzb-post-categories a"
        }
      ]
    },
    "categoryBoxShadowHover": {
      "type": "object",
      "default": {
        "boxShadow": 1
      },
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-posts .mzb-post-categories a:hover"
        }
      ]
    },
    "enableAuthor": {
      "type": "boolean",
      "default": false
    },
    "enableDate": {
      "type": "boolean",
      "default": true
    },
    "metaPosition": {
      "type": "string",
      "default": "bottom"
    },
    "enableMetaSeparator": {
      "type": "boolean",
      "default": false
    },
    "separatorType": {
      "type": "string",
      "default": "none"
    },
    "enableIcon": {
      "type": "boolean",
      "default": true
    },
    "metaIconColor": {
      "type": "string",
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-post-date svg {fill: {{VALUE}}; }"
        }
      ]
    },
    "excerptColor": {
      "type": "string",
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-post-content .mzb-post-title a {color: {{VALUE}}; }"
        }
      ]
    },
    "metaLinkColor": {
      "type": "string",
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-post-date a, {{WRAPPER}} .mzb-post-author a {color: {{VALUE}}; }"
        }
      ]
    },
    "metaLinkHoverColor": {
      "type": "string",
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-post-date a:hover, {{WRAPPER}} .mzb-post-author a:hover {color: {{VALUE}}; }"
        }
      ]
    },
    "metaTypography": {
      "type": "object",
      "default": {
        "typography": 1,
        "weight": 400
      },
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-post .mzb-post-content .mzb-post-entry-meta .mzb-post-author a, {{WRAPPER}} .mzb-post .mzb-post-content .mzb-post-entry-meta .mzb-post-date a, {{WRAPPER}} .mzb-post .mzb-post-content .mzb-post-entry-meta .mzb-post-read-time span, {{WRAPPER}} .mzb-post .mzb-post-content .mzb-post-entry-meta .mzb-post-view-count span"
        }
      ]
    },
    "metaSeparatorColor": {
      "type": "string",
      "style": [
        {
          "selector": "{{WRAPPER}} .mzb-post .mzb-post-content .mzb-post-entry-meta span:nth-child(odd):not(:last-child)::after {color: {{VALUE}}; } "
        }
      ]
    },
    "blockHTML": {
      "type": "string",
      "default": "div"
    },
    "blockMargin": {
      "type": "object",
      "default": {
        "dimension": 1,
        "desktop": {
          "lock": true
        }
      },
      "style": [
        {
          "selector": "{{WRAPPER}} { margin: {{VALUE}}; }"
        }
      ]
    },
    "blockPadding": {
      "type": "object",
      "default": {
        "dimension": 1,
        "desktop": {
          "lock": true
        }
      },
      "style": [
        {
          "selector": "{{WRAPPER}} { padding: {{VALUE}}; }"
        }
      ]
    },
    "blockZIndex": {
      "type": "number",
      "style": [
        {
          "selector": "{{WRAPPER}} { z-index: {{VALUE}}; }"
        }
      ]
    },
    "cssID": {
      "type": "string"
    },
    "hideOnDesktop": {
      "type": "boolean",
      "style": [
        {
          "selector": "@media (min-width:62em) { {{WRAPPER}} { display: none; } }"
        }
      ]
    },
    "hideOnTablet": {
      "type": "boolean",
      "style": [
        {
          "selector": "@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"
        }
      ]
    },
    "hideOnMobile": {
      "type": "boolean",
      "style": [
        {
          "selector": "@media (max-width:48em) { {{WRAPPER}} { display: none; } }"
        }
      ]
    },
    "blockCSS": {
      "type": "string"
    },
    "className": {
      "type": "string"
    }
  },
  "style": "magazine-blocks-blocks",
  "editorScript": "magazine-blocks-blocks",
  "editorStyle": "magazine-blocks-blocks-editor",
  "viewScript": "magazine-blocks-frontend-tab-post"
}