{
  "definitions": {
    "events": {
      "$ref": "#/definitions/Events",
      "$schema": "http://json-schema.org/draft-07/schema#",
      "definitions": {
        "Events": {
          "additionalProperties": false,
          "properties": {
            "pageChange": {
              "additionalProperties": false,
              "properties": {
                "page": {
                  "type": "string"
                }
              },
              "required": [
                "page"
              ],
              "type": "object"
            }
          },
          "required": [
            "pageChange"
          ],
          "type": "object"
        }
      }
    },
    "component": {
      "$ref": "#/definitions/Component",
      "$schema": "http://json-schema.org/draft-07/schema#",
      "definitions": {
        "Component": {
          "additionalProperties": false,
          "properties": {
            "id": {
              "type": "string"
            },
            "navlink": {
              "$ref": "#/definitions/INavLink"
            },
            "navpage": {
              "type": "string"
            },
            "selected": {
              "type": "boolean"
            },
            "style": {
              "type": "string"
            }
          },
          "required": [
            "navlink"
          ],
          "type": "object"
        },
        "INavLink": {
          "additionalProperties": false,
          "properties": {
            "active": {
              "type": "boolean"
            },
            "badge": {
              "additionalProperties": false,
              "properties": {
                "class": {
                  "type": "string"
                },
                "classcolor": {
                  "type": "string"
                },
                "text": {
                  "type": "string"
                }
              },
              "required": [
                "text"
              ],
              "type": "object"
            },
            "group": {
              "type": "string"
            },
            "icon": {
              "type": "string"
            },
            "key": {
              "type": "string"
            },
            "label": {
              "type": "string"
            },
            "open": {
              "type": "boolean"
            },
            "subLinks": {
              "items": {
                "$ref": "#/definitions/INavLink"
              },
              "type": "array"
            }
          },
          "required": [
            "key",
            "label"
          ],
          "type": "object"
        }
      }
    }
  },
  "description": "Sidebar nav item: Bootstrap Icons (bi-*), label, optional Bulma-style tag badge (outlined pill: transparent fill, border uses tag foreground color), and either a flat button that dispatches pageChange on click or an expandable group of subLinks with active state when navpage or selected matches. Intended for use inside sidebar-desktop lists.",
  "storybookArgs": {
    "navpage": {
      "control": {
        "type": "text"
      }
    },
    "navlink": {
      "control": {
        "type": "object"
      }
    },
    "selected": {
      "control": {
        "type": "boolean"
      }
    },
    "pageChange": {
      "action": "pageChangeEvent"
    }
  },
  "styleSetup": {
    "vars": [
      {
        "name": "--bulma-link",
        "valueType": "color",
        "defaultValue": "#485fc7",
        "description": "Active row stripe, chevrons, and interactive accents."
      },
      {
        "name": "--bulma-link-text",
        "valueType": "color",
        "defaultValue": "#ffffff",
        "description": "Text color on the active row background mix."
      },
      {
        "name": "--bulma-text",
        "valueType": "color",
        "defaultValue": "#363636",
        "description": "Default label color for inactive rows."
      },
      {
        "name": "--bulma-scheme-main",
        "valueType": "color",
        "defaultValue": "#ffffff",
        "description": "Row surface behind ghost buttons."
      },
      {
        "name": "--bulma-radius",
        "valueType": "number",
        "defaultValue": "0.375rem",
        "description": "Row rounding for list items."
      },
      {
        "name": "--hb-sidenav-trail-width",
        "valueType": "number",
        "defaultValue": "3.5rem",
        "description": "Width of the right column (badges / expand chevron). Keeps labels aligned when some rows omit a badge."
      }
    ],
    "parts": [
      {
        "name": "li",
        "description": "Bulma menu list row (`li`) wrapping the ghost button, label column, badge or chevron trail, and nested sub-links."
      }
    ]
  },
  "contributors": [],
  "htmlSlots": [],
  "i18n": [],
  "examples": [
    {
      "name": "default",
      "data": {
        "navlink": {
          "label": "Home",
          "key": "home",
          "icon": "house-door",
          "badge": {
            "text": "bbb"
          }
        }
      }
    },
    {
      "name": "withPage",
      "data": {
        "navpage": "home",
        "navlink": {
          "label": "Home",
          "key": "home",
          "icon": "house-door",
          "badge": {
            "text": "bbb"
          }
        }
      }
    },
    {
      "name": "selected",
      "data": {
        "selected": true,
        "navlink": {
          "label": "Home",
          "key": "home",
          "icon": "house-door",
          "badge": {
            "text": "bbb"
          }
        }
      }
    },
    {
      "name": "withSubLinks",
      "description": "Expandable group with nested links.",
      "data": {
        "navpage": "dash",
        "navlink": {
          "label": "Workspace",
          "key": "workspace",
          "icon": "folder2-open",
          "subLinks": [
            {
              "label": "Dashboard",
              "key": "dash",
              "icon": "speedometer2"
            },
            {
              "label": "Projects",
              "key": "projects",
              "icon": "kanban"
            },
            {
              "label": "Archive",
              "key": "archive",
              "icon": "archive"
            }
          ]
        }
      }
    }
  ],
  "iifeIntegrity": "sha384-fawkx4Mj9E3HqVfhd7+vZ+X7gbGUIwwyyo6i7vzxSCN3JTgRKIeBQmfTMiqfsgBT",
  "dependencies": [],
  "screenshots": [],
  "licenses": [
    {
      "type": "Apache-2.0",
      "path": "LICENSE.md",
      "cost": 0,
      "currency": "EUR"
    }
  ],
  "readmePath": "README.md",
  "name": "hb-sidenav-link",
  "category": "layout",
  "tags": [
    "layout",
    "navigation"
  ],
  "size": {},
  "iifePath": "main.iife.js",
  "repoName": "@htmlbricks/hb-sidenav-link",
  "version": "0.76.5"
}