{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 2,
  "name": "styble/tabs",
  "version": "1.0.1",
  "title": "Tabs",
  "category": "styble",
  "icon": "button",
  "description": "Organize your content in easy-to-navigate Tabs.",
  "supports": {
    "html": false,
    "customClassName": false,
    "anchor": false
  },
  "attributes": {
    "uniqueId": {
      "type": "string",
      "default": ""
    },
    "dynamicCss": {
      "type": "string",
      "default": ""
    },
    "fontList": {
      "type": "string"
    },
    "layoutPreset": {
      "type": "string",
      "default": ""
    },
    "tabHeaders": {
      "type": "array",
      "default": [
        "Tab 1",
        "Tab 2",
        "Tab 3"
      ]
    },
    "tabActive": {
      "type": "string",
      "default": "0"
    },
    "tabId": {
      "type": "string",
      "default": ""
    },
    "tabTitleText": {
      "type": "string",
      "source": "html",
      "selector": "span",
      "default": ""
    },
    "enableIcon": {
      "type": "boolean",
      "default": false
    },
    "enableSubtitle": {
      "type": "boolean",
      "default": false
    },
    "tabIconType": {
      "type": "string",
      "default": "icon"
    },
    "tabImageType": {
      "type": "string",
      "default": "local"
    },
    "imageLink": {
      "type": "string",
      "default": "#"
    },
    "tabImageAlt": {
      "type": "string",
      "default": ""
    },
    "image": {
      "type": "object",
      "default": {}
    },
    "imageCustomSize": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "",
            "right": ""
          },
          "Tablet": {
            "top": "",
            "right": ""
          },
          "Mobile": {
            "top": "",
            "right": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "tabIcon": {
      "type": "string",
      "default": "fas fa-plus"
    },
    "iconPosition": {
      "type": "string",
      "default": "left"
    },
    "titleIcon": {
      "type": "string",
      "default": "fas fa-plus"
    },
    "titleIconPosition": {
      "type": "string",
      "default": "left"
    },
    "tabItemGap": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 16,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "titleToIconGap": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 6,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "titleMaxWidth": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 0,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "tabAlignment": {
      "type": "string",
      "default": "left"
    },
    "titleAlignment": {
      "type": "string",
      "default": "left"
    },
    "iconAlignment": {
      "type": "string",
      "default": "center"
    },
    "enableTitleTypography": {
      "type": "boolean",
      "default": false
    },
    "titleTypography": {
      "type": "object",
      "default": {
        "googleFont": {
          "family": "Default",
          "variants": [
            "300",
            "400",
            "500",
            "600",
            "700",
            "800"
          ]
        },
        "typography": {
          "family": "",
          "fontWeight": "400",
          "style": "normal",
          "transform": "none",
          "decoration": "none"
        }
      }
    },
    "titleFontSize": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 16,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "titleSpacing": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 0,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "titleLineHeight": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 0,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "titleColor": {
      "type": "object",
      "default": {
        "color": "#2C2C2C",
        "hover": "",
        "active": ""
      }
    },
    "enableSubtitleTypography": {
      "type": "boolean",
      "default": false
    },
    "subtitleTypography": {
      "type": "object",
      "default": {
        "googleFont": {
          "family": "Default",
          "variants": [
            "300",
            "400",
            "500",
            "600",
            "700",
            "800"
          ]
        },
        "typography": {
          "family": "",
          "fontWeight": "400",
          "style": "normal",
          "transform": "none",
          "decoration": "none"
        }
      }
    },
    "subtitleFontSize": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 16,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "subtitleSpacing": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 0,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "subtitleLineHeight": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 0,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "subtitleColor": {
      "type": "object",
      "default": {
        "color": "#2C2C2C",
        "hover": "",
        "active": ""
      }
    },
    "titleIconActiveColor": {
      "type": "string",
      "default": ""
    },
    "bgTitleColor": {
      "type": "object",
      "default": {
        "color": {
          "style": "transparent",
          "transparent": "",
          "solidColor": "#DCDCDE",
          "gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)"
        },
        "hover": {
          "style": "",
          "transparent": "",
          "solidColor": "",
          "gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)"
        },
        "active": {
          "style": "bgColor",
          "transparent": "",
          "solidColor": "#F2F2F2",
          "gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)"
        }
      }
    },
    "titleBorder": {
      "type": "object",
      "default": {
        "color": "#F4F1ED",
        "activeColor": "#F4F1ED",
        "style": "solid",
        "hoverColor": "#F2F2F2"
      }
    },
    "titleBorderWidth": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "1",
            "right": "1",
            "bottom": "0",
            "left": "1"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "titleBorderRadius": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "enableTitleBoxShadow": {
      "type": "boolean",
      "default": false
    },
    "titleShadow": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "3",
            "bottom": "6",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "Outset",
          "Tablet": "Outset",
          "Mobile": "Outset"
        },
        "color": "#00000026",
        "hoverColor": ""
      }
    },
    "titleMargin": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "10",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "titlePadding": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "12",
            "right": "24",
            "bottom": "12",
            "left": "24"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "subtitleMargin": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "subtitlePadding": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "titleIconSize": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 16,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "titleIconColor": {
      "type": "object",
      "default": {
        "color": "",
        "hover": ""
      }
    },
    "contentAlignment": {
      "type": "string",
      "default": "left"
    },
    "enableContetnTypography": {
      "type": "boolean",
      "default": false
    },
    "contentTypography": {
      "type": "object",
      "default": {
        "googleFont": {
          "family": "Default",
          "variants": [
            "300",
            "400",
            "500",
            "600",
            "700",
            "800"
          ]
        },
        "typography": {
          "family": "",
          "fontWeight": "400",
          "style": "normal",
          "transform": "none",
          "decoration": "none"
        }
      }
    },
    "contentFontSize": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 16,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "contentSpacing": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 0,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "contentLineHeight": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 24,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "transition": {
      "type": "object",
      "default": {
        "value": 0.3
      }
    },
    "contentColor": {
      "type": "object",
      "default": {
        "color": "#5C5C5C",
        "hover": ""
      }
    },
    "bgContentColor": {
      "type": "object",
      "default": {
        "color": {
          "style": "transparent",
          "transparent": "",
          "solidColor": "#DCDCDE",
          "gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)"
        },
        "hover": {
          "style": "",
          "transparent": "",
          "solidColor": "",
          "gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)"
        }
      }
    },
    "contentBorder": {
      "type": "object",
      "default": {
        "color": "#F4F1ED",
        "style": "solid",
        "hoverColor": "#F2F2F2"
      }
    },
    "contentBorderWidth": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "1",
            "right": "1",
            "bottom": "1",
            "left": "1"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "contentBorderRadius": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "enableContentBoxShadow": {
      "type": "boolean",
      "default": false
    },
    "contentShadow": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "3",
            "bottom": "6",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "Outset",
          "Tablet": "Outset",
          "Mobile": "Outset"
        },
        "color": "#00000026",
        "hoverColor": ""
      }
    },
    "contentMargin": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "contentPadding": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "25",
            "right": "25",
            "bottom": "25",
            "left": "25"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "tabHideOnDesktop": {
      "type": "boolean",
      "default": false
    },
    "tabHideOnTablet": {
      "type": "boolean",
      "default": false
    },
    "tabHideOnMobile": {
      "type": "boolean",
      "default": false
    },
    "additionalClass": {
      "type": "string",
      "default": ""
    },
    "activeColor": {
      "type": "string",
      "default": ""
    },
    "orientation": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": "horizontal",
          "Tablet": "",
          "Mobile": ""
        }
      }
    },
    "isPreview": {
      "type": "boolean",
      "default": false
    }
  },
  "example": {
    "attributes": {
      "isPreview": true
    }
  },
  "textdomain": "styble",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css"
}