{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "divi/video-slider",
  "d4Shortcode": "et_pb_video_slider",
  "title": "Video Slider",
  "titles": "Video Sliders",
  "moduleIcon": "divi/module-video-slider",
  "category": "module",
  "videos": [
    {
      "id": "Tm5RcXX4gcU",
      "name": "An introduction to the Video Slider module"
    },
    {
      "id": "1iqjhnHVA9Y",
      "name": "Design Settings and Advanced Module Settings"
    },
    {
      "id": "boNZZ0MYU0E",
      "name": "Saving and loading from the library"
    }
  ],
  "childModuleName": "divi/video-slider-item",
  "childModuleTitle": "Video",
  "childrenName": [
    "divi/video-slider-item"
  ],
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "styleProps": {
        "background": {
          "selector": "{{selectorPrefix}}.et_pb_video_slider{{baseSelector}}"
        },
        "position": {
          "selector": "{{selectorPrefix}}.et_pb_video_slider{{baseSelector}}"
        },
        "sizing": {
          "propertySelectors": {
            "desktop": {
              "value": {
                "margin-left": "{{selector}}.et_pb_video_slider.et_pb_module, {{selectorPrefix}}.et_pb_sticky {{baseSelector}}.et_pb_video_slider.et_pb_module",
                "margin-right": "{{selector}}.et_pb_video_slider.et_pb_module, {{selectorPrefix}}.et_pb_sticky {{baseSelector}}.et_pb_video_slider.et_pb_module"
              }
            }
          },
          "important": {
            "desktop": {
              "value": {
                "margin-left": true,
                "margin-right": true,
                "width": true
              }
            }
          }
        },
        "spacing": {
          "selector": "{{selectorPrefix}}.et_pb_video_slider{{baseSelector}}",
          "important": {
            "desktop": {
              "value": {
                "margin": true
              }
            }
          }
        }
      },
      "settings": {
        "meta": {
          "meta": {}
        },
        "advanced": {
          "elements": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentElements",
              "priority": 5,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/elements",
                "props": {
                  "grouped": false,
                  "supportsStructureTemplates": false
                }
              }
            }
          },
          "html": {}
        },
        "decoration": {
          "animation": {},
          "attributes": {},
          "background": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "interactions": {},
          "overflow": {},
          "order": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      }
    },
    "video": {
      "type": "object",
      "selector": "{{selector}}",
      "attributes": {
        "class": "et_pb_video_box"
      },
      "tagName": "div",
      "childrenSanitizer": "et_core_esc_previously",
      "styleProps": {
        "border": {
          "selector": "{{selectorPrefix}}.et_pb_video_slider{{baseSelector}} .et_pb_slider, {{selectorPrefix}}.et_pb_video_slider{{baseSelector}} .et_pb_carousel_item"
        }
      },
      "styleComponentsProps": {
        "boxShadow": {
          "settings": {
            "overlay": true
          }
        }
      },
      "settings": {
        "decoration": {
          "border": {},
          "boxShadow": {}
        }
      }
    },
    "overlay": {
      "type": "object",
      "selector": "{{selector}} .et_pb_video_overlay_hover:hover",
      "styleProps": {
        "background": {
          "selector": "{{selector}} .et_pb_carousel_item .et_pb_video_overlay_hover:hover,{{selector}}.et_pb_video_slider .et_pb_slider:hover .et_pb_video_overlay_hover,{{selector}} .et_pb_carousel_item.et-pb-active-control .et_pb_video_overlay_hover"
        }
      },
      "settings": {
        "advanced": {
          "showImageOverlay": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentOverlay",
              "attrName": "overlay.advanced",
              "subName": "showImageOverlay",
              "priority": 20,
              "render": true,
              "label": "Show Image Overlays on Main Video",
              "description": "This option will cover the player UI on the main video. This image can either be uploaded in each video setting or auto-generated by Divi.",
              "category": "configuration",
              "features": {
                "sticky": false,
                "preset": [
                  "html"
                ]
              },
              "defaultAttr": {
                "desktop": {
                  "value": {
                    "showImageOverlay": "off"
                  }
                }
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          }
        }
      }
    },
    "playIcon": {
      "type": "object",
      "selector": "{{selector}} .et_pb_video_overlay .et_pb_video_play",
      "styleProps": {
        "icon": {
          "selector": "{{selector}} .et_pb_video_wrap .et_pb_video_play",
          "propertySelectors": {
            "desktop": {
              "value": {
                "font-family": "{{selector}} .et_pb_video_play:before, {{selector}} .et_pb_carousel .et_pb_video_play:before",
                "content": "{{selector}} .et_pb_video_play:before, {{selector}} .et_pb_carousel .et_pb_video_play:before",
                "font-weight": "{{selector}} .et_pb_video_play:before, {{selector}} .et_pb_carousel .et_pb_video_play:before",
                "color": "{{selector}} .et_pb_video_play, {{selector}} .et_pb_carousel .et_pb_video_play"
              }
            }
          },
          "important": {
            "desktop": {
              "value": {
                "font-family": true,
                "content": true,
                "font-weight": true,
                "color": true
              }
            }
          }
        }
      },
      "settings": {
        "decoration": {
          "icon": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designControls",
              "attrName": "playIcon.decoration.icon",
              "priority": 10,
              "render": true,
              "label": "Play Icon",
              "component": {
                "type": "group",
                "name": "divi/icon",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Play Icon",
                  "fields": {
                    "icon": {
                      "render": true
                    }
                  }
                }
              }
            }
          },
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designControls",
              "attrName": "overlay.decoration.background",
              "subName": "color",
              "priority": 10,
              "render": true,
              "label": "Thumbnail Overlay Color",
              "description": "Pick a color to use for the overlay that appears behind the play icon when hovering over the video.",
              "features": {
                "dynamicContent": {
                  "type": "color"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            }
          }
        }
      }
    },
    "sliderControls": {
      "type": "object",
      "settings": {
        "advanced": {
          "color": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designControls",
              "attrName": "sliderControls.advanced",
              "subName": "color",
              "priority": 10,
              "render": true,
              "label": "Slider Controls Color",
              "description": "Here you can choose whether your color should be light or dark. If you are working with a dark background, then your controls color should be light. If your background is light, then your controls color should be set to dark.",
              "category": "color_option",
              "features": {
                "preset": [
                  "html"
                ]
              },
              "defaultAttr": {
                "desktop": {
                  "value": {
                    "color": "light"
                  }
                }
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "light": {
                      "label": "Light"
                    },
                    "dark": {
                      "label": "Dark"
                    }
                  }
                }
              }
            }
          },
          "useArrows": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentElements",
              "attrName": "sliderControls.advanced",
              "subName": "useArrows",
              "priority": 20,
              "render": true,
              "label": "Show Arrows",
              "description": "This setting will turn on and off the navigation arrows.",
              "category": "configuration",
              "features": {
                "sticky": false,
                "preset": [
                  "html"
                ]
              },
              "defaultAttr": {
                "desktop": {
                  "value": {
                    "useArrows": "on"
                  }
                }
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "useThumbnails": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentElements",
              "attrName": "sliderControls.advanced",
              "subName": "useThumbnails",
              "priority": 30,
              "render": true,
              "label": "Slider Controls",
              "description": "This setting will let you choose to use the thumbnail track controls below the slider or dot navigation at the bottom of the slider.",
              "category": "configuration",
              "features": {
                "preset": [
                  "html"
                ]
              },
              "defaultAttr": {
                "desktop": {
                  "value": {
                    "useThumbnails": "on"
                  }
                }
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "on": {
                      "label": "Use Thumbnail Track"
                    },
                    "off": {
                      "label": "Use Dot Navigation"
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  },
  "customCssFields": {
    "playButton": {
      "label": "Play Button",
      "subName": "playButton",
      "selectorSuffix": " .et_pb_video_play"
    },
    "thumbnailItem": {
      "label": "Thumbnail Item",
      "subName": "thumbnailItem",
      "selectorSuffix": " .et_pb_carousel_item"
    },
    "sliderArrows": {
      "label": "Slider Arrows",
      "subName": "sliderArrows",
      "selectorSuffix": " .et-pb-slider-arrows a"
    }
  },
  "settings": {
    "advanced": "auto",
    "content": "auto",
    "design": "auto",
    "groups": {
      "contentElements": {
        "panel": "content",
        "priority": 10,
        "groupName": "elements",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Elements",
            "preset": "content"
          }
        }
      },
      "contentOverlay": {
        "panel": "content",
        "priority": 10,
        "groupName": "contentOverlay",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Overlay"
          }
        }
      },
      "designControls": {
        "panel": "design",
        "priority": 10,
        "groupName": "controls",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Controls"
          }
        }
      }
    }
  }
}