@vuecs/navigation 3.0.2 → 4.0.1

package/dist/style.css

@@ -30,6 +30,89 @@
   display: none;
 }
 
+.vc-nav-trigger {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 100%;
+  font: inherit;
+  color: inherit;
+  text-align: left;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  align-items: center;
+  gap: .5rem;
+  margin: 0;
+  text-decoration: none;
+  display: flex;
+}
+
+.vc-nav-content {
+  display: block;
+}
+
+.vc-nav-viewport {
+  display: block;
+  position: relative;
+}
+
+[data-reka-navigation-menu] .vc-nav-items {
+  flex-flow: wrap;
+  align-items: center;
+  display: flex;
+}
+
+[data-reka-navigation-menu] .vc-nav-item {
+  position: relative;
+}
+
+[data-reka-navigation-menu] .vc-nav-content {
+  z-index: 50;
+  background: var(--vc-color-bg, #fff);
+  border: 1px solid var(--vc-color-border, #0000001a);
+  border-radius: var(--vc-radius-md, .375rem);
+  min-width: max-content;
+  margin-top: .25rem;
+  padding: .25rem;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
+}
+
+[data-reka-navigation-menu] .vc-nav-content .vc-nav-items {
+  flex-flow: column;
+  align-items: stretch;
+}
+
+.vc-nav-items.vc-nav-items--pills {
+  flex-flow: wrap;
+  gap: .25rem;
+  display: flex;
+}
+
+.vc-nav-items.vc-nav-items--pills.vc-nav-items--vertical {
+  flex-flow: column;
+}
+
+.vc-nav-item--pills {
+  display: flex;
+}
+
+.vc-nav-link--pills {
+  border-radius: .375rem;
+  width: 100%;
+  padding: .375rem .75rem;
+}
+
+.vc-nav-link--pills:hover {
+  background: color-mix(in srgb, currentColor 8%, transparent);
+}
+
+.vc-nav-link--pills.active {
+  background: color-mix(in srgb, currentColor 14%, transparent);
+}
+
 .vc-stepper {
   align-items: center;
   gap: .5rem;

package/dist/types.d.ts

@@ -1,7 +1,15 @@
 import type { CoreOptions } from '@vuecs/core';
 import type { ElementType } from './constants';
+import type { NavigationRegistryEntry } from './registry/types';
+export type NavigationOrientation = 'horizontal' | 'vertical';
+/**
+ * How an item with children renders its submenu. `auto` derives from
+ * orientation (horizontal → dropdown, otherwise collapse).
+ */
+export type NavigationSubmenu = 'auto' | 'collapse' | 'dropdown';
+/** The resolved submenu presentation (after `auto` is decided). */
+export type NavigationSubmenuMode = 'collapse' | 'dropdown';
 export type NavigationItem<META = any> = {
-    level?: number;
     name: string;
     url?: string;
     urlTarget?: '_self' | '_blank' | '_parent' | '_top' | string;
@@ -15,24 +23,31 @@ export type NavigationItem<META = any> = {
     children?: NavigationItem[];
     meta?: META;
 };
-export type NavigationItemNormalized<META = any> = Omit<NavigationItem<META>, 'name' | 'level' | 'children' | 'meta'> & {
+export type NavigationItemNormalized<META = any> = Omit<NavigationItem<META>, 'name' | 'children' | 'meta'> & {
     name: string;
-    level: number;
     children: NavigationItemNormalized<META>[];
+    /** Ancestor of the active leaf (excludes the exact active item). */
+    activeWithin?: boolean;
     trace: string[];
     meta: META;
 };
-export type NavigationItemsFnContext<META = any> = {
-    level: number;
-    parent?: NavigationItemNormalized<META>;
-};
-export type NavigationItemsFn<META = any> = (ctx: NavigationItemsFnContext<META>) => Promise<NavigationItem<META>[] | undefined>;
-export type Options = CoreOptions & {
-    /**
-     * Items for the NavigationManager. Optional so consumers who only
-     * need `<VCStepper>` can install the package without wiring nav
-     * items (`app.use(navigation, {})`).
-     */
-    items?: NavigationItemsFn | NavigationItem[];
+/**
+ * Reactive, empty-safe access to another nav's published output, by
+ * registry id. Returns a stable entry even when `id` is not (yet)
+ * registered.
+ */
+export type NavigationResolverContext<META = any> = {
+    /** Current path used for active matching. */
+    path: string | undefined;
+    /** Reactive, empty-safe read of another nav's published output. */
+    registry: (id: string) => NavigationRegistryEntry<META>;
 };
+/**
+ * The source of a `<VCNavItems>`' items. Plain array, sync fn, or async
+ * fn. A fn receives a {@link NavigationResolverContext} and may read
+ * reactive state freely — the nav re-runs it automatically when that
+ * state changes.
+ */
+export type NavigationResolver<META = any> = ((ctx: NavigationResolverContext<META>) => NavigationItem<META>[] | Promise<NavigationItem<META>[] | undefined> | undefined);
+export type Options = CoreOptions;
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,MAAM,cAAc,CACtB,IAAI,GAAG,GAAG,IACV;IACA,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IAEb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAE7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAExB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAE5B,IAAI,CAAC,EAAE,IAAI,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAChC,IAAI,GAAG,GAAG,IACV,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,MAAM,GACjC,OAAO,GACP,UAAU,GACV,MAAM,CAAC,GAAG;IACN,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,wBAAwB,CAAC,IAAI,CAAC,EAAE,CAAC;IAE3C,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;CACd,CAAC;AAEN,MAAM,MAAM,wBAAwB,CAChC,IAAI,GAAG,GAAG,IACV;IACA,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,wBAAwB,CAAC,IAAI,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,iBAAiB,CACzB,IAAI,GAAG,GAAG,IACV,CACA,GAAG,EAAE,wBAAwB,CAAC,IAAI,CAAC,KAClC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC;AAEjD,MAAM,MAAM,OAAO,GAAG,WAAW,GAAG;IAChC;;;;OAIG;IACH,KAAK,CAAC,EAAE,iBAAiB,GAAG,cAAc,EAAE,CAAC;CAChD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE9D;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;AAEjE,mEAAmE;AACnE,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,UAAU,CAAC;AAE5D,MAAM,MAAM,cAAc,CACtB,IAAI,GAAG,GAAG,IACV;IACA,IAAI,EAAE,MAAM,CAAC;IAEb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAE7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAExB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAE5B,IAAI,CAAC,EAAE,IAAI,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAChC,IAAI,GAAG,GAAG,IACV,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,MAAM,GACjC,UAAU,GACV,MAAM,CAAC,GAAG;IACN,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,wBAAwB,CAAC,IAAI,CAAC,EAAE,CAAC;IAE3C,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;CACd,CAAC;AAEN;;;;GAIG;AACH,MAAM,MAAM,yBAAyB,CACjC,IAAI,GAAG,GAAG,IACV;IACA,6CAA6C;IAC7C,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,mEAAmE;IACnE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,uBAAuB,CAAC,IAAI,CAAC,CAAC;CAC3D,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,kBAAkB,CAC1B,IAAI,GAAG,GAAG,IACV,CAAC,CAAC,GAAG,EAAE,yBAAyB,CAAC,IAAI,CAAC,KAClC,cAAc,CAAC,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;AAE1F,MAAM,MAAM,OAAO,GAAG,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vuecs/navigation",
-    "version": "3.0.2",
+    "version": "4.0.1",
     "type": "module",
     "description": "A package for multi level navigations.",
     "exports": {
@@ -49,23 +49,27 @@
         "test:coverage": "vitest --config test/vitest.config.ts --run --coverage"
     },
     "dependencies": {
-        "@posva/event-emitter": "^1.0.2",
-        "reka-ui": "^2.9.8"
+        "reka-ui": "^2.9.9"
     },
     "devDependencies": {
-        "@vue/test-utils": "^2.4.10",
-        "@vuecs/core": "^3.1.1",
+        "@vue/test-utils": "^2.4.11",
+        "@vuecs/core": "^3.1.2",
         "@vuecs/link": "^2.0.1",
         "jsdom": "^29.1.1",
         "vue": "^3.5.35",
         "vue-router": "^5.1.0"
     },
     "peerDependencies": {
-        "@vuecs/core": "^3.1.1",
+        "@vuecs/core": "^3.1.2",
         "@vuecs/link": "^2.0.1",
         "vue": "^3.x",
         "vue-router": "^4.x || ^5.x"
     },
+    "peerDependenciesMeta": {
+        "vue-router": {
+            "optional": true
+        }
+    },
     "engines": {
         "node": ">=22.0.0"
     },

package/dist/helpers/level.d.ts

@@ -1,11 +0,0 @@
-type LevelRecord = {
-    level: number;
-    [key: string]: any;
-};
-export declare function findItemsWithLevel<T extends LevelRecord>(items: T[], tier: number): T[];
-export declare function findItemWithLevel<T extends LevelRecord>(tier: number, items: T[]): T | undefined;
-export declare function removeItemsWithLevel<T extends LevelRecord>(tier: number, items: T[]): T[];
-export declare function replaceLevelItem<T extends LevelRecord>(tier: number, input: T[], next: T | undefined): T[];
-export declare function replaceLevelItems<T extends LevelRecord>(tier: number, src: T[], next: T[]): T[];
-export {};
-//# sourceMappingURL=level.d.ts.map

package/dist/helpers/level.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"level.d.ts","sourceRoot":"","sources":["../../src/helpers/level.ts"],"names":[],"mappings":"AAAA,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACrB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,WAAW,EACpD,KAAK,EAAE,CAAC,EAAE,EACV,IAAI,EAAE,MAAM,GACZ,CAAC,EAAE,CAEN;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EACnD,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,CAAC,EAAE,GACV,CAAC,GAAG,SAAS,CAOhB;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,WAAW,EACtD,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,CAAC,EAAE,GACV,CAAC,EAAE,CAEN;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,WAAW,EAClD,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,CAAC,EAAE,EACV,IAAI,EAAE,CAAC,GAAG,SAAS,GACpB,CAAC,EAAE,CAaL;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EACnD,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,CAAC,EAAE,EACR,IAAI,EAAE,CAAC,EAAE,GACT,CAAC,EAAE,CAON"}

package/dist/manager/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/manager/index.ts"],"names":[],"mappings":"AAOA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

package/dist/manager/module.d.ts

@@ -1,23 +0,0 @@
-import { EventEmitter } from '@posva/event-emitter';
-import type { NavigationItemNormalized, NavigationItemsFn } from '../types';
-import type { NavigationManagerBuildOptions, NavigationManagerOptions } from './types';
-export declare class NavigationManager extends EventEmitter<{
-    building: [];
-    built: [];
-    updated: NavigationItemNormalized[];
-    levelUpdated: [number, NavigationItemNormalized[]];
-}> {
-    protected itemsActive: NavigationItemNormalized[];
-    protected items: NavigationItemNormalized[];
-    protected itemsFn: NavigationItemsFn;
-    protected built: boolean;
-    protected building: boolean;
-    constructor(options: NavigationManagerOptions);
-    getItems(tier?: number): NavigationItemNormalized[];
-    reset(): void;
-    build(options: NavigationManagerBuildOptions): Promise<void>;
-    select(level: number, itemNew: NavigationItemNormalized): Promise<void>;
-    toggle(level: number, item: NavigationItemNormalized): Promise<void>;
-    protected buildLevel(level: number, useCache?: boolean): Promise<boolean>;
-}
-//# sourceMappingURL=module.d.ts.map

package/dist/manager/module.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/manager/module.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAYpD,OAAO,KAAK,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,KAAK,EAAE,6BAA6B,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEvF,qBAAa,iBAAkB,SAAQ,YAAY,CAAC;IAChD,QAAQ,EAAE,EAAE,CAAC;IACb,KAAK,EAAE,EAAE,CAAC;IACV,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,YAAY,EAAE,CAAC,MAAM,EAAE,wBAAwB,EAAE,CAAC,CAAA;CACrD,CAAC;IACE,SAAS,CAAC,WAAW,EAAG,wBAAwB,EAAE,CAAC;IAEnD,SAAS,CAAC,KAAK,EAAG,wBAAwB,EAAE,CAAC;IAE7C,SAAS,CAAC,OAAO,EAAG,iBAAiB,CAAC;IAEtC,SAAS,CAAC,KAAK,EAAG,OAAO,CAAC;IAE1B,SAAS,CAAC,QAAQ,EAAG,OAAO,CAAC;gBAEjB,OAAO,EAAE,wBAAwB;IAwB7C,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM;IAQtB,KAAK;IAOC,KAAK,CAAC,OAAO,EAAE,6BAA6B,GAAI,OAAO,CAAC,IAAI,CAAC;IA4C7D,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,wBAAwB;IA6BvD,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,wBAAwB;cAkB1C,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAI,OAAO,CAAC,OAAO,CAAC;CAyCnF"}

package/dist/manager/singleton.d.ts

@@ -1,5 +0,0 @@
-import type { App } from 'vue';
-import type { NavigationManager } from './module';
-export declare function injectNavigationManager(app?: App): NavigationManager;
-export declare function provideNavigationManager(manager: NavigationManager, app?: App): void;
-//# sourceMappingURL=singleton.d.ts.map

package/dist/manager/singleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"singleton.d.ts","sourceRoot":"","sources":["../../src/manager/singleton.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAIlD,wBAAgB,uBAAuB,CAAC,GAAG,CAAC,EAAE,GAAG,GAAI,iBAAiB,CAOrE;AAED,wBAAgB,wBAAwB,CACpC,OAAO,EAAE,iBAAiB,EAC1B,GAAG,CAAC,EAAE,GAAG,QAGZ"}

package/dist/manager/types.d.ts

@@ -1,8 +0,0 @@
-import type { NavigationItem, NavigationItemsFn } from '../types';
-export type NavigationManagerBuildOptions = {
-    path: string;
-};
-export type NavigationManagerOptions = {
-    items: NavigationItemsFn | NavigationItem[];
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/manager/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/manager/types.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElE,MAAM,MAAM,6BAA6B,GAAG;IACxC,IAAI,EAAE,MAAM,CAAA;CACf,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACnC,KAAK,EAAE,iBAAiB,GAAG,cAAc,EAAE,CAAA;CAC9C,CAAC"}