{
  "apiVersion": 3,
  "name": "b-blocks/counters",
  "title": "Counters",
  "description": "Display Number as animated counter.",
  "category": "bBlocks",
  "keywords": [
    "counter",
    "number counter",
    "at a glance"
  ],
  "textdomain": "b-blocks",
  "attributes": {
    "align": {
      "type": "string",
      "default": "wide"
    },
    "counters": {
      "type": "array",
      "default": [
        {
          "background": {
            "color": "#146EF5"
          },
          "icon": {
            "class": "fa fa-puzzle-piece",
            "fontSize": 50,
            "color": "#fff"
          },
          "number": {
            "start": 0,
            "end": 30,
            "prefix": "",
            "suffix": "+",
            "color": "#fff"
          },
          "label": {
            "text": "Products",
            "color": "#fff"
          }
        },
        {
          "background": {
            "color": "#146EF5"
          },
          "icon": {
            "class": "fa fa-thumbs-up",
            "fontSize": 50,
            "color": "#fff"
          },
          "number": {
            "start": 0,
            "end": 380,
            "prefix": "",
            "suffix": "K+",
            "color": "#fff"
          },
          "label": {
            "text": "Customers",
            "color": "#fff"
          }
        },
        {
          "background": {
            "color": "#146EF5"
          },
          "icon": {
            "class": "fa fa-award",
            "fontSize": 50,
            "color": "#fff"
          },
          "number": {
            "start": 0,
            "end": 90,
            "prefix": "",
            "suffix": "",
            "color": "#fff"
          },
          "label": {
            "text": "Awards",
            "color": "#fff"
          }
        }
      ]
    },
    "theme": {
      "type": "string",
      "default": "default"
    },
    "columns": {
      "type": "object",
      "default": {
        "desktop": 3,
        "tablet": 2,
        "mobile": 1
      }
    },
    "columnGap": {
      "type": "string",
      "default": "20px"
    },
    "rowGap": {
      "type": "string",
      "default": "30px"
    },
    "duration": {
      "type": "number",
      "default": 2000
    },
    "separator": {
      "type": "object",
      "default": {
        "char": ""
      }
    },
    "background": {
      "type": "object",
      "default": {
        "color": "#0000"
      }
    },
    "padding": {
      "type": "object",
      "default": {
        "vertical": "20px",
        "horizontal": "0px"
      }
    },
    "textAlign": {
      "type": "string",
      "default": "center"
    },
    "counterWidth": {
      "type": "string",
      "default": "250px"
    },
    "counterHeight": {
      "type": "string",
      "default": "250px"
    },
    "isIcon": {
      "type": "boolean",
      "default": true
    },
    "iconSize": {
      "type": "number",
      "default": 50
    },
    "iconPosition": {
      "type": "string",
      "default": "top"
    },
    "numberTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": "48px",
          "tablet": "40px",
          "mobile": "32px"
        }
      }
    },
    "isLabel": {
      "type": "boolean",
      "default": true
    },
    "labelTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": "22px",
          "tablet": "20px",
          "mobile": "18px"
        }
      }
    },
    "counterPadding": {
      "type": "object",
      "default": {
        "vertical": "20px",
        "horizontal": "20px"
      }
    },
    "counterBorder": {
      "type": "object",
      "default": {
        "radius": "50%"
      }
    },
    "counterShadow": {
      "type": "object",
      "default": {}
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {
      "preview": true
    }
  },
  "editorScript": "file:../index.js",
  "style": [
    "file:./view.css",
    "fontAwesome"
  ],
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}