{
  "name": "wpmf/gallery-addon-divi5",
  "d4Shortcode": "wpmf_gallery_addon_divi",
  "title": "WPMF Gallery Addon",
  "titles": "WPMF Gallery Addons",
  "moduleClassName": "wpmf_gallery_addon_divi",
  "moduleOrderClassName": "wpmf_gallery_addon_divi",
  "category": "module",
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "default": {
        "meta": {
          "adminLabel": {
            "desktop": {
              "value": "WPMF Gallery Addon"
            }
          }
        },
        "innerContent": {
          "desktop": {
            "value": {
              "galleryId": "0",
              "theme": "masonry",
              "layout": "vertical",
              "rowHeight": "200",
              "aspectRatio": "1_1",
              "columns": "3",
              "numberLines": "1",
              "size": "medium",
              "targetsize": "large",
              "action": "file",
              "orderby": "post__in",
              "order": "ASC",
              "gutterwidth": "5",
              "galleryNavigation": "off",
              "subGalleriesListing": "off",
              "galleryImageTags": "off",
              "downloadAll": "off",
              "borderRadius": "0",
              "borderStyle": "solid",
              "borderWidth": "0",
              "borderColor": "#cccccc",
              "enableShadow": "off",
              "shadowColor": "#cccccc",
              "shadowHorizontal": "0",
              "shadowVertical": "0",
              "shadowBlur": "0",
              "shadowSpread": "0",
              "disableOverlay": "off",
              "hoverColor": "#000000",
              "hoverOpacity": "0.4",
              "hoverTitlePosition": "center_center",
              "hoverTitleSize": "16",
              "hoverTitleColor": "#ffffff",
              "hoverDescPosition": "none",
              "hoverDescSize": "14",
              "hoverDescColor": "#ffffff"
            }
          }
        }
      },
      "settings": {
        "meta": {
          "adminLabel": {}
        },
        "advanced": {
          "htmlAttributes": {}
        },
        "decoration": {
          "background": {},
          "sizing": {},
          "spacing": {},
          "border": {},
          "boxShadow": {},
          "overflow": {},
          "disabledOn": {},
          "transition": {},
          "position": {},
          "zIndex": {}
        },
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "galleryId": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "galleryId",
              "priority": 5,
              "render": true,
              "label": "Gallery",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "0": { "label": "Select a gallery" }
                  }
                }
              }
            },
            "theme": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "theme",
              "priority": 10,
              "render": true,
              "label": "Theme",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "default":     { "label": "Default" },
                    "masonry":     { "label": "Masonry" },
                    "portfolio":   { "label": "Portfolio" },
                    "slider":      { "label": "Slider" },
                    "flowslide":   { "label": "Flow Slide" },
                    "square_grid": { "label": "Square Grid" },
                    "material":    { "label": "Material" },
                    "custom_grid": { "label": "Custom Grid" }
                  }
                }
              }
            },
            "layout": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "layout",
              "priority": 20,
              "render": true,
              "label": "Layout",
              "description": "Layout for masonry and square grid theme.",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "vertical":   { "label": "Vertical" },
                    "horizontal": { "label": "Horizontal" }
                  }
                }
              }
            },
            "rowHeight": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "rowHeight",
              "priority": 30,
              "render": true,
              "label": "Row Height",
              "description": "Row height for masonry and square grid theme.",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/range", "type": "field", "props": { "min": 50, "max": 500, "defaultUnit": "" } }
            },
            "aspectRatio": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "aspectRatio",
              "priority": 40,
              "render": true,
              "label": "Aspect Ratio",
              "description": "Aspect ratio for default, material, slider and square grid theme.",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "default": { "label": "Default" },
                    "1_1":     { "label": "1:1" },
                    "3_2":     { "label": "3:2" },
                    "2_3":     { "label": "2:3" },
                    "4_3":     { "label": "4:3" },
                    "3_4":     { "label": "3:4" },
                    "16_9":    { "label": "16:9" },
                    "9_16":    { "label": "9:16" },
                    "21_9":    { "label": "21:9" },
                    "9_21":    { "label": "9:21" }
                  }
                }
              }
            },
            "columns": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "columns",
              "priority": 50,
              "render": true,
              "label": "Columns",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/range", "type": "field", "props": { "min": 1, "max": 8, "defaultUnit": "" } }
            },
            "numberLines": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "numberLines",
              "priority": 60,
              "render": true,
              "label": "Slider Number Lines",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/range", "type": "field", "props": { "min": 1, "max": 3, "defaultUnit": "" } }
            },
            "size": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "size",
              "priority": 70,
              "render": true,
              "label": "Image Size",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "thumbnail": { "label": "Thumbnail" },
                    "medium":    { "label": "Medium" },
                    "large":     { "label": "Large" },
                    "full":      { "label": "Full Size" }
                  }
                }
              }
            },
            "targetsize": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "targetsize",
              "priority": 80,
              "render": true,
              "label": "Lightbox Size",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "thumbnail": { "label": "Thumbnail" },
                    "medium":    { "label": "Medium" },
                    "large":     { "label": "Large" },
                    "full":      { "label": "Full Size" }
                  }
                }
              }
            },
            "action": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "action",
              "priority": 90,
              "render": true,
              "label": "Action On Click",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "file": { "label": "Lightbox" },
                    "post": { "label": "Attachment Page" },
                    "none": { "label": "None" }
                  }
                }
              }
            },
            "orderby": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "orderby",
              "priority": 100,
              "render": true,
              "label": "Order By",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "post__in": { "label": "Custom" },
                    "rand":     { "label": "Random" },
                    "title":    { "label": "Title" },
                    "date":     { "label": "Date" }
                  }
                }
              }
            },
            "order": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "order",
              "priority": 110,
              "render": true,
              "label": "Order",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "ASC":  { "label": "Ascending" },
                    "DESC": { "label": "Descending" }
                  }
                }
              }
            },
            "gutterwidth": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "gutterwidth",
              "priority": 120,
              "render": true,
              "label": "Gutter",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/range", "type": "field", "props": { "min": 0, "max": 100, "defaultUnit": "" } }
            },
            "galleryNavigation": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "galleryNavigation",
              "priority": 130,
              "render": true,
              "label": "Gallery Navigation",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "on":  { "label": "On" },
                    "off": { "label": "Off" }
                  }
                }
              }
            },
            "subGalleriesListing": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "subGalleriesListing",
              "priority": 140,
              "render": true,
              "label": "Sub-galleries Listing",
              "description": "This gallery will only list its sub-galleries, using the galleries covers as image.",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "on":  { "label": "On" },
                    "off": { "label": "Off" }
                  }
                }
              }
            },
            "galleryImageTags": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "galleryImageTags",
              "priority": 150,
              "render": true,
              "label": "Display Image Tags",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "on":  { "label": "On" },
                    "off": { "label": "Off" }
                  }
                }
              }
            },
            "downloadAll": {
              "groupSlug": "galleryAddonSettings",
              "attrName": "module.innerContent",
              "subName": "downloadAll",
              "priority": 160,
              "render": true,
              "label": "Download All Images",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "on":  { "label": "On" },
                    "off": { "label": "Off" }
                  }
                }
              }
            },
            "borderRadius": {
              "groupSlug": "borderSettings",
              "attrName": "module.innerContent",
              "subName": "borderRadius",
              "priority": 10,
              "render": true,
              "label": "Border Radius",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/range", "type": "field", "props": { "min": 0, "max": 20, "defaultUnit": "" } }
            },
            "borderStyle": {
              "groupSlug": "borderSettings",
              "attrName": "module.innerContent",
              "subName": "borderStyle",
              "priority": 20,
              "render": true,
              "label": "Border Type",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "solid":  { "label": "Solid" },
                    "double": { "label": "Double" },
                    "dotted": { "label": "Dotted" },
                    "dashed": { "label": "Dashed" },
                    "groove": { "label": "Groove" }
                  }
                }
              }
            },
            "borderWidth": {
              "groupSlug": "borderSettings",
              "attrName": "module.innerContent",
              "subName": "borderWidth",
              "priority": 30,
              "render": true,
              "label": "Border Width",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/range", "type": "field", "props": { "min": 0, "max": 30, "defaultUnit": "" } }
            },
            "borderColor": {
              "groupSlug": "borderSettings",
              "attrName": "module.innerContent",
              "subName": "borderColor",
              "priority": 40,
              "render": true,
              "label": "Border Color",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/color-picker", "type": "field" }
            },
            "enableShadow": {
              "groupSlug": "borderSettings",
              "attrName": "module.innerContent",
              "subName": "enableShadow",
              "priority": 50,
              "render": true,
              "label": "Enable Shadow",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "on":  { "label": "On" },
                    "off": { "label": "Off" }
                  }
                }
              }
            },
            "shadowColor": {
              "groupSlug": "borderSettings",
              "attrName": "module.innerContent",
              "subName": "shadowColor",
              "priority": 60,
              "render": true,
              "label": "Shadow Color",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/color-picker", "type": "field" }
            },
            "shadowHorizontal": {
              "groupSlug": "borderSettings",
              "attrName": "module.innerContent",
              "subName": "shadowHorizontal",
              "priority": 70,
              "render": true,
              "label": "Shadow Horizontal",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/range", "type": "field", "props": { "min": -50, "max": 50, "defaultUnit": "" } }
            },
            "shadowVertical": {
              "groupSlug": "borderSettings",
              "attrName": "module.innerContent",
              "subName": "shadowVertical",
              "priority": 80,
              "render": true,
              "label": "Shadow Vertical",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/range", "type": "field", "props": { "min": -50, "max": 50, "defaultUnit": "" } }
            },
            "shadowBlur": {
              "groupSlug": "borderSettings",
              "attrName": "module.innerContent",
              "subName": "shadowBlur",
              "priority": 90,
              "render": true,
              "label": "Shadow Blur",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/range", "type": "field", "props": { "min": 0, "max": 50, "defaultUnit": "" } }
            },
            "shadowSpread": {
              "groupSlug": "borderSettings",
              "attrName": "module.innerContent",
              "subName": "shadowSpread",
              "priority": 100,
              "render": true,
              "label": "Shadow Spread",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/range", "type": "field", "props": { "min": 0, "max": 50, "defaultUnit": "" } }
            },
            "disableOverlay": {
              "groupSlug": "hoverSettings",
              "attrName": "module.innerContent",
              "subName": "disableOverlay",
              "priority": 10,
              "render": true,
              "label": "Disable Overlay",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "on":  { "label": "On" },
                    "off": { "label": "Off" }
                  }
                }
              }
            },
            "hoverColor": {
              "groupSlug": "hoverSettings",
              "attrName": "module.innerContent",
              "subName": "hoverColor",
              "priority": 20,
              "render": true,
              "label": "Hover Color",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/color-picker", "type": "field" }
            },
            "hoverOpacity": {
              "groupSlug": "hoverSettings",
              "attrName": "module.innerContent",
              "subName": "hoverOpacity",
              "priority": 30,
              "render": true,
              "label": "Hover Opacity",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/range", "type": "field", "props": { "min": 0, "max": 1, "step": 0.1, "defaultUnit": "" } }
            },
            "hoverTitlePosition": {
              "groupSlug": "hoverSettings",
              "attrName": "module.innerContent",
              "subName": "hoverTitlePosition",
              "priority": 40,
              "render": true,
              "label": "Title Position",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "none":          { "label": "None" },
                    "top_left":      { "label": "Top Left" },
                    "top_right":     { "label": "Top Right" },
                    "top_center":    { "label": "Top Center" },
                    "bottom_left":   { "label": "Bottom Left" },
                    "bottom_right":  { "label": "Bottom Right" },
                    "bottom_center": { "label": "Bottom Center" },
                    "center_center": { "label": "Center Center" }
                  }
                }
              }
            },
            "hoverTitleSize": {
              "groupSlug": "hoverSettings",
              "attrName": "module.innerContent",
              "subName": "hoverTitleSize",
              "priority": 50,
              "render": true,
              "label": "Title Size",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/range", "type": "field", "props": { "min": 0, "max": 150, "defaultUnit": "" } }
            },
            "hoverTitleColor": {
              "groupSlug": "hoverSettings",
              "attrName": "module.innerContent",
              "subName": "hoverTitleColor",
              "priority": 60,
              "render": true,
              "label": "Title Color",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/color-picker", "type": "field" }
            },
            "hoverDescPosition": {
              "groupSlug": "hoverSettings",
              "attrName": "module.innerContent",
              "subName": "hoverDescPosition",
              "priority": 70,
              "render": true,
              "label": "Description Position",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": {
                "name": "divi/select",
                "type": "field",
                "props": {
                  "options": {
                    "none":          { "label": "None" },
                    "top_left":      { "label": "Top Left" },
                    "top_right":     { "label": "Top Right" },
                    "top_center":    { "label": "Top Center" },
                    "bottom_left":   { "label": "Bottom Left" },
                    "bottom_right":  { "label": "Bottom Right" },
                    "bottom_center": { "label": "Bottom Center" },
                    "center_center": { "label": "Center Center" }
                  }
                }
              }
            },
            "hoverDescSize": {
              "groupSlug": "hoverSettings",
              "attrName": "module.innerContent",
              "subName": "hoverDescSize",
              "priority": 80,
              "render": true,
              "label": "Description Size",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/range", "type": "field", "props": { "min": 0, "max": 150, "defaultUnit": "" } }
            },
            "hoverDescColor": {
              "groupSlug": "hoverSettings",
              "attrName": "module.innerContent",
              "subName": "hoverDescColor",
              "priority": 90,
              "render": true,
              "label": "Description Color",
              "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": false },
              "component": { "name": "divi/color-picker", "type": "field" }
            }
          }
        }
      }
    }
  },
  "customCssFields": {},
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "galleryAddonSettings": {
        "panel": "content",
        "priority": 10,
        "groupName": "galleryAddonSettings",
        "multiElements": true,
        "component": { "name": "divi/composite", "props": { "groupLabel": "Gallery Addon Settings" } }
      },
      "borderSettings": {
        "panel": "content",
        "priority": 20,
        "groupName": "borderSettings",
        "multiElements": true,
        "component": { "name": "divi/composite", "props": { "groupLabel": "Border & Shadow" } }
      },
      "hoverSettings": {
        "panel": "content",
        "priority": 30,
        "groupName": "hoverSettings",
        "multiElements": true,
        "component": { "name": "divi/composite", "props": { "groupLabel": "Hover Settings" } }
      }
    }
  }
}