{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "divi/tabs",
  "d4Shortcode": "et_pb_tabs",
  "title": "Tabs",
  "titles": "Tabs",
  "moduleIcon": "divi/module-tabs",
  "category": "module",
  "childModuleName": "divi/tab",
  "childModuleTitle": "Tab",
  "childrenName": [
    "divi/tab"
  ],
  "videos": [
    {
      "id": "xk2Ite-oFhg",
      "name": "An introduction to the Tabs module"
    },
    {
      "id": "1iqjhnHVA9Y",
      "name": "Design Settings and Advanced Module Settings"
    },
    {
      "id": "boNZZ0MYU0E",
      "name": "Saving and loading from the library"
    }
  ],
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "styleProps": {
        "spacing": {
          "propertySelectors": {
            "desktop": {
              "value": {
                "padding": "{{selector}} .et_pb_tab"
              }
            }
          },
          "important": {
            "desktop": {
              "value": {
                "margin": true
              }
            }
          }
        },
        "border": {
          "selector": "{{selector}}.et_pb_tabs"
        }
      },
      "settings": {
        "meta": {
          "meta": {}
        },
        "advanced": {
          "elements": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentElements",
              "priority": 5,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/elements",
                "props": {
                  "grouped": false
                }
              }
            }
          },
          "html": {},
          "link": {},
          "loop": {}
        },
        "decoration": {
          "animation": {},
          "attributes": {},
          "border": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "interactions": {},
          "overflow": {},
          "order": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      }
    },
    "inactiveTab": {
      "type": "object",
      "selector": "{{selector}} .et_pb_tabs_controls li"
    },
    "content": {
      "type": "object",
      "selector": "{{selector}} .et_pb_all_tabs",
      "supportsCustomAttributes": true,
      "styleProps": {
        "bodyFont": {
          "selector": "{{selector}} .et_pb_all_tabs .et_pb_tab",
          "important": {
            "body": {
              "font": {
                "desktop": {
                  "value": {
                    "color": true
                  }
                }
              }
            }
          }
        }
      },
      "settings": {
        "decoration": {
          "background": {},
          "bodyFont": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBodyText",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/font-body",
                "type": "group",
                "props": {
                  "grouped": false
                }
              }
            }
          }
        }
      }
    },
    "tab": {
      "type": "object",
      "selector": "{{selector}} .et_pb_tabs_controls li, {{selector}} .et_pb_tabs_controls li a",
      "styleProps": {
        "font": {
          "propertySelectors": {
            "font": {
              "desktop": {
                "value": {
                  "color": "{{selector}} .et_pb_tabs_controls li a"
                }
              }
            }
          },
          "important": {
            "font": {
              "desktop": {
                "value": {
                  "color": true
                }
              }
            }
          }
        }
      },
      "settings": {
        "decoration": {
          "background": {
            "groupType": "group-items",
            "items": {
              "inactiveTab": {
                "groupSlug": "designTabText",
                "attrName": "inactiveTab.decoration.background",
                "subName": "color",
                "label": "Inactive Tab Background Color",
                "description": "Pick a color to be used for inactive tab backgrounds. You can assign a unique color to inactive tabs to differentiate them from active tabs.",
                "priority": 10,
                "render": true,
                "features": {
                  "sticky": false,
                  "dynamicContent": {
                    "type": "color"
                  }
                },
                "component": {
                  "type": "field",
                  "name": "divi/color-picker"
                }
              },
              "activeTab": {
                "groupSlug": "designTabText",
                "attrName": "activeTab.decoration.background",
                "subName": "color",
                "label": "Active Tab Background Color",
                "description": "Pick a color to be used for active tab backgrounds. You can assign a unique color to active tabs to differentiate them from inactive tabs.",
                "priority": 20,
                "render": true,
                "features": {
                  "sticky": false,
                  "dynamicContent": {
                    "type": "color"
                  }
                },
                "component": {
                  "type": "field",
                  "name": "divi/color-picker"
                }
              }
            }
          },
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTabText",
              "attrName": "tab.decoration.font",
              "priority": 40,
              "render": true,
              "component": {
                "name": "divi/font",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fields": {
                    "textAlign": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "activeTab": {
      "type": "object",
      "selector": "{{selector}} .et_pb_tabs_controls li.et_pb_tab_active",
      "styleProps": {
        "font": {
          "propertySelectors": {
            "font": {
              "desktop": {
                "value": {
                  "color": "{{selector}} .et_pb_tabs_controls li.et_pb_tab_active a"
                }
              }
            }
          },
          "important": {
            "font": {
              "desktop": {
                "value": {
                  "color": true
                }
              }
            }
          }
        }
      },
      "settings": {
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTabText",
              "attrName": "activeTab.decoration.font.font",
              "subName": "color",
              "label": "Active Tab Text Color",
              "description": "Pick a color to use for tab text within active tabs. You can assign a unique color to active tabs to differentiate them from inactive tabs.",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "dynamicContent": {
                  "type": "color"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            }
          }
        }
      }
    }
  },
  "customCssFields": {
    "tabsControls": {
      "label": "Tabs Controls",
      "subName": "tabsControls",
      "selectorSuffix": " .et_pb_tabs_controls"
    },
    "tab": {
      "label": "Tab",
      "subName": "tab",
      "selectorSuffix": " .et_pb_tabs_controls li"
    },
    "activeTab": {
      "label": "Active Tab",
      "subName": "activeTab",
      "selectorSuffix": " .et_pb_tabs_controls li.et_pb_tab_active"
    },
    "tabsContent": {
      "label": "Tabs Content",
      "subName": "tabsContent",
      "selectorSuffix": " .et_pb_tab"
    }
  },
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "contentElements": {
        "panel": "content",
        "priority": 5,
        "groupName": "contentElements",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Elements",
            "preset": "content"
          }
        }
      },
      "designBodyText": {
        "panel": "design",
        "priority": 10,
        "groupName": "designBodyText",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Body Text",
            "presetGroup": "divi/font-body"
          }
        }
      },
      "designTabText": {
        "panel": "design",
        "priority": 10,
        "groupName": "designTabText",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Tab Text",
            "presetGroup": "divi/font"
          }
        }
      }
    }
  },
  "mousetrap": {
    "inner": {
      "edited": true
    }
  }
}