{
  "name": "popover",
  "displayName": "Popover",
  "type": "shadow",
  "isCustomElement": true,
  "tag": "l-popover",
  "nativeTag": null,
  "selector": "l-popover",
  "subItemOf": null,
  "summary": "A popover that displays interactive content anchored to a trigger.",
  "status": "stable",
  "appearances": [],
  "import": {
    "css": null,
    "js": "luxen-ui/popover"
  },
  "properties": [
    {
      "name": "for",
      "attribute": "for",
      "type": "string",
      "default": "''",
      "reflects": false,
      "description": "The HTML id of the element triggering the popover."
    },
    {
      "name": "placement",
      "attribute": "placement",
      "type": "Placement",
      "default": "'bottom'",
      "reflects": false,
      "description": "The preferred placement of the popover."
    },
    {
      "name": "distance",
      "attribute": "distance",
      "type": "number",
      "default": "8",
      "reflects": false,
      "description": "The distance in pixels from the target element."
    },
    {
      "name": "open",
      "attribute": "open",
      "type": "boolean",
      "default": "false",
      "reflects": true,
      "description": "Whether or not the popover is visible."
    },
    {
      "name": "withoutArrow",
      "attribute": "without-arrow",
      "type": "boolean",
      "default": "false",
      "reflects": true,
      "description": "Hide the directional arrow."
    },
    {
      "name": "fullWidth",
      "attribute": "full-width",
      "type": "boolean",
      "default": "false",
      "reflects": true,
      "description": "Stretch the popover to the viewport width. Useful for mega menus."
    },
    {
      "name": "trigger",
      "attribute": "trigger",
      "type": "string",
      "default": "'click'",
      "reflects": false,
      "description": "Space-separated list of trigger modes: `click`, `hover`, `focus`, `manual`."
    }
  ],
  "attributes": [],
  "events": [],
  "methods": [
    {
      "name": "show",
      "params": [],
      "returns": null,
      "description": ""
    },
    {
      "name": "hide",
      "params": [],
      "returns": null,
      "description": ""
    },
    {
      "name": "toggle",
      "params": [],
      "returns": null,
      "description": ""
    }
  ],
  "slots": [
    {
      "name": "",
      "description": "Popover content."
    }
  ],
  "cssClasses": [],
  "cssParts": [
    {
      "name": "body",
      "description": "The popover container."
    },
    {
      "name": "arrow",
      "description": "The directional arrow element."
    }
  ],
  "cssProperties": [
    {
      "name": "--background",
      "default": null,
      "description": "Background color. Default: `Canvas`."
    },
    {
      "name": "--color",
      "default": null,
      "description": "Text color. Default: inherited."
    },
    {
      "name": "--border-radius",
      "default": "8px",
      "description": "Border radius."
    },
    {
      "name": "--max-width",
      "default": "320px",
      "description": "Maximum width."
    },
    {
      "name": "--shadow",
      "default": null,
      "description": "Box shadow."
    },
    {
      "name": "--arrow-size",
      "default": "8px",
      "description": "Arrow size."
    },
    {
      "name": "--show-duration",
      "default": "150ms",
      "description": "Show animation duration."
    },
    {
      "name": "--hide-duration",
      "default": "150ms",
      "description": "Hide animation duration."
    }
  ],
  "commands": [],
  "examples": []
}