{
  "definitions": {
    "events": {
      "$ref": "#/definitions/Events",
      "$schema": "http://json-schema.org/draft-07/schema#",
      "definitions": {
        "Events": {
          "additionalProperties": false,
          "properties": {
            "dropDownClick": {
              "additionalProperties": false,
              "properties": {
                "key": {
                  "type": "string"
                }
              },
              "required": [
                "key"
              ],
              "type": "object"
            },
            "dropdownSwitch": {
              "additionalProperties": false,
              "properties": {
                "id": {
                  "type": "string"
                },
                "open": {
                  "type": "boolean"
                }
              },
              "required": [
                "open",
                "id"
              ],
              "type": "object"
            }
          },
          "required": [
            "dropdownSwitch",
            "dropDownClick"
          ],
          "type": "object"
        }
      }
    },
    "component": {
      "$ref": "#/definitions/Component",
      "$schema": "http://json-schema.org/draft-07/schema#",
      "definitions": {
        "Component": {
          "additionalProperties": false,
          "properties": {
            "id": {
              "type": "string"
            },
            "list": {
              "items": {
                "$ref": "#/definitions/IDropDownMenuListItem"
              },
              "type": "array"
            },
            "open": {
              "type": "boolean"
            },
            "position": {
              "enum": [
                "left",
                "right"
              ],
              "type": "string"
            },
            "style": {
              "type": "string"
            }
          },
          "required": [
            "list"
          ],
          "type": "object"
        },
        "IDropDownMenuListItem": {
          "additionalProperties": false,
          "properties": {
            "badge": {
              "type": "number"
            },
            "group": {
              "type": "string"
            },
            "key": {
              "type": "string"
            },
            "label": {
              "type": "string"
            },
            "linkHref": {
              "type": "string"
            }
          },
          "required": [
            "key",
            "label"
          ],
          "type": "object"
        }
      }
    }
  },
  "description": "Bootstrap dropdown menu: `list` is a JSON array of items with `key` (and labels as defined in your schema). Toggle open state with the trigger; choosing an item emits `dropDownClick` with the item `key` and closes the menu. `open` accepts boolean or string (`yes`/`no`); `position` aligns the menu left or right (defaults from host `float`). Also emits `dropdownSwitch` when toggled.",
  "storybookArgs": {
    "open": {
      "control": {
        "type": "boolean"
      }
    },
    "list": {
      "control": {
        "type": "array"
      }
    },
    "dropdownSwitch": {
      "action": "dropdownSwitchEvent"
    },
    "dropDownClick": {
      "action": "dropDownClickEvent"
    }
  },
  "styleSetup": {
    "vars": [
      {
        "name": "--bulma-scheme-main",
        "valueType": "color",
        "defaultValue": "",
        "description": "Background of the floating menu panel (`dropdown-content`)."
      },
      {
        "name": "--bulma-border",
        "valueType": "color",
        "defaultValue": "",
        "description": "Border color for the menu and separators between items."
      },
      {
        "name": "--bulma-text",
        "valueType": "color",
        "defaultValue": "",
        "description": "Default text color for menu rows and the trigger area."
      },
      {
        "name": "--bulma-link",
        "valueType": "color",
        "defaultValue": "",
        "description": "Accent for links (`linkHref` rows) and interactive hover states."
      }
    ],
    "parts": [
      {
        "name": "dropdown",
        "description": "Bulma `dropdown` root (active/right modifiers); size, margins, or `z-index` for stacking above neighbors."
      },
      {
        "name": "dropdownbutton",
        "description": "Clickable trigger wrapping the `dropdownbutton` slot; use for padding, min-width, or typography on the control."
      },
      {
        "name": "dropdowncontent",
        "description": "The floating `dropdown-menu` panel; constrain width, max-height, or shadow for the opened list."
      }
    ]
  },
  "contributors": [],
  "htmlSlots": [
    {
      "name": "dropdownbutton",
      "description": "Content of the menu trigger (default text `btn`). Accepts text or light markup; receives click handling from the host wrapper."
    }
  ],
  "i18n": [],
  "examples": [
    {
      "name": "default",
      "description": "Mixed plain items and one external link row.",
      "data": {
        "list": [
          {
            "key": "ciao",
            "label": "bao"
          },
          {
            "key": "ciao2",
            "label": "bao2"
          },
          {
            "key": "ciao3",
            "label": "bao3",
            "linkHref": "fefeef"
          }
        ]
      }
    },
    {
      "name": "minimal",
      "description": "Single actionable entry.",
      "data": {
        "list": [
          {
            "key": "only",
            "label": "Only option"
          }
        ]
      }
    },
    {
      "name": "openStart",
      "description": "Menu starts expanded for stacked layouts.",
      "data": {
        "list": [
          {
            "key": "a",
            "label": "Alpha",
            "badge": 2
          },
          {
            "key": "b",
            "label": "Beta"
          }
        ],
        "open": true
      }
    },
    {
      "name": "rightPosition",
      "description": "Align the panel to the end edge.",
      "data": {
        "list": [
          {
            "key": "edit",
            "label": "Edit"
          },
          {
            "key": "share",
            "label": "Share"
          },
          {
            "key": "delete",
            "label": "Delete",
            "group": "danger"
          }
        ],
        "position": "right"
      }
    }
  ],
  "iifeIntegrity": "sha384-UJRF8TIFbcCKCp5APEQTuDFVtA/Pml3WRghPf0cVhZJWiaohmyyaq8QoT4/1MZ18",
  "dependencies": [],
  "screenshots": [],
  "licenses": [
    {
      "type": "Apache-2.0",
      "path": "LICENSE.md",
      "cost": 0,
      "currency": "EUR"
    }
  ],
  "readmePath": "README.md",
  "name": "hb-dropdown-simple",
  "category": "overlays",
  "tags": [
    "overlays",
    "menu"
  ],
  "size": {},
  "iifePath": "main.iife.js",
  "repoName": "@htmlbricks/hb-dropdown-simple",
  "version": "0.76.5"
}