{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/progress-section",
  "version": "1.0.0",
  "title": "Progress Section",
  "category": "bPlugins",
  "description": "A modern, responsive progress tracking section that lets users easily manage tasks, visualize completion status, and monitor overall progress with interactive controls.",
  "keywords": [
    "Progress Section"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "layout": {
      "type": "object",
      "default": {
        "section": {
          "margin": {
            "desktop": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "tablet": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "mobile": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            }
          },
          "padding": {
            "desktop": {
              "top": "1rem",
              "right": "1rem",
              "bottom": "1rem",
              "left": "1rem"
            },
            "tablet": {
              "top": "0.8rem",
              "right": "0.8rem",
              "bottom": "0.8rem",
              "left": "0.8rem"
            },
            "mobile": {
              "top": "0.6px",
              "right": "0.6px",
              "bottom": "0.6px",
              "left": "0.6px"
            }
          },
          "minHeight": {
            "desktop": "80vh",
            "tablet": "80vh",
            "mobile": "80vh"
          }
        },
        "container": {
          "minHeight": {
            "desktop": "450px",
            "tablet": "450px",
            "mobile": "450px"
          },
          "maxWidth": {
            "desktop": "1400px",
            "tablet": "1400px",
            "mobile": "1400px"
          },
          "borderRadius": {
            "top": "1.5rem",
            "right": "1.5rem",
            "bottom": "1.5rem",
            "left": "1.5rem"
          }
        }
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "sectionBg": {
          "type": "gradient",
          "overlayColor": "rgba(0, 0, 0, 0)",
          "position": "center center",
          "image": {
            "url": ""
          },
          "color": "rgba(255, 255, 255, 0.6)",
          "gradient": "linear-gradient(145deg, #eef2f9 0%, #e0e7f0 100%)",
          "repeat": "no-repeat",
          "size": "cover"
        },
        "statPanel": {
          "bg": {
            "type": "solid",
            "overlayColor": "rgba(0, 0, 0, 0)",
            "position": "center center",
            "image": {
              "url": ""
            },
            "color": "rgba(255, 255, 255, 0.6)",
            "gradient": "linear-gradient(145deg, #0b0e14 0%, #1a1f2a 100%)",
            "repeat": "no-repeat",
            "size": "cover"
          },
          "title": {
            "color": "#1f2a44",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 30,
                "tablet": 30,
                "mobile": 26
              },
              "fontVariant": 400,
              "fontWeight": 900,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "subTitle": {
            "color": "#5b6e8c",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 14,
                "tablet": 14,
                "mobile": 14
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "progress": {
            "value": {
              "color": "#1e293b",
              "typo": {
                "fontCategory": "sans-serif",
                "fontFamily": "Default",
                "fontSize": {
                  "desktop": 32,
                  "tablet": 32,
                  "mobile": 30
                },
                "fontVariant": 400,
                "fontWeight": 800,
                "isUploadFont": true,
                "lineHeight": 0,
                "textDecoration": "",
                "textTransform": "none"
              }
            },
            "label": {
              "color": "#3b4e6e",
              "typo": {
                "fontCategory": "sans-serif",
                "fontFamily": "Default",
                "fontSize": {
                  "desktop": 14,
                  "tablet": 14,
                  "mobile": 14
                },
                "fontVariant": 400,
                "fontWeight": 400,
                "isUploadFont": true,
                "lineHeight": 0,
                "textDecoration": "",
                "textTransform": "none"
              }
            },
            "indicator": "#8b5cf6"
          },
          "statCard": {
            "bgColor": "#fff",
            "value": "#0f2b3d",
            "text": {
              "color": "#5b6e8c",
              "typo": {
                "fontCategory": "sans-serif",
                "fontFamily": "Default",
                "fontSize": {
                  "desktop": 12,
                  "tablet": 12,
                  "mobile": 12
                },
                "fontVariant": 400,
                "fontWeight": 400,
                "isUploadFont": true,
                "lineHeight": 0,
                "textDecoration": "",
                "textTransform": "none"
              }
            }
          },
          "notice": {
            "colors": {
              "bgType": "gradient",
              "color": "#1f3a5f",
              "gradient": "linear-gradient(110deg, #eef2ff, #ffffff)"
            },
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 14,
                "tablet": 14,
                "mobile": 14
              },
              "fontVariant": 400,
              "fontWeight": 500,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          }
        },
        "taskPanel": {
          "bg": {
            "type": "solid",
            "overlayColor": "rgba(0, 0, 0, 0)",
            "position": "center center",
            "image": {
              "url": ""
            },
            "color": "rgba(255, 255, 255, 0.6)",
            "gradient": "linear-gradient(145deg, #0b0e14 0%, #1a1f2a 100%)",
            "repeat": "no-repeat",
            "size": "cover"
          },
          "title": {
            "color": "#1f2a44",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 30,
                "tablet": 30,
                "mobile": 26
              },
              "fontVariant": 400,
              "fontWeight": 900,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "taskField": {
            "bg": "#fff",
            "placeholderColor": "#00000091",
            "color": "#000",
            "border": {
              "type": "solid",
              "width": "1px",
              "color": "#cddfe7"
            }
          },
          "addBtn": {
            "colors": {
              "color": "#fff",
              "bg": "#1f2f4e"
            },
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 12,
                "tablet": 12,
                "mobile": 12
              },
              "fontVariant": 400,
              "fontWeight": 600,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "catBtn": {
            "normalColors": {
              "color": "#2c3e66",
              "bg": "#eef2ff"
            },
            "activeColors": {
              "color": "#fff",
              "bg": "#1f2f4e"
            },
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 12,
                "tablet": 12,
                "mobile": 12
              },
              "fontVariant": 400,
              "fontWeight": 600,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "task": {
            "bg": "#fff",
            "color": "#1e2a3e",
            "doneColor": "#8d9bb0",
            "mark": "#3b82f6"
          }
        }
      }
    },
    "texts": {
      "type": "object",
      "default": {
        "statTitle": "Progress Hub",
        "statSub": "Track milestones & achievements",
        "taskTitle": "Active tasks"
      }
    },
    "options": {
      "type": "object",
      "default": {
        "isStatPanel": true,
        "isNotice": true
      }
    },
    "align": {
      "type": "string",
      "default": "full"
    },
    "alignment": {
      "type": "string",
      "default": "center"
    },
    "purposeType": {
      "type": "string",
      "default": "test"
    },
    "colors": {
      "type": "object",
      "default": {
        "color": "black",
        "bg": "#B1C5A4"
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}