{
    "apiVersion": 3,
    "name": "blockenberg/progress-circle",
    "title": "Progress Circle",
    "category": "bkbg-content",
    "icon": "chart-pie",
    "description": "Animated SVG circular progress rings — perfect for skills, stats, and KPIs.",
    "keywords": [
        "circle",
        "progress",
        "ring",
        "donut",
        "skill",
        "percentage",
        "radial"
    ],
    "textdomain": "blockenberg",
    "editorScript": "bkbg-progress-circle-editor",
    "editorStyle": "bkbg-progress-circle-style",
    "style": "bkbg-progress-circle-style",
    "viewScript": "bkbg-progress-circle-frontend",
    "supports": {
        "html": false,
        "align": [
            "wide",
            "full"
        ]
    },
    "attributes": {
        "items": {
            "type": "array",
            "default": [
                {
                    "label": "Design",
                    "percentage": 90,
                    "color": "#6c3fb5"
                },
                {
                    "label": "Development",
                    "percentage": 82,
                    "color": "#3b82f6"
                },
                {
                    "label": "Marketing",
                    "percentage": 74,
                    "color": "#10b981"
                },
                {
                    "label": "Strategy",
                    "percentage": 68,
                    "color": "#f59e0b"
                }
            ]
        },
        "columns": {
            "type": "number",
            "default": 4
        },
        "size": {
            "type": "number",
            "default": 140
        },
        "strokeWidth": {
            "type": "number",
            "default": 10
        },
        "ringStyle": {
            "type": "string",
            "default": "round"
        },
        "trackColor": {
            "type": "string",
            "default": "#e5e7eb"
        },
        "showPercentage": {
            "type": "boolean",
            "default": true
        },
        "percentageColor": {
            "type": "string",
            "default": "#1e1e1e"
        },
        "showLabel": {
            "type": "boolean",
            "default": true
        },
        "labelColor": {
            "type": "string",
            "default": "#374151"
        },
        "labelPosition": {
            "type": "string",
            "default": "below"
        },
        "showSubtext": {
            "type": "boolean",
            "default": false
        },
        "subtextColor": {
            "type": "string",
            "default": "#9ca3af"
        },
        "gap": {
            "type": "number",
            "default": 32
        },
        "animateOnScroll": {
            "type": "boolean",
            "default": true
        },
        "animationDuration": {
            "type": "number",
            "default": 1200
        },
        "animationEasing": {
            "type": "string",
            "default": "ease-in-out"
        },
        "showGradient": {
            "type": "boolean",
            "default": false
        },
        "gradientEnd": {
            "type": "string",
            "default": "#ec4899"
        },
        "showShadow": {
            "type": "boolean",
            "default": false
        },
        "showBackground": {
            "type": "boolean",
            "default": false
        },
        "backgroundColor": {
            "type": "string",
            "default": "#ffffff"
        },
        "backgroundRadius": {
            "type": "number",
            "default": 16
        },
        "backgroundPadding": {
            "type": "number",
            "default": 20
        },
        "backgroundShadow": {
            "type": "boolean",
            "default": true
        },
        "textAlign": {
            "type": "string",
            "default": "center"
        },
        "counterAnimation": {
            "type": "boolean",
            "default": true
        },
        "suffix": {
            "type": "string",
            "default": "%"
        },
        "pctTypo": {
            "type": "object",
            "default": {}
        },
        "labelTypo": {
            "type": "object",
            "default": {}
        },
        "subtextTypo": {
            "type": "object",
            "default": {}
        }
    }
}