{
  "name": "divitorque/dual-button",
  "d4Shortcode": "ba_dual_button",
  "moduleClassName": "dtq_dual_button",
  "moduleOrderClassName": "dtq_dual_button",
  "title": "Dual Buttons",
  "titles": "Dual Buttons",
  "moduleIcon": "divitorque/dual-button",
  "category": "module",
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "default": {
        "advanced": {
          "btnAText": {
            "desktop": {
              "value": "Button 1"
            }
          },
          "btnALink": {
            "desktop": {
              "value": "#"
            }
          },
          "btnALinkTarget": {
            "desktop": {
              "value": "_self"
            }
          },
          "btnBText": {
            "desktop": {
              "value": "Button 2"
            }
          },
          "btnBLink": {
            "desktop": {
              "value": "#"
            }
          },
          "btnBLinkTarget": {
            "desktop": {
              "value": "_self"
            }
          },
          "btnAlignment": {
            "desktop": {
              "value": "left"
            }
          },
          "buttonGap": {
            "desktop": {
              "value": "40px"
            }
          },
          "connectorType": {
            "desktop": {
              "value": "empty"
            }
          },
          "connectorText": {
            "desktop": {
              "value": "OR"
            }
          },
          "connectorIcon": {
            "desktop": {
              "value": {
                "unicode": "+",
                "type": "divi",
                "weight": "400"
              }
            }
          },
          "connectorTextSize": {
            "desktop": {
              "value": "14px"
            }
          },
          "connectorTextColor": {
            "desktop": {
              "value": "#333"
            }
          },
          "connectorBg": {
            "desktop": {
              "value": "transparent"
            }
          },
          "connectorSize": {
            "desktop": {
              "value": "30px"
            }
          },
          "connectorRadius": {
            "desktop": {
              "value": "0px"
            }
          },
          "connectorBorderWidth": {
            "desktop": {
              "value": "0px"
            }
          },
          "connectorBorderColor": {
            "desktop": {
              "value": "transparent"
            }
          }
        }
      },
      "settings": {
        "meta": {
          "adminLabel": {}
        },
        "advanced": {
          "htmlAttributes": {},
          "text": {},
          "btnAText": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentPrimary",
              "attrName": "module.advanced.btnAText",
              "label": "Button Text",
              "description": "Define primary button text for your module.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false,
                "dynamicContent": true
              },
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            }
          },
          "btnALink": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentPrimary",
              "attrName": "module.advanced.btnALink",
              "label": "Button Link",
              "description": "Define primary button link URL for your module.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false,
                "dynamicContent": true
              },
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            }
          },
          "btnALinkTarget": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentPrimary",
              "attrName": "module.advanced.btnALinkTarget",
              "label": "Button Link Target",
              "description": "Here you can choose whether or not your link opens in a new window.",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "_self": {
                      "label": "Same Tab"
                    },
                    "_blank": {
                      "label": "New Tab"
                    }
                  }
                }
              }
            }
          },
          "btnBText": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentSecondary",
              "attrName": "module.advanced.btnBText",
              "label": "Button Text",
              "description": "Define secondary button text for your module.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false,
                "dynamicContent": true
              },
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            }
          },
          "btnBLink": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentSecondary",
              "attrName": "module.advanced.btnBLink",
              "label": "Button Link",
              "description": "Define secondary button link URL for your module.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false,
                "dynamicContent": true
              },
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            }
          },
          "btnBLinkTarget": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentSecondary",
              "attrName": "module.advanced.btnBLinkTarget",
              "label": "Button Link Target",
              "description": "Here you can choose whether or not your link opens in a new window.",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "_self": {
                      "label": "Same Tab"
                    },
                    "_blank": {
                      "label": "New Tab"
                    }
                  }
                }
              }
            }
          },
          "connectorType": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentConnector",
              "attrName": "module.advanced.connectorType",
              "label": "Connector Type",
              "description": "Select button connector type.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "empty": {
                      "label": "No Connector"
                    },
                    "text": {
                      "label": "Text"
                    },
                    "icon": {
                      "label": "Icon"
                    }
                  }
                }
              }
            }
          },
          "connectorText": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentConnector",
              "attrName": "module.advanced.connectorText",
              "label": "Connector Text",
              "description": "Define the connector text for your module.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            }
          },
          "connectorIcon": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentConnector",
              "attrName": "module.advanced.connectorIcon",
              "label": "Connector Icon",
              "description": "Select icon for your button connector.",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/icon-picker"
              }
            }
          },
          "btnAlignment": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCommon",
              "attrName": "module.advanced.btnAlignment",
              "label": "Button Alignment",
              "description": "Align buttons to the left, right or center.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "left": {
                      "label": "Left"
                    },
                    "center": {
                      "label": "Center"
                    },
                    "right": {
                      "label": "Right"
                    }
                  }
                }
              }
            }
          },
          "buttonGap": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designCommon",
              "attrName": "module.advanced.buttonGap",
              "label": "Button Gap",
              "description": "Increase or decrease the spacing between buttons.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 250,
                  "step": 1,
                  "defaultUnit": "px"
                }
              }
            }
          },
          "connectorTextSize": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designConnector",
              "attrName": "module.advanced.connectorTextSize",
              "label": "Connector Text Size",
              "description": "Here you can define a custom text size for your button connector.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "defaultUnit": "px"
                }
              }
            }
          },
          "connectorTextColor": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designConnector",
              "attrName": "module.advanced.connectorTextColor",
              "label": "Text Color",
              "description": "Here you can define a custom text color for your button connector.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "connectorBg": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designConnector",
              "attrName": "module.advanced.connectorBg",
              "label": "Background",
              "description": "Here you can define a custom background color for your button connector.",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "connectorSize": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designConnector",
              "attrName": "module.advanced.connectorSize",
              "label": "Connector Size",
              "description": "Increase or decrease the size for your button connector.",
              "priority": 40,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "defaultUnit": "px"
                }
              }
            }
          },
          "connectorRadius": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designConnector",
              "attrName": "module.advanced.connectorRadius",
              "label": "Connector Radius",
              "description": "Here you can define a custom border radius for your button connector.",
              "priority": 50,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "defaultUnit": "px"
                }
              }
            }
          },
          "connectorBorderWidth": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designConnector",
              "attrName": "module.advanced.connectorBorderWidth",
              "label": "Connector Border Width",
              "description": "Here you can define a custom border width for your button connector.",
              "priority": 60,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "defaultUnit": "px"
                }
              }
            }
          },
          "connectorBorderColor": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designConnector",
              "attrName": "module.advanced.connectorBorderColor",
              "label": "Connector Border Color",
              "description": "Here you can define a custom border color for your button connector.",
              "priority": 70,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          }
        },
        "decoration": {
          "animation": {},
          "layout": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "filters": {},
          "overflow": {},
          "position": {},
          "scroll": {},
          "spacing": {},
          "sizing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {},
          "disabledOn": {}
        }
      }
    },
    "btnA": {
      "type": "object",
      "selector": "{{selector}} .btn-el--primary",
      "elementType": "button",
      "settings": {
        "decoration": {
          "button": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPrimaryButton",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/button",
                "type": "group"
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPrimaryButton",
              "priority": 20,
              "render": true,
              "component": {
                "name": "divi/border",
                "type": "group",
                "props": {
                  "grouped": false
                }
              }
            }
          },
          "boxShadow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPrimaryButton",
              "priority": 30,
              "render": true,
              "component": {
                "name": "divi/box-shadow",
                "type": "group",
                "props": {
                  "grouped": false
                }
              }
            }
          }
        }
      }
    },
    "btnB": {
      "type": "object",
      "selector": "{{selector}} .btn-el--secondary",
      "elementType": "button",
      "settings": {
        "decoration": {
          "button": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSecondaryButton",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/button",
                "type": "group"
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSecondaryButton",
              "priority": 20,
              "render": true,
              "component": {
                "name": "divi/border",
                "type": "group",
                "props": {
                  "grouped": false
                }
              }
            }
          },
          "boxShadow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSecondaryButton",
              "priority": 30,
              "render": true,
              "component": {
                "name": "divi/box-shadow",
                "type": "group",
                "props": {
                  "grouped": false
                }
              }
            }
          }
        }
      }
    }
  },
  "customCssFields": {
    "primary": {
      "subName": "primary",
      "selectorSuffix": " .btn-el.btn-el--primary"
    },
    "secondary": {
      "subName": "secondary",
      "selectorSuffix": " .btn-el.btn-el--secondary"
    },
    "connector": {
      "subName": "connector",
      "selectorSuffix": " .dtq-btn__connector"
    }
  },
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "contentPrimary": {
        "panel": "content",
        "priority": 10,
        "groupName": "primary",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Primary"
          }
        }
      },
      "contentConnector": {
        "panel": "content",
        "priority": 20,
        "groupName": "connector",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Connector"
          }
        }
      },
      "contentSecondary": {
        "panel": "content",
        "priority": 30,
        "groupName": "secondary",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Secondary"
          }
        }
      },
      "designCommon": {
        "panel": "design",
        "priority": 10,
        "groupName": "common",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "General"
          }
        }
      },
      "designPrimaryButton": {
        "panel": "design",
        "priority": 20,
        "groupName": "primaryButton",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Primary Button"
          }
        }
      },
      "designSecondaryButton": {
        "panel": "design",
        "priority": 30,
        "groupName": "secondaryButton",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Secondary Button"
          }
        }
      },
      "designConnector": {
        "panel": "design",
        "priority": 40,
        "groupName": "connectorDesign",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Connector"
          }
        }
      }
    }
  }
}