{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "squad-modules/image-gallery",
  "d4Shortcode": "disq_image_gallery",
  "moduleClassName": "disq_image_gallery",
  "title": "Image Gallery",
  "titles": "Image Galleries",
  "moduleIcon": "squad-modules/image-gallery",
  "category": "module",
  "folder": "squad-modules",
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "settings": {
        "meta": {
          "adminLabel": {}
        },
        "advanced": {
          "htmlAttributes": {}
        },
        "decoration": {
          "animation": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "overflow": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      },
      "default": {
        "meta": {
          "adminLabel": {
            "desktop": {
              "value": "Image Gallery"
            }
          }
        }
      }
    },
    "gallery": {
      "type": "object",
      "selector": "{{selector}} .gallery-images",
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "galleryIds": {
              "groupSlug": "contentImages",
              "attrName": "gallery.innerContent",
              "subName": "galleryIds",
              "label": "Images",
              "description": "Choose the images that you would like to appear in the image gallery.",
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/upload-gallery"
              }
            },
            "orientation": {
              "groupSlug": "contentGallerySettings",
              "attrName": "gallery.innerContent",
              "subName": "orientation",
              "label": "Orientation",
              "description": "Choose the orientation of the gallery thumbnails.",
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "landscape": {
                      "label": "Landscape"
                    },
                    "portrait": {
                      "label": "Portrait"
                    }
                  }
                }
              }
            },
            "galleryOrderBy": {
              "groupSlug": "contentGallerySettings",
              "attrName": "gallery.innerContent",
              "subName": "galleryOrderBy",
              "label": "Image Order",
              "description": "Select an ordering method for the gallery. This controls which gallery items appear first in the list.",
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "default": {
                      "label": "Default"
                    },
                    "rand": {
                      "label": "Random"
                    }
                  }
                }
              }
            },
            "imagesQuantity": {
              "groupSlug": "contentGallerySettings",
              "attrName": "gallery.innerContent",
              "subName": "imagesQuantity",
              "label": "Image Quantity",
              "description": "Select how much images are shown in the gallery, by default show all.",
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "default": {
                      "label": "Default"
                    },
                    "custom": {
                      "label": "Custom"
                    }
                  }
                }
              }
            },
            "galleryImageCount": {
              "groupSlug": "contentGallerySettings",
              "attrName": "gallery.innerContent",
              "subName": "galleryImageCount",
              "label": "Image Count",
              "description": "Define the number of images that should be displayed per page.",
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "render": true,
              "priority": 40,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 1,
                  "max": 100,
                  "step": 1,
                  "allowedUnits": [],
                  "defaultUnit": "",
                  "unitless": true
                }
              }
            },
            "columnsCount": {
              "groupSlug": "contentGallerySettings",
              "attrName": "gallery.innerContent",
              "subName": "columnsCount",
              "label": "Image Columns Count",
              "description": "Define the number of columns that should be displayed per page.",
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "render": true,
              "priority": 50,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 3,
                  "max": 12,
                  "step": 1,
                  "allowedUnits": [],
                  "defaultUnit": "",
                  "unitless": true
                }
              }
            },
            "imagesInnerGap": {
              "groupSlug": "contentGallerySettings",
              "attrName": "gallery.innerContent",
              "subName": "imagesInnerGap",
              "label": "Images Gap",
              "description": "Here you can choose gap between images.",
              "features": {
                "sticky": false,
                "hover": false
              },
              "render": true,
              "priority": 60,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 1,
                  "max": 100,
                  "step": 1,
                  "allowedUnits": [
                    "px",
                    "em",
                    "rem"
                  ],
                  "defaultUnit": "px"
                }
              }
            },
            "showInLightbox": {
              "groupSlug": "contentGallerySettings",
              "attrName": "gallery.innerContent",
              "subName": "showInLightbox",
              "label": "Open in Lightbox",
              "description": "Here you can choose whether or not the image should open in Lightbox.",
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "render": true,
              "priority": 70,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          }
        }
      },
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "orientation": "landscape",
              "galleryOrderBy": "default",
              "imagesQuantity": "default",
              "galleryImageCount": "4",
              "columnsCount": "4",
              "imagesInnerGap": "10px",
              "showInLightbox": "off"
            }
          }
        }
      }
    },
    "overlay": {
      "type": "object",
      "selector": "{{selector}} .gallery-images .gallery-image .et_overlay",
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "zoomIconColor": {
              "groupSlug": "designOverlay",
              "attrName": "gallery.innerContent",
              "subName": "zoomIconColor",
              "label": "Overlay Icon Color",
              "description": "Here you can define a custom color for the zoom icon.",
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            },
            "hoverOverlayColor": {
              "groupSlug": "designOverlay",
              "attrName": "gallery.innerContent",
              "subName": "hoverOverlayColor",
              "label": "Overlay Background Color",
              "description": "Here you can define a custom color for the overlay.",
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            },
            "hoverIcon": {
              "groupSlug": "designOverlay",
              "attrName": "gallery.innerContent",
              "subName": "hoverIcon",
              "label": "Overlay Icon",
              "description": "Here you can define a custom icon for the overlay.",
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/icon-picker"
              }
            }
          }
        }
      }
    }
  },
  "customCssFields": {
    "image": {
      "label": "Images",
      "subName": "image",
      "selectorSuffix": " div .gallery-images img"
    }
  },
  "settings": {
    "groups": {
      "contentImages": {
        "panel": "content",
        "priority": 10,
        "groupName": "images",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Images"
          }
        }
      },
      "contentGallerySettings": {
        "panel": "content",
        "priority": 20,
        "groupName": "gallerySettings",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Gallery Options"
          }
        }
      },
      "designOverlay": {
        "panel": "design",
        "priority": 10,
        "groupName": "overlay",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Overlay"
          }
        }
      }
    }
  }
}