{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bloqra/progress-bar",
  "version": "1.0.0",
  "title": "Progress Bar",
  "category": "bloqra",
  "icon": "chart-bar",
  "description": "A horizontal bar with a label and percentage that fills up when it scrolls into view — skills, goals, funding progress.",
  "keywords": [
    "progress",
    "bar",
    "skill",
    "percentage",
    "goal",
    "meter"
  ],
  "example": {
    "attributes": {
      "value": 75,
      "label": "Design"
    }
  },
  "styles": [
    {
      "name": "default",
      "label": "Default",
      "isDefault": true
    },
    {
      "name": "stripes",
      "label": "Stripes"
    },
    {
      "name": "outlined",
      "label": "Outlined"
    },
    {
      "name": "slim",
      "label": "Slim"
    }
  ],
  "attributes": {
    "value": {
      "type": "number",
      "default": 75
    },
    "label": {
      "type": "string",
      "source": "html",
      "selector": ".bloqra-progress__label",
      "default": ""
    },
    "showValue": {
      "type": "boolean",
      "default": true
    },
    "valuePosition": {
      "type": "string",
      "default": "outside",
      "enum": [
        "outside",
        "inside",
        "floating"
      ]
    },
    "valueSuffix": {
      "type": "string",
      "default": "%"
    },
    "animate": {
      "type": "boolean",
      "default": true
    },
    "duration": {
      "type": "number",
      "default": 1500
    },
    "barHeight": {
      "type": "string",
      "default": ""
    },
    "barRadius": {
      "type": "string",
      "default": ""
    },
    "fillColor": {
      "type": "string",
      "default": ""
    },
    "fillGradient": {
      "type": "string"
    },
    "trackColor": {
      "type": "string",
      "default": ""
    },
    "valueColor": {
      "type": "string",
      "default": ""
    }
  },
  "supports": {
    "html": false,
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "color": {
      "text": true,
      "background": true,
      "gradients": true
    },
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true,
      "__experimentalDefaultControls": {
        "color": true,
        "radius": true,
        "style": true,
        "width": true
      }
    },
    "spacing": {
      "padding": true,
      "margin": true
    },
    "shadow": true,
    "typography": {
      "fontSize": true,
      "lineHeight": true,
      "__experimentalFontFamily": true,
      "__experimentalFontWeight": true,
      "__experimentalDefaultControls": {
        "fontSize": true
      }
    }
  },
  "textdomain": "bloqra",
  "editorScript": "file:./index.js",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js"
}