{
  "name": "divitorque/image-accordion",
  "title": "Image Accordion",
  "titles": "Image Accordions",
  "moduleIcon": "divitorque/image-accordion",
  "moduleClassName": "dtq_image_accordion",
  "moduleOrderClassName": "dtq_image_accordion",
  "category": "module",
  "childModuleName": "divitorque/image-accordion-item",
  "childModuleTitle": "Image Accordion Panel",
  "childrenName": ["divitorque/image-accordion-item"],
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "default": {
        "advanced": {
          "direction": { "desktop": { "value": "horizontal" } },
          "activator": { "desktop": { "value": "hover" } },
          "stackOn": { "desktop": { "value": "phone" } },
          "contentReveal": { "desktop": { "value": "active" } },
          "panelHeight": { "desktop": { "value": "420px" } },
          "gap": { "desktop": { "value": "8px" } },
          "growRatio": { "desktop": { "value": "3" } },
          "speed": { "desktop": { "value": "450ms" } },
          "easing": { "desktop": { "value": "ease" } },
          "overlayColor": { "desktop": { "value": "rgba(0,0,0,0.35)" } },
          "overlayActiveColor": { "desktop": { "value": "rgba(0,0,0,0.55)" } },
          "contentPosition": { "desktop": { "value": "bottom" } }
        }
      },
      "settings": {
        "meta": { "adminLabel": {} },
        "advanced": {
          "htmlAttributes": {},
          "direction": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentMain",
              "attrName": "module.advanced.direction",
              "label": "Direction",
              "description": "Lay the panels out side by side or stacked top to bottom.",
              "priority": 10,
              "render": true,
              "features": { "sticky": false, "responsive": false, "hover": false },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "horizontal": { "label": "Horizontal" },
                    "vertical": { "label": "Vertical" }
                  }
                }
              }
            }
          },
          "activator": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentMain",
              "attrName": "module.advanced.activator",
              "label": "Expand On",
              "description": "Hover expands as the pointer moves and is reachable by keyboard through the panel's own links. Click adds an explicit control on each panel.",
              "priority": 20,
              "render": true,
              "features": { "sticky": false, "responsive": false, "hover": false },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "hover": { "label": "Hover" },
                    "click": { "label": "Click" }
                  }
                }
              }
            }
          },
          "stackOn": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentMain",
              "attrName": "module.advanced.stackOn",
              "label": "Stack On",
              "description": "Below this size the panels stack and all content is shown, because there is no room to expand sideways.",
              "priority": 30,
              "render": true,
              "features": { "sticky": false, "responsive": false, "hover": false },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "none": { "label": "Never" },
                    "tablet": { "label": "Tablet and below" },
                    "phone": { "label": "Phone only" }
                  }
                }
              }
            }
          },
          "contentReveal": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentMain",
              "attrName": "module.advanced.contentReveal",
              "label": "Show Panel Content",
              "description": "Whether the body text and button are visible always, or only on the expanded panel.",
              "priority": 40,
              "render": true,
              "features": { "sticky": false, "responsive": false, "hover": false },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "always": { "label": "Always" },
                    "active": { "label": "Only when expanded" }
                  }
                }
              }
            }
          },
          "contentPosition": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentMain",
              "attrName": "module.advanced.contentPosition",
              "label": "Content Position",
              "priority": 50,
              "render": true,
              "features": { "sticky": false, "responsive": false, "hover": false },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "top": { "label": "Top" },
                    "center": { "label": "Center" },
                    "bottom": { "label": "Bottom" }
                  }
                }
              }
            }
          },
          "panelHeight": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPanel",
              "attrName": "module.advanced.panelHeight",
              "label": "Height",
              "priority": 10,
              "render": true,
              "features": { "sticky": false, "responsive": true, "hover": false },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": { "min": 120, "max": 900, "step": 10, "defaultUnit": "px", "validUnits": ["px", "vh"] }
              }
            }
          },
          "gap": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPanel",
              "attrName": "module.advanced.gap",
              "label": "Gap Between Panels",
              "priority": 20,
              "render": true,
              "features": { "sticky": false, "responsive": true, "hover": false },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": { "min": 0, "max": 60, "step": 1, "defaultUnit": "px" }
              }
            }
          },
          "growRatio": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPanel",
              "attrName": "module.advanced.growRatio",
              "label": "Expanded Size",
              "description": "How much larger the expanded panel is than a collapsed one.",
              "priority": 30,
              "render": true,
              "features": { "sticky": false, "responsive": false, "hover": false },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": { "min": 1, "max": 8, "step": 1, "defaultUnit": "" }
              }
            }
          },
          "speed": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPanel",
              "attrName": "module.advanced.speed",
              "label": "Transition Speed",
              "description": "Ignored for visitors who have asked for reduced motion.",
              "priority": 40,
              "render": true,
              "features": { "sticky": false, "responsive": false, "hover": false },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": { "min": 0, "max": 2000, "step": 50, "defaultUnit": "ms", "validUnits": ["ms", "s"] }
              }
            }
          },
          "easing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPanel",
              "attrName": "module.advanced.easing",
              "label": "Transition Easing",
              "priority": 50,
              "render": true,
              "features": { "sticky": false, "responsive": false, "hover": false },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "ease": { "label": "Ease" },
                    "ease-in": { "label": "Ease In" },
                    "ease-out": { "label": "Ease Out" },
                    "ease-in-out": { "label": "Ease In Out" },
                    "linear": { "label": "Linear" },
                    "cubic-bezier(0.4, 0, 0.2, 1)": { "label": "Smooth" }
                  }
                }
              }
            }
          },
          "overlayColor": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designOverlay",
              "attrName": "module.advanced.overlayColor",
              "label": "Overlay Color",
              "description": "Tint over every panel image, so the title stays readable.",
              "priority": 10,
              "render": true,
              "features": { "sticky": false, "responsive": false, "hover": false },
              "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } }
            }
          },
          "overlayActiveColor": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designOverlay",
              "attrName": "module.advanced.overlayActiveColor",
              "label": "Expanded Overlay Color",
              "description": "Tint used on the expanded panel.",
              "priority": 20,
              "render": true,
              "features": { "sticky": false, "responsive": false, "hover": false },
              "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } }
            }
          },
          "text": {}
        },
        "decoration": {
          "animation": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "disabledOn": {},
          "filters": {},
          "overflow": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      }
    },
    "title": {
      "type": "object",
      "selector": "{{selector}} .dtq-image-accordion__title",
      "settings": {
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTitle",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/font",
                "type": "group",
                "props": { "grouped": false, "fieldLabel": "Panel Title", "hideTextAlign": true }
              }
            }
          }
        }
      }
    },
    "content": {
      "type": "object",
      "selector": "{{selector}} .dtq-image-accordion__content",
      "settings": {
        "decoration": {
          "bodyFont": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designContent",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/font-body",
                "type": "group",
                "props": { "grouped": false, "fieldLabel": "Panel Body" }
              }
            }
          }
        }
      }
    },
    "panel": {
      "type": "object",
      "selector": "{{selector}} .dtq-image-accordion__panel",
      "settings": {
        "decoration": {
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPanel",
              "priority": 60,
              "render": true,
              "component": { "name": "divi/border", "type": "group", "props": { "grouped": false, "fieldLabel": "Panel" } }
            }
          },
          "boxShadow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPanel",
              "priority": 70,
              "render": true,
              "component": { "name": "divi/box-shadow", "type": "group", "props": { "grouped": false, "fieldLabel": "Panel" } }
            }
          }
        }
      }
    }
  },
  "customCssFields": {
    "panel": { "subName": "panel", "selectorSuffix": " .dtq-image-accordion__panel" },
    "title": { "subName": "title", "selectorSuffix": " .dtq-image-accordion__title" },
    "content": { "subName": "content", "selectorSuffix": " .dtq-image-accordion__content" }
  },
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "contentMain": {
        "panel": "content",
        "priority": 10,
        "groupName": "contentMain",
        "component": { "name": "divi/composite", "props": { "groupLabel": "Layout & Behaviour" } }
      },
      "designPanel": {
        "panel": "design",
        "priority": 10,
        "groupName": "designPanel",
        "component": { "name": "divi/composite", "props": { "groupLabel": "Panels" } }
      },
      "designOverlay": {
        "panel": "design",
        "priority": 20,
        "groupName": "designOverlay",
        "component": { "name": "divi/composite", "props": { "groupLabel": "Overlay" } }
      },
      "designTitle": {
        "panel": "design",
        "priority": 30,
        "groupName": "designTitle",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": { "groupLabel": "Panel Title", "clipboardCategory": "style", "presetGroup": "divi/font" }
        }
      },
      "designContent": {
        "panel": "design",
        "priority": 40,
        "groupName": "designContent",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": { "groupLabel": "Panel Body", "clipboardCategory": "style", "presetGroup": "divi/font-body" }
        }
      }
    }
  }
}