{
  "$schema": "../../schemas/component-contract.schema.json",
  "name": "pagination",
  "category": "navigation",
  "status": "stable",
  "kind": "custom-element",
  "tagName": "blora-pagination",
  "since": "2.0.0",
  "requiresJavaScript": true,
  "formAssociated": false,
  "attributes": {
    "page": {
      "type": "number",
      "default": 1
    },
    "total": {
      "type": "number",
      "default": 1
    },
    "max-visible": {
      "type": "number",
      "default": 7,
      "description": "Maximum number of numeric page buttons before ellipses are inserted."
    },
    "label": {
      "type": "string"
    },
    "disabled": {
      "type": "boolean",
      "default": false
    },
    "variant": {
      "type": "\"default\" | \"simple\"",
      "default": "default"
    }
  },
  "properties": {
    "page": {
      "type": "number"
    }
  },
  "methods": {},
  "events": {
    "blora-change": {
      "detail": "{ page: number }",
      "bubbles": true,
      "composed": false
    }
  },
  "classes": {
    "blora-pagination__item": "Page number or nav button.",
    "blora-pagination__nav": "Prev/next nav button with larger touch target.",
    "blora-pagination__ellipsis": "Ellipsis separator.",
    "blora-pagination__window": "Clipped viewport for the sliding numeric window.",
    "blora-pagination__track": "Track of inner page buttons translated on page change.",
    "blora-pagination__status": "Current-page label in the simple prev / status / next layout."
  },
  "slots": {
    "default": "Content"
  },
  "parts": [],
  "cssProperties": [
    "--blora-pagination-gap",
    "--blora-pagination-item-size",
    "--blora-pagination-hover-scale",
    "--blora-pagination-window",
    "--blora-pagination-offset"
  ],
  "accessibilityPattern": "navigation"
}