{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/chart-section",
  "version": "1.0.0",
  "title": "Chart Section",
  "category": "bPlugins",
  "description": "Chart WP is a WordPress plugin for creating and displaying charts and graphs from data.",
  "keywords": [
    "Chart Section"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "chartData": {
      "type": "array",
      "default": [
        {
          "label": "Nova",
          "value": 120,
          "color": "#5f6cf0"
        },
        {
          "label": "Pulsar",
          "value": 85,
          "color": "#f05f8c"
        },
        {
          "label": "Vega",
          "value": 65,
          "color": "#4ac7b2"
        },
        {
          "label": "Orion",
          "value": 95,
          "color": "#f0b35f"
        },
        {
          "label": "Lyra",
          "value": 45,
          "color": "#b27cf0"
        }
      ]
    },
    "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": "1.5rem",
              "right": "1.5rem",
              "bottom": "1.5rem",
              "left": "1.5rem"
            },
            "tablet": {
              "top": "1.5rem",
              "right": "1.5rem",
              "bottom": "1.5rem",
              "left": "1.5rem"
            },
            "mobile": {
              "top": "12px",
              "right": "12px",
              "bottom": "12px",
              "left": "12px"
            }
          },
          "minHeight": {
            "desktop": "100vh",
            "tablet": "100vh",
            "mobile": "100vh"
          }
        },
        "chartCont": {
          "minHeight": {
            "desktop": "450px",
            "tablet": "450px",
            "mobile": "450px"
          },
          "maxWidth": {
            "desktop": "1400px",
            "tablet": "1400px",
            "mobile": "1400px"
          },
          "borderRadius": {
            "top": "20px",
            "right": "20px",
            "bottom": "20px",
            "left": "20px"
          }
        }
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "sectionBg": {
          "type": "gradient",
          "overlayColor": "rgba(0, 0, 0, 0)",
          "position": "center center",
          "image": {
            "url": ""
          },
          "color": "#fff",
          "gradient": "linear-gradient(145deg, #0b0e14 0%, #1a1f2a 100%)",
          "repeat": "no-repeat",
          "size": "cover"
        },
        "chart": {
          "bg": {
            "type": "solid",
            "overlayColor": "rgba(0, 0, 0, 0)",
            "position": "center center",
            "image": {
              "url": ""
            },
            "color": "rgba(8, 12, 20, 0.6)",
            "gradient": "linear-gradient(145deg, #0b0e14 0%, #1a1f2a 100%)",
            "repeat": "no-repeat",
            "size": "cover"
          },
          "gridColor": "#303c54",
          "labelColor": "#a7b9e0",
          "valueColor": "#d2defc"
        },
        "dataPanel": {
          "bg": {
            "type": "solid",
            "overlayColor": "rgba(0, 0, 0, 0)",
            "position": "center center",
            "image": {
              "url": ""
            },
            "color": "rgba(0, 0, 0, 0.25)",
            "gradient": "linear-gradient(145deg, #0b0e14 0%, #1a1f2a 100%)",
            "repeat": "no-repeat",
            "size": "cover"
          },
          "headerColor": "#7682a0",
          "labelColor": "#f0f4ff",
          "valueColor": "#98a9c7"
        }
      }
    },
    "options": {
      "type": "object",
      "default": {
        "chartType": "bar",
        "isDataPanel": true,
        "isGrid": 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"
}