{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "divi/fullwidth-image",
  "d4Shortcode": "et_pb_fullwidth_image",
  "title": "Fullwidth Image",
  "titles": "Fullwidth Images",
  "moduleIcon": "divi/module-image",
  "category": "fullwidth-module",
  "videos": [
    {
      "id": "cYwqxoHnjNA",
      "name": "An introduction to the Fullwidth Image 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": {
        "advanced": {
          "html": {},
          "loop": {}
        },
        "decoration": {
          "animation": {},
          "attributes": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "interactions": {},
          "overflow": {},
          "order": {},
          "position": {},
          "sizing": {},
          "spacing": {},
          "scroll": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        },
        "meta": {
          "meta": {}
        }
      },
      "styleProps": {
        "border": {
          "selector": "{{selector}}, {{selector}} .et_overlay"
        },
        "boxShadow": {
          "useOverlay": true
        },
        "spacing": {
          "important": true
        }
      },
      "styleComponentsProps": {
        "background": false,
        "boxShadow": {
          "settings": {
            "overlay": true
          }
        }
      }
    },
    "image": {
      "type": "object",
      "selector": "{{selector}} img",
      "elementType": "imageLink",
      "styleProps": {
        "selector": "{{selector}} img, {{selector}} .et_overlay"
      },
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "src": {
              "groupSlug": "contentImage",
              "subName": "src",
              "label": "Image",
              "description": "Upload an image.",
              "category": "basic_option",
              "features": {
                "dynamicContent": {
                  "type": "image"
                },
                "sticky": false,
                "responsive": true,
                "hover": true,
                "preset": "content"
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/upload",
                "props": {
                  "syncImageData": {
                    "src": true,
                    "id": true,
                    "alt": true,
                    "titleText": true
                  }
                }
              }
            },
            "linkUrl": {
              "groupSlug": "contentImageLink",
              "subName": "linkUrl",
              "label": "Image Link URL",
              "description": "If you would like your image to be a link, input your destination URL here. No link will be created if this field is left blank.",
              "category": "basic_option",
              "features": {
                "dynamicContent": {
                  "type": "url"
                },
                "sticky": false,
                "responsive": false,
                "hover": false,
                "preset": "content"
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "linkTarget": {
              "groupSlug": "contentImageLink",
              "subName": "linkTarget",
              "label": "Image Link Target",
              "description": "Here you can choose whether or not your link opens in a new window.",
              "category": "configuration",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false,
                "preset": "content"
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "off": {
                      "label": "In The Current Tab"
                    },
                    "on": {
                      "label": "In A New Tab"
                    }
                  }
                }
              }
            }
          }
        },
        "advanced": {
          "lightbox": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentImageLink",
              "label": "Open in Lightbox",
              "description": "Here you can choose whether or not the image should open in Lightbox. Note: if you select to open the image in Lightbox, url options below will be ignored.",
              "category": "configuration",
              "render": true,
              "priority": 10,
              "features": {
                "hover": false,
                "sticky": false,
                "responsive": false,
                "preset": "content"
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "overlay": {
            "groupType": "group-items",
            "items": {
              "use": {
                "groupSlug": "designImageOverlay",
                "subName": "use",
                "label": "Image Overlay",
                "description": "If enabled, an overlay color and icon will be displayed when a visitors hovers over the image",
                "category": "layout",
                "render": true,
                "priority": 40,
                "features": {
                  "hover": false,
                  "sticky": false,
                  "responsive": false,
                  "preset": [
                    "style"
                  ]
                },
                "component": {
                  "type": "field",
                  "name": "divi/toggle"
                }
              },
              "backgroundColor": {
                "groupSlug": "designImageOverlay",
                "subName": "backgroundColor",
                "label": "Hover Overlay Color",
                "description": "Here you can define a custom color for the overlay",
                "features": {
                  "hover": false,
                  "preset": [
                    "style"
                  ],
                  "dynamicContent": {
                    "type": "color"
                  }
                },
                "render": true,
                "priority": 60,
                "component": {
                  "type": "field",
                  "name": "divi/color-picker"
                }
              }
            }
          },
          "overlayIcon": {
            "groupType": "group-items",
            "items": {
              "hoverIcon": {
                "groupSlug": "designImageOverlay",
                "subName": "hoverIcon",
                "label": "Hover Icon Picker",
                "description": "Here you can define a custom icon for the overlay.",
                "category": "configuration",
                "features": {
                  "sticky": false,
                  "preset": [
                    "style"
                  ]
                },
                "render": true,
                "priority": 70,
                "component": {
                  "type": "field",
                  "name": "divi/icon-picker"
                }
              },
              "iconColor": {
                "groupSlug": "designImageOverlay",
                "subName": "iconColor",
                "label": "Overlay Icon Color",
                "description": "Here you can define a custom color for the overlay icon",
                "render": true,
                "priority": 50,
                "features": {
                  "hover": false,
                  "preset": [
                    "style"
                  ],
                  "dynamicContent": {
                    "type": "color"
                  }
                },
                "component": {
                  "type": "field",
                  "name": "divi/color-picker"
                }
              }
            }
          }
        }
      }
    }
  },
  "customCssFields": {
    "image": {
      "label": "Image",
      "subName": "image",
      "selectorSuffix": " img"
    }
  },
  "settings": {
    "advanced": "auto",
    "groups": {
      "contentImage": {
        "panel": "content",
        "priority": 20,
        "groupName": "image",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Image"
          }
        }
      },
      "contentImageLink": {
        "panel": "content",
        "priority": 20,
        "groupName": "link",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Link"
          }
        }
      },
      "designImageOverlay": {
        "panel": "design",
        "priority": 10,
        "groupName": "overlay",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Overlay",
            "clipboardCategory": "style"
          }
        }
      }
    }
  }
}