{
  "name": "htmega/brand",
  "category": "htmega-blocks",
  "keywords": [ "brand", "htmega", "ht mega", "widget" ],
  "title": "Brand Logo",
  "description": "Show off your brand’s logos in a grid or slider layout. Great for partner logos, brand associations, or certification display.",
  "example": {
    "attributes": {
      "preview": true
    }
  },
  "attributes": {
    "blockUniqId": {
      "type": "string",
      "default": ""
    },
    "preview": {
      "type": "boolean",
      "default": false
    },
    "brandList": {
      "type": "array",
      "default": [
        {
          "title": "Logo Title",
          "image": {
            "id": "",
            "url": ""
          },
          "link": "#",
          "newTab": false,
          "noFollow": false
        },
        {
          "title": "Logo Title",
          "image": {
            "id": "",
            "url": ""
          },
          "link": "#",
          "newTab": false,
          "noFollow": false
        },
        {
          "title": "Logo Title",
          "image": {
            "id": "",
            "url": ""
          },
          "link": "#",
          "newTab": false,
          "noFollow": false
        },
        {
          "title": "Logo Title",
          "image": {
            "id": "",
            "url": ""
          },
          "link": "#",
          "newTab": false,
          "noFollow": false
        }
      ]
    },
    "columns": {
      "type": "object",
      "default": {
        "desktop": 4,
        "tablet": 3,
        "mobile": 2
      }
    },
    "itemSpace": {
      "type": "number",
      "default": "",
      "style": {
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand.htmega-grid:not(.htmega-no-gutters) { gap: {{itemSpace}}px; } {{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-list {margin: 0 calc(-{{itemSpace}}px/2);} {{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-slide {padding: 0 calc({{itemSpace}}px/2);}"
      }
    },
    "slider": {
      "type": "boolean",
      "default": false
    },
    "arrows": {
      "type": "boolean",
      "default": true
    },
    "dots": {
      "type": "boolean",
      "default": false
    },
    "pauseOnHover": {
      "type": "boolean",
      "default": true
    },
    "autoplay": {
      "type": "boolean",
      "default": false
    },
    "autoplaySpeed": {
      "type": "number",
      "default": 3000
    },
    "animationSpeed": {
      "type": "number",
      "default": 300
    },
    "sliderItems": {
      "type": "number",
      "default": 5
    },
    "scrollColumns": {
      "type": "number",
      "default": 3
    },
    "tabletDisplayColumns": {
      "type": "number",
      "default": 2
    },
    "tabletScrollColumns": {
      "type": "number",
      "default": 2
    },
    "tabletWidth": {
      "type": "number",
      "default": 768
    },
    "mobileDisplayColumns": {
      "type": "number",
      "default": 2
    },
    "mobileScrollColumns": {
      "type": "number",
      "default": 2
    },
    "mobileWidth": {
      "type": "number",
      "default": 480
    },
    "brandStyle": {
      "type": "string",
      "default": "1"
    },
    "brandBGColor": {
      "type": "string",
      "default": "",
      "style": {
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a { background-color: {{brandBGColor}}; }"
      }
    },
    "brandBGGradient": {
      "type": "string",
      "default": "",
      "style": {
        "dependency": [
          [
            {
              "key": "brandBGColor",
              "condition": "===",
              "value": "transparent"
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a { background-image: {{brandBGGradient}}; }"
      }
    },
    "brandShadow": {
      "type": "object",
      "default": {
        "inset": false,
        "horizontal": "",
        "vertical": "",
        "blur": "",
        "spread": "",
        "color": ""
      },
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": false
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a { box-shadow: {{brandShadow}}; }"
      }
    },
    "brandBorderType": {
      "type": "string",
      "default": "",
      "style": {
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a { border-style: {{brandBorderType}}; }"
      }
    },
    "brandBorderWidth": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "dependency": [
          [
            {
              "key": "brandBorderType",
              "condition": "!=",
              "value": ""
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a { border-width: {{brandBorderWidth}}; }"
      }
    },
    "brandBorderColor": {
      "type": "string",
      "default": "",
      "style": {
        "dependency": [
          [
            {
              "key": "brandBorderType",
              "condition": "!=",
              "value": ""
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a { border-color: {{brandBorderColor}}; }"
      }
    },
    "brandBorderRadius": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a { border-radius: {{brandBorderRadius}}; } {{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a img { border-radius: {{brandBorderRadius}}; }"
      }
    },
    "brandPadding": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a { padding: {{brandPadding}}; }"
      }
    },
    "brandHoverBGColor": {
      "type": "string",
      "default": "",
      "style": {
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a:hover { background-color: {{brandHoverBGColor}}; }"
      }
    },
    "brandHoverBGGradient": {
      "type": "string",
      "default": "",
      "style": {
        "dependency": [
          [
            {
              "key": "brandHoverBGColor",
              "condition": "===",
              "value": "transparent"
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a:hover { background-image: {{brandHoverBGGradient}}; }"
      }
    },
    "brandHoverShadow": {
      "type": "object",
      "default": {
        "inset": false,
        "horizontal": "",
        "vertical": "",
        "blur": "",
        "spread": "",
        "color": ""
      },
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": false
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a:hover { box-shadow: {{brandHoverShadow}}; }"
      }
    },
    "brandHoverBorderType": {
      "type": "string",
      "default": "",
      "style": {
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a:hover { border-style: {{brandHoverBorderType}}; }"
      }
    },
    "brandHoverBorderWidth": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "dependency": [
          [
            {
              "key": "brandHoverBorderType",
              "condition": "!=",
              "value": ""
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a:hover { border-width: {{brandHoverBorderWidth}}; }"
      }
    },
    "brandHoverBorderColor": {
      "type": "string",
      "default": "",
      "style": {
        "dependency": [
          [
            {
              "key": "brandHoverBorderType",
              "condition": "!=",
              "value": ""
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a:hover { border-color: {{brandHoverBorderColor}}; }"
      }
    },
    "brandHoverBorderRadius": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a:hover { border-radius: {{brandHoverBorderRadius}}; } {{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a:hover img { border-radius: {{brandHoverBorderRadius}}; }"
      }
    },
    "brandHoverPadding": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{HTMEGA_WRAPPER}}.htmega-brand .htmega-brand-item a:hover { padding: {{brandHoverPadding}}; }"
      }
    },
    "navigationWidth": {
      "type": "number",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow { width: {{navigationWidth}}px; }"
      }
    },
    "navigationHeight": {
      "type": "number",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow { height: {{navigationHeight}}px; }"
      }
    },
    "navigationYPosition": {
      "type": "number",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow { top: {{navigationYPosition}}%; }"
      }
    },
    "navigationXPosition": {
      "type": "number",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow.slick-prev { left: {{navigationXPosition}}px; } {{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow.slick-next { right: {{navigationXPosition}}px; }"
      }
    },
    "navigationColor": {
      "type": "string",
      "default": "#333333",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow { color: {{navigationColor}}; }"
      }
    },
    "navigationBGColor": {
      "type": "string",
      "default": "#dddddd",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow { background-color: {{navigationBGColor}}; }"
      }
    },
    "navigationBorderType": {
      "type": "string",
      "default": "",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow { border-style: {{navigationBorderType}}; }"
      }
    },
    "navigationBorderWidth": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            },
            {
              "key": "navigationBorderType",
              "condition": "!=",
              "value": ""
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow { border-width: {{navigationBorderWidth}}; }"
      }
    },
    "navigationBorderColor": {
      "type": "string",
      "default": "",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            },
            {
              "key": "navigationBorderType",
              "condition": "!=",
              "value": ""
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow { border-color: {{navigationBorderColor}}; }"
      }
    },
    "navigationBorderRadius": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow { border-radius: {{navigationBorderRadius}}; }"
      }
    },
    "navigationHoverColor": {
      "type": "string",
      "default": "#ffffff",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow:hover { color: {{navigationHoverColor}}; }"
      }
    },
    "navigationHoverBGColor": {
      "type": "string",
      "default": "#333333",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow:hover { background-color: {{navigationHoverBGColor}}; }"
      }
    },
    "navigationHoverBorderType": {
      "type": "string",
      "default": "",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow:hover { border-style: {{navigationHoverBorderType}}; }"
      }
    },
    "navigationHoverBorderWidth": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            },
            {
              "key": "navigationHoverBorderType",
              "condition": "!=",
              "value": ""
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow:hover { border-width: {{navigationHoverBorderWidth}}; }"
      }
    },
    "navigationHoverBorderColor": {
      "type": "string",
      "default": "",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            },
            {
              "key": "navigationHoverBorderType",
              "condition": "!=",
              "value": ""
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow:hover { border-color: {{navigationHoverBorderColor}}; }"
      }
    },
    "navigationHoverBorderRadius": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-arrow:hover { border-radius: {{navigationHoverBorderRadius}}; }"
      }
    },
    "paginationPosition": {
      "type": "number",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots { bottom: {{paginationPosition}}px; }"
      }
    },
    "paginationGutter": {
      "type": "number",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots { gap: {{paginationGutter}}px; }"
      }
    },
    "paginationVAlignment": {
      "type": "string",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots { align-items: {{paginationVAlignment}}; }"
      }
    },
    "paginationWidth": {
      "type": "number",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li button { width: {{paginationWidth}}px; }"
      }
    },
    "paginationHeight": {
      "type": "number",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li button { height: {{paginationHeight}}px; }"
      }
    },
    "paginationBGColor": {
      "type": "string",
      "default": "",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li button { background-color: {{paginationBGColor}}; }"
      }
    },
    "paginationBorderType": {
      "type": "string",
      "default": "",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li button { border-style: {{paginationBorderType}}; }"
      }
    },
    "paginationBorderWidth": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            },
            {
              "key": "paginationBorderType",
              "condition": "!=",
              "value": ""
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li button { border-width: {{paginationBorderWidth}}; }"
      }
    },
    "paginationBorderColor": {
      "type": "string",
      "default": "",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            },
            {
              "key": "paginationBorderType",
              "condition": "!=",
              "value": ""
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li button { border-color: {{paginationBorderColor}}; }"
      }
    },
    "paginationBorderRadius": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "%",
        "link": "yes"
      },
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li button { border-radius: {{paginationBorderRadius}}; }"
      }
    },
    "paginationActiveWidth": {
      "type": "number",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li button:hover { width: {{paginationActiveWidth}}px; } {{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li.slick-active button { width: {{paginationActiveWidth}}px; }"
      }
    },
    "paginationActiveHeight": {
      "type": "number",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li button:hover { height: {{paginationActiveHeight}}px; } {{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li.slick-active button { height: {{paginationActiveHeight}}px; }"
      }
    },
    "paginationActiveBGColor": {
      "type": "string",
      "default": "",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots .slick-active button { background-color: {{paginationActiveBGColor}}; } {{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li button:hover { background-color: {{paginationActiveBGColor}}; }"
      }
    },
    "paginationActiveBorderType": {
      "type": "string",
      "default": "",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots .slick-active button { border-style: {{paginationActiveBorderType}}; } {{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li button:hover { background-color: {{paginationActiveBorderType}}; }"
      }
    },
    "paginationActiveBorderWidth": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            },
            {
              "key": "paginationActiveBorderType",
              "condition": "!=",
              "value": ""
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots .slick-active button { border-width: {{paginationActiveBorderWidth}}; } {{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li button:hover { background-color: {{paginationActiveBorderWidth}}; }"
      }
    },
    "paginationActiveBorderColor": {
      "type": "string",
      "default": "",
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            },
            {
              "key": "paginationActiveBorderType",
              "condition": "!=",
              "value": ""
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots .slick-active button { border-color: {{paginationActiveBorderColor}}; } {{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li button:hover { background-color: {{paginationActiveBorderColor}}; }"
      }
    },
    "paginationActiveBorderRadius": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "%",
        "link": "yes"
      },
      "style": {
        "dependency": [
          [
            {
              "key": "slider",
              "condition": "==",
              "value": true
            }
          ]
        ],
        "selector": "{{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li.slick-active button { border-radius: {{paginationActiveBorderRadius}}; } {{HTMEGA_WRAPPER}}.htmega-slick-slider .slick-dots li button:hover { background-color: {{paginationActiveBorderRadius}}; }"
      }
    }
  }
}