{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "lcp/line-graph",
  "version": "1.0.0",
  "title": "Line Graph",
  "category": "widgets",
  "icon": "chart-bar",
  "description": "Display data as a line graph using D3.js",
  "supports": {
    "html": false
  },
  "attributes": {
    "columnTypes": {
      "type": "object",
      "default": {
        "ID": "lcpText",
        "Label": "lcpText",
        "Value": "lcpNumber",
        "Color": "lcpColor",
        "Content": "lcpText",
        "Parent": "lcpText"
      }
    },
    "enableStackedBars": {
      "type": "boolean",
      "default": false
    },
    "enableDrillDown": {
      "type": "boolean",
      "default": false
    },
    "enableHierachical": {
      "type": "boolean",
      "default": false
    },
    "hierarchicalSource": {
      "type": "string",
      "default": "parent"
    },
    "hierarchicalColumnOrder": {
      "type": "string",
      "default": ""
    },
    "hierachicalDepth": {
      "type": "number",
      "default": 1
    },
    "chartData": {
      "type": "array",
      "default": [
        {
          "ID": "lcpDatapoint-1",
          "Label": "Sample 1",
          "Value": 100,
          "Color": "#007cba",
          "Content": "<p>First item</p>",
          "Parent": ""
        },
        {
          "ID": "lcpDatapoint-2",
          "Label": "Sample 2",
          "Value": 50,
          "Color": "#ff0000",
          "Content": "<p>Second item</p>",
          "Parent": "lcpDatapoint-1"
        }
      ]
    },
    "chartHeight": {
      "type": "string",
      "default": "400px"
    },
    "chartWidth": {
      "type": "string",
      "default": "100%"
    },
    "idColumn": {
      "type": "string",
      "default": "ID"
    },
    "barColor": {
      "type": "string",
      "default": "#007cba"
    },
    "valueColumn": {
      "type": "string",
      "default": "Value"
    },
    "labelsColumn": {
      "type": "string",
      "default": "Label"
    },
    "colorColumn": {
      "type": "string",
      "default": "Color"
    },
    "popoverColumn": {
      "type": "string",
      "default": "Content"
    },
    "renderLegend": {
      "type": "boolean",
      "default": true
    },
    "legendFontSize": {
      "type": "string",
      "default": "16px"
    },
    "legendLocation": {
      "type": "string",
      "default": "top"
    },
    "legendAlignment": {
      "type": "string",
      "default": "left"
    },
    "allowDownloadImage": {
      "type": "boolean",
      "default": false
    },
    "downloadImageMaxWidth": {
      "type": "string",
      "default": "2000px"
    },
    "allowDownloadCsv": {
      "type": "boolean",
      "default": false
    },
    "allowDownloadJson": {
      "type": "boolean",
      "default": false
    },
    "allowFilter": {
      "type": "boolean",
      "default": false
    },
    "allowSorting": {
      "type": "boolean",
      "default": false
    },
    "renderFooter": {
      "type": "boolean",
      "default": false
    },
    "footerContent": {
      "type": "string",
      "default": ""
    },
    "chartTitle": {
      "type": "string",
      "default": ""
    },
    "chartSubtitle": {
      "type": "string",
      "default": ""
    },
    "toolbarLocation": {
      "type": "string",
      "default": "bottom"
    },
    "toolbarAlignment": {
      "type": "string",
      "default": "left"
    },
    "enableDatapointTooltip": {
      "type": "boolean",
      "default": false
    },
    "enableDatapointPopup": {
      "type": "boolean",
      "default": false
    },
    "showXAxisLabel": {
      "type": "boolean",
      "default": true
    },
    "xAxisLabel": {
      "type": "string",
      "default": ""
    },
    "showYAxisLabel": {
      "type": "boolean",
      "default": true
    },
    "yAxisLabel": {
      "type": "string",
      "default": ""
    },
    "barsColorSource": {
      "type": "string",
      "default": "default"
    },
    "renderXGrid": {
      "type": "boolean",
      "default": false
    },
    "xGridColor": {
      "type": "string",
      "default": "blue"
    },
    "renderYGrid": {
      "type": "boolean",
      "default": false
    },
    "yGridColor": {
      "type": "string",
      "default": "#e0e0e0"
    }
  },
  "textdomain": "lcp",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css"
}