{
  "definitions": {
    "events": {
      "$ref": "#/definitions/Events",
      "$schema": "http://json-schema.org/draft-07/schema#",
      "definitions": {
        "Events": {
          "additionalProperties": false,
          "properties": {
            "navbarDropDownClick": {
              "additionalProperties": false,
              "properties": {
                "key": {
                  "type": "string"
                }
              },
              "required": [
                "key"
              ],
              "type": "object"
            },
            "navbarSlotClick": {
              "additionalProperties": false,
              "properties": {
                "side": {
                  "enum": [
                    "left",
                    "right",
                    "center"
                  ],
                  "type": "string"
                }
              },
              "required": [
                "side"
              ],
              "type": "object"
            },
            "navmenuswitch": {
              "additionalProperties": false,
              "properties": {
                "isOpen": {
                  "type": "boolean"
                }
              },
              "required": [
                "isOpen"
              ],
              "type": "object"
            }
          },
          "required": [
            "navbarDropDownClick",
            "navmenuswitch",
            "navbarSlotClick"
          ],
          "type": "object"
        }
      }
    },
    "component": {
      "$ref": "#/definitions/Component",
      "$schema": "http://json-schema.org/draft-07/schema#",
      "definitions": {
        "Component": {
          "additionalProperties": false,
          "properties": {
            "companybrandname": {
              "type": "string"
            },
            "companylogouri": {
              "type": "string"
            },
            "id": {
              "type": "string"
            },
            "noburger": {
              "type": "string"
            },
            "style": {
              "type": "string"
            },
            "switchopen": {
              "enum": [
                "yes",
                "no"
              ],
              "type": "string"
            },
            "usermenu": {
              "$ref": "#/definitions/IUserMenu"
            }
          },
          "required": [
            "companybrandname",
            "companylogouri"
          ],
          "type": "object"
        },
        "IUserMenu": {
          "additionalProperties": false,
          "properties": {
            "imgUri": {
              "type": "string"
            },
            "list": {
              "items": {
                "$ref": "#/definitions/IUserMenuListItem"
              },
              "type": "array"
            }
          },
          "required": [
            "imgUri"
          ],
          "type": "object"
        },
        "IUserMenuListItem": {
          "additionalProperties": false,
          "properties": {
            "badge": {
              "type": "number"
            },
            "group": {
              "type": "string"
            },
            "key": {
              "type": "string"
            },
            "label": {
              "type": "string"
            }
          },
          "required": [
            "key",
            "label"
          ],
          "type": "object"
        }
      }
    }
  },
  "description": "Top navigation bar with optional hamburger to toggle an offcanvas menu, brand name and logo, slottable left, center, and right areas, and an optional user avatar dropdown (hb-dropdown-simple) with item click events.",
  "storybookArgs": {
    "_testInnerHtml": {
      "control": {
        "disable": true
      }
    },
    "pagetitle": {
      "control": {
        "type": "text"
      }
    },
    "companybrandname": {
      "control": {
        "type": "text"
      }
    },
    "companylogouri": {
      "control": {
        "type": "text"
      }
    },
    "noburger": {
      "control": {
        "type": "boolean"
      }
    },
    "navmenuswitch": {
      "action": "navmenuswitchEvent"
    },
    "navbarDropDownClick": {
      "action": "navbarDropDownClickEvent"
    },
    "usermenu": {
      "control": {
        "type": "object"
      }
    },
    "navbarSlotClick": {
      "action": "navbarSlotClickEvent"
    }
  },
  "styleSetup": {
    "vars": [
      {
        "name": "--hb-layout-navbar-background",
        "valueType": "color",
        "defaultValue": "",
        "description": "Optional top bar background for `hb-navbar` (set on this host, `hb-layout`, or an ancestor)."
      },
      {
        "name": "--hb-navbar-background-color",
        "valueType": "color",
        "defaultValue": "",
        "description": "Per-`hb-navbar` background override (after layout token, before Bulma `--bulma-navbar-background-color`)."
      },
      {
        "name": "--bulma-navbar-background-color",
        "valueType": "color",
        "defaultValue": "#f5f5f5",
        "description": "Bulma navbar strip background (after optional `--hb-layout-navbar-background` / `--hb-navbar-background-color`)."
      },
      {
        "name": "--bulma-navbar-item-color",
        "valueType": "color",
        "defaultValue": "#363636",
        "description": "Default item and icon color on the bar."
      },
      {
        "name": "--bulma-navbar-height",
        "valueType": "string",
        "defaultValue": "3.25rem",
        "description": "Minimum navbar block height."
      },
      {
        "name": "--bulma-navbar-item-img-max-height",
        "valueType": "string",
        "defaultValue": "1.75rem",
        "description": "Max height for brand logo image."
      },
      {
        "name": "--bulma-text",
        "valueType": "color",
        "defaultValue": "#363636",
        "description": "Fallback text when navbar item color is unset."
      },
      {
        "name": "--bulma-scheme-main-bis",
        "valueType": "color",
        "defaultValue": "#f5f5f5",
        "description": "Fallback navbar background."
      },
      {
        "name": "--bulma-radius",
        "valueType": "number",
        "defaultValue": "0.375rem",
        "description": "Menu toggle and control corner radius."
      },
      {
        "name": "--hb-navbar-menu-btn-radius",
        "valueType": "number",
        "defaultValue": "",
        "description": "Optional override for the hamburger / menu button radius."
      }
    ],
    "parts": [
      {
        "name": "left-slot",
        "description": "Exported surface for the left slot projection."
      },
      {
        "name": "center-slot",
        "description": "Exported surface for the center slot projection."
      },
      {
        "name": "right-slot",
        "description": "Exported surface for the right slot projection."
      }
    ]
  },
  "contributors": [],
  "htmlSlots": [
    {
      "name": "left-slot",
      "description": "Custom content to the left of the brand area."
    },
    {
      "name": "right-slot",
      "description": "Custom content to the right of the brand area."
    },
    {
      "name": "center-slot",
      "description": "Custom content centered on the bar."
    },
    {
      "name": "nav-switcher",
      "description": "Optional control shown instead of the default menu toggle."
    },
    {
      "name": "brand",
      "description": "Optional custom brand block (replaces default name + logo)."
    }
  ],
  "i18n": [],
  "examples": [
    {
      "name": "default",
      "data": {
        "companybrandname": "testbrand2",
        "companylogouri": ""
      }
    },
    {
      "name": "withLogo",
      "description": "Brand tile with a remote logo image.",
      "data": {
        "companybrandname": "Acme",
        "companylogouri": "https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg"
      }
    },
    {
      "name": "userMenu",
      "description": "Avatar dropdown with grouped menu entries.",
      "data": {
        "companybrandname": "Acme",
        "companylogouri": "",
        "usermenu": {
          "imgUri": "https://i.pravatar.cc/80?img=3",
          "list": [
            {
              "key": "profile",
              "label": "Profile"
            },
            {
              "key": "settings",
              "label": "Settings",
              "group": "profile"
            },
            {
              "key": "signout",
              "label": "Sign out",
              "badge": 0
            }
          ]
        }
      }
    },
    {
      "name": "noBurger",
      "description": "Hamburger / menu toggle hidden for desktop-only shells.",
      "data": {
        "companybrandname": "Studio",
        "companylogouri": "",
        "noburger": "yes"
      }
    }
  ],
  "iifeIntegrity": "sha384-fRn7iTOfjUHR3DU6QeG2h7OEnliesR15xOz6uipp/4/SI2NJVURXcQ481Uwd2z2L",
  "dependencies": [
    {
      "name": "hb-dropdown-simple",
      "dependencies": []
    }
  ],
  "screenshots": [],
  "licenses": [
    {
      "type": "Apache-2.0",
      "path": "LICENSE.md",
      "cost": 0,
      "currency": "EUR"
    }
  ],
  "readmePath": "README.md",
  "name": "hb-navbar",
  "category": "layout",
  "tags": [
    "layout",
    "navigation"
  ],
  "size": {
    "layout": "fullscreen"
  },
  "iifePath": "main.iife.js",
  "repoName": "@htmlbricks/hb-navbar",
  "version": "0.76.5"
}