@blcklab/naviox-vue 0.0.0-stage → 0.1.0-alpha.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +76 -2
- package/dist/anatomy.d.ts +57 -0
- package/dist/anatomy.d.ts.map +1 -0
- package/dist/anatomy.js +32 -0
- package/dist/anatomy.js.map +1 -0
- package/dist/components/NavioxAutocomplete.d.ts +147 -0
- package/dist/components/NavioxAutocomplete.d.ts.map +1 -0
- package/dist/components/NavioxAutocomplete.js +158 -0
- package/dist/components/NavioxAutocomplete.js.map +1 -0
- package/dist/components/NavioxCommand.d.ts +303 -0
- package/dist/components/NavioxCommand.d.ts.map +1 -0
- package/dist/components/NavioxCommand.js +337 -0
- package/dist/components/NavioxCommand.js.map +1 -0
- package/dist/components/NavioxMegaMenu.d.ts +176 -0
- package/dist/components/NavioxMegaMenu.d.ts.map +1 -0
- package/dist/components/NavioxMegaMenu.js +231 -0
- package/dist/components/NavioxMegaMenu.js.map +1 -0
- package/dist/components/NavioxPalette.d.ts +352 -0
- package/dist/components/NavioxPalette.d.ts.map +1 -0
- package/dist/components/NavioxPalette.js +463 -0
- package/dist/components/NavioxPalette.js.map +1 -0
- package/dist/composables/useNaviox.d.ts +19 -0
- package/dist/composables/useNaviox.d.ts.map +1 -0
- package/dist/composables/useNaviox.js +19 -0
- package/dist/composables/useNaviox.js.map +1 -0
- package/dist/flavor.d.ts +25 -0
- package/dist/flavor.d.ts.map +1 -0
- package/dist/flavor.js +5 -0
- package/dist/flavor.js.map +1 -0
- package/dist/index.d.ts +17 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +11 -0
- package/dist/index.js.map +1 -0
- package/dist/internal/command-navigation.d.ts +25 -0
- package/dist/internal/command-navigation.d.ts.map +1 -0
- package/dist/internal/command-navigation.js +40 -0
- package/dist/internal/command-navigation.js.map +1 -0
- package/dist/internal/focus.d.ts +4 -0
- package/dist/internal/focus.d.ts.map +1 -0
- package/dist/internal/focus.js +21 -0
- package/dist/internal/focus.js.map +1 -0
- package/dist/internal/icons.d.ts +4 -0
- package/dist/internal/icons.d.ts.map +1 -0
- package/dist/internal/icons.js +37 -0
- package/dist/internal/icons.js.map +1 -0
- package/dist/internal/keyboard.d.ts +7 -0
- package/dist/internal/keyboard.d.ts.map +1 -0
- package/dist/internal/keyboard.js +11 -0
- package/dist/internal/keyboard.js.map +1 -0
- package/dist/internal/menu-items.d.ts +7 -0
- package/dist/internal/menu-items.d.ts.map +1 -0
- package/dist/internal/menu-items.js +19 -0
- package/dist/internal/menu-items.js.map +1 -0
- package/dist/internal/urls.d.ts +3 -0
- package/dist/internal/urls.d.ts.map +1 -0
- package/dist/internal/urls.js +11 -0
- package/dist/internal/urls.js.map +1 -0
- package/dist/styles.css +394 -0
- package/dist/theme.d.ts +84 -0
- package/dist/theme.d.ts.map +1 -0
- package/dist/theme.js +72 -0
- package/dist/theme.js.map +1 -0
- package/package.json +79 -4
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) Avelurs Tinio
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,3 +1,77 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Naviox Vue
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Beautiful, accessible-minded command and navigation components for **Vue 3**. Powered by the standalone TypeScript engine [`@blcklab/naviox`](https://www.npmjs.com/package/@blcklab/naviox).
|
|
4
|
+
|
|
5
|
+
Includes a keyboard-first **command palette**, a **preview-rich mega-menu**, and an **autocomplete**. Keep the minimalist Ink theme, use soft Sakura or cinematic Nocturne, or bring your own colors and content.
|
|
6
|
+
|
|
7
|
+
Version: `@blcklab/naviox-vue@0.1.0-alpha.16` (prerelease).
|
|
8
|
+
|
|
9
|
+
## Install
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
npm install @blcklab/naviox-vue@next
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
For prereleases, use `@next`; after a stable release, use `npm install @blcklab/naviox-vue`. The adapter installs the compatible `@blcklab/naviox` core automatically. Your existing Vue 3 application supplies the framework peer dependency. No second Naviox installation is needed. If the adapter has not yet been published, develop from its source repository instead.
|
|
16
|
+
|
|
17
|
+
## Try it
|
|
18
|
+
|
|
19
|
+
```vue
|
|
20
|
+
<script setup lang="ts">
|
|
21
|
+
import { NavioxPalette, NavioxMegaMenu, NavioxAutocomplete } from '@blcklab/naviox-vue'
|
|
22
|
+
import '@blcklab/naviox-vue/styles.css'
|
|
23
|
+
|
|
24
|
+
const items = [
|
|
25
|
+
{ id: 'about', title: 'About', href: '/about', group: 'pages' },
|
|
26
|
+
{ id: 'craft', title: 'My craft', href: '/work', group: 'pages' },
|
|
27
|
+
]
|
|
28
|
+
const groups = [{ id: 'pages', title: 'Pages' }]
|
|
29
|
+
</script>
|
|
30
|
+
|
|
31
|
+
<template>
|
|
32
|
+
<NavioxMegaMenu :items="items" :groups="groups" theme="sakura" />
|
|
33
|
+
<NavioxPalette :items="items" theme="nocturne" variant="cinematic" />
|
|
34
|
+
<NavioxAutocomplete :items="items" theme="ink" placeholder="Search pages…" />
|
|
35
|
+
</template>
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
Your items decide what users see; the components provide the interaction and appearance. Import the stylesheet **once**. No Vue or React code is included in the core package.
|
|
39
|
+
|
|
40
|
+
## Make it yours
|
|
41
|
+
|
|
42
|
+
Choose `ink`, `sakura`, `nocturne`, or `system`, then adjust colors, type, motion, density, radius, previews and result templates. Five palette layouts are available: `floating`, `minimal`, `compact`, `spotlight`, and `cinematic`.
|
|
43
|
+
|
|
44
|
+
For router-controlled navigation, pass `:navigate="(item) => router.push(item.href)"`. For extension-installed commands, you may supply an existing core `controller`; the caller remains responsible for disposing it.
|
|
45
|
+
|
|
46
|
+
## Documentation
|
|
47
|
+
|
|
48
|
+
[Start here](docs/index.md) · [Getting started](docs/getting-started.md) · [Components](docs/navigation.md) · [Theming](docs/customization.md) · [Public API](docs/public-api.md) · [Accessibility](docs/accessibility.md) · [Compatibility](docs/compatibility.md) · [Publishing](docs/publishing.md)
|
|
49
|
+
|
|
50
|
+
## Develop
|
|
51
|
+
|
|
52
|
+
```bash
|
|
53
|
+
npm install
|
|
54
|
+
npm run check
|
|
55
|
+
npm run demo:navigation:build
|
|
56
|
+
npm run test:ssr
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
Browser and axe audits can be run using `npx playwright install` and `npm run test:e2e`. These are important before publishing; they are separate from the minimal GitHub CI workflow.
|
|
60
|
+
|
|
61
|
+
The GitHub workflows are deliberately simple: `npm ci` and `npm run check` on push/PR, and tag-triggered npm publication with provenance. A **real committed `package-lock.json`** is needed before tagging. See [publishing](docs/publishing.md).
|
|
62
|
+
|
|
63
|
+
Each adapter has its own repository, releases and workflow. MIT · BLCK LAB.
|
|
64
|
+
|
|
65
|
+
## Build your own command interface
|
|
66
|
+
|
|
67
|
+
The M8.6 release adds an inline, composable command UI alongside `NavioxPalette`. Use `NavioxCommand`/`NavioxRoot` with `NavioxCommandInput`, `NavioxCommandList`, `NavioxCommandGroup`, `NavioxCommandItem`, `NavioxCommandEmpty`, `NavioxCommandLoading`, `NavioxCommandSeparator`, and `NavioxCommandShortcut`. See the [primitives guide](docs/composable-command.md).
|
|
68
|
+
|
|
69
|
+
For full customization, supply `theme="ink"` for a modern neutral look, choose `sakura` or `nocturne`, or override design tokens. Vim navigation, group jumps, RTL direction and force-mounted items are opt-in.
|
|
70
|
+
|
|
71
|
+
## Flexible palette composition (next prerelease)
|
|
72
|
+
|
|
73
|
+
You can move the search bar, remove its divider, disable backdrop blur, and reposition the preview panel without changing the core. See [palette composition](docs/palette-composition.md) for all props, slots and styling tokens.
|
|
74
|
+
|
|
75
|
+
## Custom result rows and preview anatomy
|
|
76
|
+
|
|
77
|
+
See [Palette anatomy](docs/palette-anatomy.md) for native colored icon tiles, thumbnails, search placement, row geometry, preview visibility and responsive styling controls.
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/** Public, framework-neutral appearance contracts for the palette UI.
|
|
2
|
+
* The search engine, navigation and execution remain in @blcklab/naviox.
|
|
3
|
+
* No CSS selector knowledge is required by consumers.
|
|
4
|
+
*/
|
|
5
|
+
export type NavioxResultIconMode = 'tile' | 'outline' | 'plain' | 'monogram' | 'thumbnail';
|
|
6
|
+
export type NavioxIconShape = 'rounded' | 'square' | 'circle';
|
|
7
|
+
export type NavioxPaletteIconName = 'search' | 'arrow' | 'back' | 'chevron' | 'close' | 'command' | 'folder' | 'link' | 'sparkle' | 'clock' | 'loading' | 'star' | 'pin' | 'keyboard' | 'home' | 'user' | 'book' | 'list' | 'send' | 'document' | 'code' | 'laptop' | 'layers' | 'refresh' | 'bolt' | 'terminal';
|
|
8
|
+
/** Visual data for a single result. Framework-specific SVGs are supported through itemIcon slots/renderers. */
|
|
9
|
+
export interface NavioxItemVisual {
|
|
10
|
+
mode?: NavioxResultIconMode;
|
|
11
|
+
icon?: NavioxPaletteIconName;
|
|
12
|
+
image?: string;
|
|
13
|
+
imageAlt?: string;
|
|
14
|
+
monogram?: string;
|
|
15
|
+
background?: string;
|
|
16
|
+
foreground?: string;
|
|
17
|
+
borderColor?: string;
|
|
18
|
+
badge?: string;
|
|
19
|
+
}
|
|
20
|
+
/** Optional anatomy of the *default* palette. For wholly custom layouts, use slots/render props. */
|
|
21
|
+
export interface NavioxPaletteAnatomy {
|
|
22
|
+
search?: {
|
|
23
|
+
/** Position of the search glyph inside the input chrome. */
|
|
24
|
+
iconPosition?: 'start' | 'end' | 'none';
|
|
25
|
+
/** Whether the clear button appears when there is a query. */
|
|
26
|
+
clearable?: boolean;
|
|
27
|
+
gap?: string;
|
|
28
|
+
};
|
|
29
|
+
row?: {
|
|
30
|
+
minHeight?: string;
|
|
31
|
+
padding?: string;
|
|
32
|
+
gap?: string;
|
|
33
|
+
radius?: string;
|
|
34
|
+
iconSize?: string;
|
|
35
|
+
iconShape?: NavioxIconShape;
|
|
36
|
+
showDescription?: boolean;
|
|
37
|
+
showShortcut?: boolean;
|
|
38
|
+
showTail?: boolean;
|
|
39
|
+
showMarkers?: boolean;
|
|
40
|
+
showBadge?: boolean;
|
|
41
|
+
};
|
|
42
|
+
preview?: {
|
|
43
|
+
showArtwork?: boolean;
|
|
44
|
+
showDescription?: boolean;
|
|
45
|
+
showMetadata?: boolean;
|
|
46
|
+
showActions?: boolean;
|
|
47
|
+
padding?: string;
|
|
48
|
+
imageAspectRatio?: string;
|
|
49
|
+
imageFit?: 'cover' | 'contain';
|
|
50
|
+
titleFont?: 'serif' | 'sans';
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
/** Returns a fresh, typed object; does not register any global styles. */
|
|
54
|
+
export declare function defineNavioxAnatomy<T extends NavioxPaletteAnatomy>(definition: T): T;
|
|
55
|
+
/** Stable, public CSS custom properties applied to the teleported dialog. */
|
|
56
|
+
export declare function resolveNavioxAnatomyStyle(anatomy?: NavioxPaletteAnatomy): Record<string, string>;
|
|
57
|
+
//# sourceMappingURL=anatomy.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"anatomy.d.ts","sourceRoot":"","sources":["../src/anatomy.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;AAC3F,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC9D,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAC/F,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,UAAU,GACjF,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAE3H,+GAA+G;AAC/G,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,oGAAoG;AACpG,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE;QACP,4DAA4D;QAC5D,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;QACxC,8DAA8D;QAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,GAAG,CAAC,EAAE;QACJ,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,eAAe,CAAC;QAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC/B,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;KAC9B,CAAC;CACH;AAED,0EAA0E;AAC1E,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,oBAAoB,EAAE,UAAU,EAAE,CAAC,GAAG,CAAC,CAOpF;AAED,6EAA6E;AAC7E,wBAAgB,yBAAyB,CAAC,OAAO,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAgBhG"}
|
package/dist/anatomy.js
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/** Returns a fresh, typed object; does not register any global styles. */
|
|
2
|
+
export function defineNavioxAnatomy(definition) {
|
|
3
|
+
return {
|
|
4
|
+
...definition,
|
|
5
|
+
...(definition.search && { search: { ...definition.search } }),
|
|
6
|
+
...(definition.row && { row: { ...definition.row } }),
|
|
7
|
+
...(definition.preview && { preview: { ...definition.preview } }),
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
/** Stable, public CSS custom properties applied to the teleported dialog. */
|
|
11
|
+
export function resolveNavioxAnatomyStyle(anatomy) {
|
|
12
|
+
const style = {};
|
|
13
|
+
const entries = [
|
|
14
|
+
[anatomy?.search?.gap, '--nx-search-gap'],
|
|
15
|
+
[anatomy?.row?.minHeight, '--nx-row-height'],
|
|
16
|
+
[anatomy?.row?.padding, '--nx-row-padding'],
|
|
17
|
+
[anatomy?.row?.gap, '--nx-row-gap'],
|
|
18
|
+
[anatomy?.row?.radius, '--nx-row-radius'],
|
|
19
|
+
[anatomy?.row?.iconSize, '--nx-item-icon-size'],
|
|
20
|
+
[anatomy?.preview?.padding, '--nx-preview-padding'],
|
|
21
|
+
[anatomy?.preview?.imageAspectRatio, '--nx-preview-art-ratio'],
|
|
22
|
+
];
|
|
23
|
+
for (const [value, token] of entries)
|
|
24
|
+
if (value !== undefined && value !== '')
|
|
25
|
+
style[token] = value;
|
|
26
|
+
if (anatomy?.preview?.imageFit)
|
|
27
|
+
style['--nx-preview-image-fit'] = anatomy.preview.imageFit;
|
|
28
|
+
if (anatomy?.preview?.titleFont)
|
|
29
|
+
style['--nx-preview-title-font'] = anatomy.preview.titleFont === 'sans' ? 'var(--nx-font)' : 'var(--nx-serif)';
|
|
30
|
+
return style;
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=anatomy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"anatomy.js","sourceRoot":"","sources":["../src/anatomy.ts"],"names":[],"mappings":"AAyDA,0EAA0E;AAC1E,MAAM,UAAU,mBAAmB,CAAiC,UAAa;IAC/E,OAAO;QACL,GAAG,UAAU;QACb,GAAG,CAAC,UAAU,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,EAAE,GAAG,UAAU,CAAC,MAAM,EAAE,EAAE,CAAC;QAC9D,GAAG,CAAC,UAAU,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC;QACrD,GAAG,CAAC,UAAU,CAAC,OAAO,IAAI,EAAE,OAAO,EAAE,EAAE,GAAG,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC;KAC7D,CAAC;AACT,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,yBAAyB,CAAC,OAA8B;IACtE,MAAM,KAAK,GAA2B,EAAE,CAAC;IACzC,MAAM,OAAO,GAA4C;QACvD,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,iBAAiB,CAAC;QACzC,CAAC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,iBAAiB,CAAC;QAC5C,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,kBAAkB,CAAC;QAC3C,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,CAAC;QACnC,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,iBAAiB,CAAC;QACzC,CAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC;QAC/C,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,sBAAsB,CAAC;QACnD,CAAC,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,CAAC;KAC/D,CAAC;IACF,KAAK,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,OAAO;QAAE,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;YAAE,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;IACpG,IAAI,OAAO,EAAE,OAAO,EAAE,QAAQ;QAAE,KAAK,CAAC,wBAAwB,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;IAC3F,IAAI,OAAO,EAAE,OAAO,EAAE,SAAS;QAAE,KAAK,CAAC,yBAAyB,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAChJ,OAAO,KAAK,CAAC;AACf,CAAC"}
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import type { NavioxController, NavioxExecutionResult, NavioxItem, NavioxOptions } from '@blcklab/naviox';
|
|
2
|
+
import type { PropType } from 'vue';
|
|
3
|
+
import type { NavioxAppearance, NavioxSystemThemes, NavioxThemeDefinition, NavioxThemeName } from '../theme.js';
|
|
4
|
+
/** Inline combobox powered by the M3 controller; supports registered async providers. */
|
|
5
|
+
export declare const NavioxAutocomplete: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
6
|
+
dir: {
|
|
7
|
+
type: PropType<"ltr" | "rtl">;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
items: {
|
|
11
|
+
type: PropType<readonly NavioxItem[]>;
|
|
12
|
+
default: () => never[];
|
|
13
|
+
};
|
|
14
|
+
controller: {
|
|
15
|
+
type: PropType<NavioxController>;
|
|
16
|
+
default: undefined;
|
|
17
|
+
};
|
|
18
|
+
options: {
|
|
19
|
+
type: PropType<NavioxOptions>;
|
|
20
|
+
default: undefined;
|
|
21
|
+
};
|
|
22
|
+
modelValue: {
|
|
23
|
+
type: StringConstructor;
|
|
24
|
+
default: undefined;
|
|
25
|
+
};
|
|
26
|
+
placeholder: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
default: string;
|
|
29
|
+
};
|
|
30
|
+
label: {
|
|
31
|
+
type: StringConstructor;
|
|
32
|
+
default: string;
|
|
33
|
+
};
|
|
34
|
+
maxResults: {
|
|
35
|
+
type: NumberConstructor;
|
|
36
|
+
default: number;
|
|
37
|
+
};
|
|
38
|
+
minChars: {
|
|
39
|
+
type: NumberConstructor;
|
|
40
|
+
default: number;
|
|
41
|
+
};
|
|
42
|
+
theme: {
|
|
43
|
+
type: PropType<NavioxThemeName>;
|
|
44
|
+
default: string;
|
|
45
|
+
};
|
|
46
|
+
themes: {
|
|
47
|
+
type: PropType<Readonly<Record<string, NavioxThemeDefinition>>>;
|
|
48
|
+
default: undefined;
|
|
49
|
+
};
|
|
50
|
+
systemThemes: {
|
|
51
|
+
type: PropType<NavioxSystemThemes>;
|
|
52
|
+
default: () => Readonly<NavioxSystemThemes>;
|
|
53
|
+
};
|
|
54
|
+
appearance: {
|
|
55
|
+
type: PropType<NavioxAppearance>;
|
|
56
|
+
default: undefined;
|
|
57
|
+
};
|
|
58
|
+
navigate: {
|
|
59
|
+
type: PropType<(item: NavioxItem) => unknown>;
|
|
60
|
+
default: undefined;
|
|
61
|
+
};
|
|
62
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
63
|
+
[key: string]: any;
|
|
64
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
65
|
+
'update:modelValue': (_value: string) => true;
|
|
66
|
+
'open-change': (_value: boolean) => true;
|
|
67
|
+
select: (_item: NavioxItem) => true;
|
|
68
|
+
execute: (_result: NavioxExecutionResult) => true;
|
|
69
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
70
|
+
dir: {
|
|
71
|
+
type: PropType<"ltr" | "rtl">;
|
|
72
|
+
default: string;
|
|
73
|
+
};
|
|
74
|
+
items: {
|
|
75
|
+
type: PropType<readonly NavioxItem[]>;
|
|
76
|
+
default: () => never[];
|
|
77
|
+
};
|
|
78
|
+
controller: {
|
|
79
|
+
type: PropType<NavioxController>;
|
|
80
|
+
default: undefined;
|
|
81
|
+
};
|
|
82
|
+
options: {
|
|
83
|
+
type: PropType<NavioxOptions>;
|
|
84
|
+
default: undefined;
|
|
85
|
+
};
|
|
86
|
+
modelValue: {
|
|
87
|
+
type: StringConstructor;
|
|
88
|
+
default: undefined;
|
|
89
|
+
};
|
|
90
|
+
placeholder: {
|
|
91
|
+
type: StringConstructor;
|
|
92
|
+
default: string;
|
|
93
|
+
};
|
|
94
|
+
label: {
|
|
95
|
+
type: StringConstructor;
|
|
96
|
+
default: string;
|
|
97
|
+
};
|
|
98
|
+
maxResults: {
|
|
99
|
+
type: NumberConstructor;
|
|
100
|
+
default: number;
|
|
101
|
+
};
|
|
102
|
+
minChars: {
|
|
103
|
+
type: NumberConstructor;
|
|
104
|
+
default: number;
|
|
105
|
+
};
|
|
106
|
+
theme: {
|
|
107
|
+
type: PropType<NavioxThemeName>;
|
|
108
|
+
default: string;
|
|
109
|
+
};
|
|
110
|
+
themes: {
|
|
111
|
+
type: PropType<Readonly<Record<string, NavioxThemeDefinition>>>;
|
|
112
|
+
default: undefined;
|
|
113
|
+
};
|
|
114
|
+
systemThemes: {
|
|
115
|
+
type: PropType<NavioxSystemThemes>;
|
|
116
|
+
default: () => Readonly<NavioxSystemThemes>;
|
|
117
|
+
};
|
|
118
|
+
appearance: {
|
|
119
|
+
type: PropType<NavioxAppearance>;
|
|
120
|
+
default: undefined;
|
|
121
|
+
};
|
|
122
|
+
navigate: {
|
|
123
|
+
type: PropType<(item: NavioxItem) => unknown>;
|
|
124
|
+
default: undefined;
|
|
125
|
+
};
|
|
126
|
+
}>> & Readonly<{
|
|
127
|
+
onSelect?: ((_item: NavioxItem) => any) | undefined;
|
|
128
|
+
"onUpdate:modelValue"?: ((_value: string) => any) | undefined;
|
|
129
|
+
"onOpen-change"?: ((_value: boolean) => any) | undefined;
|
|
130
|
+
onExecute?: ((_result: NavioxExecutionResult) => any) | undefined;
|
|
131
|
+
}>, {
|
|
132
|
+
label: string;
|
|
133
|
+
dir: "ltr" | "rtl";
|
|
134
|
+
items: readonly NavioxItem[];
|
|
135
|
+
controller: NavioxController;
|
|
136
|
+
options: NavioxOptions;
|
|
137
|
+
placeholder: string;
|
|
138
|
+
theme: NavioxThemeName;
|
|
139
|
+
themes: Readonly<Record<string, NavioxThemeDefinition>>;
|
|
140
|
+
systemThemes: NavioxSystemThemes;
|
|
141
|
+
appearance: NavioxAppearance;
|
|
142
|
+
modelValue: string;
|
|
143
|
+
navigate: (item: NavioxItem) => unknown;
|
|
144
|
+
maxResults: number;
|
|
145
|
+
minChars: number;
|
|
146
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
147
|
+
//# sourceMappingURL=NavioxAutocomplete.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavioxAutocomplete.d.ts","sourceRoot":"","sources":["../../src/components/NavioxAutocomplete.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE1G,OAAO,KAAK,EAAE,QAAQ,EAAc,MAAM,KAAK,CAAC;AAKhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEhH,yFAAyF;AACzF,eAAO,MAAM,kBAAkB;;cAGJ,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;;;;cACtB,QAAQ,CAAC,SAAS,UAAU,EAAE,CAAC;;;;cACzB,QAAQ,CAAC,gBAAgB,CAAC;;;;cAC7B,QAAQ,CAAC,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;cAMzB,QAAQ,CAAC,eAAe,CAAC;;;;cACxB,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAAC;;;;cACnD,QAAQ,CAAC,kBAAkB,CAAC;;;;cAC9B,QAAQ,CAAC,gBAAgB,CAAC;;;;cAC1B,QAAQ,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;;;;;;kCAGvC,MAAM;4BACZ,OAAO;oBACf,UAAU;uBACP,qBAAqB;;;cAnBjB,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;;;;cACtB,QAAQ,CAAC,SAAS,UAAU,EAAE,CAAC;;;;cACzB,QAAQ,CAAC,gBAAgB,CAAC;;;;cAC7B,QAAQ,CAAC,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;cAMzB,QAAQ,CAAC,eAAe,CAAC;;;;cACxB,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAAC;;;;cACnD,QAAQ,CAAC,kBAAkB,CAAC;;;;cAC9B,QAAQ,CAAC,gBAAgB,CAAC;;;;cAC1B,QAAQ,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;qBAAvB,UAAU,KAAK,OAAO;;;4EA4GtE,CAAC"}
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
import { computed, defineComponent, h, onMounted, onBeforeUnmount, ref, useId, watch } from 'vue';
|
|
2
|
+
import { useNaviox } from '../composables/useNaviox.js';
|
|
3
|
+
import { safeNavigationHref } from '../internal/urls.js';
|
|
4
|
+
import { nextVisibleOptionId } from '../internal/keyboard.js';
|
|
5
|
+
import { defaultSystemThemes, navioxThemeClass, resolveNavioxTheme } from '../theme.js';
|
|
6
|
+
/** Inline combobox powered by the M3 controller; supports registered async providers. */
|
|
7
|
+
export const NavioxAutocomplete = defineComponent({
|
|
8
|
+
name: 'NavioxAutocomplete',
|
|
9
|
+
props: {
|
|
10
|
+
dir: { type: String, default: 'ltr' },
|
|
11
|
+
items: { type: Array, default: () => [] },
|
|
12
|
+
controller: { type: Object, default: undefined },
|
|
13
|
+
options: { type: Object, default: undefined },
|
|
14
|
+
modelValue: { type: String, default: undefined },
|
|
15
|
+
placeholder: { type: String, default: 'Find something…' },
|
|
16
|
+
label: { type: String, default: 'Search' },
|
|
17
|
+
maxResults: { type: Number, default: 8 },
|
|
18
|
+
minChars: { type: Number, default: 0 },
|
|
19
|
+
theme: { type: String, default: 'ink' },
|
|
20
|
+
themes: { type: Object, default: undefined },
|
|
21
|
+
systemThemes: { type: Object, default: () => defaultSystemThemes },
|
|
22
|
+
appearance: { type: Object, default: undefined },
|
|
23
|
+
navigate: { type: Function, default: undefined },
|
|
24
|
+
},
|
|
25
|
+
emits: {
|
|
26
|
+
'update:modelValue': (_value) => true,
|
|
27
|
+
'open-change': (_value) => true,
|
|
28
|
+
select: (_item) => true,
|
|
29
|
+
execute: (_result) => true,
|
|
30
|
+
},
|
|
31
|
+
setup(props, { emit, expose, slots }) {
|
|
32
|
+
const { controller, state } = useNaviox({
|
|
33
|
+
controller: props.controller,
|
|
34
|
+
items: () => props.items,
|
|
35
|
+
options: {
|
|
36
|
+
...props.options,
|
|
37
|
+
maxResults: props.maxResults,
|
|
38
|
+
defaultOpen: false,
|
|
39
|
+
defaultQuery: props.modelValue ?? props.options?.defaultQuery ?? '',
|
|
40
|
+
navigate: props.options?.navigate ?? ((item) => {
|
|
41
|
+
if (props.navigate)
|
|
42
|
+
return props.navigate(item);
|
|
43
|
+
if (typeof window !== 'undefined') {
|
|
44
|
+
const href = safeNavigationHref(item.href);
|
|
45
|
+
if (href)
|
|
46
|
+
window.location.assign(href);
|
|
47
|
+
}
|
|
48
|
+
}),
|
|
49
|
+
},
|
|
50
|
+
});
|
|
51
|
+
const root = ref(null);
|
|
52
|
+
const input = ref(null);
|
|
53
|
+
const uid = useId().replace(/[^\w-]/g, '-');
|
|
54
|
+
const listId = `${uid}-suggestions`;
|
|
55
|
+
const itemDomId = (item) => `${uid}-${Array.from(item.id, (c) => c.codePointAt(0).toString(16)).join('-')}`;
|
|
56
|
+
const prefersDark = ref(false);
|
|
57
|
+
let media;
|
|
58
|
+
const onScheme = (event) => { prefersDark.value = event.matches; };
|
|
59
|
+
const theme = computed(() => resolveNavioxTheme({ theme: props.theme, themes: props.themes, prefersDark: prefersDark.value, systemThemes: props.systemThemes, appearance: props.appearance }));
|
|
60
|
+
const enough = computed(() => state.value.query.trim().length >= Math.max(0, props.minChars));
|
|
61
|
+
const results = computed(() => enough.value ? state.value.results.slice(0, Math.max(0, props.maxResults)) : []);
|
|
62
|
+
const visible = computed(() => state.value.open);
|
|
63
|
+
const selected = computed(() => results.value.find((item) => item.id === state.value.activeId));
|
|
64
|
+
// The core can contain more results than this combobox displays. Keyboard
|
|
65
|
+
// navigation must stay inside the exposed listbox, not hidden core results.
|
|
66
|
+
function moveVisible(direction) {
|
|
67
|
+
const id = nextVisibleOptionId(results.value, state.value.activeId, direction);
|
|
68
|
+
if (id !== null)
|
|
69
|
+
controller.setActive(id);
|
|
70
|
+
}
|
|
71
|
+
function open() { controller.open(); }
|
|
72
|
+
function close() { controller.close(); }
|
|
73
|
+
function focus() { input.value?.focus(); }
|
|
74
|
+
expose({ controller, open, close, focus });
|
|
75
|
+
function activate(item) {
|
|
76
|
+
const target = item ?? selected.value;
|
|
77
|
+
if (!target || target.disabled || target.readOnly)
|
|
78
|
+
return;
|
|
79
|
+
const result = controller.activate(target.id);
|
|
80
|
+
if (result.kind === 'selected' || result.kind === 'executing')
|
|
81
|
+
emit('select', target);
|
|
82
|
+
if (result.kind === 'executing' && result.completion)
|
|
83
|
+
void result.completion.then((value) => emit('execute', value));
|
|
84
|
+
if (result.kind === 'page') {
|
|
85
|
+
input.value?.focus();
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
function onInput(event) {
|
|
90
|
+
const value = event.target.value;
|
|
91
|
+
controller.setQuery(value);
|
|
92
|
+
emit('update:modelValue', value);
|
|
93
|
+
if (!state.value.open)
|
|
94
|
+
open();
|
|
95
|
+
}
|
|
96
|
+
function onKey(event) {
|
|
97
|
+
if (event.isComposing || event.key === 'Process')
|
|
98
|
+
return;
|
|
99
|
+
if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
|
|
100
|
+
event.preventDefault();
|
|
101
|
+
if (!state.value.open)
|
|
102
|
+
open();
|
|
103
|
+
moveVisible(event.key === 'ArrowDown' ? 1 : -1);
|
|
104
|
+
}
|
|
105
|
+
else if (event.key === 'Enter' && visible.value && selected.value) {
|
|
106
|
+
event.preventDefault();
|
|
107
|
+
activate();
|
|
108
|
+
}
|
|
109
|
+
else if (event.key === 'Escape' && visible.value) {
|
|
110
|
+
event.preventDefault();
|
|
111
|
+
close();
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
function onOutside(event) { if (!root.value?.contains(event.target))
|
|
115
|
+
close(); }
|
|
116
|
+
watch(() => props.modelValue, (value) => { if (value !== undefined && value !== controller.getState().query)
|
|
117
|
+
controller.setQuery(value); });
|
|
118
|
+
watch(() => state.value.open, (value, old) => { if (value !== old)
|
|
119
|
+
emit('open-change', value); });
|
|
120
|
+
onMounted(() => {
|
|
121
|
+
document.addEventListener('pointerdown', onOutside);
|
|
122
|
+
if (typeof window !== 'undefined' && window.matchMedia) {
|
|
123
|
+
media = window.matchMedia('(prefers-color-scheme: dark)');
|
|
124
|
+
prefersDark.value = media.matches;
|
|
125
|
+
media.addEventListener?.('change', onScheme);
|
|
126
|
+
}
|
|
127
|
+
});
|
|
128
|
+
onBeforeUnmount(() => { document.removeEventListener('pointerdown', onOutside); media?.removeEventListener?.('change', onScheme); });
|
|
129
|
+
return () => h('div', {
|
|
130
|
+
ref: root, dir: props.dir, class: ['naviox-mount', 'naviox-auto', navioxThemeClass(theme.value.name)], style: theme.value.style,
|
|
131
|
+
onFocusout: (event) => { if (event.relatedTarget && !root.value?.contains(event.relatedTarget))
|
|
132
|
+
close(); },
|
|
133
|
+
}, [
|
|
134
|
+
h('div', { class: 'naviox-auto-field' }, [
|
|
135
|
+
slots.prefix?.() ?? h('span', { 'aria-hidden': 'true', class: 'naviox-auto-search-icon' }, '⌕'),
|
|
136
|
+
h('input', { ref: input, type: 'search', autocomplete: 'off', class: 'naviox-auto-input', role: 'combobox',
|
|
137
|
+
'aria-label': props.label, 'aria-autocomplete': 'list', 'aria-haspopup': 'listbox', 'aria-controls': visible.value ? listId : undefined,
|
|
138
|
+
'aria-expanded': String(visible.value), 'aria-activedescendant': visible.value && selected.value ? itemDomId(selected.value) : undefined,
|
|
139
|
+
placeholder: props.placeholder, value: state.value.query, onFocus: open, onInput, onKeydown: onKey,
|
|
140
|
+
}),
|
|
141
|
+
state.value.query && h('button', { type: 'button', class: 'naviox-auto-clear', 'aria-label': 'Clear search', onClick: () => { controller.setQuery(''); emit('update:modelValue', ''); focus(); } }, '×'),
|
|
142
|
+
]),
|
|
143
|
+
visible.value && h('div', { class: 'naviox-auto-panel' }, [
|
|
144
|
+
h('div', { id: listId, role: 'listbox', class: 'naviox-auto-list', 'aria-label': `${props.label} suggestions`, 'aria-busy': state.value.providersLoading ? 'true' : 'false' }, results.value.map((item) => h('div', { id: itemDomId(item), key: item.id, role: 'option', 'aria-selected': item.id === state.value.activeId ? 'true' : 'false', 'aria-disabled': item.disabled || item.readOnly ? 'true' : undefined, class: ['naviox-auto-option', item.id === state.value.activeId && 'is-active', (item.disabled || item.readOnly) && 'is-disabled'],
|
|
145
|
+
onPointerenter: (event) => { if (event.pointerType !== 'touch' && !item.disabled && !item.readOnly)
|
|
146
|
+
controller.setActive(item.id); }, onMousedown: (event) => event.preventDefault(), onClick: () => activate(item), }, slots.item?.({ item, active: item.id === state.value.activeId, activate: () => activate(item) }) ?? [
|
|
147
|
+
h('span', { class: 'naviox-auto-monogram', 'aria-hidden': 'true' }, item.title.slice(0, 1)),
|
|
148
|
+
h('span', { class: 'naviox-auto-copy' }, [h('strong', item.title), item.description && h('small', item.description)]),
|
|
149
|
+
h('span', { 'aria-hidden': 'true', class: 'naviox-auto-arrow' }, '↗'),
|
|
150
|
+
]))),
|
|
151
|
+
state.value.providersLoading && h('div', { role: 'status', class: 'naviox-auto-status' }, 'Searching…'),
|
|
152
|
+
!results.value.length && !state.value.providersLoading && h('div', { role: 'status', class: 'naviox-auto-empty' }, slots.empty?.({ query: state.value.query }) ?? (enough.value ? 'No matching results' : `Type at least ${props.minChars} characters`)),
|
|
153
|
+
slots.footer?.({ controller, state: state.value }) ?? h('div', { class: 'naviox-auto-footer' }, [h('span', `${results.value.length} suggestions`), h('span', '↑↓ · Enter · Esc')]),
|
|
154
|
+
]),
|
|
155
|
+
]);
|
|
156
|
+
},
|
|
157
|
+
});
|
|
158
|
+
//# sourceMappingURL=NavioxAutocomplete.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavioxAutocomplete.js","sourceRoot":"","sources":["../../src/components/NavioxAutocomplete.ts"],"names":[],"mappings":"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"}
|