{
  "schemaVersion": "1.0.0",
  "readme": "",
  "modules": [
    {
      "kind": "javascript-module",
      "path": "vaadin-badge.js",
      "declarations": [],
      "exports": [
        {
          "kind": "js",
          "name": "*",
          "declaration": {
            "name": "*",
            "module": "src/vaadin-badge.js"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/vaadin-badge.js",
      "declarations": [
        {
          "kind": "class",
          "description": "`<vaadin-badge>` is a Web Component for displaying badges.\n\n```html\n<vaadin-badge>New</vaadin-badge>\n```\n\n### Slots\n\nName     | Description\n---------|-------------\n(none)   | Default slot for the badge text content\n`icon`   | Slot for an icon to place before the text\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name  | Description\n-----------|-------------\n`icon`     | The container for the icon slot\n`number`   | The container for the number value\n`content`  | The container for the default slot\n\nThe following state attributes are available for styling:\n\nAttribute      | Description\n---------------|-------------\n`has-icon`     | Set when the badge has content in the icon slot\n`has-content`  | Set when the badge has content in the default slot\n`has-number`   | Set when the badge has a number value\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property              |\n:--------------------------------|\n`--vaadin-badge-background`      |\n`--vaadin-badge-border-color`    |\n`--vaadin-badge-border-radius`   |\n`--vaadin-badge-border-width`    |\n`--vaadin-badge-font-size`       |\n`--vaadin-badge-font-weight`     |\n`--vaadin-badge-font-family`     |\n`--vaadin-badge-gap`             |\n`--vaadin-badge-line-height`     |\n`--vaadin-badge-padding`         |\n`--vaadin-badge-text-color`      |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
          "name": "Badge",
          "members": [
            {
              "kind": "field",
              "name": "number",
              "privacy": "public",
              "type": {
                "text": "number"
              },
              "description": "The number to display in the badge.",
              "attribute": "number"
            }
          ],
          "attributes": [
            {
              "name": "number",
              "type": {
                "text": "number"
              },
              "description": "The number to display in the badge.",
              "fieldName": "number"
            }
          ],
          "mixins": [
            {
              "name": "ElementMixin",
              "package": "@vaadin/component-base/src/element-mixin.js"
            },
            {
              "name": "ThemableMixin",
              "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
            },
            {
              "name": "PolylitMixin",
              "package": "@vaadin/component-base/src/polylit-mixin.js"
            },
            {
              "name": "LumoInjectionMixin",
              "package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "vaadin-badge",
          "customElement": true,
          "events": []
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Badge",
          "declaration": {
            "name": "Badge",
            "module": "src/vaadin-badge.js"
          }
        }
      ]
    }
  ]
}