{
  "schemaVersion": 1,
  "name": "Product catalog",
  "unit": "mm",
  "page": {
    "size": "A4",
    "orientation": "portrait",
    "margins": {
      "top": 12,
      "right": 12,
      "bottom": 12,
      "left": 12
    }
  },
  "dataSources": [
    {
      "name": "products"
    }
  ],
  "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
    }
  },
  "reportHeader": {
    "id": "rh",
    "height": 18,
    "components": [
      {
        "id": "title",
        "type": "text",
        "x": 0,
        "y": 0,
        "width": 186,
        "height": 9,
        "text": "Product catalog",
        "styleName": "title"
      },
      {
        "id": "sub",
        "type": "text",
        "x": 0,
        "y": 10,
        "width": 186,
        "height": 5,
        "text": "{{ count(products) }} products · printed {{ formatDate(today(), \"d MMMM yyyy\") }}",
        "styleName": "muted"
      }
    ]
  },
  "pageFooter": {
    "id": "pf",
    "height": 8,
    "components": [
      {
        "id": "pf_n",
        "type": "text",
        "x": 0,
        "y": 2,
        "width": 186,
        "height": 5,
        "text": "Page {{ page.number }} of {{ page.count }}",
        "style": {
          "fontSize": 8,
          "color": "#64748b",
          "textAlign": "right"
        }
      }
    ]
  },
  "body": [
    {
      "kind": "dataRegion",
      "id": "list",
      "dataSource": "products",
      "repeatHeaderOnEachPage": true,
      "header": {
        "id": "head",
        "height": 7,
        "components": [
          {
            "id": "h1",
            "type": "text",
            "x": 0,
            "y": 0,
            "width": 28,
            "height": 7,
            "text": "SKU",
            "styleName": "th"
          },
          {
            "id": "h2",
            "type": "text",
            "x": 28,
            "y": 0,
            "width": 72,
            "height": 7,
            "text": "Product",
            "styleName": "th"
          },
          {
            "id": "h3",
            "type": "text",
            "x": 100,
            "y": 0,
            "width": 34,
            "height": 7,
            "text": "Category",
            "styleName": "th"
          },
          {
            "id": "h4",
            "type": "text",
            "x": 134,
            "y": 0,
            "width": 26,
            "height": 7,
            "text": "Price",
            "styleName": "th",
            "style": {
              "textAlign": "right"
            }
          },
          {
            "id": "h5",
            "type": "text",
            "x": 160,
            "y": 0,
            "width": 26,
            "height": 7,
            "text": "In stock",
            "styleName": "th",
            "style": {
              "textAlign": "right"
            }
          }
        ]
      },
      "detail": {
        "id": "row",
        "height": 6.5,
        "components": [
          {
            "id": "c1",
            "type": "text",
            "x": 0,
            "y": 0,
            "width": 28,
            "height": 6.5,
            "text": "{{ row.sku }}",
            "styleName": "td"
          },
          {
            "id": "c2",
            "type": "text",
            "x": 28,
            "y": 0,
            "width": 72,
            "height": 6.5,
            "text": "{{ row.name }}",
            "styleName": "td"
          },
          {
            "id": "c3",
            "type": "text",
            "x": 100,
            "y": 0,
            "width": 34,
            "height": 6.5,
            "text": "{{ row.category }}",
            "styleName": "td"
          },
          {
            "id": "c4",
            "type": "text",
            "x": 134,
            "y": 0,
            "width": 26,
            "height": 6.5,
            "text": "{{ row.price }}",
            "styleName": "td",
            "style": {
              "textAlign": "right"
            },
            "format": {
              "type": "currency",
              "currency": "USD"
            }
          },
          {
            "id": "c5",
            "type": "text",
            "x": 160,
            "y": 0,
            "width": 26,
            "height": 6.5,
            "text": "{{ row.stock }}",
            "styleName": "td",
            "style": {
              "textAlign": "right"
            },
            "conditions": [
              {
                "expression": "row.stock < 10",
                "style": {
                  "color": "#b91c1c",
                  "fontWeight": "bold"
                }
              }
            ]
          }
        ]
      },
      "footer": {
        "id": "foot",
        "height": 8,
        "components": [
          {
            "id": "f1",
            "type": "text",
            "x": 0,
            "y": 1.5,
            "width": 134,
            "height": 6,
            "text": "Total stock value",
            "styleName": "sub"
          },
          {
            "id": "f2",
            "type": "text",
            "x": 134,
            "y": 1.5,
            "width": 52,
            "height": 6,
            "text": "{{ sum(rows, r => r.price * r.stock) }}",
            "styleName": "sub",
            "style": {
              "textAlign": "right"
            },
            "format": {
              "type": "currency",
              "currency": "USD"
            }
          }
        ]
      }
    }
  ]
}