{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "x3p0/progress",
  "version": "20250919",
  "title": "Progress Bar",
  "category": "widgets",
  "keywords": [
    "progress",
    "bar"
  ],
  "description": "A customizable progress bar to visually track completion toward any percentage, numeric, financial, or unit-based goal.",
  "textdomain": "x3p0-progress",
  "editorScript": "file:./index.js",
  "style": "file:./style-index.css",
  "editorStyle": "file:./index.css",
  "attributes": {
    "progressBackgroundColor": {
      "type": "string"
    },
    "customProgressBackgroundColor": {
      "type": "string"
    },
    "progressForegroundColor": {
      "type": "string"
    },
    "customProgressForegroundColor": {
      "type": "string"
    },
    "goal": {
      "type": "integer",
      "default": 100
    },
    "height": {
      "type": "number"
    },
    "heightUnit": {
      "type": "string",
      "default": "px"
    },
    "justifyLabel": {
      "type": "string",
      "default": "between"
    },
    "label": {
      "type": "string",
      "source": "html",
      "selector": ".wp-block-x3p0-progress__label-text"
    },
    "numberFormat": {
      "type": "object"
    },
    "progress": {
      "type": "integer",
      "default": 50
    },
    "progressId": {
      "type": "integer",
      "default": 0
    },
    "reversed": {
      "type": "boolean",
      "default": false
    },
    "showLabel": {
      "type": "boolean",
      "default": true
    },
    "showGoal": {
      "type": "boolean",
      "default": false
    },
    "showProgress": {
      "type": "boolean",
      "default": true
    }
  },
  "selectors": {
    "color": {
      "text": ".wp-block-x3p0-progress, .wp-block-x3p0-progress__label"
    }
  },
  "supports": {
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "html": false,
    "__experimentalBorder": {
      "radius": true,
      "color": true,
      "width": true,
      "style": true,
      "__experimentalDefaultControls": {
        "radius": true,
        "color": true,
        "width": true,
        "style": true
      }
    },
    "__experimentalStyle": {
      "css": "&.is-layout-flex { gap: 0.5rem; }",
      "spacing": {
        "blockGap": "0.5rem"
      }
    },
    "color": {
      "gradients": true,
      "__experimentalDefaultControls": {
        "background": true,
        "text": true
      }
    },
    "layout": {
      "allowSwitching": false,
      "allowInheriting": false,
      "allowEditing": false,
      "default": {
        "type": "flex",
        "flexWrap": "nowrap",
        "orientation": "vertical"
      }
    },
    "shadow": true,
    "spacing": {
      "margin": true,
      "padding": true,
      "blockGap": true,
      "__experimentalDefaultControls": {
        "blockGap": true
      }
    },
    "typography": {
      "fontSize": true,
      "lineHeight": true,
      "__experimentalFontStyle": true,
      "__experimentalFontWeight": true,
      "__experimentalFontFamily": true,
      "__experimentalTextTransform": true
    }
  },
  "example": {
    "attributes": {
      "label": "Journey to My First $100K:",
      "progressId": 999,
      "goal": 100000,
      "progress": 78000,
      "numberFormat": {
        "style": "currency",
        "currency": "USD",
        "currencyDisplay": "symbol"
      }
    }
  }
}