{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "title": "Progress Bar",
  "name": "brandy/progress-bar",
  "category": "brandy-blocks",
  "description": "A labelled bar that fills to a value — skills, capacity, funding, completion.",
  "keywords": [
    "progress",
    "bar",
    "meter",
    "skill",
    "percentage",
    "completion"
  ],
  "attributes": {
    "label": {
      "type": "string",
      "default": ""
    },
    "value": {
      "type": "number",
      "default": 75
    },
    "max": {
      "type": "number",
      "default": 100
    },
    "showValue": {
      "type": "boolean",
      "default": true
    },
    "valueSuffix": {
      "type": "string",
      "default": "%"
    },
    "height": {
      "type": "number",
      "default": 10
    },
    "rounded": {
      "type": "boolean",
      "default": true
    },
    "barColor": {
      "type": "string",
      "default": ""
    },
    "trackColor": {
      "type": "string",
      "default": ""
    },
    "animate": {
      "type": "boolean",
      "default": true
    },
    "duration": {
      "type": "number",
      "default": 2000
    }
  },
  "styles": [
    {
      "name": "plain",
      "label": "Plain",
      "isDefault": true
    },
    {
      "name": "striped",
      "label": "Striped"
    },
    {
      "name": "segmented",
      "label": "Segmented"
    },
    {
      "name": "gradient",
      "label": "Gradient"
    },
    {
      "name": "inline-label",
      "label": "Inline label"
    }
  ],
  "supports": {
    "html": false,
    "anchor": true,
    "interactivity": true,
    "align": [
      "wide"
    ],
    "color": {
      "text": true,
      "background": true,
      "__experimentalDefaultControls": {
        "background": false,
        "text": false
      }
    },
    "spacing": {
      "margin": true,
      "padding": true
    },
    "typography": {
      "fontSize": true,
      "__experimentalFontFamily": true,
      "__experimentalFontWeight": true
    }
  },
  "example": {
    "viewportWidth": 500,
    "attributes": {
      "label": "Design",
      "value": 82
    }
  },
  "textdomain": "brandy-blocks",
  "render": "file:./render.php",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScriptModule": "file:./view.js"
}