{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "divi/before-after-image",
  "d4Shortcode": "et_pb_before_after_image",
  "moduleClassName": "et_pb_before_after_image",
  "moduleOrderClassName": "et_pb_before_after_image",
  "title": "Before/After Image",
  "titles": "Before/After Images",
  "moduleIcon": "divi/module-before-after-image",
  "category": "module",
  "childrenName": [],
  "videos": [
    {
      "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": {},
      "settings": {
        "meta": {
          "meta": {}
        },
        "advanced": {
          "elements": {},
          "html": {},
          "link": {},
          "loop": {}
        },
        "decoration": {
          "animation": {},
          "attributes": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "interactions": {},
          "layout": {},
          "overflow": {},
          "order": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      }
    },
    "beforeImage": {
      "type": "object",
      "selector": "{{selector}} .et_pb_before_image img",
      "elementType": "image",
      "supportsCustomAttributes": true,
      "styleProps": {
        "selector": "{{selector}} .et_pb_before_image",
        "fit": {
          "selector": "{{selector}} .et_pb_before_image img"
        },
        "sizing": {
          "propertySelectors": {
            "desktop": {
              "value": {
                "aspect-ratio": "{{selector}} .et_pb_before_image img",
                "height": "{{selector}} .et_pb_before_image img",
                "max-height": "{{selector}} .et_pb_before_image img"
              }
            }
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "beforeImageSrc": {
              "groupSlug": "contentImages",
              "attrName": "beforeImage.innerContent",
              "subName": "src",
              "label": "Before Image",
              "description": "Upload the \"before\" 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
                  }
                }
              }
            }
          }
        },
        "decoration": {
          "image": {
            "panel": "design",
            "groupType": "group",
            "groupName": "image",
            "priority": 10,
            "component": {
              "type": "group",
              "name": "divi/image",
              "props": {
                "attrName": "beforeImage",
                "groupLabel": "Before Image",
                "grouped": true,
                "dynamicSubgroupHost": true,
                "presetGroup": "divi/image"
              }
            }
          }
        }
      }
    },
    "afterImage": {
      "type": "object",
      "selector": "{{selector}} .et_pb_after_image img",
      "elementType": "image",
      "supportsCustomAttributes": true,
      "styleProps": {
        "selector": "{{selector}} .et_pb_after_image",
        "fit": {
          "selector": "{{selector}} .et_pb_after_image img"
        },
        "sizing": {
          "propertySelectors": {
            "desktop": {
              "value": {
                "aspect-ratio": "{{selector}} .et_pb_after_image img",
                "height": "{{selector}} .et_pb_after_image img",
                "max-height": "{{selector}} .et_pb_after_image img"
              }
            }
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "afterImageSrc": {
              "groupSlug": "contentImages",
              "attrName": "afterImage.innerContent",
              "subName": "src",
              "label": "After Image",
              "description": "Upload the \"after\" image.",
              "category": "basic_option",
              "features": {
                "dynamicContent": {
                  "type": "image"
                },
                "sticky": false,
                "responsive": true,
                "hover": true,
                "preset": "content"
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/upload",
                "props": {
                  "syncImageData": {
                    "src": true,
                    "id": true,
                    "alt": true,
                    "titleText": true
                  }
                }
              }
            }
          }
        },
        "decoration": {
          "image": {
            "panel": "design",
            "groupType": "group",
            "groupName": "image",
            "priority": 10,
            "component": {
              "type": "group",
              "name": "divi/image",
              "props": {
                "attrName": "afterImage",
                "groupLabel": "After Image",
                "grouped": true,
                "dynamicSubgroupHost": true,
                "presetGroup": "divi/image"
              }
            }
          }
        }
      }
    },
    "slider": {
      "type": "object",
      "selector": "{{selector}}",
      "settings": {
        "advanced": {
          "orientation": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSlider",
              "attrName": "slider.advanced.orientation",
              "label": "Orientation",
              "description": "Choose whether the slider moves horizontally or vertically.",
              "category": "configuration",
              "render": true,
              "priority": 5,
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false,
                "preset": [
                  "style"
                ]
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "defaultValue": "horizontal",
                  "options": {
                    "horizontal": {
                      "label": "Horizontal"
                    },
                    "vertical": {
                      "label": "Vertical"
                    }
                  }
                }
              }
            }
          },
          "position": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSlider",
              "attrName": "slider.advanced.position",
              "label": "Position",
              "description": "Set the position of the slider (0-100).",
              "category": "configuration",
              "render": true,
              "priority": 8,
              "defaultAttr": {
                "desktop": {
                  "value": "50%"
                }
              },
              "features": {
                "dynamicContent": {
                  "type": "number"
                },
                "responsive": false,
                "hover": false,
                "sticky": false,
                "preset": [
                  "style"
                ]
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "cssProperty": "order",
                  "minLimit": 0,
                  "maxLimit": 100,
                  "defaultValue": "50"
                }
              }
            }
          },
          "color": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSlider",
              "priority": 10,
              "render": true,
              "attrName": "slider.advanced.color",
              "label": "Slider Color",
              "description": "Choose a color for the slider circle and line.",
              "category": "color_option",
              "features": {
                "dynamicContent": {
                  "type": "color"
                },
                "responsive": true,
                "hover": true,
                "sticky": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            }
          },
          "arrowColor": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSlider",
              "priority": 20,
              "render": true,
              "attrName": "slider.advanced.arrowColor",
              "label": "Arrow Color",
              "description": "Choose a color for the slider arrows inside the circle.",
              "category": "color_option",
              "features": {
                "dynamicContent": {
                  "type": "color"
                },
                "responsive": true,
                "hover": true,
                "sticky": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            }
          }
        }
      }
    },
    "beforeLabel": {
      "type": "object",
      "selector": "{{selector}} .et_pb_before_label",
      "supportsCustomAttributes": true,
      "settings": {
        "innerContent": {
          "item": {
            "groupSlug": "contentLabels",
            "attrName": "beforeLabel.innerContent",
            "label": "Before Label",
            "description": "Label for the \"before\" image.",
            "category": "basic_option",
            "priority": 10,
            "render": true,
            "features": {
              "dynamicContent": {
                "type": "text"
              },
              "preset": "content"
            },
            "component": {
              "name": "divi/text",
              "type": "field"
            }
          }
        }
      },
      "attributes": {
        "class": "et_pb_before_after_image_label et_pb_before_label"
      },
      "tagName": "div",
      "inlineEditor": "plainText",
      "childrenSanitizer": "et_core_esc_previously"
    },
    "afterLabel": {
      "type": "object",
      "selector": "{{selector}} .et_pb_after_label",
      "supportsCustomAttributes": true,
      "settings": {
        "innerContent": {
          "item": {
            "groupSlug": "contentLabels",
            "attrName": "afterLabel.innerContent",
            "label": "After Label",
            "description": "Label for the \"after\" image.",
            "category": "basic_option",
            "priority": 20,
            "render": true,
            "features": {
              "dynamicContent": {
                "type": "text"
              },
              "preset": "content"
            },
            "component": {
              "name": "divi/text",
              "type": "field"
            }
          }
        }
      },
      "attributes": {
        "class": "et_pb_before_after_image_label et_pb_after_label"
      },
      "tagName": "div",
      "inlineEditor": "plainText",
      "childrenSanitizer": "et_core_esc_previously"
    },
    "labels": {
      "type": "object",
      "selector": "{{selector}} .et_pb_before_label, {{selector}} .et_pb_after_label",
      "settings": {
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLabels",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Label"
                }
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLabels",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Labels"
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLabels",
              "priority": 30,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Labels"
                }
              }
            }
          },
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLabels",
              "priority": 40,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/background",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Labels"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "font": {
          "selectors": {
            "desktop": {
              "value": "{{selector}} .et_pb_before_label, {{selector}} .et_pb_after_label",
              "hover": "{{selector}}{{:hover}} .et_pb_before_label, {{selector}}{{:hover}} .et_pb_after_label"
            }
          }
        },
        "spacing": {
          "selectors": {
            "desktop": {
              "value": "{{selector}} .et_pb_before_label, {{selector}} .et_pb_after_label",
              "hover": "{{selector}}{{:hover}} .et_pb_before_label, {{selector}}{{:hover}} .et_pb_after_label"
            }
          }
        },
        "border": {
          "selectors": {
            "desktop": {
              "value": "{{selector}} .et_pb_before_label, {{selector}} .et_pb_after_label",
              "hover": "{{selector}}{{:hover}} .et_pb_before_label, {{selector}}{{:hover}} .et_pb_after_label"
            }
          }
        },
        "background": {
          "selectors": {
            "desktop": {
              "value": "{{selector}} .et_pb_before_label, {{selector}} .et_pb_after_label",
              "hover": "{{selector}}{{:hover}} .et_pb_before_label, {{selector}}{{:hover}} .et_pb_after_label"
            }
          }
        }
      }
    }
  },
  "customCssFields": {},
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "contentImages": {
        "panel": "content",
        "priority": 10,
        "multiElements": true,
        "groupName": "images",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Images"
          }
        }
      },
      "contentLabels": {
        "panel": "content",
        "priority": 20,
        "multiElements": true,
        "groupName": "labels",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Labels"
          }
        }
      },
      "designLabels": {
        "panel": "design",
        "priority": 30,
        "multiElements": false,
        "groupName": "labels",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Labels",
            "clipboardCategory": "style",
            "dynamicSubgroupHost": true,
            "dynamicSubgroupExcludedComponents": [
              "divi/box-shadow"
            ]
          }
        }
      },
      "designSlider": {
        "panel": "design",
        "priority": 40,
        "multiElements": false,
        "groupName": "slider",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Slider",
            "clipboardCategory": "style"
          }
        }
      }
    }
  }
}