{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "divi/social-media-follow",
  "title": "Social Media Follow",
  "titles": "Social Media Follows",
  "moduleIcon": "divi/module-social-media-follow",
  "category": "module",
  "childModuleName": "divi/social-media-follow-network",
  "childModuleTitle": "Social Network",
  "childrenName": [
    "divi/social-media-follow-network"
  ],
  "videos": [
    {
      "id": "8b0BlM_rlHQ",
      "name": "An introduction to the Social Media Follow module"
    },
    {
      "id": "1iqjhnHVA9Y",
      "name": "Design Settings and Advanced Module Settings"
    },
    {
      "id": "boNZZ0MYU0E",
      "name": "Saving and loading from the library"
    }
  ],
  "d4Shortcode": "et_pb_social_media_follow",
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selectorPrefix}}ul{{baseSelector}}",
      "styleProps": {
        "border": {
          "selector": "{{selectorPrefix}}ul{{baseSelector}} a.icon"
        },
        "boxShadow": {
          "selector": "{{selector}} .et_pb_social_icon a"
        },
        "sizing": {
          "propertySelectors": {
            "desktop": {
              "value": {
                "margin-left": "{{selector}}.et_pb_module",
                "margin-right": "{{selector}}.et_pb_module"
              }
            }
          },
          "important": {
            "desktop": {
              "value": {
                "margin-left": true,
                "margin-right": true
              }
            }
          },
          "html": {}
        },
        "spacing": {
          "important": true
        },
        "layout": {
          "selector": "{{selector}}.et_pb_module"
        }
      },
      "settings": {
        "meta": {
          "meta": {}
        },
        "innerContent": {},
        "decoration": {
          "background": {},
          "sizing": {},
          "spacing": {},
          "border": {},
          "boxShadow": {},
          "filters": {},
          "interactions": {},
          "transform": {},
          "animation": {},
          "attributes": {},
          "conditions": {},
          "disabledOn": {},
          "layout": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLayout",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/layout",
                "props": {
                  "grouped": false
                }
              }
            }
          },
          "overflow": {},
          "order": {},
          "transition": {},
          "position": {},
          "zIndex": {},
          "sticky": {},
          "scroll": {}
        },
        "advanced": {
          "elements": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentElements",
              "priority": 5,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/elements",
                "props": {
                  "grouped": false
                }
              }
            }
          },
          "html": {},
          "loop": {},
          "text": {
            "groupType": "group-items",
            "items": {
              "moduleAdvancedOrientation": {
                "groupSlug": "designAlignment",
                "attrName": "module.advanced.text.text",
                "subName": "orientation",
                "label": "Module Alignment",
                "description": "This controls how your text is aligned within the module.",
                "priority": 10,
                "render": true,
                "multipleChoices": false,
                "features": {
                  "hover": false,
                  "sticky": false
                },
                "component": {
                  "name": "divi/button-options",
                  "type": "field",
                  "props": {
                    "options": {
                      "left": {
                        "icon": "divi/align-left"
                      },
                      "center": {
                        "icon": "divi/align-center"
                      },
                      "right": {
                        "icon": "divi/align-right"
                      }
                    }
                  }
                }
              },
              "moduleAdvancedText": {
                "groupSlug": "designText",
                "priority": 20,
                "render": true,
                "component": {
                  "type": "group",
                  "name": "divi/text",
                  "props": {
                    "fields": {
                      "orientation": {
                        "render": false
                      }
                    },
                    "grouped": false
                  }
                }
              }
            }
          }
        }
      }
    },
    "icon": {
      "type": "object",
      "selector": "{{selector}} li.et_pb_social_icon a.icon, {{selector}} li.et_pb_social_icon a.icon:before",
      "settings": {
        "advanced": {
          "color": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "attrName": "icon.advanced.color",
              "priority": 10,
              "render": true,
              "label": "Icon Color",
              "description": "Here you can define a custom color for the social network icon.",
              "features": {
                "sticky": false,
                "dynamicContent": {
                  "type": "color"
                }
              },
              "component": {
                "name": "divi/color-picker",
                "type": "field"
              }
            }
          },
          "size": {
            "groupType": "group-items",
            "items": {
              "iconAdvancedUseSize": {
                "groupSlug": "designIcon",
                "attrName": "icon.advanced.size",
                "subName": "useSize",
                "priority": 20,
                "render": true,
                "label": "Use Custom Icon Size",
                "description": "If you would like to control the size of the icon, you must first enable this option.",
                "category": "font_option",
                "features": {
                  "sticky": false
                },
                "component": {
                  "name": "divi/toggle",
                  "type": "field"
                }
              },
              "iconAdvancedSize": {
                "groupSlug": "designIcon",
                "attrName": "icon.advanced.size",
                "subName": "size",
                "priority": 30,
                "render": true,
                "label": "Icon Font Size",
                "description": "Control the size of the icon by increasing or decreasing the font size.",
                "category": "font_option",
                "features": {
                  "sticky": false,
                  "dynamicContent": {
                    "type": "number"
                  }
                },
                "component": {
                  "name": "divi/range",
                  "type": "field",
                  "props": {
                    "cssProperty": "font-size",
                    "min": 1,
                    "max": 120
                  }
                }
              }
            }
          }
        }
      }
    },
    "socialNetwork": {
      "type": "object",
      "settings": {
        "advanced": {
          "followButton": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentIcon",
              "attrName": "socialNetwork.advanced.followButton",
              "priority": 20,
              "render": true,
              "label": "Follow Button",
              "description": "Here you can choose whether or not to include the follow button next to the icon.",
              "category": "configuration",
              "features": {
                "sticky": false,
                "preset": [
                  "html"
                ]
              },
              "component": {
                "type": "field",
                "name": "divi/toggle",
                "props": {
                  "options": {
                    "off": "Off",
                    "on": "On"
                  }
                }
              }
            }
          }
        }
      }
    },
    "button": {
      "type": "object",
      "selector": "body #page-container .et_pb_section ul{{baseSelector}} .follow_button",
      "customPostTypeSelector": "body.et-db #page-container #et-boc .et-l ul{{baseSelector}} .follow_button",
      "elementType": "button",
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentIcon",
            "attrName": "socialNetwork.advanced.followButton",
            "priority": 10,
            "render": true,
            "component": {
              "type": "group",
              "name": "divi/button-link",
              "props": {
                "fieldLabel": "",
                "fields": {
                  "url": {
                    "render": false
                  },
                  "target": {
                    "features": {
                      "preset": [
                        "html"
                      ]
                    }
                  }
                },
                "grouped": false
              }
            }
          }
        },
        "decoration": {
          "button": {
            "component": {
              "name": "divi/button",
              "props": {
                "attrName": "button",
                "groupLabel": "Follow Button",
                "fieldLabel": "Follow Button",
                "fields": {
                  "alignment": {
                    "render": false
                  },
                  "buttonIconGroup": {
                    "render": false
                  },
                  "fontGroup": {
                    "component": {
                      "props": {
                        "fields": {
                          "lineHeight": {
                            "render": true
                          },
                          "textAlign": {
                            "render": false
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  },
  "settings": {
    "content": "auto",
    "advanced": "auto",
    "groups": {
      "contentElements": {
        "panel": "content",
        "priority": 5,
        "groupName": "contentElements",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Elements",
            "preset": "content"
          }
        }
      },
      "designLayout": {
        "panel": "design",
        "priority": 5,
        "groupName": "designLayout",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Layout",
            "clipboardCategory": "style",
            "presetGroup": "divi/layout"
          }
        }
      },
      "contentIcon": {
        "panel": "content",
        "priority": 5,
        "multiElements": true,
        "groupName": "icon",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Icon"
          }
        }
      },
      "designAlignment": {
        "panel": "design",
        "priority": 5,
        "multiElements": true,
        "groupName": "alignment",
        "component": {
          "name": "divi/composite",
          "props": {
            "clipboardCategory": "style",
            "groupLabel": "Alignment"
          }
        }
      },
      "designIcon": {
        "panel": "design",
        "priority": 10,
        "multiElements": true,
        "groupName": "icon",
        "component": {
          "name": "divi/composite",
          "props": {
            "clipboardCategory": "style",
            "groupLabel": "Icon"
          }
        }
      },
      "designText": {
        "panel": "design",
        "priority": 15,
        "multiElements": true,
        "groupName": "text",
        "component": {
          "name": "divi/composite",
          "props": {
            "clipboardCategory": "style",
            "groupLabel": "Text",
            "presetGroup": "divi/text"
          }
        }
      }
    }
  },
  "customCssFields": {
    "mainElement": {
      "label": "Main Element",
      "subName": "mainElement",
      "selectorPrefix": ".et_pb_module"
    },
    "socialFollow": {
      "label": "Social Follow",
      "subName": "socialFollow",
      "selectorSuffix": " li.et_pb_social_icon",
      "selectorPrefix": ".et_pb_module"
    },
    "socialIcon": {
      "label": "Social Icon",
      "subName": "socialIcon",
      "selectorSuffix": " li a.icon"
    },
    "followButton": {
      "label": "Follow Button",
      "subName": "followButton",
      "selectorSuffix": " li a.follow_button"
    }
  }
}