{
  "name": "divitorque/image-accordion-item",
  "title": "Image Accordion Panel",
  "titles": "Image Accordion Panels",
  "moduleIcon": "divitorque/image-accordion-item",
  "moduleClassName": "dtq_image_accordion_item",
  "moduleOrderClassName": "dtq_image_accordion_item",
  "category": "child-module",
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "default": {
        "advanced": {
          "activeByDefault": { "desktop": { "value": "off" } },
          "imageFit": { "desktop": { "value": "cover" } },
          "focalX": { "desktop": { "value": "50%" } },
          "focalY": { "desktop": { "value": "50%" } }
        }
      },
      "settings": {
        "meta": { "adminLabel": {} },
        "advanced": {
          "htmlAttributes": {},
          "image": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentPanel",
              "attrName": "module.advanced.image",
              "label": "Panel Image",
              "priority": 10,
              "render": true,
              "features": { "sticky": false, "responsive": false, "hover": false },
              "component": { "type": "field", "name": "divi/upload" }
            }
          },
          "imageAlt": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentPanel",
              "attrName": "module.advanced.imageAlt",
              "label": "Image Alt Text",
              "description": "Describes the image for screen readers. Leave empty only if the image adds nothing the title does not already say.",
              "priority": 20,
              "render": true,
              "features": { "sticky": false, "responsive": false, "hover": false },
              "component": { "type": "field", "name": "divi/text" }
            }
          },
          "activeByDefault": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentPanel",
              "attrName": "module.advanced.activeByDefault",
              "label": "Expanded By Default",
              "description": "Which panel starts expanded. If more than one is set, the first wins.",
              "priority": 30,
              "render": true,
              "features": { "sticky": false, "responsive": false, "hover": false },
              "component": { "type": "field", "name": "divi/toggle" }
            }
          },
          "imageFit": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPanelImage",
              "attrName": "module.advanced.imageFit",
              "label": "Image Fit",
              "priority": 10,
              "render": true,
              "features": { "sticky": false, "responsive": false, "hover": false },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "cover": { "label": "Cover" },
                    "contain": { "label": "Contain" }
                  }
                }
              }
            }
          },
          "focalX": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPanelImage",
              "attrName": "module.advanced.focalX",
              "label": "Focal Point X",
              "description": "Which part of the image stays visible as the panel narrows.",
              "priority": 20,
              "render": true,
              "features": { "sticky": false, "responsive": false, "hover": false },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": { "min": 0, "max": 100, "step": 1, "defaultUnit": "%" }
              }
            }
          },
          "focalY": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPanelImage",
              "attrName": "module.advanced.focalY",
              "label": "Focal Point Y",
              "priority": 30,
              "render": true,
              "features": { "sticky": false, "responsive": false, "hover": false },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": { "min": 0, "max": 100, "step": 1, "defaultUnit": "%" }
              }
            }
          },
          "text": {}
        },
        "decoration": {
          "animation": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "disabledOn": {},
          "filters": {},
          "spacing": {},
          "transform": {},
          "transition": {}
        }
      }
    },
    "title": {
      "type": "object",
      "selector": "{{selector}} .dtq-image-accordion__title",
      "elementType": "heading",
      "tagName": "h3",
      "inlineEditor": "plainText",
      "attributes": { "class": "dtq-image-accordion__title" },
      "childrenSanitizer": "et_core_esc_previously",
      "default": {
        "innerContent": { "desktop": { "value": "Panel title" } },
        "decoration": {
          "font": { "font": { "desktop": { "value": { "headingLevel": "h3", "size": "20px" } } } }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentPanel",
            "attrName": "title.innerContent",
            "label": "Title",
            "priority": 40,
            "render": true,
            "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": true },
            "component": { "type": "field", "name": "divi/text" }
          }
        },
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designItemTitle",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/font",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Title",
                  "hideTextAlign": true,
                  "fields": { "headingLevel": { "render": true } }
                }
              }
            }
          }
        }
      }
    },
    "content": {
      "type": "object",
      "selector": "{{selector}} .dtq-image-accordion__content",
      "elementType": "richText",
      "tagName": "div",
      "inlineEditor": "richText",
      "attributes": { "class": "dtq-image-accordion__content dtq-mce-content" },
      "childrenSanitizer": "et_core_esc_previously",
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentPanel",
            "attrName": "content.innerContent",
            "label": "Body",
            "description": "Shown when the panel is expanded, or always, depending on the parent's Show Panel Content setting.",
            "priority": 50,
            "render": true,
            "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": true },
            "component": { "type": "field", "name": "divi/richtext" }
          }
        },
        "decoration": {
          "bodyFont": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designItemContent",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/font-body",
                "type": "group",
                "props": { "grouped": false, "fieldLabel": "Body" }
              }
            }
          }
        }
      }
    },
    "button": {
      "type": "object",
      "selector": "{{selector}} .et_pb_button.dtq-image-accordion__btn",
      "elementType": "button",
      "attributes": { "class": "dtq-btn-default dtq-image-accordion__btn" },
      "default": {
        "innerContent": { "desktop": { "value": { "text": "", "linkTarget": "off" } } }
      },
      "settings": {
        "innerContent": {
          "groupType": "into-multiple-groups",
          "groups": {
            "text": {
              "groupType": "group-item",
              "item": {
                "groupSlug": "contentPanel",
                "attrName": "button.innerContent",
                "subName": "text",
                "label": "Button Text",
                "description": "Leave empty for no button.",
                "priority": 60,
                "render": true,
                "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": true },
                "component": { "type": "field", "name": "divi/text" }
              }
            },
            "link": {
              "groupType": "group-item",
              "item": {
                "groupSlug": "contentPanel",
                "priority": 70,
                "render": true,
                "component": {
                  "name": "divi/button-link",
                  "type": "group",
                  "props": { "grouped": false, "attrName": "button.innerContent", "fieldLabel": "Button" }
                }
              }
            }
          }
        },
        "decoration": {
          "button": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designItemButton",
              "attrName": "button.decoration.button",
              "priority": 10,
              "render": true,
              "component": { "name": "divi/button", "type": "group" }
            }
          }
        }
      }
    }
  },
  "customCssFields": {
    "image": { "subName": "image", "selectorSuffix": " .dtq-image-accordion__media img" },
    "title": { "subName": "title", "selectorSuffix": " .dtq-image-accordion__title" },
    "content": { "subName": "content", "selectorSuffix": " .dtq-image-accordion__content" },
    "button": { "subName": "button", "selectorSuffix": " .dtq-image-accordion__btn" }
  },
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "contentPanel": {
        "panel": "content",
        "priority": 10,
        "groupName": "contentPanel",
        "component": { "name": "divi/composite", "props": { "groupLabel": "Panel" } }
      },
      "designPanelImage": {
        "panel": "design",
        "priority": 10,
        "groupName": "designPanelImage",
        "component": { "name": "divi/composite", "props": { "groupLabel": "Image" } }
      },
      "designItemTitle": {
        "panel": "design",
        "priority": 20,
        "groupName": "designItemTitle",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": { "groupLabel": "Title", "clipboardCategory": "style", "presetGroup": "divi/font" }
        }
      },
      "designItemContent": {
        "panel": "design",
        "priority": 30,
        "groupName": "designItemContent",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": { "groupLabel": "Body", "clipboardCategory": "style", "presetGroup": "divi/font-body" }
        }
      },
      "designItemButton": {
        "panel": "design",
        "priority": 40,
        "groupName": "designItemButton",
        "component": { "name": "divi/composite", "props": { "groupLabel": "Button" } }
      }
    }
  }
}