{
  "name": "dina/masonry-gallery",
  "d4Shortcode": "dina_masonry_gallery",
  "title": "Masonry Gallery",
  "titles": "Masonry Galleries",
  "moduleIcon": "dina/masonry",
  "moduleClassName": "dina_masonry_gallery",
  "moduleOrderClassName": "dina_masonry_gallery",
  "category": "module",
  "folder": "divinationkit",
  "childrenName": [],
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "default": {
        "meta": {
          "adminLabel": {
            "desktop": {
              "value": "Masonry Gallery"
            }
          }
        },
        "advanced": {
          "galleryOrderby": {
            "desktop": {
              "value": "default"
            }
          },
          "columnCount": {
            "desktop": {
              "value": "4"
            }
          },
          "spaceBetweenItem": {
            "desktop": {
              "value": "30px"
            }
          },
          "useHoverEffect": {
            "desktop": {
              "value": "off"
            }
          },
          "lightbox": {
            "desktop": {
              "value": "use_lightbox"
            }
          }
        }
      },
      "styleProps": {
        "spacing": {
          "important": true
        },
        "background": {
          "important": true
        }
      },
      "settings": {
        "meta": {
          "adminLabel": {}
        },
        "advanced": {
          "galleryIds": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentImages",
              "attrName": "module.advanced.galleryIds",
              "label": "Images",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/upload-gallery"
              }
            }
          },
          "galleryOrderby": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentImages",
              "attrName": "module.advanced.galleryOrderby",
              "label": "Image Order",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "default": {
                      "label": "Default"
                    },
                    "rand": {
                      "label": "Random"
                    }
                  }
                }
              }
            }
          },
          "columnCount": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentImages",
              "attrName": "module.advanced.columnCount",
              "label": "Column Count",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 1,
                  "max": 12,
                  "step": 1,
                  "allowedUnits": [],
                  "defaultUnit": ""
                }
              }
            }
          },
          "spaceBetweenItem": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentImages",
              "attrName": "module.advanced.spaceBetweenItem",
              "label": "Space Between Item",
              "priority": 40,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 100,
                  "step": 1,
                  "allowedUnits": [
                    "px",
                    "em",
                    "rem"
                  ],
                  "defaultUnit": "px"
                }
              }
            }
          },
          "useHoverEffect": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentSettings",
              "attrName": "module.advanced.useHoverEffect",
              "label": "Use Hover Effect",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "hoverEffect": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentSettings",
              "attrName": "module.advanced.hoverEffect",
              "label": "2D Hover Effect",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "": {
                      "label": "Select"
                    },
                    "dina-hover-grow": {
                      "label": "Grow"
                    },
                    "dina-hover-shrink": {
                      "label": "Shrink"
                    },
                    "dina-hover-pulse": {
                      "label": "Pulse"
                    },
                    "dina-hover-pulse-grow": {
                      "label": "Pulse Grow"
                    },
                    "dina-hover-pulse-shrink": {
                      "label": "Pulse Shrink"
                    },
                    "dina-hover-pop": {
                      "label": "Pop"
                    },
                    "dina-hover-push": {
                      "label": "Push"
                    },
                    "dina-hover-bounce-in": {
                      "label": "Bounce In"
                    },
                    "dina-hover-bounce-out": {
                      "label": "Bounce Out"
                    },
                    "dina-hover-rotate": {
                      "label": "Rotate"
                    },
                    "dina-hover-rotate-grow": {
                      "label": "Rotate Grow"
                    },
                    "dina-hover-float": {
                      "label": "Float"
                    },
                    "dina-hover-sink": {
                      "label": "Sink"
                    },
                    "dina-hover-bob": {
                      "label": "Bob"
                    },
                    "dina-hover-hang": {
                      "label": "Hang"
                    },
                    "dina-hover-skew-forward": {
                      "label": "Skew Forward"
                    },
                    "dina-hover-skew-backward": {
                      "label": "Skew Backward"
                    },
                    "dina-hover-wobble-horizontal": {
                      "label": "Wobble Horizontal"
                    },
                    "dina-hover-wobble-vertical": {
                      "label": "Wobble Vertical"
                    },
                    "dina-hover-wobble-to-bottom-right": {
                      "label": "Wobble to Bottom Right"
                    },
                    "dina-hover-wobble-to-top-right": {
                      "label": "Wobble to Top Right"
                    },
                    "dina-hover-wobble-top": {
                      "label": "Wobble Top"
                    },
                    "dina-hover-wobble-bottom": {
                      "label": "Wobble Bottom"
                    },
                    "dina-hover-wobble-skew": {
                      "label": "Wobble Skew"
                    },
                    "dina-hover-buzz": {
                      "label": "Buzz"
                    },
                    "dina-hover-buzz-out": {
                      "label": "Buzz Out"
                    },
                    "dina-hover-forward": {
                      "label": "Forward"
                    },
                    "dina-hover-backward": {
                      "label": "Backward"
                    }
                  }
                }
              }
            }
          },
          "lightbox": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentSettings",
              "attrName": "module.advanced.lightbox",
              "label": "Lightbox/Link",
              "description": "\"Use Link\" opens the Link Url set on each image in the Media Library.",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "none": {
                      "label": "None"
                    },
                    "use_lightbox": {
                      "label": "Use Lightbox"
                    },
                    "use_link": {
                      "label": "Use Link"
                    }
                  }
                }
              }
            }
          },
          "htmlAttributes": {}
        },
        "decoration": {
          "animation": {},
          "attributes": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "interactions": {},
          "layout": {},
          "overflow": {},
          "order": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      }
    },
    "image": {
      "type": "object",
      "selector": "{{selector}} .dina_masonry_gallery-item img",
      "styleProps": {
        "spacing": {
          "important": true
        },
        "border": {
          "important": true
        }
      },
      "settings": {
        "decoration": {
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designImage",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Image",
                  "fields": {
                    "margin": {
                      "render": false
                    }
                  }
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designImage",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Image"
                }
              }
            }
          },
          "filters": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designImage",
              "priority": 30,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/filters",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Image"
                }
              }
            }
          }
        }
      }
    },
    "item": {
      "type": "object",
      "selector": "{{selector}} .dina_masonry_gallery-item",
      "settings": {
        "decoration": {
          "boxShadow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designImage",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/box-shadow",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Image"
                }
              }
            }
          }
        }
      }
    }
  },
  "customCssFields": {},
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "contentImages": {
        "panel": "content",
        "priority": 10,
        "groupName": "contentImages",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Images"
          }
        }
      },
      "contentSettings": {
        "panel": "content",
        "priority": 20,
        "groupName": "contentSettings",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Settings"
          }
        }
      },
      "designImage": {
        "panel": "design",
        "priority": 30,
        "groupName": "designImage",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Image"
          }
        }
      }
    }
  }
}
