@lilydesignsystem/angular-link-picker 0.2.0 → 0.2.1
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/README.md
CHANGED
|
@@ -15,15 +15,18 @@ import { LinkPicker, type LinkItem } from "@lilydesignsystem/angular-link-picker
|
|
|
15
15
|
selector: "app-header",
|
|
16
16
|
standalone: true,
|
|
17
17
|
imports: [LinkPicker],
|
|
18
|
-
template: `<lily-link-picker
|
|
18
|
+
template: `<lily-link-picker
|
|
19
|
+
label="Pages"
|
|
20
|
+
[links]="links"
|
|
21
|
+
/>`,
|
|
19
22
|
})
|
|
20
23
|
export class AppHeader {
|
|
21
24
|
links: LinkItem[] = [
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
];
|
|
25
|
+
{ label: "Home", href: "/" },
|
|
26
|
+
{ label: "About Us", href: "/about/" },
|
|
27
|
+
{ label: "Contact Us", href: "/contact/" },
|
|
28
|
+
{ label: "Privacy Policy", href: "/privacy/" },
|
|
29
|
+
];
|
|
27
30
|
}
|
|
28
31
|
```
|
|
29
32
|
|
|
@@ -40,17 +43,22 @@ import { LinkPicker } from "@lilydesignsystem/angular-link-picker";
|
|
|
40
43
|
selector: "app-header",
|
|
41
44
|
standalone: true,
|
|
42
45
|
imports: [LinkPicker],
|
|
43
|
-
template: `<lily-link-picker
|
|
46
|
+
template: `<lily-link-picker
|
|
47
|
+
label="Pages"
|
|
48
|
+
[links]="links()"
|
|
49
|
+
[navigate]="go"
|
|
50
|
+
/>`,
|
|
44
51
|
})
|
|
45
52
|
export class AppHeader {
|
|
46
53
|
private router = inject(Router);
|
|
47
54
|
go = (href: string) => void this.router.navigateByUrl(href);
|
|
48
|
-
links = () =>
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
55
|
+
links = () =>
|
|
56
|
+
[
|
|
57
|
+
{ label: "Home", href: "/" },
|
|
58
|
+
{ label: "About Us", href: "/about/" },
|
|
59
|
+
{ label: "Contact Us", href: "/contact/" },
|
|
60
|
+
{ label: "Privacy Policy", href: "/privacy/" },
|
|
61
|
+
].map((p) => ({ ...p, current: this.router.url === p.href }));
|
|
54
62
|
}
|
|
55
63
|
```
|
|
56
64
|
|
|
@@ -58,13 +66,13 @@ Ctrl/Cmd/Shift/Alt-click, middle-click and `newTab` links always stay native bro
|
|
|
58
66
|
|
|
59
67
|
## `LinkItem`
|
|
60
68
|
|
|
61
|
-
| Field
|
|
62
|
-
|
|
|
63
|
-
| label
|
|
64
|
-
| href
|
|
65
|
-
| id
|
|
66
|
-
| current | Marks the current page with `aria-current="page"`.
|
|
67
|
-
| newTab
|
|
69
|
+
| Field | Notes |
|
|
70
|
+
| ------- | ----------------------------------------------------- |
|
|
71
|
+
| label | Visible text. Yours, so it localises. |
|
|
72
|
+
| href | A route (`"/about/"`) or a full URL. |
|
|
73
|
+
| id | Reported when a link is chosen; defaults to the href. |
|
|
74
|
+
| current | Marks the current page with `aria-current="page"`. |
|
|
75
|
+
| newTab | `target="_blank"` with `rel="noopener noreferrer"`. |
|
|
68
76
|
|
|
69
77
|
## Props
|
|
70
78
|
|
|
@@ -78,7 +86,7 @@ Ctrl/Cmd/Shift/Alt-click, middle-click and `newTab` links always stay native bro
|
|
|
78
86
|
## Styling
|
|
79
87
|
|
|
80
88
|
Headless: no CSS ships. Hooks: `.link-picker`, `.link-picker-button`, `.link-picker-icon`, `.link-picker-tooltip`,
|
|
81
|
-
`.link-picker-list` (carries `hidden` when closed), `.link-picker-list-item`, `.link-picker-link`. The monorepo's
|
|
89
|
+
`.link-picker-list` (carries `hidden` when closed), `.link-picker-list-item`, `.link-picker-link`. The monorepo's 57 `themes/`
|
|
82
90
|
style them all, including the popup placement.
|
|
83
91
|
|
|
84
92
|
## Examples
|
|
@@ -17,7 +17,7 @@ var LinkPickerIcon = class LinkPickerIcon {
|
|
|
17
17
|
static {
|
|
18
18
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
19
19
|
minVersion: "12.0.0",
|
|
20
|
-
version: "22.2.
|
|
20
|
+
version: "22.2.4",
|
|
21
21
|
ngImport: i0,
|
|
22
22
|
type: LinkPickerIcon,
|
|
23
23
|
deps: [],
|
|
@@ -27,7 +27,7 @@ var LinkPickerIcon = class LinkPickerIcon {
|
|
|
27
27
|
static {
|
|
28
28
|
this.ɵdir = i0.ɵɵngDeclareDirective({
|
|
29
29
|
minVersion: "14.0.0",
|
|
30
|
-
version: "22.2.
|
|
30
|
+
version: "22.2.4",
|
|
31
31
|
type: LinkPickerIcon,
|
|
32
32
|
isStandalone: true,
|
|
33
33
|
selector: "ng-template[lilyLinkPickerIcon]",
|
|
@@ -37,7 +37,7 @@ var LinkPickerIcon = class LinkPickerIcon {
|
|
|
37
37
|
};
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({
|
|
39
39
|
minVersion: "12.0.0",
|
|
40
|
-
version: "22.2.
|
|
40
|
+
version: "22.2.4",
|
|
41
41
|
ngImport: i0,
|
|
42
42
|
type: LinkPickerIcon,
|
|
43
43
|
decorators: [{
|
|
@@ -204,7 +204,7 @@ var LinkPicker = class LinkPicker {
|
|
|
204
204
|
static {
|
|
205
205
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
206
206
|
minVersion: "12.0.0",
|
|
207
|
-
version: "22.2.
|
|
207
|
+
version: "22.2.4",
|
|
208
208
|
ngImport: i0,
|
|
209
209
|
type: LinkPicker,
|
|
210
210
|
deps: [],
|
|
@@ -214,7 +214,7 @@ var LinkPicker = class LinkPicker {
|
|
|
214
214
|
static {
|
|
215
215
|
this.ɵcmp = i0.ɵɵngDeclareComponent({
|
|
216
216
|
minVersion: "17.0.0",
|
|
217
|
-
version: "22.2.
|
|
217
|
+
version: "22.2.4",
|
|
218
218
|
type: LinkPicker,
|
|
219
219
|
isStandalone: true,
|
|
220
220
|
selector: "lily-link-picker",
|
|
@@ -413,7 +413,7 @@ var LinkPicker = class LinkPicker {
|
|
|
413
413
|
};
|
|
414
414
|
i0.ɵɵngDeclareClassMetadata({
|
|
415
415
|
minVersion: "12.0.0",
|
|
416
|
-
version: "22.2.
|
|
416
|
+
version: "22.2.4",
|
|
417
417
|
ngImport: i0,
|
|
418
418
|
type: LinkPicker,
|
|
419
419
|
decorators: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lilydesignsystem-angular-link-picker.mjs","names":[],"sources":["../../link-picker.component.ts"],"sourcesContent":["import { NgTemplateOutlet } from \"@angular/common\";\nimport {\n afterNextRender,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChild,\n Directive,\n effect,\n ElementRef,\n inject,\n Injector,\n input,\n model,\n output,\n signal,\n TemplateRef,\n viewChild,\n} from \"@angular/core\";\n// Only the trigger button composes a headless primitive. The list below is real `<a>` navigation\n// with a roving-focus pattern of its own — not an ARIA listbox or menu: role=\"menuitem\" would strip\n// middle-click, open-in-new-tab and copy-link-address from ordinary links. See spec/index.md §3.\nimport { IconButton } from \"@lilydesignsystem/angular-headless\";\n\n/**\n * One destination in the list. The app defines them all: this package ships no routes and no\n * English — `label` is the consumer's text.\n */\nexport type LinkItem = {\n /** Stable identifier, passed back on the `navigated` output. Defaults to `href`. */\n id?: string;\n /** Visible link text. Consumer-supplied, so it localises. */\n label: string;\n /** Where the link goes: a route (\"/about/\") or a full URL. */\n href: string;\n /** Marks this link as the current page (`aria-current=\"page\"`). */\n current?: boolean;\n /** Open in a new tab (`target=\"_blank\"` with `rel=\"noopener noreferrer\"`). */\n newTab?: boolean;\n};\n\n/** Context passed to a custom icon `<ng-template>` (the button icon). */\nexport type ChildArgs = {\n /** Is the list open? */\n open: boolean;\n};\n\n/** Payload of the `navigated` output. */\nexport type LinkNavigatedEvent = {\n /** The chosen link's `id` (its `href` when it has none). */\n id: string;\n /** The chosen link's `href`. */\n href: string;\n};\n\n/** The id a link reports: its explicit `id`, else its `href`. */\nexport function linkId(link: LinkItem): string {\n return link.id ?? link.href;\n}\n\nlet uid = 0;\n/** Stable per-instance id prefix; SSR-safe (no Math.random / Date.now). */\nexport function nextLinkPickerId(): string {\n uid += 1;\n return `link-picker-${uid}`;\n}\n\n/**\n * Optional marker for the projected icon template. Gives consumers typed `let-` variables:\n *\n * ```html\n * <lily-link-picker label=\"Pages\" [links]=\"links\">\n * <ng-template lilyLinkPickerIcon let-args>{{ args.open ? \"×\" : \"☰\" }}</ng-template>\n * </lily-link-picker>\n * ```\n */\n@Directive({\n selector: \"ng-template[lilyLinkPickerIcon]\",\n standalone: true,\n})\nexport class LinkPickerIcon {\n static ngTemplateContextGuard(\n _dir: LinkPickerIcon,\n _ctx: unknown,\n ): _ctx is ChildArgs & { $implicit: ChildArgs } {\n return true;\n }\n}\n\n/**\n * LinkPicker — a headless page-links control.\n *\n * A single-icon button (a bundled home SVG) that opens a disclosure list of page links the app\n * defines. It applies nothing to the document and persists nothing. See `spec/index.md`.\n */\n@Component({\n selector: \"lily-link-picker\",\n standalone: true,\n imports: [NgTemplateOutlet, IconButton],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n \"(document:click)\": \"onDocumentClick($event)\",\n },\n template: `\n <div\n #rootEl\n class=\"link-picker {{ className() }}\"\n (focusout)=\"onRootFocusOut($event)\"\n >\n <lily-icon-button\n [disabled]=\"disabled()\"\n #buttonEl\n [label]=\"label()\"\n baseClass=\"link-picker-button\"\n [ariaExpanded]=\"open()\"\n [ariaControls]=\"listId\"\n (click)=\"onButtonClick(); hoverButton.set(false)\"\n (mouseenter)=\"onTooltipButtonEnter()\"\n (mouseleave)=\"hoverButton.set(false)\"\n (focusin)=\"onTooltipButtonFocusIn()\"\n (focusout)=\"onTooltipButtonFocusOut()\"\n (keydown)=\"onButtonKeydown($event); onTooltipKeydown($event)\"\n >\n @if (iconTemplate(); as tpl) {\n <ng-container\n [ngTemplateOutlet]=\"tpl\"\n [ngTemplateOutletContext]=\"childContext()\"\n />\n } @else {\n <svg\n class=\"link-picker-icon\"\n viewBox=\"0 0 16 16\"\n width=\"1.05rem\"\n height=\"1.05rem\"\n aria-hidden=\"true\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"1.6\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M1 8 8 1.5l7 6.5\" />\n <path d=\"M2.5 7v7.5h11V7\" />\n <path d=\"M6.5 14.5v-4h3v4\" />\n </svg>\n }\n </lily-icon-button>\n\n <!-- Purely visual: the same text is already the button's aria-label, so it is not wired\n with aria-describedby (that would announce the name twice). -->\n <div\n class=\"link-picker-tooltip\"\n role=\"tooltip\"\n [id]=\"tooltipId\"\n [attr.hidden]=\"tooltipVisible() ? null : ''\"\n (mouseenter)=\"hoverTooltip.set(true)\"\n (mouseleave)=\"hoverTooltip.set(false)\"\n >{{ label() }}</div>\n\n <!-- Named like the sibling pickers' popups: a screen reader entering the list hears what\n it is for. -->\n <ul\n #listEl\n class=\"link-picker-list\"\n [id]=\"listId\"\n [attr.aria-label]=\"label() || null\"\n [attr.hidden]=\"open() ? null : ''\"\n (keydown)=\"onListKeydown($event)\"\n >\n @for (link of links(); track idOf(link)) {\n <li class=\"link-picker-list-item\">\n <!-- A real link, not role=\"menuitem\": these ARE navigation. -->\n <a\n class=\"link-picker-link\"\n [attr.data-link-id]=\"idOf(link)\"\n [attr.href]=\"link.href\"\n [attr.aria-current]=\"link.current ? 'page' : null\"\n [attr.target]=\"link.newTab ? '_blank' : null\"\n [attr.rel]=\"link.newTab ? 'noopener noreferrer' : null\"\n (click)=\"onLinkClick($event, link)\"\n >{{ link.label }}</a\n >\n </li>\n }\n </ul>\n </div>\n `,\n})\nexport class LinkPicker {\n /** Accessible name for the button and the list. */\n readonly label = input.required<string>();\n /** The page links to offer. Defined by the app. */\n readonly links = input.required<LinkItem[]>();\n /**\n * Client-side navigation hook, e.g. a router's `navigateByUrl`. When given, a plain left click\n * on a link calls `navigate(href)` instead of letting the browser load the page; modified\n * clicks (Ctrl/Cmd/Shift/Alt, middle button) and `newTab` links stay native.\n */\n readonly navigate = input<((href: string) => void) | undefined>(undefined);\n /** Extra CSS class on the root div. */\n readonly className = input<string>(\"\");\n\n /** Fires after a link is chosen. */\n readonly navigated = output<LinkNavigatedEvent>();\n\n /** Projected icon template; replaces the default icon when supplied. */\n protected readonly iconTemplate = contentChild(TemplateRef);\n\n private readonly rootRef =\n viewChild.required<ElementRef<HTMLDivElement>>(\"rootEl\");\n // A template-ref-variable on a component tag resolves to the component INSTANCE, which is what\n // is needed to call the headless component's own public `focus()` method.\n private readonly buttonRef = viewChild.required<IconButton>(\"buttonEl\");\n private readonly listRef =\n viewChild.required<ElementRef<HTMLUListElement>>(\"listEl\");\n\n private readonly baseId = nextLinkPickerId();\n protected readonly listId = `${this.baseId}-list`;\n\n /** Is the popup open? Two-way bindable: `[(open)]`; `openChange` fires for each change. */\n readonly open = model<boolean>(false);\n /** Disables the button; an open popup closes. */\n readonly disabled = input<boolean>(false);\n private readonly closeWhenDisabled = effect(() => {\n if (this.disabled() && this.open()) this.open.set(false);\n });\n private readonly injector = inject(Injector);\n\n // Tooltip: shown while the pointer is over the button or the tooltip itself (hoverable, WCAG\n // 1.4.13) or while the button has keyboard focus; Escape dismisses it without moving focus;\n // never shown while the popup is open, since the popup then explains the control.\n protected readonly tooltipId = `${this.baseId}-tooltip`;\n protected readonly hoverButton = signal(false);\n protected readonly hoverTooltip = signal(false);\n protected readonly focusButton = signal(false);\n protected readonly dismissed = signal(false);\n protected readonly tooltipVisible = computed(\n () =>\n !this.open() &&\n !this.dismissed() &&\n (this.hoverButton() || this.hoverTooltip() || this.focusButton()),\n );\n\n protected onTooltipButtonEnter(): void {\n this.hoverButton.set(true);\n this.dismissed.set(false);\n }\n\n protected onTooltipButtonFocusIn(): void {\n // Keyboard focus only: a mouse click also focuses the button in Chromium, and the tooltip\n // should not stick after a click.\n try {\n this.focusButton.set(\n this.buttonRef().element?.matches(\":focus-visible\") ?? false,\n );\n } catch {\n this.focusButton.set(true); // engine without :focus-visible — err towards showing\n }\n }\n\n protected onTooltipButtonFocusOut(): void {\n this.focusButton.set(false);\n this.dismissed.set(false);\n }\n\n protected onTooltipKeydown(event: KeyboardEvent): void {\n if (event.key === \"Escape\" && this.tooltipVisible()) this.dismissed.set(true);\n }\n\n // WCAG 1.4.13 \"dismissable\": while the tooltip is visible, Escape works wherever focus is. The\n // listener exists only while visible; the effect cleanup removes it on hide and on destroy.\n private readonly tooltipEscapeListener = effect((onCleanup) => {\n if (!this.tooltipVisible() || typeof document === \"undefined\") return;\n const onKey = (event: KeyboardEvent): void => {\n if (event.key === \"Escape\") this.dismissed.set(true);\n };\n document.addEventListener(\"keydown\", onKey);\n onCleanup(() => document.removeEventListener(\"keydown\", onKey));\n });\n\n protected readonly childContext = computed(() => {\n const args: ChildArgs = { open: this.open() };\n return { $implicit: args, ...args };\n });\n\n protected idOf(link: LinkItem): string {\n return linkId(link);\n }\n\n /** Every focusable link in the list, in DOM order. */\n private items(): HTMLElement[] {\n return Array.from(\n this.listRef().nativeElement.querySelectorAll<HTMLElement>(\".link-picker-link\"),\n );\n }\n\n // ---------------------------------------------------------------\n // Open / close\n // ---------------------------------------------------------------\n\n /** Open the list, focusing the first link (or the last, if `focusLast`). */\n openList(focusLast = false): void {\n this.open.set(true);\n // After the next render, so the list's `hidden` attribute is gone: a hidden link cannot take\n // focus (a microtask ran before Angular rendered, and the focus silently went nowhere).\n afterNextRender(\n () => {\n const all = this.items();\n (focusLast ? all[all.length - 1] : all[0])?.focus({ preventScroll: true });\n },\n { injector: this.injector },\n );\n }\n\n /** Close the list; `refocus` returns focus to the trigger. */\n closeList(refocus = true): void {\n if (!this.open()) return;\n this.open.set(false);\n if (refocus) queueMicrotask(() => this.buttonRef().focus({ preventScroll: true }));\n }\n\n protected onButtonClick(): void {\n if (this.open()) this.closeList();\n else this.openList();\n }\n\n protected onLinkClick(event: MouseEvent, link: LinkItem): void {\n this.navigated.emit({ id: linkId(link), href: link.href });\n const go = this.navigate();\n const modified =\n event.ctrlKey || event.metaKey || event.shiftKey || event.altKey || event.button !== 0;\n if (go && !link.newTab && !modified && !event.defaultPrevented) {\n event.preventDefault();\n go(link.href);\n }\n this.closeList();\n }\n\n // ---------------------------------------------------------------\n // Keyboard\n // ---------------------------------------------------------------\n\n protected onButtonKeydown(event: KeyboardEvent): void {\n // Enter and Space already produce a click; only the arrows need handling here.\n if (event.key === \"ArrowDown\") {\n event.preventDefault();\n if (!this.open()) this.openList();\n else this.items()[0]?.focus({ preventScroll: true });\n } else if (event.key === \"ArrowUp\") {\n event.preventDefault();\n if (!this.open()) this.openList(true);\n else {\n const all = this.items();\n all[all.length - 1]?.focus({ preventScroll: true });\n }\n }\n }\n\n private moveFocus(delta: number): void {\n const all = this.items();\n if (all.length === 0) return;\n const i = all.indexOf(document.activeElement as HTMLElement);\n // Clamp rather than wrap.\n const next = Math.min(Math.max((i < 0 ? 0 : i) + delta, 0), all.length - 1);\n all[next]?.focus({ preventScroll: true });\n }\n\n protected onListKeydown(event: KeyboardEvent): void {\n switch (event.key) {\n case \"ArrowDown\":\n event.preventDefault();\n this.moveFocus(1);\n break;\n case \"ArrowUp\":\n event.preventDefault();\n this.moveFocus(-1);\n break;\n case \"Home\":\n event.preventDefault();\n this.items()[0]?.focus({ preventScroll: true });\n break;\n case \"End\": {\n event.preventDefault();\n const all = this.items();\n all[all.length - 1]?.focus({ preventScroll: true });\n break;\n }\n case \"Escape\":\n event.preventDefault();\n this.closeList();\n break;\n case \"Tab\":\n // Focus goes to the button FIRST, without cancelling the key: hiding the list while a\n // link has focus drops focus to <body>, and the default Tab would restart from the top.\n this.buttonRef().focus?.({ preventScroll: true });\n this.closeList(false);\n break;\n default:\n break;\n }\n }\n\n protected onRootFocusOut(event: FocusEvent): void {\n const next = event.relatedTarget as Node | null;\n if (next && this.rootRef().nativeElement.contains(next)) return;\n this.closeList(false);\n }\n\n protected onDocumentClick(event: Event): void {\n if (!this.open()) return;\n const t = event.target as Node | null;\n if (t && !this.rootRef().nativeElement.contains(t)) this.closeList(false);\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"lilydesignsystem-angular-link-picker.mjs","names":[],"sources":["../../link-picker.component.ts"],"sourcesContent":["import { NgTemplateOutlet } from \"@angular/common\";\nimport {\n afterNextRender,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChild,\n Directive,\n effect,\n ElementRef,\n inject,\n Injector,\n input,\n model,\n output,\n signal,\n TemplateRef,\n viewChild,\n} from \"@angular/core\";\n// Only the trigger button composes a headless primitive. The list below is real `<a>` navigation\n// with a roving-focus pattern of its own — not an ARIA listbox or menu: role=\"menuitem\" would strip\n// middle-click, open-in-new-tab and copy-link-address from ordinary links. See spec/index.md §3.\nimport { IconButton } from \"@lilydesignsystem/angular-headless\";\n\n/**\n * One destination in the list. The app defines them all: this package ships no routes and no\n * English — `label` is the consumer's text.\n */\nexport type LinkItem = {\n /** Stable identifier, passed back on the `navigated` output. Defaults to `href`. */\n id?: string;\n /** Visible link text. Consumer-supplied, so it localises. */\n label: string;\n /** Where the link goes: a route (\"/about/\") or a full URL. */\n href: string;\n /** Marks this link as the current page (`aria-current=\"page\"`). */\n current?: boolean;\n /** Open in a new tab (`target=\"_blank\"` with `rel=\"noopener noreferrer\"`). */\n newTab?: boolean;\n};\n\n/** Context passed to a custom icon `<ng-template>` (the button icon). */\nexport type ChildArgs = {\n /** Is the list open? */\n open: boolean;\n};\n\n/** Payload of the `navigated` output. */\nexport type LinkNavigatedEvent = {\n /** The chosen link's `id` (its `href` when it has none). */\n id: string;\n /** The chosen link's `href`. */\n href: string;\n};\n\n/** The id a link reports: its explicit `id`, else its `href`. */\nexport function linkId(link: LinkItem): string {\n return link.id ?? link.href;\n}\n\nlet uid = 0;\n/** Stable per-instance id prefix; SSR-safe (no Math.random / Date.now). */\nexport function nextLinkPickerId(): string {\n uid += 1;\n return `link-picker-${uid}`;\n}\n\n/**\n * Optional marker for the projected icon template. Gives consumers typed `let-` variables:\n *\n * ```html\n * <lily-link-picker label=\"Pages\" [links]=\"links\">\n * <ng-template lilyLinkPickerIcon let-args>{{ args.open ? \"×\" : \"☰\" }}</ng-template>\n * </lily-link-picker>\n * ```\n */\n@Directive({\n selector: \"ng-template[lilyLinkPickerIcon]\",\n standalone: true,\n})\nexport class LinkPickerIcon {\n static ngTemplateContextGuard(\n _dir: LinkPickerIcon,\n _ctx: unknown,\n ): _ctx is ChildArgs & { $implicit: ChildArgs } {\n return true;\n }\n}\n\n/**\n * LinkPicker — a headless page-links control.\n *\n * A single-icon button (a bundled home SVG) that opens a disclosure list of page links the app\n * defines. It applies nothing to the document and persists nothing. See `spec/index.md`.\n */\n@Component({\n selector: \"lily-link-picker\",\n standalone: true,\n imports: [NgTemplateOutlet, IconButton],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n \"(document:click)\": \"onDocumentClick($event)\",\n },\n template: `\n <div\n #rootEl\n class=\"link-picker {{ className() }}\"\n (focusout)=\"onRootFocusOut($event)\"\n >\n <lily-icon-button\n [disabled]=\"disabled()\"\n #buttonEl\n [label]=\"label()\"\n baseClass=\"link-picker-button\"\n [ariaExpanded]=\"open()\"\n [ariaControls]=\"listId\"\n (click)=\"onButtonClick(); hoverButton.set(false)\"\n (mouseenter)=\"onTooltipButtonEnter()\"\n (mouseleave)=\"hoverButton.set(false)\"\n (focusin)=\"onTooltipButtonFocusIn()\"\n (focusout)=\"onTooltipButtonFocusOut()\"\n (keydown)=\"onButtonKeydown($event); onTooltipKeydown($event)\"\n >\n @if (iconTemplate(); as tpl) {\n <ng-container\n [ngTemplateOutlet]=\"tpl\"\n [ngTemplateOutletContext]=\"childContext()\"\n />\n } @else {\n <svg\n class=\"link-picker-icon\"\n viewBox=\"0 0 16 16\"\n width=\"1.05rem\"\n height=\"1.05rem\"\n aria-hidden=\"true\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"1.6\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M1 8 8 1.5l7 6.5\" />\n <path d=\"M2.5 7v7.5h11V7\" />\n <path d=\"M6.5 14.5v-4h3v4\" />\n </svg>\n }\n </lily-icon-button>\n\n <!-- Purely visual: the same text is already the button's aria-label, so it is not wired\n with aria-describedby (that would announce the name twice). -->\n <div\n class=\"link-picker-tooltip\"\n role=\"tooltip\"\n [id]=\"tooltipId\"\n [attr.hidden]=\"tooltipVisible() ? null : ''\"\n (mouseenter)=\"hoverTooltip.set(true)\"\n (mouseleave)=\"hoverTooltip.set(false)\"\n >{{ label() }}</div>\n\n <!-- Named like the sibling pickers' popups: a screen reader entering the list hears what\n it is for. -->\n <ul\n #listEl\n class=\"link-picker-list\"\n [id]=\"listId\"\n [attr.aria-label]=\"label() || null\"\n [attr.hidden]=\"open() ? null : ''\"\n (keydown)=\"onListKeydown($event)\"\n >\n @for (link of links(); track idOf(link)) {\n <li class=\"link-picker-list-item\">\n <!-- A real link, not role=\"menuitem\": these ARE navigation. -->\n <a\n class=\"link-picker-link\"\n [attr.data-link-id]=\"idOf(link)\"\n [attr.href]=\"link.href\"\n [attr.aria-current]=\"link.current ? 'page' : null\"\n [attr.target]=\"link.newTab ? '_blank' : null\"\n [attr.rel]=\"link.newTab ? 'noopener noreferrer' : null\"\n (click)=\"onLinkClick($event, link)\"\n >{{ link.label }}</a\n >\n </li>\n }\n </ul>\n </div>\n `,\n})\nexport class LinkPicker {\n /** Accessible name for the button and the list. */\n readonly label = input.required<string>();\n /** The page links to offer. Defined by the app. */\n readonly links = input.required<LinkItem[]>();\n /**\n * Client-side navigation hook, e.g. a router's `navigateByUrl`. When given, a plain left click\n * on a link calls `navigate(href)` instead of letting the browser load the page; modified\n * clicks (Ctrl/Cmd/Shift/Alt, middle button) and `newTab` links stay native.\n */\n readonly navigate = input<((href: string) => void) | undefined>(undefined);\n /** Extra CSS class on the root div. */\n readonly className = input<string>(\"\");\n\n /** Fires after a link is chosen. */\n readonly navigated = output<LinkNavigatedEvent>();\n\n /** Projected icon template; replaces the default icon when supplied. */\n protected readonly iconTemplate = contentChild(TemplateRef);\n\n private readonly rootRef = viewChild.required<ElementRef<HTMLDivElement>>(\"rootEl\");\n // A template-ref-variable on a component tag resolves to the component INSTANCE, which is what\n // is needed to call the headless component's own public `focus()` method.\n private readonly buttonRef = viewChild.required<IconButton>(\"buttonEl\");\n private readonly listRef = viewChild.required<ElementRef<HTMLUListElement>>(\"listEl\");\n\n private readonly baseId = nextLinkPickerId();\n protected readonly listId = `${this.baseId}-list`;\n\n /** Is the popup open? Two-way bindable: `[(open)]`; `openChange` fires for each change. */\n readonly open = model<boolean>(false);\n /** Disables the button; an open popup closes. */\n readonly disabled = input<boolean>(false);\n private readonly closeWhenDisabled = effect(() => {\n if (this.disabled() && this.open()) this.open.set(false);\n });\n private readonly injector = inject(Injector);\n\n // Tooltip: shown while the pointer is over the button or the tooltip itself (hoverable, WCAG\n // 1.4.13) or while the button has keyboard focus; Escape dismisses it without moving focus;\n // never shown while the popup is open, since the popup then explains the control.\n protected readonly tooltipId = `${this.baseId}-tooltip`;\n protected readonly hoverButton = signal(false);\n protected readonly hoverTooltip = signal(false);\n protected readonly focusButton = signal(false);\n protected readonly dismissed = signal(false);\n protected readonly tooltipVisible = computed(\n () =>\n !this.open() &&\n !this.dismissed() &&\n (this.hoverButton() || this.hoverTooltip() || this.focusButton()),\n );\n\n protected onTooltipButtonEnter(): void {\n this.hoverButton.set(true);\n this.dismissed.set(false);\n }\n\n protected onTooltipButtonFocusIn(): void {\n // Keyboard focus only: a mouse click also focuses the button in Chromium, and the tooltip\n // should not stick after a click.\n try {\n this.focusButton.set(this.buttonRef().element?.matches(\":focus-visible\") ?? false);\n } catch {\n this.focusButton.set(true); // engine without :focus-visible — err towards showing\n }\n }\n\n protected onTooltipButtonFocusOut(): void {\n this.focusButton.set(false);\n this.dismissed.set(false);\n }\n\n protected onTooltipKeydown(event: KeyboardEvent): void {\n if (event.key === \"Escape\" && this.tooltipVisible()) this.dismissed.set(true);\n }\n\n // WCAG 1.4.13 \"dismissable\": while the tooltip is visible, Escape works wherever focus is. The\n // listener exists only while visible; the effect cleanup removes it on hide and on destroy.\n private readonly tooltipEscapeListener = effect((onCleanup) => {\n if (!this.tooltipVisible() || typeof document === \"undefined\") return;\n const onKey = (event: KeyboardEvent): void => {\n if (event.key === \"Escape\") this.dismissed.set(true);\n };\n document.addEventListener(\"keydown\", onKey);\n onCleanup(() => document.removeEventListener(\"keydown\", onKey));\n });\n\n protected readonly childContext = computed(() => {\n const args: ChildArgs = { open: this.open() };\n return { $implicit: args, ...args };\n });\n\n protected idOf(link: LinkItem): string {\n return linkId(link);\n }\n\n /** Every focusable link in the list, in DOM order. */\n private items(): HTMLElement[] {\n return Array.from(\n this.listRef().nativeElement.querySelectorAll<HTMLElement>(\".link-picker-link\"),\n );\n }\n\n // ---------------------------------------------------------------\n // Open / close\n // ---------------------------------------------------------------\n\n /** Open the list, focusing the first link (or the last, if `focusLast`). */\n openList(focusLast = false): void {\n this.open.set(true);\n // After the next render, so the list's `hidden` attribute is gone: a hidden link cannot take\n // focus (a microtask ran before Angular rendered, and the focus silently went nowhere).\n afterNextRender(\n () => {\n const all = this.items();\n (focusLast ? all[all.length - 1] : all[0])?.focus({ preventScroll: true });\n },\n { injector: this.injector },\n );\n }\n\n /** Close the list; `refocus` returns focus to the trigger. */\n closeList(refocus = true): void {\n if (!this.open()) return;\n this.open.set(false);\n if (refocus) queueMicrotask(() => this.buttonRef().focus({ preventScroll: true }));\n }\n\n protected onButtonClick(): void {\n if (this.open()) this.closeList();\n else this.openList();\n }\n\n protected onLinkClick(event: MouseEvent, link: LinkItem): void {\n this.navigated.emit({ id: linkId(link), href: link.href });\n const go = this.navigate();\n const modified =\n event.ctrlKey || event.metaKey || event.shiftKey || event.altKey || event.button !== 0;\n if (go && !link.newTab && !modified && !event.defaultPrevented) {\n event.preventDefault();\n go(link.href);\n }\n this.closeList();\n }\n\n // ---------------------------------------------------------------\n // Keyboard\n // ---------------------------------------------------------------\n\n protected onButtonKeydown(event: KeyboardEvent): void {\n // Enter and Space already produce a click; only the arrows need handling here.\n if (event.key === \"ArrowDown\") {\n event.preventDefault();\n if (!this.open()) this.openList();\n else this.items()[0]?.focus({ preventScroll: true });\n } else if (event.key === \"ArrowUp\") {\n event.preventDefault();\n if (!this.open()) this.openList(true);\n else {\n const all = this.items();\n all[all.length - 1]?.focus({ preventScroll: true });\n }\n }\n }\n\n private moveFocus(delta: number): void {\n const all = this.items();\n if (all.length === 0) return;\n const i = all.indexOf(document.activeElement as HTMLElement);\n // Clamp rather than wrap.\n const next = Math.min(Math.max((i < 0 ? 0 : i) + delta, 0), all.length - 1);\n all[next]?.focus({ preventScroll: true });\n }\n\n protected onListKeydown(event: KeyboardEvent): void {\n switch (event.key) {\n case \"ArrowDown\":\n event.preventDefault();\n this.moveFocus(1);\n break;\n case \"ArrowUp\":\n event.preventDefault();\n this.moveFocus(-1);\n break;\n case \"Home\":\n event.preventDefault();\n this.items()[0]?.focus({ preventScroll: true });\n break;\n case \"End\": {\n event.preventDefault();\n const all = this.items();\n all[all.length - 1]?.focus({ preventScroll: true });\n break;\n }\n case \"Escape\":\n event.preventDefault();\n this.closeList();\n break;\n case \"Tab\":\n // Focus goes to the button FIRST, without cancelling the key: hiding the list while a\n // link has focus drops focus to <body>, and the default Tab would restart from the top.\n this.buttonRef().focus?.({ preventScroll: true });\n this.closeList(false);\n break;\n default:\n break;\n }\n }\n\n protected onRootFocusOut(event: FocusEvent): void {\n const next = event.relatedTarget as Node | null;\n if (next && this.rootRef().nativeElement.contains(next)) return;\n this.closeList(false);\n }\n\n protected onDocumentClick(event: Event): void {\n if (!this.open()) return;\n const t = event.target as Node | null;\n if (t && !this.rootRef().nativeElement.contains(t)) this.closeList(false);\n }\n}\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lilydesignsystem/angular-link-picker",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.1",
|
|
4
4
|
"engines": {
|
|
5
|
-
"node": "
|
|
5
|
+
"node": ">=26"
|
|
6
6
|
},
|
|
7
7
|
"description": "Lily Design System Angular link picker: an icon button (a home icon) opening a disclosure of app-defined page links. Headless, SSR-safe, no CSS.",
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@lilydesignsystem/angular-headless": "^0.
|
|
9
|
+
"@lilydesignsystem/angular-headless": "^0.8.0",
|
|
10
10
|
"tslib": "^2.3.0"
|
|
11
11
|
},
|
|
12
12
|
"peerDependencies": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lilydesignsystem-angular-link-picker.d.ts","names":[],"sources":["../../link-picker.component.ts"],"mappings":";;;;;;KA4BY;;
|
|
1
|
+
{"version":3,"file":"lilydesignsystem-angular-link-picker.d.ts","names":[],"sources":["../../link-picker.component.ts"],"mappings":";;;;;;KA4BY;;EAER;;EAEA;;EAEA;;EAEA;;EAEA;;;KAIQ;;EAER;;;KAIQ;;EAER;;EAEA;;;wBAIY,OAAO,MAAM;;wBAMb;;;;;;;;;;qBAkBH;SACF,uBACH,MAAM,gBACN,gBACD,QAAQ;IAAc,WAAW;;SAJ3B,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;;;;;;;;qBA4GA;;WAEA,0CAAK;;WAEL,0CAAK,YAAA;;;;;;WAML,6CAAQ,cAAA;;WAER,8CAAS;;WAGT,oDAAS,iBAAA;;qBAGC,gFAAY,OAAA;mBAEd;mBAGA;mBACA;mBAEA;qBACE;;WAGV,yCAAI;;WAEJ,6CAAQ;mBACA;mBAGA;qBAKE;qBACA,+EAAW;qBACX,gFAAY;qBACZ,+EAAW;qBACX,6EAAS;qBACT,kFAAc;YAOvB;YAKA;YAUA;YAKA,iBAAiB,OAAO;mBAMjB;qBASE,gFAAY;;IAxOzB;;;YA6OI,KAAK,MAAM;;UAKb;;EAWR,SAAS;;EAcT,UAAU;YAMA;YAKA,YAAY,OAAO,YAAY,MAAM;YAgBrC,gBAAgB,OAAO;UAgBzB;YASE,cAAc,OAAO;YAmCrB,eAAe,OAAO;YAMtB,gBAAgB,OAAO;SAxNxB,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;IAAU;MAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;MAAA;;;IAAA;IAAA"}
|