{
  "name": "divitorque/icon-box",
  "d4Shortcode": "ba_icon_box",
  "moduleClassName": "dtq_icon_box",
  "moduleOrderClassName": "dtq_icon_box",
  "title": "Icon Box",
  "titles": "Icon Boxes",
  "moduleIcon": "divitorque/icon-box",
  "category": "module",
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "default": {
        "advanced": {
          "useImage": {
            "desktop": {
              "value": "off"
            }
          },
          "icon": {
            "desktop": {
              "value": {
                "unicode": "N",
                "type": "divi",
                "weight": "400"
              }
            }
          },
          "iconPlacement": {
            "desktop": {
              "value": "normal"
            }
          },
          "contentAlignment": {
            "desktop": {
              "value": "center"
            }
          },
          "iconColor": {
            "desktop": {
              "value": "#333"
            }
          },
          "iconSize": {
            "desktop": {
              "value": "60px"
            }
          },
          "iconWidth": {
            "desktop": {
              "value": "auto"
            }
          },
          "iconHeight": {
            "desktop": {
              "value": "auto"
            }
          },
          "iconSpacing": {
            "desktop": {
              "value": "10px"
            }
          },
          "iconBgRotate": {
            "desktop": {
              "value": "0deg"
            }
          },
          "iconBg": {
            "desktop": {
              "value": ""
            }
          },
          "titleSpacing": {
            "desktop": {
              "value": "10px"
            }
          },
          "iconPosition": {
            "desktop": {
              "value": "left_top"
            }
          },
          "iconIsCenterX": {
            "desktop": {
              "value": "off"
            }
          },
          "iconOffsetX": {
            "desktop": {
              "value": "50%"
            }
          },
          "iconIsCenterY": {
            "desktop": {
              "value": "off"
            }
          },
          "iconOffsetY": {
            "desktop": {
              "value": "50%"
            }
          },
          "badgePosition": {
            "desktop": {
              "value": "right_top"
            }
          },
          "badgeIsCenterX": {
            "desktop": {
              "value": "off"
            }
          },
          "badgeOffsetX": {
            "desktop": {
              "value": "15px"
            }
          },
          "badgeIsCenterY": {
            "desktop": {
              "value": "off"
            }
          },
          "badgeOffsetY": {
            "desktop": {
              "value": "15px"
            }
          },
          "badgePadding": {
            "desktop": {
              "value": "5px|15px|5px|15px"
            }
          },
          "badgeBg": {
            "desktop": {
              "value": "#efefef"
            }
          }
        }
      },
      "settings": {
        "meta": {
          "adminLabel": {}
        },
        "advanced": {
          "htmlAttributes": {},
          "useImage": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentIcon",
              "attrName": "module.advanced.useImage",
              "label": "Use Image",
              "description": "Here you can choose whether image should be used.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "icon": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentIcon",
              "attrName": "module.advanced.icon",
              "label": "Icon",
              "description": "Select icon for the icon box.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/icon-picker"
              }
            }
          },
          "iconImage": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentIcon",
              "attrName": "module.advanced.iconImage",
              "label": "Upload Icon Image",
              "description": "Upload an image or type in the URL of the image you would like to display for the icon box.",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false,
                "dynamicContent": true
              },
              "component": {
                "type": "field",
                "name": "divi/upload"
              }
            }
          },
          "imageAlt": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentIcon",
              "attrName": "module.advanced.imageAlt",
              "label": "Image Alt Text",
              "description": "Define the HTML ALT text for your image here.",
              "priority": 40,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            }
          },
          "badgeText": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentText",
              "attrName": "module.advanced.badgeText",
              "label": "Badge Text",
              "description": "Define the badge text for your icon box.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false,
                "dynamicContent": true
              },
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            }
          },
          "iconPlacement": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "attrName": "module.advanced.iconPlacement",
              "label": "Icon Position",
              "description": "Select icon position. By selecting absolute position icon can be placed any where on the icon box.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "normal": {
                      "label": "Normal"
                    },
                    "absolute": {
                      "label": "Absolute"
                    }
                  }
                }
              }
            }
          },
          "iconColor": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "attrName": "module.advanced.iconColor",
              "label": "Icon Color",
              "description": "Here you can define a custom color for the icon.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": true
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "iconBg": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "attrName": "module.advanced.iconBg",
              "label": "Icon Background",
              "description": "Adjust the background color of the icon.",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": true
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "iconSize": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "attrName": "module.advanced.iconSize",
              "label": "Icon Size",
              "description": "Here you can define a custom size for the icon.",
              "priority": 40,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 200,
                  "step": 1,
                  "defaultUnit": "px"
                }
              }
            }
          },
          "iconWidth": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "attrName": "module.advanced.iconWidth",
              "label": "Icon Width",
              "description": "Define static width for the icon box.",
              "priority": 50,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 1,
                  "max": 500,
                  "step": 1,
                  "defaultUnit": "px"
                }
              }
            }
          },
          "iconHeight": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "attrName": "module.advanced.iconHeight",
              "label": "Icon Height",
              "description": "Define static height for the icon box.",
              "priority": 60,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 1,
                  "max": 500,
                  "step": 1,
                  "defaultUnit": "px"
                }
              }
            }
          },
          "iconPadding": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "attrName": "module.advanced.iconPadding",
              "label": "Icon Padding",
              "description": "Here you can define a custom padding for the icon.",
              "priority": 70,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/spacing"
              }
            }
          },
          "iconSpacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "attrName": "module.advanced.iconSpacing",
              "label": "Icon Bottom Spacing",
              "description": "Here you can define a custom spacing at the bottom of the icon.",
              "priority": 80,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 200,
                  "step": 1,
                  "defaultUnit": "px"
                }
              }
            }
          },
          "iconBgRotate": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "attrName": "module.advanced.iconBgRotate",
              "label": "Icon Box Rotate",
              "description": "Rotate icon box, icon will be in same position. Only container box will be rotated.",
              "priority": 90,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": -360,
                  "max": 360,
                  "step": 1,
                  "defaultUnit": "deg"
                }
              }
            }
          },
          "iconPosition": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIconPlacement",
              "attrName": "module.advanced.iconPosition",
              "label": "Icon Position",
              "description": "Select icon placement.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "left_top": {
                      "label": "Left Top"
                    },
                    "left_bottom": {
                      "label": "Left Bottom"
                    },
                    "right_top": {
                      "label": "Right Top"
                    },
                    "right_bottom": {
                      "label": "Right Bottom"
                    }
                  }
                }
              }
            }
          },
          "iconIsCenterX": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIconPlacement",
              "attrName": "module.advanced.iconIsCenterX",
              "label": "Use Horizontal Position Center",
              "description": "If enabled icon will be in horizontally center position.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "iconOffsetX": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIconPlacement",
              "attrName": "module.advanced.iconOffsetX",
              "label": "Horizontal Offset",
              "description": "Icon horizontal offset value.",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": -600,
                  "max": 600,
                  "step": 1,
                  "defaultUnit": "px",
                  "allowedUnits": [
                    "px",
                    "%"
                  ]
                }
              }
            }
          },
          "iconIsCenterY": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIconPlacement",
              "attrName": "module.advanced.iconIsCenterY",
              "label": "Use Vertical Position Center",
              "description": "If enabled icon will be in vertically center position.",
              "priority": 40,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "iconOffsetY": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIconPlacement",
              "attrName": "module.advanced.iconOffsetY",
              "label": "Vertical Offset",
              "description": "Icon vertical offset value.",
              "priority": 50,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": -600,
                  "max": 600,
                  "step": 1,
                  "defaultUnit": "px",
                  "allowedUnits": [
                    "px",
                    "%"
                  ]
                }
              }
            }
          },
          "contentAlignment": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designAlignment",
              "attrName": "module.advanced.contentAlignment",
              "label": "Alignment",
              "description": "Align content to the left, right or center.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "left": {
                      "label": "Left"
                    },
                    "center": {
                      "label": "Center"
                    },
                    "right": {
                      "label": "Right"
                    }
                  }
                }
              }
            }
          },
          "badgePosition": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBadge",
              "attrName": "module.advanced.badgePosition",
              "label": "Badge Position",
              "description": "Select badge placement.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "left_top": {
                      "label": "Left Top"
                    },
                    "left_bottom": {
                      "label": "Left Bottom"
                    },
                    "right_top": {
                      "label": "Right Top"
                    },
                    "right_bottom": {
                      "label": "Right Bottom"
                    }
                  }
                }
              }
            }
          },
          "badgeIsCenterX": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBadge",
              "attrName": "module.advanced.badgeIsCenterX",
              "label": "Use Horizontal Position Center",
              "description": "If enabled badge will be in horizontally center position.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "badgeOffsetX": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBadge",
              "attrName": "module.advanced.badgeOffsetX",
              "label": "Horizontal Offset",
              "description": "Badge horizontal offset value.",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": -600,
                  "max": 600,
                  "step": 1,
                  "defaultUnit": "px",
                  "allowedUnits": [
                    "px",
                    "%"
                  ]
                }
              }
            }
          },
          "badgeIsCenterY": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBadge",
              "attrName": "module.advanced.badgeIsCenterY",
              "label": "Use Vertical Position Center",
              "description": "If enabled badge will be in vertically center position.",
              "priority": 40,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "badgeOffsetY": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBadge",
              "attrName": "module.advanced.badgeOffsetY",
              "label": "Vertical Offset",
              "description": "Badge vertical offset value.",
              "priority": 50,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": -600,
                  "max": 600,
                  "step": 1,
                  "defaultUnit": "px",
                  "allowedUnits": [
                    "px",
                    "%"
                  ]
                }
              }
            }
          },
          "badgePadding": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBadge",
              "attrName": "module.advanced.badgePadding",
              "label": "Badge Padding",
              "description": "Padding adds extra space to the inside of the badge.",
              "priority": 60,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/spacing"
              }
            }
          },
          "badgeBg": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBadge",
              "attrName": "module.advanced.badgeBg",
              "label": "Badge Background",
              "description": "Adjust the background color of the badge.",
              "priority": 70,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": true
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "titleSpacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTitle",
              "attrName": "module.advanced.titleSpacing",
              "label": "Title Spacing Bottom",
              "description": "Here you can define a custom spacing at the bottom of the title.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 200,
                  "step": 1,
                  "defaultUnit": "px"
                }
              }
            }
          }
        },
        "decoration": {
          "animation": {},
          "layout": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "filters": {},
          "overflow": {},
          "position": {},
          "scroll": {},
          "spacing": {},
          "sizing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {},
          "disabledOn": {}
        }
      },
      "styleProps": {
        "background": {
          "selector": "{{selector}} .dtq-iconbox-inner",
          "selectors": {
            "desktop": {
              "value": "{{selector}} .dtq-iconbox-inner",
              "hover": "{{selector}} .dtq-iconbox-inner:hover"
            }
          }
        },
        "border": {
          "selector": "{{selector}} .dtq-iconbox-inner",
          "selectors": {
            "desktop": {
              "value": "{{selector}} .dtq-iconbox-inner",
              "hover": "{{selector}} .dtq-iconbox-inner:hover"
            }
          }
        },
        "boxShadow": {
          "selector": "{{selector}} .dtq-iconbox-inner",
          "selectors": {
            "desktop": {
              "value": "{{selector}} .dtq-iconbox-inner",
              "hover": "{{selector}} .dtq-iconbox-inner:hover"
            }
          }
        },
        "spacing": {
          "selector": "{{selector}} .dtq-iconbox-inner",
          "important": true
        },
        "sizing": {
          "selector": "{{selector}} .dtq-iconbox-inner",
          "important": true
        }
      }
    },
    "title": {
      "type": "object",
      "selector": "{{selector}} .dtq-iconbox__title",
      "elementType": "heading",
      "tagName": "h3",
      "inlineEditor": "plainText",
      "attributes": {
        "class": "dtq-iconbox__title"
      },
      "childrenSanitizer": "et_core_esc_previously",
      "default": {
        "decoration": {
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "headingLevel": "h3",
                  "size": "22px",
                  "lineHeight": "1em"
                }
              }
            }
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentText",
            "priority": 20,
            "render": true,
            "attrName": "title.innerContent",
            "label": "Title",
            "description": "Define the title text for your icon box.",
            "component": {
              "type": "field",
              "name": "divi/text"
            },
            "features": {
              "sticky": false,
              "responsive": false,
              "hover": false,
              "dynamicContent": true
            }
          }
        },
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTitle",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/font",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Title",
                  "hideTextAlign": true,
                  "fields": {
                    "headingLevel": {
                      "render": true
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "description": {
      "type": "object",
      "selector": "{{selector}} .dtq-iconbox__desc",
      "elementType": "richText",
      "tagName": "p",
      "inlineEditor": "richText",
      "attributes": {
        "class": "dtq-iconbox__desc"
      },
      "childrenSanitizer": "et_core_esc_previously",
      "default": {
        "decoration": {
          "bodyFont": {
            "body": {
              "font": {
                "desktop": {
                  "value": {
                    "size": "14px"
                  }
                }
              }
            }
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentText",
            "priority": 30,
            "render": true,
            "attrName": "description.innerContent",
            "label": "Description",
            "description": "Define the description text for your icon box.",
            "component": {
              "type": "field",
              "name": "divi/richtext"
            },
            "features": {
              "sticky": false,
              "responsive": false,
              "hover": false,
              "dynamicContent": true
            }
          }
        },
        "decoration": {
          "bodyFont": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designDescription",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/font-body",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Description",
                  "hideTextAlign": true,
                  "groupLabel": "Description Text"
                }
              }
            }
          }
        }
      }
    },
    "badge": {
      "type": "object",
      "selector": "{{selector}} .dtq-iconbox__badge",
      "elementType": "plainText",
      "tagName": "div",
      "attributes": {
        "class": "dtq-iconbox__badge"
      },
      "default": {
        "decoration": {
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "size": "14px",
                  "lineHeight": "1em"
                }
              }
            }
          }
        }
      },
      "settings": {
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBadgeText",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/font",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Badge",
                  "hideTextAlign": true
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBadge",
              "priority": 80,
              "render": true,
              "attrName": "badge.decoration.border",
              "component": {
                "name": "divi/border",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Badge"
                }
              }
            }
          }
        }
      }
    },
    "icon": {
      "type": "object",
      "selector": "{{selector}} .dtq-iconbox__icon",
      "elementType": "plainText",
      "tagName": "div",
      "attributes": {
        "class": "dtq-iconbox__icon"
      },
      "settings": {
        "decoration": {
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "priority": 100,
              "render": true,
              "attrName": "icon.decoration.border",
              "component": {
                "name": "divi/border",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Icon"
                }
              }
            }
          },
          "boxShadow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "priority": 110,
              "render": true,
              "attrName": "icon.decoration.boxShadow",
              "component": {
                "name": "divi/box-shadow",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Icon"
                }
              }
            }
          }
        }
      }
    }
  },
  "customCssFields": {
    "iconWrap": {
      "subName": "iconWrap",
      "selectorSuffix": " .dtq-iconbox__icon"
    },
    "icon": {
      "subName": "icon",
      "selectorSuffix": " .dtq-iconbox__icon i"
    },
    "iconImg": {
      "subName": "iconImg",
      "selectorSuffix": " .dtq-iconbox__icon img"
    },
    "badge": {
      "subName": "badge",
      "selectorSuffix": " .dtq-iconbox__badge"
    },
    "title": {
      "subName": "title",
      "selectorSuffix": " .dtq-iconbox__title"
    },
    "desc": {
      "subName": "desc",
      "selectorSuffix": " .dtq-iconbox__desc"
    }
  },
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "contentIcon": {
        "panel": "content",
        "priority": 10,
        "groupName": "icon",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Icon"
          }
        }
      },
      "contentText": {
        "panel": "content",
        "priority": 20,
        "groupName": "text",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Content"
          }
        }
      },
      "designAlignment": {
        "panel": "design",
        "priority": 10,
        "groupName": "alignment",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Alignment"
          }
        }
      },
      "designIcon": {
        "panel": "design",
        "priority": 20,
        "groupName": "icon",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Icon"
          }
        }
      },
      "designIconPlacement": {
        "panel": "design",
        "priority": 30,
        "groupName": "iconPlacement",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Icon Placement"
          }
        }
      },
      "designBadge": {
        "panel": "design",
        "priority": 40,
        "groupName": "badge",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Badge"
          }
        }
      },
      "designBadgeText": {
        "panel": "design",
        "priority": 50,
        "groupName": "badgeText",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Badge Text",
            "clipboardCategory": "style",
            "presetGroup": "divi/font"
          }
        }
      },
      "designTitle": {
        "panel": "design",
        "priority": 60,
        "groupName": "title",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Title Text",
            "clipboardCategory": "style",
            "presetGroup": "divi/font"
          }
        }
      },
      "designDescription": {
        "panel": "design",
        "priority": 70,
        "groupName": "description",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Description Text",
            "clipboardCategory": "style",
            "presetGroup": "divi/font-body"
          }
        }
      }
    }
  }
}