@ng-primitives/mcp 0.106.0 → 0.107.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-primitives/mcp",
-  "version": "0.106.0",
+  "version": "0.107.0",
   "description": "MCP server for Angular Primitives - headless UI library",
   "type": "commonjs",
   "main": "./src/index.js",

package/src/generated/api-data.json

@@ -1582,6 +1582,13 @@
         "isRequired": false,
         "defaultValue": "'block'"
       },
+      {
+        "name": "ngpMenuTriggerCooldown",
+        "type": "number",
+        "description": "Define the cooldown duration in milliseconds.\nWhen moving from one menu to another within this duration,\nthe showDelay is skipped for the new menu.",
+        "isRequired": false,
+        "defaultValue": "0"
+      },
       {
         "name": "ngpMenuTriggerContext",
         "type": "T | undefined",
@@ -1666,6 +1673,219 @@
     ],
     "outputs": []
   },
+  "NgpNavigationMenuItem": {
+    "name": "NgpNavigationMenuItem",
+    "description": "The `NgpNavigationMenuItem` directive is a container for a menu trigger and its content.\nIt manages the open/close state for this specific menu item.",
+    "selector": "[ngpNavigationMenuItem]",
+    "exportAs": [
+      "ngpNavigationMenuItem"
+    ],
+    "inputs": [
+      {
+        "name": "ngpNavigationMenuItemValue",
+        "type": "string",
+        "description": "A unique value identifying this menu item.\nUsed to track which item is currently active.",
+        "isRequired": false
+      }
+    ],
+    "outputs": []
+  },
+  "NgpNavigationMenuLink": {
+    "name": "NgpNavigationMenuLink",
+    "description": "The `NgpNavigationMenuLink` directive is used for standalone navigation links\nwithin the navigation menu list (links without dropdown content).",
+    "selector": "[ngpNavigationMenuLink]",
+    "exportAs": [
+      "ngpNavigationMenuLink"
+    ],
+    "inputs": [
+      {
+        "name": "ngpNavigationMenuLinkDisabled",
+        "type": "boolean",
+        "description": "Whether the link is disabled.",
+        "isRequired": false,
+        "defaultValue": "false"
+      },
+      {
+        "name": "ngpNavigationMenuLinkActive",
+        "type": "boolean",
+        "description": "Whether the link is active (represents the current page).",
+        "isRequired": false,
+        "defaultValue": "false"
+      }
+    ],
+    "outputs": []
+  },
+  "NgpNavigationMenuContentItem": {
+    "name": "NgpNavigationMenuContentItem",
+    "description": "The `NgpNavigationMenuContentItem` directive represents an item inside navigation menu content.\nIt participates in roving focus navigation within the content panel.",
+    "selector": "[ngpNavigationMenuContentItem]",
+    "exportAs": [
+      "ngpNavigationMenuContentItem"
+    ],
+    "inputs": [
+      {
+        "name": "ngpNavigationMenuContentItemDisabled",
+        "type": "boolean",
+        "description": "Whether the item is disabled.",
+        "isRequired": false,
+        "defaultValue": "false"
+      }
+    ],
+    "outputs": []
+  },
+  "NgpNavigationMenu": {
+    "name": "NgpNavigationMenu",
+    "description": "The `NgpNavigationMenu` directive is the root container for a navigation menu.\nApply this to a `<nav>` element for proper semantics.",
+    "selector": "[ngpNavigationMenu]",
+    "exportAs": [
+      "ngpNavigationMenu"
+    ],
+    "inputs": [
+      {
+        "name": "ngpNavigationMenuOrientation",
+        "type": "NgpOrientation",
+        "description": "The orientation of the navigation menu.",
+        "isRequired": false,
+        "defaultValue": "'horizontal'"
+      },
+      {
+        "name": "ngpNavigationMenuShowDelay",
+        "type": "number",
+        "description": "The delay in milliseconds before showing content on hover.",
+        "isRequired": false,
+        "defaultValue": "200"
+      },
+      {
+        "name": "ngpNavigationMenuHideDelay",
+        "type": "number",
+        "description": "The delay in milliseconds before hiding content.",
+        "isRequired": false,
+        "defaultValue": "150"
+      },
+      {
+        "name": "ngpNavigationMenuValue",
+        "type": "string | null",
+        "description": "The currently active (open) item value.",
+        "isRequired": false
+      }
+    ],
+    "outputs": [
+      {
+        "name": "ngpNavigationMenuValueChange",
+        "type": "string | null",
+        "description": "Emits when the active item changes."
+      }
+    ]
+  },
+  "NgpNavigationMenuContent": {
+    "name": "NgpNavigationMenuContent",
+    "description": "The `NgpNavigationMenuContent` directive is the content panel displayed when a trigger is activated.\nIt has its own roving focus group for keyboard navigation within the content.",
+    "selector": "[ngpNavigationMenuContent]",
+    "exportAs": [
+      "ngpNavigationMenuContent"
+    ],
+    "inputs": [
+      {
+        "name": "ngpNavigationMenuContentOrientation",
+        "type": "NgpOrientation",
+        "description": "The orientation for keyboard navigation within the content.\nUse 'vertical' for list layouts (default), 'horizontal' for grid layouts.",
+        "isRequired": false,
+        "defaultValue": "'vertical'"
+      },
+      {
+        "name": "ngpNavigationMenuContentWrap",
+        "type": "boolean",
+        "description": "Whether focus should wrap around when reaching the end of the content.",
+        "isRequired": false,
+        "defaultValue": "true"
+      }
+    ],
+    "outputs": []
+  },
+  "NgpNavigationMenuList": {
+    "name": "NgpNavigationMenuList",
+    "description": "The `NgpNavigationMenuList` directive is a container for navigation menu items.\nIt manages roving focus between menu triggers and links.",
+    "selector": "[ngpNavigationMenuList]",
+    "exportAs": [
+      "ngpNavigationMenuList"
+    ],
+    "inputs": [
+      {
+        "name": "ngpNavigationMenuListWrap",
+        "type": "boolean",
+        "description": "Whether focus should wrap around when reaching the end of the list.",
+        "isRequired": false,
+        "defaultValue": "true"
+      }
+    ],
+    "outputs": []
+  },
+  "NgpNavigationMenuTrigger": {
+    "name": "NgpNavigationMenuTrigger",
+    "description": "The `NgpNavigationMenuTrigger` directive is a button that opens navigation menu content.\nIt supports hover and focus interactions with configurable delays.",
+    "selector": "[ngpNavigationMenuTrigger]",
+    "exportAs": [
+      "ngpNavigationMenuTrigger"
+    ],
+    "inputs": [
+      {
+        "name": "ngpNavigationMenuTrigger",
+        "type": "NgpOverlayContent<unknown> | undefined",
+        "description": "The content template or component to display.",
+        "isRequired": false
+      },
+      {
+        "name": "ngpNavigationMenuTriggerDisabled",
+        "type": "boolean",
+        "description": "Whether the trigger is disabled.",
+        "isRequired": false,
+        "defaultValue": "false"
+      },
+      {
+        "name": "ngpNavigationMenuTriggerPlacement",
+        "type": "Placement",
+        "description": "The placement of the content relative to the trigger.",
+        "isRequired": false,
+        "defaultValue": "'bottom-start'"
+      },
+      {
+        "name": "ngpNavigationMenuTriggerOffset",
+        "type": "NgpOffset",
+        "description": "The offset of the content relative to the trigger.",
+        "isRequired": false,
+        "defaultValue": "4"
+      },
+      {
+        "name": "ngpNavigationMenuTriggerFlip",
+        "type": "boolean",
+        "description": "Whether the content should flip when there is not enough space.",
+        "isRequired": false,
+        "defaultValue": "true"
+      },
+      {
+        "name": "ngpNavigationMenuTriggerShift",
+        "type": "NgpShift",
+        "description": "Configure shift behavior to keep the content in view.",
+        "isRequired": false,
+        "defaultValue": "undefined"
+      },
+      {
+        "name": "ngpNavigationMenuTriggerContainer",
+        "type": "string | HTMLElement | null",
+        "description": "The container for the content.",
+        "isRequired": false,
+        "defaultValue": "'body'"
+      },
+      {
+        "name": "ngpNavigationMenuTriggerCooldown",
+        "type": "number",
+        "description": "The cooldown duration in milliseconds.\nWhen moving from one navigation menu item to another within this duration,\nthe showDelay is skipped for the new item.",
+        "isRequired": false,
+        "defaultValue": "300"
+      }
+    ],
+    "outputs": []
+  },
   "NgpPagination": {
     "name": "NgpPagination",
     "description": "The `NgpPagination` directive is used to create a pagination control.",
@@ -1928,6 +2148,13 @@
         "description": "Define whether to track the trigger element position on every animation frame.\nUseful for moving elements like slider thumbs.",
         "isRequired": false,
         "defaultValue": "false"
+      },
+      {
+        "name": "ngpPopoverTriggerCooldown",
+        "type": "number",
+        "description": "Define the cooldown duration in milliseconds.\nWhen moving from one popover to another within this duration,\nthe showDelay is skipped for the new popover.",
+        "isRequired": false,
+        "defaultValue": "0"
       }
     ],
     "outputs": [
@@ -2935,6 +3162,13 @@
         "type": "NgpPosition | null",
         "description": "Programmatic position for the tooltip. When provided, the tooltip\nwill be positioned at these coordinates instead of the trigger element.\nUse with trackPosition=\"true\" for smooth cursor following.",
         "isRequired": false
+      },
+      {
+        "name": "ngpTooltipTriggerCooldown",
+        "type": "number",
+        "description": "Define the cooldown duration in milliseconds.\nWhen moving from one tooltip to another within this duration,\nthe showDelay is skipped for the new tooltip.",
+        "isRequired": false,
+        "defaultValue": "300"
       }
     ],
     "outputs": []

package/src/generated/primitives-data.json

@@ -774,7 +774,7 @@
       },
       {
         "name": "example-3",
-        "code": "import { provideMenuConfig } from 'ng-primitives/menu';\n\nbootstrapApplication(AppComponent, {\n  providers: [\n    provideMenuConfig({\n      offset: 4,\n      placement: 'top',\n      flip: true,\n      container: document.body,\n      scrollBehavior: 'reposition',\n    }),\n  ],\n});",
+        "code": "import { provideMenuConfig } from 'ng-primitives/menu';\n\nbootstrapApplication(AppComponent, {\n  providers: [\n    provideMenuConfig({\n      offset: 4,\n      placement: 'top',\n      flip: true,\n      container: document.body,\n      scrollBehavior: 'reposition',\n      cooldown: 0,\n    }),\n  ],\n});",
         "description": "Global Configuration"
       },
       {
@@ -828,6 +828,94 @@
       "hasSizes": true
     }
   },
+  {
+    "name": "navigation-menu",
+    "entryPoint": "ng-primitives/navigation-menu",
+    "exports": [
+      "defaultNavigationMenuConfig",
+      "injectNavigationMenuConfig",
+      "NgpNavigationMenuConfig",
+      "NgpNavigationMenuConfigToken",
+      "provideNavigationMenuConfig",
+      "NgpNavigationMenuContent",
+      "injectNavigationMenuContentState",
+      "NgpNavigationMenuContentProps",
+      "NgpNavigationMenuContentState",
+      "NgpNavigationMenuContentStateToken",
+      "ngpNavigationMenuContent",
+      "provideNavigationMenuContentState",
+      "NgpNavigationMenuContentItem",
+      "injectNavigationMenuContentItemState",
+      "NgpNavigationMenuContentItemProps",
+      "NgpNavigationMenuContentItemState",
+      "NgpNavigationMenuContentItemStateToken",
+      "ngpNavigationMenuContentItem",
+      "provideNavigationMenuContentItemState",
+      "NgpNavigationMenuItem",
+      "injectNavigationMenuItemState",
+      "NgpNavigationMenuItemProps",
+      "NgpNavigationMenuItemState",
+      "NgpNavigationMenuItemStateToken",
+      "ngpNavigationMenuItem",
+      "provideNavigationMenuItemState",
+      "NgpNavigationMenuLink",
+      "injectNavigationMenuLinkState",
+      "NgpNavigationMenuLinkProps",
+      "NgpNavigationMenuLinkState",
+      "NgpNavigationMenuLinkStateToken",
+      "ngpNavigationMenuLink",
+      "provideNavigationMenuLinkState",
+      "NgpNavigationMenuList",
+      "injectNavigationMenuListState",
+      "NgpNavigationMenuListProps",
+      "NgpNavigationMenuListState",
+      "NgpNavigationMenuListStateToken",
+      "ngpNavigationMenuList",
+      "provideNavigationMenuListState",
+      "NgpNavigationMenuTrigger",
+      "injectNavigationMenuTriggerState",
+      "NgpNavigationMenuTriggerProps",
+      "NgpNavigationMenuTriggerState",
+      "NgpNavigationMenuTriggerStateToken",
+      "ngpNavigationMenuTrigger",
+      "provideNavigationMenuTriggerState",
+      "NgpNavigationMenu",
+      "injectNavigationMenuState",
+      "NgpNavigationMenuProps",
+      "NgpNavigationMenuState",
+      "NgpNavigationMenuStateToken",
+      "ngpNavigationMenu",
+      "provideNavigationMenuState"
+    ],
+    "hasSecondaryEntryPoint": true,
+    "category": "utility",
+    "description": "A navigation menu component for site-wide navigation with dropdown content panels.",
+    "accessibility": [
+      "Keyboard Navigation"
+    ],
+    "examples": [
+      {
+        "name": "example-0",
+        "code": "import {\n  NgpNavigationMenu,\n  NgpNavigationMenuList,\n  NgpNavigationMenuItem,\n  NgpNavigationMenuTrigger,\n  NgpNavigationMenuContent,\n  NgpNavigationMenuContentItem,\n  NgpNavigationMenuLink,\n} from 'ng-primitives/navigation-menu';",
+        "description": "Import"
+      },
+      {
+        "name": "example-1",
+        "code": "<nav ngpNavigationMenu>\n  <ul ngpNavigationMenuList>\n    <li ngpNavigationMenuItem>\n      <button [ngpNavigationMenuTrigger]=\"productsMenu\">Products</button>\n      <ng-template #productsMenu>\n        <div ngpNavigationMenuContent>\n          <a ngpNavigationMenuContentItem href=\"/analytics\">Analytics</a>\n          <a ngpNavigationMenuContentItem href=\"/automation\">Automation</a>\n          <a ngpNavigationMenuContentItem href=\"/insights\">Insights</a>\n        </div>\n      </ng-template>\n    </li>\n    <li>\n      <a ngpNavigationMenuLink href=\"/pricing\">Pricing</a>\n    </li>\n    <li>\n      <a ngpNavigationMenuLink href=\"/about\">About</a>\n    </li>\n  </ul>\n</nav>",
+        "description": "Usage"
+      },
+      {
+        "name": "example-2",
+        "code": "<button [ngpNavigationMenuTrigger]=\"menu\" [ngpNavigationMenuTriggerCooldown]=\"0\">Menu</button>",
+        "description": "Instant Transitions (Cooldown)"
+      },
+      {
+        "name": "example-3",
+        "code": "import { provideNavigationMenuConfig } from 'ng-primitives/navigation-menu';\n\nbootstrapApplication(AppComponent, {\n  providers: [\n    provideNavigationMenuConfig({\n      orientation: 'horizontal',\n      showDelay: 200,\n      hideDelay: 150,\n      placement: 'bottom-start',\n      offset: 4,\n      flip: true,\n      shift: true,\n      wrap: true,\n      cooldown: 300,\n    }),\n  ],\n});",
+        "description": "Global Configuration"
+      }
+    ]
+  },
   {
     "name": "pagination",
     "entryPoint": "ng-primitives/pagination",
@@ -905,7 +993,7 @@
       },
       {
         "name": "example-3",
-        "code": "import { providePopoverConfig } from 'ng-primitives/popover';\n\nbootstrapApplication(AppComponent, {\n  providers: [\n    providePopoverConfig({\n      offset: 4,\n      placement: 'top',\n      showDelay: 0,\n      hideDelay: 0,\n      flip: true,\n      container: document.body,\n      closeOnOutsideClick: true,\n      scrollBehavior: 'reposition',\n    }),\n  ],\n});",
+        "code": "import { providePopoverConfig } from 'ng-primitives/popover';\n\nbootstrapApplication(AppComponent, {\n  providers: [\n    providePopoverConfig({\n      offset: 4,\n      placement: 'top',\n      showDelay: 0,\n      hideDelay: 0,\n      flip: true,\n      container: document.body,\n      closeOnOutsideClick: true,\n      scrollBehavior: 'reposition',\n      cooldown: 0,\n    }),\n  ],\n});",
         "description": "Global Configuration"
       },
       {
@@ -939,6 +1027,7 @@
       "NgpOverlayConfig",
       "NgpOverlayContent",
       "NgpOverlayTemplateContext",
+      "NgpOverlayCooldownManager",
       "injectOverlayArrowState",
       "NgpOverlayArrowProps",
       "NgpOverlayArrowState",
@@ -1600,7 +1689,7 @@
       },
       {
         "name": "example-5",
-        "code": "import { provideTooltipConfig } from 'ng-primitives/tooltip';\n\nbootstrapApplication(AppComponent, {\n  providers: [\n    provideTooltipConfig({\n      offset: 4,\n      placement: 'top',\n      showDelay: 0,\n      hideDelay: 500,\n      flip: true,\n      container: document.body,\n      showOnOverflow: false,\n      useTextContent: true,\n    }),\n  ],\n});",
+        "code": "import { provideTooltipConfig } from 'ng-primitives/tooltip';\n\nbootstrapApplication(AppComponent, {\n  providers: [\n    provideTooltipConfig({\n      offset: 4,\n      placement: 'top',\n      showDelay: 0,\n      hideDelay: 500,\n      flip: true,\n      container: document.body,\n      showOnOverflow: false,\n      useTextContent: true,\n      cooldown: 300,\n    }),\n  ],\n});",
         "description": "Global Configuration"
       },
       {