{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "divi/group-carousel",
  "title": "Group Carousel",
  "titles": "Group Carousels",
  "moduleIcon": "divi/module-group-carousel",
  "childModuleName": "divi/group",
  "childModuleTitle": "Carousel Slide",
  "category": "module",
  "childrenName": [
    "divi/group"
  ],
  "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": {
        "spacing": {
          "important": {
            "desktop": {
              "value": {
                "margin": true
              }
            }
          }
        }
      },
      "settings": {
        "meta": {
          "meta": {}
        },
        "advanced": {
          "html": {},
          "link": {},
          "loop": {},
          "auto": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentCarouselSettings",
              "attrName": "module.advanced.auto",
              "label": "Automatic Rotation",
              "description": "Enabling this will make the carousel cycle through all slides automatically.",
              "priority": 10,
              "render": true,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "autoSpeed": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentCarouselSettings",
              "attrName": "module.advanced.speed",
              "label": "Automatic Rotation Speed",
              "description": "The speed at which the carousel automatically cycles.",
              "priority": 15,
              "render": true,
              "visible": "isVisibleFields",
              "defaultAttr": {
                "desktop": {
                  "value": "2000ms"
                }
              },
              "features": {
                "dynamicContent": {
                  "type": "number"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "cssProperty": "animation-duration",
                  "defaultUnit": "ms",
                  "minLimit": 0
                }
              }
            }
          },
          "transitionSpeed": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentCarouselSettings",
              "attrName": "module.advanced.transitionSpeed",
              "label": "Transition Speed",
              "description": "The speed of the slide transition animation.",
              "priority": 37,
              "render": true,
              "defaultAttr": {
                "desktop": {
                  "value": "200ms"
                }
              },
              "features": {
                "dynamicContent": {
                  "type": "number"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "cssProperty": "transition-duration",
                  "defaultUnit": "ms",
                  "minLimit": 0,
                  "maxLimit": 2000
                }
              }
            }
          },
          "pauseOnHover": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentCarouselSettings",
              "attrName": "module.advanced.pauseOnHover",
              "label": "Pause on Hover",
              "description": "Pause automatic rotation when hovering over the carousel.",
              "priority": 20,
              "render": true,
              "visible": "isVisibleFields",
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "centerMode": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentCarouselSettings",
              "attrName": "module.advanced.centerMode",
              "label": "Center Mode",
              "description": "Center the active slide and show partial slides on either side.",
              "priority": 35,
              "render": true,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "slidesToShow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentCarouselSettings",
              "attrName": "module.advanced.slidesToShow",
              "label": "Slides to Show",
              "description": "Number of slides to show at once.",
              "priority": 40,
              "render": true,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 1,
                  "max": 10,
                  "minLimit": 1,
                  "maxLimit": 10,
                  "step": 1,
                  "allowedUnits": [],
                  "defaultUnit": ""
                }
              }
            }
          },
          "slidesToScroll": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentCarouselSettings",
              "attrName": "module.advanced.slidesToScroll",
              "label": "Slides to Scroll",
              "description": "Number of slides to scroll at once.",
              "priority": 45,
              "render": true,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 1,
                  "max": 10,
                  "minLimit": 1,
                  "maxLimit": 10,
                  "step": 1,
                  "allowedUnits": [],
                  "defaultUnit": ""
                }
              }
            }
          }
        },
        "decoration": {
          "animation": {},
          "attributes": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "interactions": {},
          "overflow": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      }
    },
    "arrows": {
      "type": "object",
      "selector": "{{selector}} .et_pb_group_carousel_arrow",
      "supportsCustomAttributes": true,
      "styleProps": {
        "background": {},
        "border": {},
        "boxShadow": {},
        "spacing": {}
      },
      "settings": {
        "advanced": {
          "show": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentCarouselElements",
              "attrName": "arrows.advanced.showArrows",
              "label": "Show Arrows",
              "description": "Display navigation arrows on the carousel.",
              "priority": 10,
              "render": true,
              "defaultAttr": {
                "desktop": {
                  "value": "on"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "leftIcon": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentCarouselElements",
              "attrName": "arrows.advanced.leftIcon",
              "label": "Left Arrow Icon",
              "description": "Choose an icon for the left navigation arrow.",
              "priority": 15,
              "render": true,
              "visible": "isVisibleFields",
              "component": {
                "type": "field",
                "name": "divi/icon-picker"
              }
            }
          },
          "rightIcon": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentCarouselElements",
              "attrName": "arrows.advanced.rightIcon",
              "label": "Right Arrow Icon",
              "description": "Choose an icon for the right navigation arrow.",
              "priority": 20,
              "render": true,
              "visible": "isVisibleFields",
              "component": {
                "type": "field",
                "name": "divi/icon-picker"
              }
            }
          },
          "color": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselArrows",
              "attrName": "arrows.advanced.color",
              "label": "Arrow Color",
              "description": "Choose a color for the carousel arrows.",
              "priority": 10,
              "render": true,
              "defaultAttr": {
                "desktop": {
                  "value": "#333333"
                }
              },
              "features": {
                "dynamicContent": {
                  "type": "color"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            }
          },
          "size": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselArrows",
              "attrName": "arrows.advanced.size",
              "label": "Arrow Size",
              "description": "Adjust the size of the carousel arrows.",
              "priority": 15,
              "render": true,
              "defaultAttr": {
                "desktop": {
                  "value": "48px"
                }
              },
              "features": {
                "dynamicContent": {
                  "type": "number"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "minLimit": 0,
                  "defaultUnit": "px",
                  "cssProperty": "font-size"
                }
              }
            }
          },
          "position": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselArrows",
              "attrName": "arrows.advanced.position",
              "label": "Arrow Position",
              "description": "Choose the position of the carousel arrows.",
              "priority": 20,
              "render": true,
              "defaultAttr": {
                "desktop": {
                  "value": "inside"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "outside": {
                      "label": "Outside"
                    },
                    "inside": {
                      "label": "Inside"
                    },
                    "center": {
                      "label": "Center"
                    }
                  }
                }
              }
            }
          }
        },
        "decoration": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselArrows",
              "priority": 30,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/background",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Arrow"
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselArrows",
              "priority": 40,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Arrow"
                }
              }
            }
          },
          "boxShadow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselArrows",
              "priority": 50,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/box-shadow",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Arrow"
                }
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselArrows",
              "priority": 60,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Arrow"
                }
              }
            }
          }
        }
      }
    },
    "dotNav": {
      "type": "object",
      "selector": "{{selector}} .et_pb_group_carousel_dots",
      "supportsCustomAttributes": true,
      "styleProps": {
        "color": {}
      },
      "settings": {
        "advanced": {
          "show": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentCarouselElements",
              "attrName": "dotNav.advanced.showDots",
              "label": "Show Dot Navigation",
              "description": "Display dot navigation for the carousel.",
              "priority": 5,
              "render": true,
              "defaultAttr": {
                "desktop": {
                  "value": "on"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "position": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselDots",
              "attrName": "dotNav.advanced.position",
              "label": "Dot Position",
              "description": "Choose the position of the dot navigation.",
              "priority": 10,
              "render": true,
              "defaultAttr": {
                "desktop": {
                  "value": "below"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "below": {
                      "label": "Below"
                    },
                    "above": {
                      "label": "Above"
                    },
                    "overlay": {
                      "label": "Overlay"
                    }
                  }
                }
              }
            }
          },
          "alignment": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselDots",
              "attrName": "dotNav.advanced.alignment",
              "label": "Dot Alignment",
              "description": "Choose the alignment of the dot navigation.",
              "priority": 15,
              "render": true,
              "defaultAttr": {
                "desktop": {
                  "value": "center"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "left": {
                      "label": "Left"
                    },
                    "center": {
                      "label": "Center"
                    },
                    "right": {
                      "label": "Right"
                    }
                  }
                }
              }
            }
          },
          "size": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselDots",
              "attrName": "dotNav.advanced.size",
              "label": "Dot Size",
              "description": "Adjust the size of the dot navigation.",
              "priority": 20,
              "render": true,
              "defaultAttr": {
                "desktop": {
                  "value": "10px"
                }
              },
              "features": {
                "dynamicContent": {
                  "type": "number"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "minLimit": 0,
                  "defaultUnit": "px",
                  "cssProperty": "width"
                }
              }
            }
          },
          "color": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselDots",
              "attrName": "dotNav.advanced.color",
              "label": "Dot Color",
              "description": "Choose a color for the dot navigation.",
              "priority": 25,
              "render": true,
              "defaultAttr": {
                "desktop": {
                  "value": "#333333"
                }
              },
              "features": {
                "dynamicContent": {
                  "type": "color"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            }
          }
        }
      }
    },
    "children": {
      "type": "object",
      "selector": "{{selector}} .et_pb_group_carousel_slide > .et_pb_group",
      "settings": {
        "decoration": {
          "layout": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselGroups",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/layout",
                "props": {
                  "grouped": true
                }
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselGroups",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true
                }
              }
            }
          },
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselGroups",
              "priority": 30,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/background",
                "props": {
                  "grouped": true
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselGroups",
              "priority": 40,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": true
                }
              }
            }
          },
          "boxShadow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselGroups",
              "priority": 50,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/box-shadow",
                "props": {
                  "grouped": true
                }
              }
            }
          },
          "filters": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselGroups",
              "priority": 60,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/filters",
                "props": {
                  "grouped": true
                }
              }
            }
          },
          "transform": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselGroups",
              "priority": 70,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/transform",
                "props": {
                  "grouped": true
                }
              }
            }
          }
        }
      }
    },
    "activeGroups": {
      "type": "object",
      "selector": "{{selector}} .et_pb_group_carousel_slide_active > .et_pb_group",
      "settings": {
        "decoration": {
          "layout": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselActiveGroups",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/layout",
                "props": {
                  "grouped": true
                }
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselActiveGroups",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true
                }
              }
            }
          },
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselActiveGroups",
              "priority": 30,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/background",
                "props": {
                  "grouped": true
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselActiveGroups",
              "priority": 40,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": true
                }
              }
            }
          },
          "boxShadow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselActiveGroups",
              "priority": 50,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/box-shadow",
                "props": {
                  "grouped": true
                }
              }
            }
          },
          "filters": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselActiveGroups",
              "priority": 60,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/filters",
                "props": {
                  "grouped": true
                }
              }
            }
          },
          "transform": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCarouselActiveGroups",
              "priority": 70,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/transform",
                "props": {
                  "grouped": true
                }
              }
            }
          }
        }
      }
    }
  },
  "customCssFields": {
    "carouselContainer": {
      "label": "Carousel Container",
      "subName": "carouselContainer",
      "selectorSuffix": " .et_pb_group_carousel_container"
    },
    "carouselTrack": {
      "label": "Carousel Track",
      "subName": "carouselTrack",
      "selectorSuffix": " .et_pb_group_carousel_track"
    },
    "carouselSlide": {
      "label": "Carousel Slide",
      "subName": "carouselSlide",
      "selectorSuffix": " .et_pb_group_carousel_slide"
    },
    "carouselActiveSlide": {
      "label": "Carousel Active Slide",
      "subName": "carouselActiveSlide",
      "selectorSuffix": " .et_pb_group_carousel_slide_active"
    },
    "carouselArrows": {
      "label": "Carousel Arrows",
      "subName": "carouselArrows",
      "selectorSuffix": " .et_pb_group_carousel_arrow"
    },
    "carouselDots": {
      "label": "Carousel Dots",
      "subName": "carouselDots",
      "selectorSuffix": " .et_pb_group_carousel_dots"
    }
  },
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "contentCarouselSettings": {
        "panel": "content",
        "priority": 10,
        "groupName": "contentCarouselSettings",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Carousel Settings"
          }
        }
      },
      "contentCarouselElements": {
        "panel": "content",
        "priority": 5,
        "groupName": "contentCarouselElements",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Elements"
          }
        }
      },
      "designCarouselArrows": {
        "panel": "design",
        "priority": 10,
        "groupName": "designCarouselArrows",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Arrows",
            "clipboardCategory": "style"
          }
        }
      },
      "designCarouselDots": {
        "panel": "design",
        "priority": 20,
        "groupName": "designCarouselDots",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Dot Navigation"
          }
        }
      },
      "designCarouselGroups": {
        "panel": "design",
        "priority": 30,
        "groupName": "designCarouselGroups",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Groups"
          }
        }
      },
      "designCarouselActiveGroups": {
        "panel": "design",
        "priority": 40,
        "groupName": "designCarouselActiveGroups",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Active Groups"
          }
        }
      }
    }
  }
}