vintage-frames 0.19.0 → 0.19.1

package/custom-elements.json

@@ -8416,7 +8416,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<vf-menu-bar>` — the System 7 menu bar: white strip, 1px black bottom\nrule, slotted `<vf-menu>` children laid out from the left. `rounded` adds\nthe classic screen-corner mask to the top corners.\n\nCoordinates its menus: pressing a label opens that menu (and inverts the\nlabel); while any menu is open, hovering another label switches to it;\nEscape, an outside click, or item selection closes. ArrowLeft/ArrowRight\nmove between menus while one is open; ArrowDown/ArrowUp move focus through\nthe open menu's items, Home/End jump to its first/last, and typed letters\nrun the shared Finder first-letter type-ahead (src/type-ahead.ts).\n\nThe bar also owns the **press-drag-release** gesture (see src/menu-press.ts)\n— press a title, slide onto a command, release over it — because one press\nmay travel across several of its menus. `vf-select` drives its popup by the\nsame mechanic.",
+          "description": "`<vf-menu-bar>` — the System 7 menu bar: white strip, 1px black bottom\nrule, slotted `<vf-menu>` children laid out from the left. `rounded` adds\nthe classic screen-corner mask to the top corners.\n\nCoordinates its menus: pressing a label opens that menu (and inverts the\nlabel); while any menu is open, hovering another label switches to it;\nEscape, an outside click, or item selection closes. While a menu is open\nthe keyboard is src/menu-navigation.ts's: ArrowDown/ArrowUp move focus\nthrough the open menu's items, Home/End jump to its first/last, typed\nletters run the shared Finder first-letter type-ahead (src/type-ahead.ts),\nArrowRight opens an item's submenu and ArrowLeft closes it, and at the top\nlevel ArrowLeft/ArrowRight move between menus.\n\nThe bar also owns the **press-drag-release** gesture (see src/menu-press.ts)\n— press a title, slide onto a command, release over it — because one press\nmay travel across several of its menus. `vf-select` drives its popup by the\nsame mechanic.",
           "name": "VfMenuBar",
           "cssProperties": [
             {
@@ -8693,7 +8693,8 @@
             {
               "kind": "field",
               "name": "#onDocKeydown",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "The open menu's keyboard and its submenus', src/menu-navigation.ts's.\n#onBarKeydown's arrows and Home/End only run while no menu is open."
             },
             {
               "kind": "field",
@@ -8720,25 +8721,6 @@
               ],
               "description": "Opens the previous/next menu in the bar, wrapping at the ends."
             },
-            {
-              "kind": "method",
-              "name": "#moveItemFocus",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "direction",
-                  "type": {
-                    "text": "1 | -1"
-                  }
-                }
-              ],
-              "description": "Moves keyboard focus through the open menu's enabled items, wrapping."
-            },
             {
               "kind": "field",
               "name": "top",
@@ -8912,7 +8894,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<vf-menu-item>` — a single command inside a `<vf-menu>` panel.\n\nRenders the classic System 7 menu row: optional ✓ check in the\n`--vf-select-gutter` left column (16px, shared with vf-select/vf-option),\nlabel, and the keyboard shortcut left-aligned in a right-anchored column,\nso every ⌘ lands at the same x. On activation the item performs the classic\n3-blink inversion (~250ms), then dispatches `vf-menu-select` and asks its\nancestors to close the menu.\n\nTakes `top`/`left` like every other element (VfPositioned), for the\nconsumer who wants a row somewhere other than a pulldown. Inside its parent\n`<vf-menu>` the panel is as wide as its widest row and stacks them in flow,\nso stating an origin takes that row out of both: it no longer contributes to\nthe panel's width and the rows below close the gap. The placement doing what\nit says — but not how a pulldown is laid out.",
+          "description": "`<vf-menu-item>` — a single command inside a `<vf-menu>` panel.\n\nRenders the classic System 7 menu row: optional ✓ check in the\n`--vf-select-gutter` left column (16px, shared with vf-select/vf-option),\nlabel, and the keyboard shortcut left-aligned in a right-anchored column,\nso every ⌘ lands at the same x. On activation the item performs the classic\n3-blink inversion (~250ms), then dispatches `vf-menu-select` and asks its\nancestors to close the menu.\n\nA `<vf-menu>` in the `submenu` slot makes the item open a submenu: it ends\nin ▶ where a shortcut would go, and choosing it opens the submenu beside\nit rather than firing `vf-menu-select`. The item stays highlighted while\nits submenu is open.\n\nTakes `top`/`left` like every other element (VfPositioned), for the\nconsumer who wants a row somewhere other than a pulldown. Inside its parent\n`<vf-menu>` the panel is as wide as its widest row and stacks them in flow,\nso stating an origin takes that row out of both: it no longer contributes to\nthe panel's width and the rows below close the gap. The placement doing what\nit says — but not how a pulldown is laid out.",
           "name": "VfMenuItem",
           "cssProperties": [
             {
@@ -8947,12 +8929,20 @@
             {
               "description": "The shortcut text, left-aligned in the shared column.",
               "name": "shortcut"
+            },
+            {
+              "description": "The ▶ of an item that opens a submenu.",
+              "name": "arrow"
             }
           ],
           "slots": [
             {
               "description": "The item label.",
               "name": ""
+            },
+            {
+              "description": "A `vf-menu`, the submenu the item opens.",
+              "name": "submenu"
             }
           ],
           "members": [
@@ -8992,10 +8982,21 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Transient highlight — the full-row inversion the press-drag gesture paints\non the row under the pointer (`:hover` can't: under touch the pointer is\ncaptured by the title the press started on). Managed by the menu, mirroring\n`vf-option[active]`; not part of the authoring API.",
+              "description": "Transient highlight — the full-row inversion on the row under the pointer\nwhile its menu is open, button down or not (`:hover` can't: under touch\nthe pointer is captured by the title the press started on), or on the\nitem whose submenu is open while the pointer is elsewhere. Managed by the\nmenu, mirroring `vf-option[active]`; not part of the authoring API.",
               "attribute": "active",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether this item's submenu is open. Reflected, and announced as\n`aria-expanded`. Managed by the menu (VfMenu.expand), like\nactive; not part of the authoring API.",
+              "attribute": "expanded",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "checkable",
@@ -9023,7 +9024,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Value reported in the `vf-menu-select` event detail. Defaults to the item's\ntrimmed text content when unset.",
+              "description": "Value reported in the `vf-menu-select` event detail. Defaults to the item's\nlabelText when unset.",
               "attribute": "value"
             },
             {
@@ -9036,6 +9037,34 @@
               "default": "null",
               "description": "`'on' | 'off'` while the selection blink runs, otherwise `null`."
             },
+            {
+              "kind": "field",
+              "name": "_hasSubmenu",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether a `vf-menu` sits in the `submenu` slot."
+            },
+            {
+              "kind": "field",
+              "name": "submenu",
+              "type": {
+                "text": "VfMenu | null"
+              },
+              "description": "The submenu this item opens: the `vf-menu` in its `submenu` slot, or null.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "labelText",
+              "type": {
+                "text": "string"
+              },
+              "description": "The item's label as text: what its default slot holds, trimmed, without\nthe rows of a submenu. The default value and the menus'\ntype-ahead read it, and it names an item that opens a submenu.",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "#blinkHandle",
@@ -9099,7 +9128,37 @@
                   "text": "void"
                 }
               },
-              "description": "Mirrors shortcut as the host's `aria-keyshortcuts`, normalised from\nthe Mac display glyphs to the ARIA grammar (\"⌘⇧S\" → \"Meta+Shift+S\"). A\nconsumer's own attribute overrides this the way it overrides the role."
+              "description": "Mirrors shortcut as the host's `aria-keyshortcuts`, normalised from\nthe Mac display glyphs to the ARIA grammar (\"⌘⇧S\" → \"Meta+Shift+S\"). A\nconsumer's own attribute overrides this the way it overrides the role.\nAn item that opens a submenu has ▶ where the shortcut would be, and no key."
+            },
+            {
+              "kind": "field",
+              "name": "#syncSubmenu",
+              "privacy": "private",
+              "description": "An item that opens a submenu says so (`aria-haspopup`, `aria-expanded`)\nand is named by its label alone: a name computed from its content would\ntake in the open submenu's rows."
+            },
+            {
+              "kind": "field",
+              "name": "#onSubmenuSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#fromSubmenu",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Whether `event` came from inside this item's submenu, so belongs to a row there."
             },
             {
               "kind": "method",
@@ -9120,7 +9179,15 @@
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -9139,7 +9206,7 @@
                   }
                 }
               ],
-              "description": "The gesture latch is read *now* — it is about a press that already\nresolved this click — but the activation itself defers to the end of the\npath, so `preventDefault()` on the item (or above it) cancels the command\nthe way it cancels a native control's. See deferActivation."
+              "description": "The gesture latch is read *now* — it is about a press that already\nresolved this click — but the activation itself defers to the end of the\npath, so `preventDefault()` on the item (or above it) cancels the command\nthe way it cancels a native control's. See deferActivation.\nA click on a row of this item's submenu bubbles through here, and is\nthat row's alone."
             },
             {
               "kind": "method",
@@ -9173,7 +9240,7 @@
                   "text": "void"
                 }
               },
-              "description": "Runs the classic 3-blink inversion, then dispatches `vf-menu-select` and an\ninternal `vf-menu-close-request` so ancestor menu/menu-bar close. Public\nbecause the menu's press gesture activates the row a drag was released\nover, which the row's own `click` never sees (a press that started on the\ntitle dispatches its click above both of them). No-op while disabled or\nalready blinking."
+              "description": "Runs the classic 3-blink inversion, then dispatches `vf-menu-select` and an\ninternal `vf-menu-close-request` so ancestor menu/menu-bar close. Public\nbecause the menu's press gesture activates the row a drag was released\nover, which the row's own `click` never sees (a press that started on the\ntitle dispatches its click above both of them). No-op while disabled or\nalready blinking.\n\nAn item that opens a submenu is never chosen: it opens the submenu and\nmoves focus to its first enabled item, as Enter, Space and → do."
             },
             {
               "kind": "method",
@@ -9283,9 +9350,18 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Transient highlight — the full-row inversion the press-drag gesture paints\non the row under the pointer (`:hover` can't: under touch the pointer is\ncaptured by the title the press started on). Managed by the menu, mirroring\n`vf-option[active]`; not part of the authoring API.",
+              "description": "Transient highlight — the full-row inversion on the row under the pointer\nwhile its menu is open, button down or not (`:hover` can't: under touch\nthe pointer is captured by the title the press started on), or on the\nitem whose submenu is open while the pointer is elsewhere. Managed by the\nmenu, mirroring `vf-option[active]`; not part of the authoring API.",
               "fieldName": "active"
             },
+            {
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether this item's submenu is open. Reflected, and announced as\n`aria-expanded`. Managed by the menu (VfMenu.expand), like\nactive; not part of the authoring API.",
+              "fieldName": "expanded"
+            },
             {
               "name": "checkable",
               "type": {
@@ -9309,7 +9385,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Value reported in the `vf-menu-select` event detail. Defaults to the item's\ntrimmed text content when unset.",
+              "description": "Value reported in the `vf-menu-select` event detail. Defaults to the item's\nlabelText when unset.",
               "fieldName": "value"
             },
             {
@@ -9401,7 +9477,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<vf-menu>` — a pull-down menu: a bar label plus a dropped panel of\n`<vf-menu-item>` / `<vf-separator>` children.\n\nInside a `<vf-menu-bar>` the bar coordinates open state (only one menu open,\nhover-switching, outside-click/Escape dismissal) and owns the pointer\ngesture, which may travel between its menus. Used standalone, the menu\ntoggles itself on label click and manages its own dismissal, its own press\ngesture and item keyboard navigation (ArrowUp/ArrowDown, Home/End, and the\nshared first-letter type-ahead — src/type-ahead.ts) while open.\n\nPointer — the two styles `vf-select` supports, on the same terms (see\nsrc/menu-press.ts): the System 7 press-drag-release (press the title, slide\nonto a command, release over it) and a modern quick tap that leaves the menu\ndropped for a second click.\n\nTakes `top`/`left` like every other element (VfPositioned) — the\nnatural fit being a standalone menu, which is a free-standing menu button and\nplaces like any other control. The panel is anchored to the host's own box\n(`top: 100%`), so it follows a placed menu down without any further work.\nInside a `<vf-menu-bar>`, the bar lays its titles out in flow — placing one\nlifts it off the bar and the titles beside it close the gap. Slotted straight\ninto a `<vf-desktop>`, a free-standing menu sits on the desktop's menu tier\nabove every window, palettes included, as a bar does.",
+          "description": "`<vf-menu>` — a pull-down menu: a bar label plus a dropped panel of\n`<vf-menu-item>` / `<vf-separator>` children.\n\nInside a `<vf-menu-bar>` the bar coordinates open state (only one menu open,\nhover-switching, outside-click/Escape dismissal) and owns the pointer\ngesture, which may travel between its menus. Used standalone, the menu\ntoggles itself on label click and manages its own dismissal, its own press\ngesture and item keyboard navigation (ArrowUp/ArrowDown, Home/End, and the\nshared first-letter type-ahead — src/type-ahead.ts) while open.\n\nPointer — the two styles `vf-select` supports, on the same terms (see\nsrc/menu-press.ts): the System 7 press-drag-release (press the title, slide\nonto a command, release over it) and a modern quick tap that leaves the menu\ndropped for a second click.\n\nA `vf-menu` in a `vf-menu-item`'s `submenu` slot is a **submenu**: no title,\nonly its panel, opened beside its item by the menu holding the item\n(expand). The pointer resting on the item opens it in either style,\nand so do a click or tap on the item, →, Enter and Space. It overlaps its\nparent as System 7.5's did: its first row level with its item, its frame\n5px inside the parent's right edge, covering the parent's frame and\nshadow. It opens on the side its parent opened toward, the right first,\nflips where that side has no room, and moves up to fit the screen. Menus\nnest to any depth.\n\nTakes `top`/`left` like every other element (VfPositioned) — the\nnatural fit being a standalone menu, which is a free-standing menu button and\nplaces like any other control. The panel is anchored to the host's own box\n(`top: 100%`), so it follows a placed menu down without any further work.\nInside a `<vf-menu-bar>`, the bar lays its titles out in flow — placing one\nlifts it off the bar and the titles beside it close the gap. Slotted straight\ninto a `<vf-desktop>`, a free-standing menu sits on the desktop's menu tier\nabove every window, palettes included, as a bar does.",
           "name": "VfMenu",
           "cssProperties": [
             {
@@ -9576,6 +9652,137 @@
               "description": "Whether a `vf-menu-bar` is coordinating this menu.",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "#isSubmenu",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether this menu is a submenu: in a `vf-menu-item`'s `submenu` slot.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_panelEl",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "panelRect",
+              "type": {
+                "text": "DOMRect | null"
+              },
+              "description": "Viewport rect of the dropped panel, or `null` while closed. The press\ngesture hit-tests the open menus by their panels, deepest first.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#expanded",
+              "privacy": "private",
+              "type": {
+                "text": "VfMenuItem | null"
+              },
+              "default": "null",
+              "description": "The item whose submenu is open."
+            },
+            {
+              "kind": "field",
+              "name": "#pointer",
+              "privacy": "private",
+              "type": {
+                "text": "VfMenuItem | null | undefined"
+              },
+              "default": "undefined",
+              "description": "Where the pointer is: on a row, on none of this panel (null), or not in it (undefined)."
+            },
+            {
+              "kind": "field",
+              "name": "#side",
+              "privacy": "private",
+              "type": {
+                "text": "'left' | 'right'"
+              },
+              "default": "'right'",
+              "description": "The side this menu opened toward, which its own submenus open toward first."
+            },
+            {
+              "kind": "field",
+              "name": "expandedItem",
+              "type": {
+                "text": "VfMenuItem | null"
+              },
+              "description": "The item in this menu whose submenu is open, or `null`.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "expand",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "VfMenuItem | null"
+                  }
+                },
+                {
+                  "name": "options",
+                  "default": "{}",
+                  "type": {
+                    "text": "{ focus?: boolean }"
+                  }
+                }
+              ],
+              "description": "Opens `item`'s submenu, closing the one open in this menu and everything\nunder it; `null` closes it. With `focus`, keyboard focus goes on to the\nsubmenu's first enabled item. The press gesture, the keyboard and an\nitem's `activate()` all open submenus through here. Does nothing while\nthis menu is closed, or for a disabled item or one without a submenu."
+            },
+            {
+              "kind": "method",
+              "name": "pointerOver",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "row",
+                  "type": {
+                    "text": "VfMenuItem | null | undefined"
+                  }
+                }
+              ],
+              "description": "Where the pointer is, from the press gesture: on `row` of this menu's\npanel, on none of its rows (`null`), or not in its panel (`undefined`).\nThe row under the pointer is highlighted; with the pointer elsewhere, the\nitem whose submenu is open is. Not part of the authoring API."
+            },
+            {
+              "kind": "method",
+              "name": "#paintRows",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Lights the one row this menu highlights: the pointer's, else the open submenu's item."
+            },
+            {
+              "kind": "method",
+              "name": "#place",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Places a submenu just opened: on the side its parent opened toward,\nflipped where that side has no room and the other has, and raised by\nwhole system px to fit above the screen's bottom, never past its top.\nWritten onto the panel directly, before the frame paints."
+            },
             {
               "kind": "field",
               "name": "#internals",
@@ -9651,25 +9858,6 @@
               "name": "#onDocKeydown",
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "#moveItemFocus",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "direction",
-                  "type": {
-                    "text": "1 | -1"
-                  }
-                }
-              ],
-              "description": "Moves keyboard focus through the enabled items, wrapping at the ends."
-            },
             {
               "kind": "field",
               "name": "#docListeners",
@@ -9687,7 +9875,7 @@
                   "text": "void"
                 }
               },
-              "description": "In a bar the host is `role=\"none\"`: the `menubar`'s items are the shadow\n`.label`s (`menuitem`), and while browsers do compute that ownership\nthrough a role-less generic, declaring it keeps the chain explicit.\nStandalone, the host stays role-less — the label is a `button` there."
+              "description": "In a bar the host is `role=\"none\"`: the `menubar`'s items are the shadow\n`.label`s (`menuitem`), and while browsers do compute that ownership\nthrough a role-less generic, declaring it keeps the chain explicit. A\nsubmenu's host is `role=\"none\"` too: its item is the `menuitem`, its\npanel the `menu`. Standalone, the host stays role-less — the label is a\n`button` there."
             },
             {
               "kind": "field",

package/dist/build/plugins.js

@@ -70,7 +70,7 @@ function g(t) {
 				_.length && this.error(`${n.name} imports ${_.join(", ")}. An application imports ${f.join(", ")} and its own files.`);
 				try {
 					let t = await h(y);
-					if (!i("0.19.0", t)) throw Error(`package.json requires vintage-frames ${t}, and the build is on ${e}: move the range`);
+					if (!i("0.19.1", t)) throw Error(`package.json requires vintage-frames ${t}, and the build is on ${e}: move the range`);
 					b = await a({
 						manifest: {
 							id: n.id,

package/dist/components/vf-menu-bar.d.ts

@@ -7,10 +7,12 @@ declare const VfMenuBar_base: (new (...args: any[]) => import("../position.js").
  *
  * Coordinates its menus: pressing a label opens that menu (and inverts the
  * label); while any menu is open, hovering another label switches to it;
- * Escape, an outside click, or item selection closes. ArrowLeft/ArrowRight
- * move between menus while one is open; ArrowDown/ArrowUp move focus through
- * the open menu's items, Home/End jump to its first/last, and typed letters
- * run the shared Finder first-letter type-ahead (src/type-ahead.ts).
+ * Escape, an outside click, or item selection closes. While a menu is open
+ * the keyboard is src/menu-navigation.ts's: ArrowDown/ArrowUp move focus
+ * through the open menu's items, Home/End jump to its first/last, typed
+ * letters run the shared Finder first-letter type-ahead (src/type-ahead.ts),
+ * ArrowRight opens an item's submenu and ArrowLeft closes it, and at the top
+ * level ArrowLeft/ArrowRight move between menus.
  *
  * The bar also owns the **press-drag-release** gesture (see src/menu-press.ts)
  * — press a title, slide onto a command, release over it — because one press

package/dist/components/vf-menu-bar.js

@@ -8,11 +8,12 @@ import { GridSnapController as o } from "../grid-snap.js";
 import { DocumentListenersController as s } from "../document-listeners.js";
 import { SCREEN_CORNER as c, steppedCornerClip as l } from "../pixel-frame.js";
 import { TypeAheadBuffer as u } from "../type-ahead.js";
-import { MenuPressController as d } from "../menu-press.js";
-import { LitElement as f, css as p, html as m, unsafeCSS as h } from "lit";
-import { property as g, queryAssignedElements as _, state as v } from "lit/decorators.js";
+import { navigateMenus as d } from "../menu-navigation.js";
+import { MenuPressController as f } from "../menu-press.js";
+import { LitElement as p, css as m, html as h, unsafeCSS as g } from "lit";
+import { property as _, queryAssignedElements as v, state as y } from "lit/decorators.js";
 //#region src/components/vf-menu-bar.ts
-var y = class extends r(f) {
+var b = class extends r(p) {
 	constructor(...e) {
 		super(...e), this.scale = new t(this), this.gridSnap = new o(this), this.label = "", this.rounded = !1, this.shortcuts = !1, this._hasEnd = !1, this.#e = null, this.#t = this.attachInternals(), this.#n = new u(), this.#r = null, this.#i = new s(this, () => [[
 			document,
@@ -24,7 +25,7 @@ var y = class extends r(f) {
 			"keydown",
 			this.#_,
 			!0
-		]]), this.#a = new d(this, {
+		]]), this.#a = new f(this, {
 			menus: () => this._menus,
 			open: (e) => this.#m(e),
 			close: () => this.#h()
@@ -43,39 +44,15 @@ var y = class extends r(f) {
 		}, this.#g = (e) => {
 			e.composedPath().includes(this) || this.#h();
 		}, this.#_ = (e) => {
-			if (!(e.defaultPrevented || !this.#e)) switch (e.key) {
-				case "Escape":
-					e.preventDefault(), this.#e.focus(), this.#h();
-					break;
-				case "Tab":
-					this.#h();
-					break;
-				case "ArrowLeft":
-				case "ArrowRight":
-					e.preventDefault(), this.#y(e.key === "ArrowRight" ? 1 : -1);
-					break;
-				case "ArrowDown":
-				case "ArrowUp":
-					e.preventDefault(), this.#b(e.key === "ArrowDown" ? 1 : -1);
-					break;
-				case "Home":
-				case "End": {
-					e.preventDefault();
-					let t = this.#e.items;
-					t[e.key === "Home" ? 0 : t.length - 1]?.focus();
-					break;
-				}
-				default: {
-					if (e.key.length !== 1 || e.key === " " || e.metaKey || e.ctrlKey || e.altKey) break;
-					e.preventDefault();
-					let t = this.#e.items, n = t.indexOf(document.activeElement);
-					t[this.#n.feed(e.key, n, t.map((e) => ({
-						text: e.textContent ?? "",
-						disabled: !1
-					})))]?.focus();
-					break;
-				}
-			}
+			let t = this.#e;
+			t && d(e, {
+				menu: t,
+				typeAhead: this.#n,
+				close: (e) => {
+					e && t.focus(), this.#h();
+				},
+				switchMenu: (e) => this.#y(e)
+			});
 		}, this.#v = (e) => {
 			if (this.#e) return;
 			let t = this._menus;
@@ -105,7 +82,7 @@ var y = class extends r(f) {
 		this.styles = [
 			i,
 			a,
-			p`
+			m`
       :host {
         display: block;
         /* 19 white system px over the 1px black rule — Menus.png's bar strip
@@ -177,11 +154,11 @@ var y = class extends r(f) {
       }
       :host([rounded]) .bar::before {
         left: 0;
-        clip-path: ${h(l(c, "left"))};
+        clip-path: ${g(l(c, "left"))};
       }
       :host([rounded]) .bar::after {
         right: 0;
-        clip-path: ${h(l(c, "right"))};
+        clip-path: ${g(l(c, "right"))};
       }
     `
 		];
@@ -206,7 +183,7 @@ var y = class extends r(f) {
 		e.has("label") && (this.#t.ariaLabel = this.label || null);
 	}
 	render() {
-		return m`
+		return h`
       <div class="bar vf-snap vf-rule-bottom" part="bar" role="presentation">
         <slot @slotchange=${this.#c}></slot>
         <slot
@@ -235,11 +212,11 @@ var y = class extends r(f) {
 	#p;
 	#m(e) {
 		for (let t of this._menus) t !== e && (t.open = !1);
-		e.open = !0, this.#e = e, this.#r = e, this.#n.reset(), this.#l(), this.#i.attach();
+		e.open = !0, this.#e = e, this.#r = e, this.#n.reset(), this.#l(), this.#i.attach(), this.#a.track(!0);
 	}
 	#h() {
 		for (let e of this._menus) e.open = !1;
-		this.#e = null, this.#n.reset(), this.#i.detach(), this.#l();
+		this.#e = null, this.#n.reset(), this.#i.detach(), this.#a.track(!1), this.#l();
 	}
 	#g;
 	#_;
@@ -250,23 +227,16 @@ var y = class extends r(f) {
 		let n = t[(t.indexOf(this.#e) + e + t.length) % t.length];
 		n && n !== this.#e && (this.#m(n), n.focus());
 	}
-	#b(e) {
-		if (!this.#e) return;
-		let t = this.#e.items;
-		if (t.length === 0) return;
-		let n = t.indexOf(document.activeElement), r;
-		r = n < 0 ? e === 1 ? 0 : t.length - 1 : (n + e + t.length) % t.length, t[r]?.focus();
-	}
 };
-n([g()], y.prototype, "label", void 0), n([g({
+n([_()], b.prototype, "label", void 0), n([_({
 	type: Boolean,
 	reflect: !0
-})], y.prototype, "rounded", void 0), n([g({
+})], b.prototype, "rounded", void 0), n([_({
 	type: Boolean,
 	reflect: !0
-})], y.prototype, "shortcuts", void 0), n([_({
+})], b.prototype, "shortcuts", void 0), n([v({
 	selector: "vf-menu",
 	flatten: !0
-})], y.prototype, "_menus", void 0), n([v()], y.prototype, "_hasEnd", void 0), y = n([e("vf-menu-bar")], y);
+})], b.prototype, "_menus", void 0), n([y()], b.prototype, "_hasEnd", void 0), b = n([e("vf-menu-bar")], b);
 //#endregion
-export { y as VfMenuBar };
+export { b as VfMenuBar };