{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "cmblocks/progress-bar",
  "version": "1.0.0",
  "title": "CM Progress Bar",
  "category": "codemanas-blocks",
  "description": "Progress Bar",
  "example": {
    "attributes": {
      "startFromScratch": true,
      "title": "CM Progress Bar",
      "percentage": 75
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "attributes": {
    "title": {
      "type": "string",
      "default": "Skill"
    },
    "percentage": {
      "type": "number",
      "default": 50
    },
    "duration": {
      "type": "number",
      "default": 500
    },
    "height": {
      "type": "number",
      "default": 30
    },
    "borderRadius": {
      "type": "number",
      "default": 0
    },
    "titleColor": {
      "type": "string",
      "default": "#FFF"
    },
    "indicatorBackground": {
      "type": "string",
      "default": "#D84C09"
    },
    "percentageColor": {
      "type": "string",
      "default": "#2D2D2D"
    },
    "wrapperBackground": {
      "type": "string",
      "default": "#E7E7E7"
    },
    "titlePosition": {
      "type": "string",
      "default": "default"
    },
    "percentagePosition": {
      "type": "string",
      "default": "default"
    },
    "isStartedTemplateSelected": {
      "type": "boolean",
      "default": ""
    },
    "selectedTemplateSettings": {
      "type": "string",
      "default": ""
    },
    "layout": {
      "type": "string",
      "default": "horizontal"
    },
    "startFromScratch": {
      "type": "boolean",
      "default": false
    },
    "verticalWidth": {
      "type": "number",
      "default": 500
    },
    "horizontalWidth": {
      "type": "number",
      "default": 620
    },
    "widthOption": {
      "type": "string",
      "default": "full"
    },
    "titleSize": {
      "type": "object",
      "default": {
        "value": 16,
        "unit": "px"
      }
    },
    "percentageSize": {
      "type": "object",
      "default": {
        "value": 16,
        "unit": "px"
      }
    }
  },
  "textdomain": "cm-blocks",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js",
  "icon": "<svg class=\"cm-blocks__icon\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" width=\"24\" height=\"6\" viewBox=\"0 0 24 6\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path fill=\"#e34f08\" d=\"M0 0.4C0 0.179086 0.179077 0 0.400024 0H23.6C23.8209 0 24 0.179086 24 0.4V5.6C24 5.82091 23.8209 6 23.6 6H0.400024C0.179077 6 0 5.82091 0 5.6V0.4ZM1.5 1.5H22.5V4.5H1.5V1.5ZM12 4L15 2H2V4H12Z\"></path>\n</svg>"
}