{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 2,
  "name": "ctrb/counters",
  "title": "Counters",
  "version": "2.0.6",
  "description": "Display Number as animated counter.",
  "category": "widgets",
  "keywords": [
    "counter",
    "number counter",
    "at a glance"
  ],
  "textdomain": "counters-block",
  "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,
            "stagger": 0,
            "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,
            "stagger": 0,
            "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,
            "stagger": 0,
            "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
    },
    "isSubLabel": {
      "type": "boolean",
      "default": false
    },
    "labelTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": "22px",
          "tablet": "20px",
          "mobile": "18px"
        }
      }
    },
    "subLabelTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": "14px",
          "tablet": "12px",
          "mobile": "12px"
        }
      }
    },
    "counterPadding": {
      "type": "object",
      "default": {
        "vertical": "20px",
        "horizontal": "20px"
      }
    },
    "counterBorder": {
      "type": "object",
      "default": {
        "radius": "50%"
      }
    },
    "counterShadow": {
      "type": "object",
      "default": {}
    },
    "counterMultiShadow": {
      "type": "array",
      "default": [
        {
          "hOffset": "0px",
          "vOffset": "4px",
          "blur": "6px",
          "spread": "-1px",
          "color": "rgba(0, 0, 0, 0.1)",
          "isInset": false
        },
        {
          "hOffset": "0px",
          "vOffset": "2px",
          "blur": "4px",
          "spread": "-2px",
          "color": "rgba(0, 0, 0, 0.1)",
          "isInset": false
        }
      ]
    },
    "counterHoverMultiShadow": {
      "type": "array",
      "default": [
        {
          "hOffset": "0px",
          "vOffset": "10px",
          "blur": "15px",
          "spread": "-3px",
          "color": "rgba(0, 0, 0, 0.1)",
          "isInset": false
        },
        {
          "hOffset": "0px",
          "vOffset": "4px",
          "blur": "6px",
          "spread": "-4px",
          "color": "rgba(0, 0, 0, 0.1)",
          "isInset": false
        }
      ]
    },
    "numberBox": {
      "type": "object",
      "default": {}
    },
    "iconContainer": {
      "type": "object",
      "default": {
        "dimensions": {
          "height": "64px",
          "width": "64px"
        }
      }
    },
    "circle": {
      "type": "object",
      "default": {
        "radius": 70,
        "stroke": 9
      }
    },
    "proControls": {
      "type": "object",
      "default": {
        "isReverse": false,
        "decimals": 0,
        "easing": "linear",
        "delay": 0,
        "repeatOnScroll": false,
        "isAnimateIcon": false,
        "animationType": "classic",
        "rollingStaggerMode": "per-counter",
        "trigger": "onVisible",
        "customTriggerSelector": ""
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {
      "preview": true
    }
  },
  "editorScript": [
    "file:./index.js",
    "wp-api",
    "wp-util"
  ],
  "editorStyle": "file:./index.css",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}