{
  "name": "rating",
  "displayName": "Rating",
  "type": "shadow",
  "isCustomElement": true,
  "tag": "l-rating",
  "nativeTag": null,
  "selector": "l-rating",
  "subItemOf": null,
  "summary": "Displays a star rating, optionally interactive.",
  "status": "stable",
  "appearances": [],
  "import": {
    "css": null,
    "js": "luxen-ui/rating"
  },
  "properties": [
    {
      "name": "editMode",
      "attribute": "edit-mode",
      "type": "boolean",
      "default": "false",
      "reflects": true,
      "description": ""
    },
    {
      "name": "labels",
      "attribute": "labels",
      "type": "string[]",
      "default": "[]",
      "reflects": true,
      "description": ""
    },
    {
      "name": "value",
      "attribute": "value",
      "type": "number",
      "default": "0",
      "reflects": true,
      "description": ""
    },
    {
      "name": "length",
      "attribute": "length",
      "type": "number",
      "default": "5",
      "reflects": true,
      "description": ""
    },
    {
      "name": "getIcon",
      "attribute": null,
      "type": "(value: number) => string | undefined",
      "default": null,
      "reflects": false,
      "description": "Optional callback returning a CSS `url()` string for a given position (1-based)."
    }
  ],
  "attributes": [],
  "events": [
    {
      "name": "change",
      "description": "Emitted when the rating value changes in edit mode. Bubbles. Properties: `name: string`, `value: string`, `checked: boolean`, `sourceEvent: Event`.",
      "cancelable": false
    }
  ],
  "methods": [
    {
      "name": "formResetCallback",
      "params": [],
      "returns": null,
      "description": ""
    },
    {
      "name": "formStateRestoreCallback",
      "params": [
        {
          "name": "state",
          "type": "string"
        },
        {
          "name": "_mode",
          "type": "'restore' | 'autocomplete'"
        }
      ],
      "returns": null,
      "description": ""
    }
  ],
  "slots": [],
  "cssClasses": [],
  "cssParts": [
    {
      "name": "label",
      "description": "The label element shown in edit mode."
    }
  ],
  "cssProperties": [
    {
      "name": "--icon-size",
      "default": "20px",
      "description": "The size of each icon."
    },
    {
      "name": "--active-color",
      "default": "gold",
      "description": "The fill color for rated icons."
    },
    {
      "name": "--inactive-color",
      "default": "#ddd",
      "description": "The fill color for empty icons."
    },
    {
      "name": "--spacing",
      "default": "0px",
      "description": "The spacing between icons."
    },
    {
      "name": "--icon",
      "default": null,
      "description": "Custom SVG shape as a `url()`. Defaults to a 5-pointed star."
    }
  ],
  "commands": [],
  "examples": []
}