{
  "name": "divitorque/tabs",
  "moduleClassName": "dtq_tabs",
  "moduleOrderClassName": "dtq_tabs",
  "title": "Tabs",
  "titles": "Tabs",
  "moduleIcon": "divitorque/tabs",
  "category": "module",
  "childModuleName": "divitorque/tab-item",
  "childModuleTitle": "Tab",
  "childrenName": [
    "divitorque/tab-item"
  ],
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "default": {
        "advanced": {
          "tabStyle": {
            "desktop": {
              "value": "line"
            }
          },
          "tabAlign": {
            "desktop": {
              "value": "left"
            }
          },
          "navGap": {
            "desktop": {
              "value": "4px"
            }
          }
        }
      },
      "settings": {
        "meta": {
          "adminLabel": {}
        },
        "advanced": {
          "htmlAttributes": {},
          "tabStyle": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentMain",
              "attrName": "module.advanced.tabStyle",
              "label": "Tab Style",
              "description": "Pick a ready-made tab look. Fully overridable below.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "line": {
                      "label": "Underline"
                    },
                    "boxed": {
                      "label": "Boxed"
                    },
                    "pills": {
                      "label": "Pills"
                    }
                  }
                }
              }
            }
          },
          "tabAlign": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentMain",
              "attrName": "module.advanced.tabAlign",
              "label": "Tab Alignment",
              "description": "Horizontal alignment of the tab buttons.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "left": {
                      "label": "Left"
                    },
                    "center": {
                      "label": "Center"
                    },
                    "right": {
                      "label": "Right"
                    },
                    "justify": {
                      "label": "Justified"
                    }
                  }
                }
              }
            }
          },
          "navGap": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designNav",
              "attrName": "module.advanced.navGap",
              "label": "Tab Spacing",
              "description": "Gap between the tab buttons.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 60,
                  "step": 1,
                  "defaultUnit": "px"
                }
              }
            }
          },
          "inactiveColor": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designNav",
              "attrName": "module.advanced.inactiveColor",
              "label": "Tab Text Color",
              "description": "Color of inactive tab labels.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": true
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "activeColor": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designNav",
              "attrName": "module.advanced.activeColor",
              "label": "Active Tab Text Color",
              "description": "Color of the active tab label.",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "activeBg": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designNav",
              "attrName": "module.advanced.activeBg",
              "label": "Active Tab Highlight",
              "description": "Background / underline color of the active tab.",
              "priority": 40,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          }
        },
        "decoration": {
          "animation": {},
          "layout": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "filters": {},
          "overflow": {},
          "position": {},
          "scroll": {},
          "spacing": {},
          "sizing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {},
          "disabledOn": {}
        }
      }
    },
    "nav": {
      "type": "object",
      "selector": "{{selector}} .dtq-tabs__nav-item",
      "default": {
        "decoration": {
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "size": "16px",
                  "weight": "600"
                }
              }
            }
          }
        }
      },
      "settings": {
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designNav",
              "priority": 50,
              "render": true,
              "component": {
                "name": "divi/font",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Tab Label",
                  "fields": {
                    "headingLevel": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "panel": {
      "type": "object",
      "selector": "{{selector}} .dtq-tabs__panel",
      "settings": {
        "decoration": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPanel",
              "priority": 10,
              "render": true,
              "attrName": "panel.decoration.background",
              "component": {
                "name": "divi/background",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Panel"
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPanel",
              "priority": 20,
              "render": true,
              "attrName": "panel.decoration.border",
              "component": {
                "name": "divi/border",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Panel"
                }
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPanel",
              "priority": 30,
              "render": true,
              "attrName": "panel.decoration.spacing",
              "component": {
                "name": "divi/spacing",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Panel"
                }
              }
            }
          }
        }
      }
    },
    "content": {
      "type": "object",
      "selector": "{{selector}} .dtq-tabs__panel",
      "settings": {
        "decoration": {
          "bodyFont": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designContent",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/font-body",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Content",
                  "hideTextAlign": true
                }
              }
            }
          }
        }
      }
    }
  },
  "customCssFields": {
    "nav": {
      "subName": "nav",
      "selectorSuffix": " .dtq-tabs__nav-item"
    },
    "activeTab": {
      "subName": "activeTab",
      "selectorSuffix": " .dtq-tabs__nav-item--active"
    },
    "panel": {
      "subName": "panel",
      "selectorSuffix": " .dtq-tabs__panel"
    }
  },
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "contentMain": {
        "panel": "content",
        "priority": 10,
        "groupName": "contentMain",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Layout & Behavior"
          }
        }
      },
      "designNav": {
        "panel": "design",
        "priority": 10,
        "groupName": "designNav",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Tab Buttons"
          }
        }
      },
      "designPanel": {
        "panel": "design",
        "priority": 20,
        "groupName": "designPanel",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Panel"
          }
        }
      },
      "designContent": {
        "panel": "design",
        "priority": 30,
        "groupName": "designContent",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Content Typography",
            "clipboardCategory": "style",
            "presetGroup": "divi/font-body"
          }
        }
      }
    }
  }
}