{
  "name": "woolentor/promo-banner",
  "category": "woolentor-blocks",
  "title": "WL: Promo Banner",
  "description": "Display promotional banner.",
  "keywords": [
    "woolentor",
    "product banner",
    "woocommerce promo",
    "promo banner",
    "promotional"
  ],
  "supports": {
    "align": [
      "wide",
      "full"
    ]
  },
  "attributes": {
    "blockUniqId": {
      "type": "string",
      "default": ""
    },
    "style": {
      "type": "string",
      "default": "1"
    },
    "contentAlignment": {
      "type": "string",
      "default": "left"
    },
    "areaBackground": {
      "type": "string",
      "default": "",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner{ background-color: {{areaBackground}}; }"
      }
    },
    "areaPadding": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner { padding: {{areaPadding}}; }"
      }
    },
    "areaMargin": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner { margin: {{areaMargin}}; }"
      }
    },
    "title": {
      "type": "string",
      "default": "",
      "selector": ".banner_title"
    },
    "subTitle": {
      "type": "string",
      "default": "",
      "selector": ".banner_subtitle"
    },
    "imgId": {
      "type": "number"
    },
    "imgUrl": {
      "type": "string",
      "source": "attribute",
      "attribute": "src",
      "selector": "img"
    },
    "buttonUrl": {
      "type": "string",
      "source": "attribute",
      "selector": "a",
      "attribute": "href"
    },
    "buttonText": {
      "type": "string",
      "source": "html",
      "selector": "a"
    },
    "linkTarget": {
      "type": "string",
      "source": "attribute",
      "selector": "a",
      "attribute": "target"
    },
    "titleColor": {
      "type": "string",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner .banner_title { color: {{titleColor}}; }"
      }
    },
    "titleSize": {
      "type": "string",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner .banner_title { font-size: {{titleSize}}; }"
      }
    },
    "titlePadding": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner .banner_title { padding: {{titlePadding}}; }"
      }
    },
    "titleMargin": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner .banner_title { margin: {{titleMargin}}; }"
      }
    },
    "subTitleColor": {
      "type": "string",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner .banner_subtitle { color: {{subTitleColor}}; }"
      }
    },
    "subTitleSize": {
      "type": "string",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner .banner_subtitle { font-size: {{subTitleSize}}; }"
      }
    },
    "subTitlePadding": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner .banner_subtitle { padding: {{subTitlePadding}}; }"
      }
    },
    "subTitleMargin": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner .banner_subtitle { margin: {{subTitleMargin}}; }"
      }
    },
    "buttonColor": {
      "type": "string",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner .banner_button{ color: {{buttonColor}}; border-color: {{buttonColor}}; }"
      }
    },
    "buttonSize": {
      "type": "string",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner .banner_button{ font-size: {{buttonSize}}; }"
      }
    },
    "buttonPadding": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner .banner_button { padding: {{buttonPadding}}; }"
      }
    },
    "buttonMargin": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner .banner_button { margin: {{buttonMargin}}; }"
      }
    },
    "imageBorder": {
      "type": "object",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner-img img"
      }
    },
    "imageBorderRadius": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner-img img{ border-radius: {{imageBorderRadius}}; }"
      }
    },
    "contentAreaWidth": {
      "type": "number",
      "style": {
        "dependency": [
          [
            {
              "key": "style",
              "condition": "==",
              "value": "2"
            }
          ]
        ],
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner-layout-2 .woolentor-content{ width: {{contentAreaWidth}}px; }"
      }
    },
    "contentAreaBGColor": {
      "type": "string",
      "style": {
        "dependency": [
          [
            {
              "key": "style",
              "condition": "==",
              "value": "2"
            }
          ]
        ],
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner-layout-2 .woolentor-content{ background-color: {{contentAreaBGColor}}; }"
      }
    },
    "contentAreaPadding": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "dependency": [
          [
            {
              "key": "style",
              "condition": "==",
              "value": "2"
            }
          ]
        ],
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner-layout-2 .woolentor-content{ padding: {{contentAreaPadding}}; }"
      }
    },
    "contentAreaMargin": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "dependency": [
          [
            {
              "key": "style",
              "condition": "==",
              "value": "2"
            }
          ]
        ],
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner-layout-2 .woolentor-content { margin: {{contentAreaMargin}}; }"
      }
    },
    "contentAreaBorder": {
      "type": "object",
      "style": {
        "dependency": [
          [
            {
              "key": "style",
              "condition": "==",
              "value": "2"
            }
          ]
        ],
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner-layout-2 .woolentor-content"
      }
    },
    "contentBorderRadius": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "dependency": [
          [
            {
              "key": "style",
              "condition": "==",
              "value": "2"
            }
          ]
        ],
        "selector": "{{WOOLENTOR_WRAPPER}} .woolentor-banner-layout-2 .woolentor-content{ border-radius: {{contentBorderRadius}}; }"
      }
    }
  }
}