{
  "schemaVersion": 1,
  "name": "Account notes",
  "unit": "mm",
  "page": {
    "size": "A5",
    "orientation": "portrait",
    "margins": {
      "top": 12,
      "right": 12,
      "bottom": 12,
      "left": 12
    }
  },
  "dataSources": [
    {
      "name": "tasks"
    },
    {
      "name": "customer"
    }
  ],
  "styles": {
    "title": {
      "fontSize": 18,
      "fontWeight": "bold",
      "color": "#0f172a"
    },
    "muted": {
      "fontSize": 9,
      "color": "#64748b"
    },
    "th": {
      "fontSize": 9,
      "fontWeight": "bold",
      "color": "#ffffff",
      "backgroundColor": "#334155",
      "padding": 1.5
    },
    "td": {
      "fontSize": 9,
      "padding": 1.5,
      "border": {
        "width": 0.4,
        "color": "#e2e8f0",
        "style": "solid",
        "sides": [
          "bottom"
        ]
      }
    },
    "num": {
      "textAlign": "right"
    },
    "sub": {
      "fontSize": 9,
      "fontWeight": "bold",
      "backgroundColor": "#e2e8f0",
      "padding": 1.5
    },
    "note": {
      "fontSize": 9.5,
      "padding": 1.5
    }
  },
  "reportHeader": {
    "id": "rh",
    "height": 22,
    "components": [
      {
        "id": "title",
        "type": "text",
        "x": 0,
        "y": 0,
        "width": 124,
        "height": 9,
        "text": "Account notes",
        "styleName": "title"
      },
      {
        "id": "who",
        "type": "text",
        "x": 0,
        "y": 10,
        "width": 124,
        "height": 10,
        "text": "<b>{{ customer.name }}</b><br>Contact: {{ customer.contact }}",
        "allowHtml": true,
        "canGrow": true,
        "styleName": "muted",
        "style": {
          "fontSize": 10
        }
      }
    ]
  },
  "body": [
    {
      "kind": "dataRegion",
      "id": "tasks_region",
      "dataSource": "tasks",
      "detail": {
        "id": "task",
        "height": 24,
        "components": [
          {
            "id": "n1",
            "type": "text",
            "x": 0,
            "y": 1,
            "width": 124,
            "height": 6,
            "text": "{{ rowNumber }}. {{ row.title }}",
            "allowHtml": true,
            "style": {
              "fontSize": 11,
              "fontWeight": "bold"
            }
          },
          {
            "id": "n2",
            "type": "text",
            "x": 5,
            "y": 8,
            "width": 119,
            "height": 14,
            "text": "{{ row.note }}",
            "allowHtml": true,
            "canGrow": true,
            "styleName": "note"
          }
        ]
      }
    }
  ]
}