{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "divi/icon",
  "d4Shortcode": "et_pb_icon",
  "title": "Icon",
  "titles": "Icons",
  "moduleIcon": "divi/module-icon",
  "category": "module",
  "childrenName": [],
  "videos": [
    {
      "id": "CvHvnmDXdDc",
      "name": "An introduction to the Icon 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}}",
      "settings": {
        "meta": {
          "meta": {}
        },
        "advanced": {
          "elements": {},
          "html": {}
        },
        "decoration": {
          "animation": {},
          "attributes": {},
          "background": {
            "component": {
              "type": "group",
              "name": "divi/background",
              "props": {
                "hidePanels": [
                  "video"
                ],
                "fields": {
                  "image": {
                    "parallaxEnabled": {
                      "render": false
                    },
                    "parallaxMethod": {
                      "render": false
                    },
                    "size": {
                      "render": false
                    },
                    "width": {
                      "render": false
                    },
                    "height": {
                      "render": false
                    },
                    "position": {
                      "render": false
                    },
                    "horizontalOffset": {
                      "render": false
                    },
                    "verticalOffset": {
                      "render": false
                    },
                    "repeat": {
                      "render": false
                    }
                  }
                }
              }
            }
          },
          "border": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "interactions": {},
          "layout": {},
          "overflow": {},
          "order": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      },
      "styleProps": {
        "boxShadow": {
          "useOverlay": true
        },
        "spacing": {
          "important": true
        }
      },
      "styleComponentsProps": {
        "boxShadow": {
          "settings": {
            "overlay": true
          }
        }
      }
    },
    "icon": {
      "type": "object",
      "selector": "{{selector}} .et_pb_icon_wrap .et-pb-icon",
      "supportsCustomAttributes": true,
      "settings": {
        "innerContent": {
          "groupType": "into-multiple-groups",
          "groups": {
            "icon": {
              "groupType": "group-item",
              "item": {
                "groupSlug": "contentIcon",
                "attrName": "icon.innerContent",
                "category": "basic_option",
                "label": "Icon",
                "description": "Choose an icon to display with your blurb.",
                "render": true,
                "priority": 10,
                "features": {
                  "preset": "content"
                },
                "component": {
                  "type": "field",
                  "name": "divi/icon-picker"
                }
              }
            },
            "link": {
              "groupType": "group-item",
              "item": {
                "priority": 20,
                "groupSlug": "contentLink",
                "attrName": "icon.innerContent",
                "render": true,
                "component": {
                  "type": "group",
                  "name": "divi/link",
                  "props": {
                    "groupLabel": "Link",
                    "fieldLabel": "Icon",
                    "grouped": false,
                    "fields": {
                      "url": {
                        "features": {
                          "preset": [
                            "html"
                          ]
                        }
                      },
                      "target": {
                        "features": {
                          "preset": [
                            "html"
                          ]
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        },
        "advanced": {
          "color": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIconSize",
              "label": "Icon Color",
              "description": "Here you can define a custom color for your icon.",
              "render": true,
              "priority": 10,
              "features": {
                "dynamicContent": {
                  "type": "color"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            }
          },
          "size": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIconSize",
              "category": "layout",
              "label": "Icon Size",
              "description": "Here you can choose icon width.",
              "render": true,
              "priority": 20,
              "features": {
                "dynamicContent": {
                  "type": "number"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "cssProperty": "font-size",
                  "min": 1,
                  "max": 120
                }
              }
            }
          },
          "align": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIconAlignment",
              "category": "layout",
              "label": "Icon Alignment",
              "description": "Here you can define the Icon alignment.",
              "render": true,
              "priority": 30,
              "features": {
                "hover": false,
                "sticky": false
              },
              "component": {
                "type": "field",
                "name": "divi/button-options",
                "props": {
                  "options": {
                    "left": {
                      "icon": "divi/align-left"
                    },
                    "center": {
                      "icon": "divi/align-center"
                    },
                    "right": {
                      "icon": "divi/align-right"
                    }
                  },
                  "showLabel": false
                }
              }
            }
          }
        }
      }
    },
    "iconLink": {
      "type": "object",
      "selector": "{{selector}} .et_pb_icon_wrap a",
      "supportsCustomAttributes": true
    }
  },
  "customCssFields": {
    "iconElement": {
      "subName": "iconElement",
      "label": "Icon Element",
      "selectorSuffix": " .et_pb_icon_wrap .et-pb-icon"
    }
  },
  "settings": {
    "content": "auto",
    "design": "auto",
    "groups": {
      "contentIcon": {
        "panel": "content",
        "priority": 10,
        "groupName": "icon",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Icon"
          }
        }
      },
      "contentLink": {
        "panel": "content",
        "priority": 20,
        "groupName": "link",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Link"
          }
        }
      },
      "designIconSize": {
        "panel": "design",
        "priority": 10,
        "groupName": "icon",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Icon",
            "clipboardCategory": "style"
          }
        }
      },
      "designIconAlignment": {
        "panel": "design",
        "priority": 10,
        "groupName": "alignment",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Alignment",
            "clipboardCategory": "style"
          }
        }
      }
    }
  }
}