@slotted/angular 0.0.0-stage → 0.1.0-beta.0

package/fesm2022/slotted-angular-highlight.mjs

@@ -0,0 +1,123 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, booleanAttribute, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { highlightRuns } from '@slotted/core/highlight';
+
+const FALLBACK = {
+    locale: undefined,
+    sensitivity: 'base',
+    occurrences: 'all',
+};
+const HIGHLIGHT_DEFAULTS = new InjectionToken('slotted highlight defaults', {
+    providedIn: 'root',
+    factory: () => FALLBACK,
+});
+/**
+ * An application decides once which locale its marks compare in, how strict
+ * the comparison is, and whether every occurrence is marked. A mark that
+ * states any of them itself still wins: an explicit input is never overridden
+ * by the token. A host — `combobox`, `select` — passes the locale its filter
+ * used, which is the same rule from the other side.
+ */
+function provideHighlightDefaults(defaults) {
+    return {
+        provide: HIGHLIGHT_DEFAULTS,
+        useFactory: () => ({
+            locale: defaults.locale ?? FALLBACK.locale,
+            sensitivity: defaults.sensitivity ?? FALLBACK.sensitivity,
+            occurrences: defaults.occurrences ?? FALLBACK.occurrences,
+        }),
+    };
+}
+/** What a mark compares with here, before it states anything of its own. */
+function injectHighlightDefaults() {
+    return inject(HIGHLIGHT_DEFAULTS);
+}
+
+/**
+ * The spans of a text a query found, marked.
+ *
+ * The component is written on the consumer's own element — the `span` that
+ * holds an option's label, the `p` under a find bar — which is the element
+ * that holds the text and the reason this binding needs no `render` input:
+ * substituting the element is Angular's default. The `mark` inside it is
+ * fixed; it is the element the HTML Standard defines for the term searched
+ * for inside a result.
+ *
+ * It is content, not a control: nothing here is focusable and nothing answers
+ * a key. What is marked is decided by `@slotted/core/highlight`, the same scan
+ * `combobox`'s filter decides with. `text` is a string and the runs are
+ * slices of it; nothing is projected, because a `mark` inside projected
+ * content would be HTML the family interpreted.
+ *
+ * Every space in this template is load-bearing: a newline between two nodes
+ * collapses into a space, and a space between two runs is a space inside the
+ * text.
+ */
+class SlHighlight {
+    /**
+     * The text, whole. It is the only content the family renders: nothing in it
+     * is HTML, and a run is a slice of it.
+     */
+    text = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+    /** One query or several. Empty and whitespace-only entries find nothing. */
+    query = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
+    /**
+     * Spans already found — by a server, by a fuzzy engine — in the text's own
+     * code units. Wins over `query` and `matcher`; normalised like either.
+     */
+    ranges = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ranges" }] : /* istanbul ignore next */ []));
+    /** Replaces the default matcher. Loses to `ranges`. */
+    matcher = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "matcher" }] : /* istanbul ignore next */ []));
+    /**
+     * The match a find bar is standing on, counting matches only. It is stated,
+     * never moved: the family has no keyboard. Out of range marks nothing.
+     */
+    current = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []));
+    /** Defaults to the provider, then to the runtime's locale. */
+    locale = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    /** Defaults to the provider, then to `base`. */
+    sensitivity = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sensitivity" }] : /* istanbul ignore next */ []));
+    /** Defaults to the provider, then to `all`. */
+    occurrences = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "occurrences" }] : /* istanbul ignore next */ []));
+    /**
+     * Steps the marks down without claiming the row's semantics. The row above
+     * already says it with `data-disabled`, and the sheet reads that too.
+     */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    defaults = injectHighlightDefaults();
+    /** The runs the template renders; a consumer counting matches reads it too. */
+    runs = computed(() => highlightRuns(this.text(), {
+        locale: this.locale() ?? this.defaults.locale,
+        matcher: this.matcher(),
+        occurrences: this.occurrences() ?? this.defaults.occurrences,
+        query: this.query(),
+        ranges: this.ranges(),
+        sensitivity: this.sensitivity() ?? this.defaults.sensitivity,
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "runs" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlHighlight, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlHighlight, isStandalone: true, selector: "[slHighlight]", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, ranges: { classPropertyName: "ranges", publicName: "ranges", isSignal: true, isRequired: false, transformFunction: null }, matcher: { classPropertyName: "matcher", publicName: "matcher", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, sensitivity: { classPropertyName: "sensitivity", publicName: "sensitivity", isSignal: true, isRequired: false, transformFunction: null }, occurrences: { classPropertyName: "occurrences", publicName: "occurrences", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "highlight", "data-part": "root" }, properties: { "attr.data-disabled": "disabled() ? \"\" : null" } }, exportAs: ["slHighlight"], ngImport: i0, template: `@for (run of runs(); track $index) {@if (run.matched) {<mark data-part="match" [attr.data-current]="run.index === current() ? '' : null">{{ run.text }}</mark>} @else {{{ run.text }}}}`, isInline: true, styles: ["@layer slotted.components{[data-ui=highlight] [data-part=match]{background-color:var( --slotted-highlight-background, color-mix( in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%), transparent ) );-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none, 0px);color:var(--slotted-highlight-color, var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;padding:0;text-decoration-color:var(--slotted-highlight-rule-color, var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin, 1px);text-underline-offset:var(--slotted-space-1, .125rem)}[data-ui=highlight] [data-part=match][data-current]{background-color:var(--slotted-highlight-current-background, var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color, var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui=highlight]:is([data-disabled],[data-disabled] *) [data-part=match]{background-color:var(--slotted-highlight-disabled-background, transparent);color:inherit;text-decoration-line:underline}@media(forced-colors:active){[data-ui=highlight] [data-part=match],[data-ui=highlight]:is([data-disabled],[data-disabled] *) [data-part=match]{background-color:Mark;color:MarkText;forced-color-adjust:none}[data-ui=highlight] [data-part=match][data-current]{background-color:Highlight;color:HighlightText}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlHighlight, decorators: [{
+            type: Component,
+            args: [{ selector: '[slHighlight]', standalone: true, exportAs: 'slHighlight', template: `@for (run of runs(); track $index) {@if (run.matched) {<mark data-part="match" [attr.data-current]="run.index === current() ? '' : null">{{ run.text }}</mark>} @else {{{ run.text }}}}`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        'data-ui': 'highlight',
+                        'data-part': 'root',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                    }, styles: ["@layer slotted.components{[data-ui=highlight] [data-part=match]{background-color:var( --slotted-highlight-background, color-mix( in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%), transparent ) );-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none, 0px);color:var(--slotted-highlight-color, var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;padding:0;text-decoration-color:var(--slotted-highlight-rule-color, var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin, 1px);text-underline-offset:var(--slotted-space-1, .125rem)}[data-ui=highlight] [data-part=match][data-current]{background-color:var(--slotted-highlight-current-background, var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color, var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui=highlight]:is([data-disabled],[data-disabled] *) [data-part=match]{background-color:var(--slotted-highlight-disabled-background, transparent);color:inherit;text-decoration-line:underline}@media(forced-colors:active){[data-ui=highlight] [data-part=match],[data-ui=highlight]:is([data-disabled],[data-disabled] *) [data-part=match]{background-color:Mark;color:MarkText;forced-color-adjust:none}[data-ui=highlight] [data-part=match][data-current]{background-color:Highlight;color:HighlightText}}}\n"] }]
+        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: true }] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }], ranges: [{ type: i0.Input, args: [{ isSignal: true, alias: "ranges", required: false }] }], matcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "matcher", required: false }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], sensitivity: [{ type: i0.Input, args: [{ isSignal: true, alias: "sensitivity", required: false }] }], occurrences: [{ type: i0.Input, args: [{ isSignal: true, alias: "occurrences", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HIGHLIGHT_DEFAULTS, SlHighlight, injectHighlightDefaults, provideHighlightDefaults };
+//# sourceMappingURL=slotted-angular-highlight.mjs.map

package/fesm2022/slotted-angular-highlight.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-highlight.mjs","sources":["../../highlight/src/highlight-defaults.ts","../../highlight/src/highlight.ts","../../highlight/src/slotted-angular-highlight.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nimport type { HighlightMatchOptions } from '@slotted/core/highlight';\n\nexport type {\n  HighlightMatcher,\n  HighlightMatchOptions,\n  HighlightRange,\n  HighlightRun,\n} from '@slotted/core/highlight';\n\nexport type HighlightOccurrences = NonNullable<HighlightMatchOptions['occurrences']>;\nexport type HighlightSensitivity = NonNullable<HighlightMatchOptions['sensitivity']>;\n\n/** What an application sets once for every mark under it. */\nexport interface HighlightDefaults {\n  /** BCP 47. `undefined` asks the runtime. */\n  locale: string | undefined;\n  /** `base`: `resume` finds `Resumé`, as `typeahead` and `createFilter` compare. */\n  sensitivity: HighlightSensitivity;\n  /** `all`: every place a query appears; `first`: one span per query. */\n  occurrences: HighlightOccurrences;\n}\n\nconst FALLBACK: HighlightDefaults = {\n  locale: undefined,\n  sensitivity: 'base',\n  occurrences: 'all',\n};\n\nexport const HIGHLIGHT_DEFAULTS = new InjectionToken<HighlightDefaults>(\n  'slotted highlight defaults',\n  {\n    providedIn: 'root',\n    factory: () => FALLBACK,\n  },\n);\n\n/**\n * An application decides once which locale its marks compare in, how strict\n * the comparison is, and whether every occurrence is marked. A mark that\n * states any of them itself still wins: an explicit input is never overridden\n * by the token. A host — `combobox`, `select` — passes the locale its filter\n * used, which is the same rule from the other side.\n */\nexport function provideHighlightDefaults(defaults: Partial<HighlightDefaults>) {\n  return {\n    provide: HIGHLIGHT_DEFAULTS,\n    useFactory: (): HighlightDefaults => ({\n      locale: defaults.locale ?? FALLBACK.locale,\n      sensitivity: defaults.sensitivity ?? FALLBACK.sensitivity,\n      occurrences: defaults.occurrences ?? FALLBACK.occurrences,\n    }),\n  };\n}\n\n/** What a mark compares with here, before it states anything of its own. */\nexport function injectHighlightDefaults(): HighlightDefaults {\n  return inject(HIGHLIGHT_DEFAULTS);\n}\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { highlightRuns } from '@slotted/core/highlight';\nimport type { HighlightMatcher, HighlightRange } from '@slotted/core/highlight';\n\nimport { injectHighlightDefaults } from './highlight-defaults';\nimport type { HighlightOccurrences, HighlightSensitivity } from './highlight-defaults';\n\n/**\n * The spans of a text a query found, marked.\n *\n * The component is written on the consumer's own element — the `span` that\n * holds an option's label, the `p` under a find bar — which is the element\n * that holds the text and the reason this binding needs no `render` input:\n * substituting the element is Angular's default. The `mark` inside it is\n * fixed; it is the element the HTML Standard defines for the term searched\n * for inside a result.\n *\n * It is content, not a control: nothing here is focusable and nothing answers\n * a key. What is marked is decided by `@slotted/core/highlight`, the same scan\n * `combobox`'s filter decides with. `text` is a string and the runs are\n * slices of it; nothing is projected, because a `mark` inside projected\n * content would be HTML the family interpreted.\n *\n * Every space in this template is load-bearing: a newline between two nodes\n * collapses into a space, and a space between two runs is a space inside the\n * text.\n */\n@Component({\n  selector: '[slHighlight]',\n  standalone: true,\n  exportAs: 'slHighlight',\n  // prettier-ignore\n  template: `@for (run of runs(); track $index) {@if (run.matched) {<mark data-part=\"match\" [attr.data-current]=\"run.index === current() ? '' : null\">{{ run.text }}</mark>} @else {{{ run.text }}}}`,\n  styleUrl: '../../../styles/src/highlight/highlight.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-ui': 'highlight',\n    'data-part': 'root',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n  },\n})\nexport class SlHighlight {\n  /**\n   * The text, whole. It is the only content the family renders: nothing in it\n   * is HTML, and a run is a slice of it.\n   */\n  readonly text = input.required<string>();\n  /** One query or several. Empty and whitespace-only entries find nothing. */\n  readonly query = input<string | readonly string[] | undefined>(undefined);\n  /**\n   * Spans already found — by a server, by a fuzzy engine — in the text's own\n   * code units. Wins over `query` and `matcher`; normalised like either.\n   */\n  readonly ranges = input<readonly HighlightRange[] | undefined>(undefined);\n  /** Replaces the default matcher. Loses to `ranges`. */\n  readonly matcher = input<HighlightMatcher | undefined>(undefined);\n  /**\n   * The match a find bar is standing on, counting matches only. It is stated,\n   * never moved: the family has no keyboard. Out of range marks nothing.\n   */\n  readonly current = input<number | undefined>(undefined);\n  /** Defaults to the provider, then to the runtime's locale. */\n  readonly locale = input<string | undefined>(undefined);\n  /** Defaults to the provider, then to `base`. */\n  readonly sensitivity = input<HighlightSensitivity | undefined>(undefined);\n  /** Defaults to the provider, then to `all`. */\n  readonly occurrences = input<HighlightOccurrences | undefined>(undefined);\n  /**\n   * Steps the marks down without claiming the row's semantics. The row above\n   * already says it with `data-disabled`, and the sheet reads that too.\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  private readonly defaults = injectHighlightDefaults();\n\n  /** The runs the template renders; a consumer counting matches reads it too. */\n  readonly runs = computed(() =>\n    highlightRuns(this.text(), {\n      locale: this.locale() ?? this.defaults.locale,\n      matcher: this.matcher(),\n      occurrences: this.occurrences() ?? this.defaults.occurrences,\n      query: this.query(),\n      ranges: this.ranges(),\n      sensitivity: this.sensitivity() ?? this.defaults.sensitivity,\n    }),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/slotted-angular-hover-card.mjs

@@ -0,0 +1,326 @@
+import { createPointerIntent } from '@slotted/core/pointer-intent';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, numberAttribute, booleanAttribute, computed, DestroyRef, effect, untracked, forwardRef, Directive, ElementRef, HostAttributeToken, afterNextRender, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { SlPopover } from '@slotted/angular/popover';
+import { tabbables } from '@slotted/core/focus';
+
+/**
+ * 600 to open is the number `tooltip` holds and the one Base UI reached; 300
+ * to close is Radix's and Base UI's. The card is not navigable until a
+ * consumer says it holds controls. The panel's own defaults are the popover's,
+ * and `providePopoverDefaults()` is where an application sets those.
+ */
+const FALLBACK = {
+    closeDelay: 300,
+    navigable: false,
+    openDelay: 600,
+};
+const HOVER_CARD_DEFAULTS = new InjectionToken('slotted hover-card defaults', { providedIn: 'root', factory: () => FALLBACK });
+/** The decisions an application takes once, in its bootstrap. */
+function provideHoverCardDefaults(defaults) {
+    return {
+        provide: HOVER_CARD_DEFAULTS,
+        useFactory: () => ({ ...FALLBACK, ...defaults }),
+    };
+}
+function injectHoverCardDefaults() {
+    return inject(HOVER_CARD_DEFAULTS);
+}
+
+/**
+ * The halo the open mark draws past the link's box, plus the same again of
+ * air: the popover puts its arrow's tip a pixel off the anchor, which is right
+ * for a button and touched the halo on a word.
+ */
+const SIDE_OFFSET = 4;
+/**
+ * A preview of a link or a person, opened by hover and by focus.
+ *
+ * The card is `slPopover` behind a trigger the popover does not have. The
+ * directive *is* a popover — it extends `SlPopover` and provides itself as
+ * one, so every `slPopover*` part written inside it reaches the card — and it
+ * decides three things the popover leaves open: focus is never taken on open,
+ * the panel's role follows `navigable`, and the layer stands off the link by
+ * the halo the open mark draws. `slPopoverLayer`, `slPopoverBody` and the rest
+ * are the popover's own, imported as they are.
+ */
+class SlHoverCard extends SlPopover {
+    openDelay = input(undefined, { ...(ngDevMode ? { debugName: "openDelay" } : /* istanbul ignore next */ {}), transform: (given) => (given === undefined ? undefined : numberAttribute(given)) });
+    closeDelay = input(undefined, { ...(ngDevMode ? { debugName: "closeDelay" } : /* istanbul ignore next */ {}), transform: (given) => (given === undefined ? undefined : numberAttribute(given)) });
+    navigable = input(undefined, { ...(ngDevMode ? { debugName: "navigable" } : /* istanbul ignore next */ {}), transform: (given) => (given === undefined ? undefined : booleanAttribute(given)) });
+    cardDefaults = injectHoverCardDefaults();
+    resolvedOpenDelay = computed(() => this.openDelay() ?? this.cardDefaults.openDelay, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedOpenDelay" }] : /* istanbul ignore next */ []));
+    resolvedCloseDelay = computed(() => this.closeDelay() ?? this.cardDefaults.closeDelay, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedCloseDelay" }] : /* istanbul ignore next */ []));
+    resolvedNavigable = computed(() => (this.navigable() ?? this.cardDefaults.navigable) === true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedNavigable" }] : /* istanbul ignore next */ []));
+    /** The card never takes focus: the reader's focus stays on the link. */
+    resolvedAutoFocus = computed(() => false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedAutoFocus" }] : /* istanbul ignore next */ []));
+    /** A card the keyboard cannot enter is not a dialog nobody is told about. */
+    contentRole = computed(() => this.resolvedNavigable() ? 'dialog' : 'presentation', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "contentRole" }] : /* istanbul ignore next */ []));
+    resolvedSideOffset = computed(() => this.sideOffset() ?? SIDE_OFFSET, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSideOffset" }] : /* istanbul ignore next */ []));
+    /** Focus the family put back on the trigger must not reopen the card. */
+    suppressFocusOpen = false;
+    timer;
+    intent = null;
+    constructor() {
+        super();
+        const destroyRef = inject(DestroyRef);
+        /**
+         * The pointer on the card keeps it open, and leaving the card starts the
+         * close. The listeners go on the layer — the padded box around the panel —
+         * as soon as the popover has built it.
+         */
+        effect((onCleanup) => {
+            const panel = this.contentNode();
+            if (panel === null)
+                return;
+            const layer = panel.parentElement ?? panel;
+            const enter = (event) => {
+                if (event.pointerType === 'touch')
+                    return;
+                untracked(() => this.cancelPending());
+            };
+            const leave = (event) => {
+                if (event.pointerType === 'touch')
+                    return;
+                untracked(() => this.closeAfterDelay(event));
+            };
+            layer.addEventListener('pointerenter', enter);
+            layer.addEventListener('pointerleave', leave);
+            onCleanup(() => {
+                layer.removeEventListener('pointerenter', enter);
+                layer.removeEventListener('pointerleave', leave);
+            });
+        });
+        destroyRef.onDestroy(() => this.cancelPending());
+    }
+    /** Asks to open or close. A close the keyboard caused holds the reopening back. */
+    toggle(next, reason, source) {
+        this.cancelPending();
+        super.toggle(next, reason, source);
+        if (!next && !this.isOpen() && (reason === 'escape' || reason === 'keyboard')) {
+            this.suppressFocusOpen = true;
+        }
+    }
+    /** Cancels a pending open or close, and the grace area. */
+    cancelPending() {
+        if (this.timer !== undefined)
+            clearTimeout(this.timer);
+        this.timer = undefined;
+        this.intent?.destroy();
+        this.intent = null;
+    }
+    /** Opens after `openDelay`, unless something cancels it first. */
+    openAfterDelay(source) {
+        this.cancelPending();
+        this.timer = setTimeout(() => this.toggle(true, 'pointer', source), this.resolvedOpenDelay());
+    }
+    /** Closes after `closeDelay`, unless the pointer comes back first. */
+    closeAfterDelay(source) {
+        this.cancelPending();
+        this.timer = setTimeout(() => this.toggle(false, 'pointer', source), this.resolvedCloseDelay());
+    }
+    /**
+     * The grace area: the card stays while the pointer's path from `origin`
+     * still points into the card, and closes once it does not — unless the
+     * pointer turns out to be on the trigger or the card after all.
+     */
+    graceToward(origin, stillOver, source) {
+        this.cancelPending();
+        this.intent = createPointerIntent({
+            origin,
+            target: () => {
+                const panel = this.contentNode();
+                return (panel?.parentElement ?? panel)?.getBoundingClientRect() ?? null;
+            },
+            timeout: this.resolvedCloseDelay(),
+            onSettled: () => {
+                this.intent = null;
+                if (stillOver())
+                    return;
+                this.toggle(false, 'pointer', source);
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlHoverCard, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlHoverCard, isStandalone: true, selector: "[slHoverCard]", inputs: { openDelay: { classPropertyName: "openDelay", publicName: "openDelay", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null }, navigable: { classPropertyName: "navigable", publicName: "navigable", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: SlPopover, useExisting: forwardRef(() => SlHoverCard) }], exportAs: ["slHoverCard"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlHoverCard, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slHoverCard]',
+                    standalone: true,
+                    exportAs: 'slHoverCard',
+                    providers: [{ provide: SlPopover, useExisting: forwardRef(() => SlHoverCard) }],
+                }]
+        }], ctorParameters: () => [], propDecorators: { openDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "openDelay", required: false }] }], closeDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeDelay", required: false }] }], navigable: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigable", required: false }] }] } });
+
+/**
+ * The link the card is about. It is the family's one part: the element painted
+ * while the card shows, and the anchor the card is measured against — many
+ * triggers may share one `slHoverCard`, and the one that starts an opening
+ * registers itself.
+ *
+ * A component rather than a directive, as `slLink` and `slMenuItem` are,
+ * because a component is what can carry `styleUrl`: this is where the family's
+ * authored stylesheet enters an Angular application, and the trigger has to be
+ * painted before any card has opened.
+ *
+ * The wiring — `aria-haspopup="dialog"`, `aria-expanded`, `aria-controls` — is
+ * written only when the card is navigable. A card the keyboard cannot enter is
+ * not a popup the link has, and saying so would be a lie a screen reader
+ * repeats.
+ */
+class SlHoverCardTrigger {
+    card = inject(SlHoverCard);
+    element = inject(ElementRef).nativeElement;
+    /* A host that already carries an identity — `a[slLink]` cannot, since two
+       components do not share an element, but a consumer's own part can — keeps
+       it, as `menu-trigger.ts` records for two directives on one element. */
+    writtenUi = inject(new HostAttributeToken('data-ui'), { optional: true });
+    writtenPart = inject(new HostAttributeToken('data-part'), { optional: true });
+    ui = this.writtenUi ?? 'hover-card';
+    part = this.writtenPart ?? 'root';
+    /** Whether this trigger is the one the open card hangs from. */
+    anchors = computed(() => this.card.triggerNode() === this.element, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "anchors" }] : /* istanbul ignore next */ []));
+    open = computed(() => this.card.isOpen() && this.anchors(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    tapped = false;
+    constructor() {
+        /* The first trigger to mount is the anchor until another takes it. */
+        afterNextRender(() => {
+            if (this.card.triggerNode() === null)
+                this.card.triggerNode.set(this.element);
+        });
+    }
+    claim() {
+        if (this.card.triggerNode() !== this.element)
+            this.card.triggerNode.set(this.element);
+    }
+    layer() {
+        const panel = this.card.contentNode();
+        return panel?.parentElement ?? panel;
+    }
+    onPointerEnter(source) {
+        const event = source;
+        if (this.card.disabled() || event.pointerType === 'touch')
+            return;
+        this.claim();
+        if (this.card.isOpen() && this.anchors()) {
+            this.card.cancelPending();
+            return;
+        }
+        this.card.openAfterDelay(event);
+    }
+    /**
+     * Leaving the trigger with the card open starts the grace: the card stays
+     * while the pointer's own path still points into it, and closes after
+     * `closeDelay` once the pointer has parked somewhere else. Leaving with an
+     * open still pending cancels the open.
+     */
+    onPointerLeave(source) {
+        const event = source;
+        if (event.pointerType === 'touch')
+            return;
+        if (!this.card.isOpen() || !this.anchors()) {
+            this.card.cancelPending();
+            return;
+        }
+        this.card.graceToward(() => this.element.getBoundingClientRect(), () => this.element.matches(':hover') || (this.layer()?.matches(':hover') ?? false), event);
+    }
+    /**
+     * `:focus-visible` rather than every focus: a press that focuses a link is a
+     * navigation, not a request for its preview — and focus the family itself
+     * put back after Escape or a focus guard must not reopen the card.
+     */
+    onFocus(event) {
+        if (this.card.disabled())
+            return;
+        if (this.card.suppressFocusOpen)
+            return;
+        if (!this.element.matches(':focus-visible'))
+            return;
+        this.claim();
+        this.card.toggle(true, 'keyboard', event);
+    }
+    onBlur(source) {
+        const event = source;
+        this.card.suppressFocusOpen = false;
+        if (!this.card.isOpen() || !this.anchors())
+            return;
+        const next = event.relatedTarget;
+        if (next instanceof Node && this.layer()?.contains(next))
+            return;
+        this.card.toggle(false, 'blur', event);
+    }
+    /**
+     * `Tab` on the open trigger enters a navigable card, which lives at the end
+     * of the document and would otherwise never be reached. The popover's focus
+     * guards bring focus back out past either end.
+     */
+    onKeyDown(source) {
+        const event = source;
+        if (!this.card.resolvedNavigable() || !this.card.isOpen() || !this.anchors())
+            return;
+        if (event.key !== 'Tab' || event.shiftKey)
+            return;
+        const panel = this.card.contentNode();
+        if (panel === null)
+            return;
+        const [first] = tabbables(panel);
+        if (first === undefined)
+            return;
+        event.preventDefault();
+        first.focus();
+    }
+    /**
+     * There is no hover on a coarse pointer. A tap on a closed trigger opens the
+     * card and does not follow the link; a tap on an open one follows it.
+     */
+    onPointerDown(source) {
+        this.tapped = source.pointerType === 'touch';
+    }
+    onClick(event) {
+        if (!this.tapped)
+            return;
+        this.tapped = false;
+        if (this.card.disabled() || (this.card.isOpen() && this.anchors()))
+            return;
+        event.preventDefault();
+        this.claim();
+        this.card.toggle(true, 'pointer', event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlHoverCardTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlHoverCardTrigger, isStandalone: true, selector: "[slHoverCardTrigger]", host: { listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "click": "onClick($event)", "focus": "onFocus($event)", "blur": "onBlur($event)", "keydown": "onKeyDown($event)" }, properties: { "attr.data-ui": "ui", "attr.data-part": "part", "attr.data-open": "open() ? \"\" : null", "attr.aria-haspopup": "card.resolvedNavigable() ? \"dialog\" : null", "attr.aria-expanded": "card.resolvedNavigable() ? open() : null", "attr.aria-controls": "card.resolvedNavigable() && open() ? card.contentId : null" } }, exportAs: ["slHoverCardTrigger"], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer slotted.components{[data-ui=hover-card]{--_text: var(--slotted-hover-card-color, var(--slotted-tone-accent-text, LinkText));--_underline: var( --slotted-hover-card-underline-color, color-mix(in oklab, var(--_text) 40%, transparent) );--_tint: var( --slotted-hover-card-tint, color-mix( in oklab, var(--_text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%), transparent ) );--_halo: var(--slotted-hover-card-halo, var(--slotted-space-1, .125rem));border-radius:var(--slotted-hover-card-radius, var(--slotted-radius-xs, 2px));color:var(--_text);text-decoration-color:var(--_underline);text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),box-shadow var(--slotted-duration-short) var(--slotted-easing-standard),text-decoration-color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=hover-card]:not([data-disabled]):hover{text-decoration-color:currentColor}[data-ui=hover-card][data-open]{background-color:var(--_tint);box-shadow:0 0 0 var(--_halo) var(--_tint);text-decoration-color:currentColor}[data-ui=hover-card]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(forced-colors:active){[data-ui=hover-card][data-open]{text-decoration-thickness:var(--slotted-border-width-thick, 2px)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlHoverCardTrigger, decorators: [{
+            type: Component,
+            args: [{ selector: '[slHoverCardTrigger]', standalone: true, exportAs: 'slHoverCardTrigger', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        '[attr.data-ui]': 'ui',
+                        '[attr.data-part]': 'part',
+                        '[attr.data-open]': 'open() ? "" : null',
+                        '[attr.aria-haspopup]': 'card.resolvedNavigable() ? "dialog" : null',
+                        '[attr.aria-expanded]': 'card.resolvedNavigable() ? open() : null',
+                        '[attr.aria-controls]': 'card.resolvedNavigable() && open() ? card.contentId : null',
+                        '(pointerenter)': 'onPointerEnter($event)',
+                        '(pointerleave)': 'onPointerLeave($event)',
+                        '(pointerdown)': 'onPointerDown($event)',
+                        '(click)': 'onClick($event)',
+                        '(focus)': 'onFocus($event)',
+                        '(blur)': 'onBlur($event)',
+                        '(keydown)': 'onKeyDown($event)',
+                    }, styles: ["@layer slotted.components{[data-ui=hover-card]{--_text: var(--slotted-hover-card-color, var(--slotted-tone-accent-text, LinkText));--_underline: var( --slotted-hover-card-underline-color, color-mix(in oklab, var(--_text) 40%, transparent) );--_tint: var( --slotted-hover-card-tint, color-mix( in oklab, var(--_text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%), transparent ) );--_halo: var(--slotted-hover-card-halo, var(--slotted-space-1, .125rem));border-radius:var(--slotted-hover-card-radius, var(--slotted-radius-xs, 2px));color:var(--_text);text-decoration-color:var(--_underline);text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),box-shadow var(--slotted-duration-short) var(--slotted-easing-standard),text-decoration-color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=hover-card]:not([data-disabled]):hover{text-decoration-color:currentColor}[data-ui=hover-card][data-open]{background-color:var(--_tint);box-shadow:0 0 0 var(--_halo) var(--_tint);text-decoration-color:currentColor}[data-ui=hover-card]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(forced-colors:active){[data-ui=hover-card][data-open]{text-decoration-thickness:var(--slotted-border-width-thick, 2px)}}}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HOVER_CARD_DEFAULTS, SlHoverCard, SlHoverCardTrigger, injectHoverCardDefaults, provideHoverCardDefaults };
+//# sourceMappingURL=slotted-angular-hover-card.mjs.map

package/fesm2022/slotted-angular-hover-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-hover-card.mjs","sources":["../../hover-card/src/hover-card-defaults.ts","../../hover-card/src/hover-card.ts","../../hover-card/src/hover-card-trigger.ts","../../hover-card/src/slotted-angular-hover-card.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nexport interface HoverCardDefaults {\n  /** Milliseconds the pointer rests on the trigger before the card opens. */\n  openDelay: number;\n  /** Milliseconds after the pointer has left trigger and card before it closes. */\n  closeDelay: number;\n  /**\n   * Whether the card holds controls a keyboard reader can reach. On, `Tab`\n   * from the open trigger enters it, the panel is a `dialog` and the trigger\n   * says so; off, the card is a `presentation` the link never announces.\n   */\n  navigable: boolean;\n}\n\n/**\n * 600 to open is the number `tooltip` holds and the one Base UI reached; 300\n * to close is Radix's and Base UI's. The card is not navigable until a\n * consumer says it holds controls. The panel's own defaults are the popover's,\n * and `providePopoverDefaults()` is where an application sets those.\n */\nconst FALLBACK: HoverCardDefaults = {\n  closeDelay: 300,\n  navigable: false,\n  openDelay: 600,\n};\n\nexport const HOVER_CARD_DEFAULTS = new InjectionToken<HoverCardDefaults>(\n  'slotted hover-card defaults',\n  { providedIn: 'root', factory: () => FALLBACK },\n);\n\n/** The decisions an application takes once, in its bootstrap. */\nexport function provideHoverCardDefaults(defaults: Partial<HoverCardDefaults>) {\n  return {\n    provide: HOVER_CARD_DEFAULTS,\n    useFactory: (): HoverCardDefaults => ({ ...FALLBACK, ...defaults }),\n  };\n}\n\nexport function injectHoverCardDefaults(): HoverCardDefaults {\n  return inject(HOVER_CARD_DEFAULTS);\n}\n","import { createPointerIntent } from '@slotted/core/pointer-intent';\nimport type { PointerIntentHandle } from '@slotted/core/pointer-intent';\nimport {\n  booleanAttribute,\n  computed,\n  DestroyRef,\n  Directive,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  numberAttribute,\n  untracked,\n} from '@angular/core';\nimport { SlPopover } from '@slotted/angular/popover';\nimport type { PopoverOpenReason } from '@slotted/angular/popover';\n\nimport { injectHoverCardDefaults } from './hover-card-defaults';\n\n/**\n * The popover's reasons, plus `blur`: focus leaving the trigger is the one\n * way this family closes that the popover never does.\n */\nexport type HoverCardOpenReason = PopoverOpenReason | 'blur';\n\n/**\n * The halo the open mark draws past the link's box, plus the same again of\n * air: the popover puts its arrow's tip a pixel off the anchor, which is right\n * for a button and touched the halo on a word.\n */\nconst SIDE_OFFSET = 4;\n\n/**\n * A preview of a link or a person, opened by hover and by focus.\n *\n * The card is `slPopover` behind a trigger the popover does not have. The\n * directive *is* a popover — it extends `SlPopover` and provides itself as\n * one, so every `slPopover*` part written inside it reaches the card — and it\n * decides three things the popover leaves open: focus is never taken on open,\n * the panel's role follows `navigable`, and the layer stands off the link by\n * the halo the open mark draws. `slPopoverLayer`, `slPopoverBody` and the rest\n * are the popover's own, imported as they are.\n */\n@Directive({\n  selector: '[slHoverCard]',\n  standalone: true,\n  exportAs: 'slHoverCard',\n  providers: [{ provide: SlPopover, useExisting: forwardRef(() => SlHoverCard) }],\n})\nexport class SlHoverCard extends SlPopover {\n  readonly openDelay = input<number | undefined, number | string | undefined>(undefined, {\n    transform: (given) => (given === undefined ? undefined : numberAttribute(given)),\n  });\n  readonly closeDelay = input<number | undefined, number | string | undefined>(undefined, {\n    transform: (given) => (given === undefined ? undefined : numberAttribute(given)),\n  });\n  readonly navigable = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (given) => (given === undefined ? undefined : booleanAttribute(given)),\n  });\n\n  private readonly cardDefaults = injectHoverCardDefaults();\n\n  readonly resolvedOpenDelay = computed(() => this.openDelay() ?? this.cardDefaults.openDelay);\n  readonly resolvedCloseDelay = computed(() => this.closeDelay() ?? this.cardDefaults.closeDelay);\n  readonly resolvedNavigable = computed(\n    () => (this.navigable() ?? this.cardDefaults.navigable) === true,\n  );\n\n  /** The card never takes focus: the reader's focus stays on the link. */\n  override readonly resolvedAutoFocus = computed(() => false);\n  /** A card the keyboard cannot enter is not a dialog nobody is told about. */\n  override readonly contentRole = computed<string>(() =>\n    this.resolvedNavigable() ? 'dialog' : 'presentation',\n  );\n  override readonly resolvedSideOffset = computed(() => this.sideOffset() ?? SIDE_OFFSET);\n\n  /** Focus the family put back on the trigger must not reopen the card. */\n  suppressFocusOpen = false;\n\n  private timer: ReturnType<typeof setTimeout> | undefined;\n  private intent: PointerIntentHandle | null = null;\n\n  constructor() {\n    super();\n    const destroyRef = inject(DestroyRef);\n\n    /**\n     * The pointer on the card keeps it open, and leaving the card starts the\n     * close. The listeners go on the layer — the padded box around the panel —\n     * as soon as the popover has built it.\n     */\n    effect((onCleanup) => {\n      const panel = this.contentNode();\n      if (panel === null) return;\n      const layer = panel.parentElement ?? panel;\n      const enter = (event: Event) => {\n        if ((event as PointerEvent).pointerType === 'touch') return;\n        untracked(() => this.cancelPending());\n      };\n      const leave = (event: Event) => {\n        if ((event as PointerEvent).pointerType === 'touch') return;\n        untracked(() => this.closeAfterDelay(event));\n      };\n      layer.addEventListener('pointerenter', enter);\n      layer.addEventListener('pointerleave', leave);\n      onCleanup(() => {\n        layer.removeEventListener('pointerenter', enter);\n        layer.removeEventListener('pointerleave', leave);\n      });\n    });\n\n    destroyRef.onDestroy(() => this.cancelPending());\n  }\n\n  /** Asks to open or close. A close the keyboard caused holds the reopening back. */\n  override toggle(next: boolean, reason: HoverCardOpenReason, source?: Event) {\n    this.cancelPending();\n    super.toggle(next, reason as PopoverOpenReason, source);\n    if (!next && !this.isOpen() && (reason === 'escape' || reason === 'keyboard')) {\n      this.suppressFocusOpen = true;\n    }\n  }\n\n  /** Cancels a pending open or close, and the grace area. */\n  cancelPending() {\n    if (this.timer !== undefined) clearTimeout(this.timer);\n    this.timer = undefined;\n    this.intent?.destroy();\n    this.intent = null;\n  }\n\n  /** Opens after `openDelay`, unless something cancels it first. */\n  openAfterDelay(source?: Event) {\n    this.cancelPending();\n    this.timer = setTimeout(() => this.toggle(true, 'pointer', source), this.resolvedOpenDelay());\n  }\n\n  /** Closes after `closeDelay`, unless the pointer comes back first. */\n  closeAfterDelay(source?: Event) {\n    this.cancelPending();\n    this.timer = setTimeout(() => this.toggle(false, 'pointer', source), this.resolvedCloseDelay());\n  }\n\n  /**\n   * The grace area: the card stays while the pointer's path from `origin`\n   * still points into the card, and closes once it does not — unless the\n   * pointer turns out to be on the trigger or the card after all.\n   */\n  graceToward(origin: () => DOMRect | null, stillOver: () => boolean, source?: Event) {\n    this.cancelPending();\n    this.intent = createPointerIntent({\n      origin,\n      target: () => {\n        const panel = this.contentNode();\n        return (panel?.parentElement ?? panel)?.getBoundingClientRect() ?? null;\n      },\n      timeout: this.resolvedCloseDelay(),\n      onSettled: () => {\n        this.intent = null;\n        if (stillOver()) return;\n        this.toggle(false, 'pointer', source);\n      },\n    });\n  }\n}\n","import { tabbables } from '@slotted/core/focus';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  HostAttributeToken,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SlHoverCard } from './hover-card';\n\n/**\n * The link the card is about. It is the family's one part: the element painted\n * while the card shows, and the anchor the card is measured against — many\n * triggers may share one `slHoverCard`, and the one that starts an opening\n * registers itself.\n *\n * A component rather than a directive, as `slLink` and `slMenuItem` are,\n * because a component is what can carry `styleUrl`: this is where the family's\n * authored stylesheet enters an Angular application, and the trigger has to be\n * painted before any card has opened.\n *\n * The wiring — `aria-haspopup=\"dialog\"`, `aria-expanded`, `aria-controls` — is\n * written only when the card is navigable. A card the keyboard cannot enter is\n * not a popup the link has, and saying so would be a lie a screen reader\n * repeats.\n */\n@Component({\n  selector: '[slHoverCardTrigger]',\n  standalone: true,\n  exportAs: 'slHoverCardTrigger',\n  template: '<ng-content />',\n  styleUrl: '../../../styles/src/hover-card/hover-card.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[attr.data-ui]': 'ui',\n    '[attr.data-part]': 'part',\n    '[attr.data-open]': 'open() ? \"\" : null',\n    '[attr.aria-haspopup]': 'card.resolvedNavigable() ? \"dialog\" : null',\n    '[attr.aria-expanded]': 'card.resolvedNavigable() ? open() : null',\n    '[attr.aria-controls]': 'card.resolvedNavigable() && open() ? card.contentId : null',\n    '(pointerenter)': 'onPointerEnter($event)',\n    '(pointerleave)': 'onPointerLeave($event)',\n    '(pointerdown)': 'onPointerDown($event)',\n    '(click)': 'onClick($event)',\n    '(focus)': 'onFocus($event)',\n    '(blur)': 'onBlur($event)',\n    '(keydown)': 'onKeyDown($event)',\n  },\n})\nexport class SlHoverCardTrigger {\n  protected readonly card = inject(SlHoverCard);\n  private readonly element: HTMLElement = inject(ElementRef).nativeElement;\n\n  /* A host that already carries an identity — `a[slLink]` cannot, since two\n     components do not share an element, but a consumer's own part can — keeps\n     it, as `menu-trigger.ts` records for two directives on one element. */\n  private readonly writtenUi = inject(new HostAttributeToken('data-ui'), { optional: true });\n  private readonly writtenPart = inject(new HostAttributeToken('data-part'), { optional: true });\n  protected readonly ui = this.writtenUi ?? 'hover-card';\n  protected readonly part = this.writtenPart ?? 'root';\n\n  /** Whether this trigger is the one the open card hangs from. */\n  protected readonly anchors = computed(() => this.card.triggerNode() === this.element);\n  protected readonly open = computed(() => this.card.isOpen() && this.anchors());\n\n  private tapped = false;\n\n  constructor() {\n    /* The first trigger to mount is the anchor until another takes it. */\n    afterNextRender(() => {\n      if (this.card.triggerNode() === null) this.card.triggerNode.set(this.element);\n    });\n  }\n\n  private claim() {\n    if (this.card.triggerNode() !== this.element) this.card.triggerNode.set(this.element);\n  }\n\n  private layer(): HTMLElement | null {\n    const panel = this.card.contentNode();\n    return panel?.parentElement ?? panel;\n  }\n\n  protected onPointerEnter(source: Event) {\n    const event = source as PointerEvent;\n    if (this.card.disabled() || event.pointerType === 'touch') return;\n    this.claim();\n    if (this.card.isOpen() && this.anchors()) {\n      this.card.cancelPending();\n      return;\n    }\n    this.card.openAfterDelay(event);\n  }\n\n  /**\n   * Leaving the trigger with the card open starts the grace: the card stays\n   * while the pointer's own path still points into it, and closes after\n   * `closeDelay` once the pointer has parked somewhere else. Leaving with an\n   * open still pending cancels the open.\n   */\n  protected onPointerLeave(source: Event) {\n    const event = source as PointerEvent;\n    if (event.pointerType === 'touch') return;\n    if (!this.card.isOpen() || !this.anchors()) {\n      this.card.cancelPending();\n      return;\n    }\n    this.card.graceToward(\n      () => this.element.getBoundingClientRect(),\n      () => this.element.matches(':hover') || (this.layer()?.matches(':hover') ?? false),\n      event,\n    );\n  }\n\n  /**\n   * `:focus-visible` rather than every focus: a press that focuses a link is a\n   * navigation, not a request for its preview — and focus the family itself\n   * put back after Escape or a focus guard must not reopen the card.\n   */\n  protected onFocus(event: Event) {\n    if (this.card.disabled()) return;\n    if (this.card.suppressFocusOpen) return;\n    if (!this.element.matches(':focus-visible')) return;\n    this.claim();\n    this.card.toggle(true, 'keyboard', event);\n  }\n\n  protected onBlur(source: Event) {\n    const event = source as FocusEvent;\n    this.card.suppressFocusOpen = false;\n    if (!this.card.isOpen() || !this.anchors()) return;\n    const next = event.relatedTarget;\n    if (next instanceof Node && this.layer()?.contains(next)) return;\n    this.card.toggle(false, 'blur', event);\n  }\n\n  /**\n   * `Tab` on the open trigger enters a navigable card, which lives at the end\n   * of the document and would otherwise never be reached. The popover's focus\n   * guards bring focus back out past either end.\n   */\n  protected onKeyDown(source: Event) {\n    const event = source as KeyboardEvent;\n    if (!this.card.resolvedNavigable() || !this.card.isOpen() || !this.anchors()) return;\n    if (event.key !== 'Tab' || event.shiftKey) return;\n    const panel = this.card.contentNode();\n    if (panel === null) return;\n    const [first] = tabbables(panel);\n    if (first === undefined) return;\n    event.preventDefault();\n    first.focus();\n  }\n\n  /**\n   * There is no hover on a coarse pointer. A tap on a closed trigger opens the\n   * card and does not follow the link; a tap on an open one follows it.\n   */\n  protected onPointerDown(source: Event) {\n    this.tapped = (source as PointerEvent).pointerType === 'touch';\n  }\n\n  protected onClick(event: Event) {\n    if (!this.tapped) return;\n    this.tapped = false;\n    if (this.card.disabled() || (this.card.isOpen() && this.anchors())) return;\n    event.preventDefault();\n    this.claim();\n    this.card.toggle(true, 'pointer', event);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/slotted-angular-i18n.mjs

@@ -0,0 +1,75 @@
+import { signal, computed, InjectionToken, inject, isSignal } from '@angular/core';
+import { BASE_LOCALE, createTranslator } from '@slotted/core/i18n';
+
+function rootI18n() {
+    const locale = signal(BASE_LOCALE).asReadonly();
+    const catalogs = signal({}).asReadonly();
+    const resolve = signal(undefined).asReadonly();
+    const translator = computed(() => createTranslator({ locale: locale() }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translator" }] : /* istanbul ignore next */ []));
+    return { locale, catalogs, resolve, translator };
+}
+const SL_I18N = new InjectionToken('slotted i18n', {
+    providedIn: 'root',
+    factory: rootI18n,
+});
+/**
+ * The language of everything the library writes under this injector. In
+ * `app.config.ts` it serves the application; in a component's `providers` it
+ * gives that subtree its own locale and keeps the catalogs and the `resolve`
+ * of the injector above. A factory runs in an injection context, so it can
+ * read the locale from an application service.
+ */
+function provideSlotted(config) {
+    return {
+        provide: SL_I18N,
+        useFactory: () => {
+            const outer = inject(SL_I18N, { skipSelf: true, optional: true }) ?? rootI18n();
+            const own = typeof config === 'function' ? config() : config;
+            const requested = own.locale;
+            const locale = isSignal(requested)
+                ? requested
+                : requested === undefined
+                    ? outer.locale
+                    : signal(requested).asReadonly();
+            const ownCatalogs = own.catalogs;
+            const catalogs = computed(() => {
+                const mine = isSignal(ownCatalogs) ? ownCatalogs() : ownCatalogs;
+                return mine === undefined ? outer.catalogs() : { ...outer.catalogs(), ...mine };
+            }, /* @ts-ignore */
+            ...(ngDevMode ? [{ debugName: "catalogs" }] : /* istanbul ignore next */ []));
+            const resolve = computed(() => own.resolve ?? outer.resolve(), /* @ts-ignore */
+            ...(ngDevMode ? [{ debugName: "resolve" }] : /* istanbul ignore next */ []));
+            const translator = computed(() => createTranslator({ locale: locale(), catalogs: catalogs(), resolve: resolve() }), /* @ts-ignore */
+            ...(ngDevMode ? [{ debugName: "translator" }] : /* istanbul ignore next */ []));
+            return { locale, catalogs, resolve, translator };
+        },
+    };
+}
+/** The locale this injector formats numbers and dates in; `en-US` with no provider. */
+function injectLocale() {
+    return inject(SL_I18N).locale;
+}
+/** The translator in force at this injector. */
+function injectTranslator() {
+    return inject(SL_I18N).translator;
+}
+/**
+ * A family's messages in the language in force, an instance's `messages`
+ * input laid over the catalog key by key. The function reads the locale on
+ * every call, so a template that calls it follows a change of language
+ * without the component being created again.
+ */
+function injectMessages(family, override) {
+    const translator = inject(SL_I18N).translator;
+    const messages = computed(() => translator().family(family, override?.()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    return ((key, slots) => messages()(key, slots));
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SL_I18N, injectLocale, injectMessages, injectTranslator, provideSlotted };
+//# sourceMappingURL=slotted-angular-i18n.mjs.map

package/fesm2022/slotted-angular-i18n.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-i18n.mjs","sources":["../../i18n/src/i18n.ts","../../i18n/src/slotted-angular-i18n.ts"],"sourcesContent":["import {\n  computed,\n  inject,\n  InjectionToken,\n  isSignal,\n  signal,\n  type Provider,\n  type Signal,\n} from '@angular/core';\nimport {\n  BASE_LOCALE,\n  createTranslator,\n  type FamilyTranslator,\n  type MessageFamily,\n  type PartialCatalog,\n  type PartialMessages,\n  type SlottedMessages,\n  type Translator,\n  type TranslatorOptions,\n} from '@slotted/core/i18n';\n\ntype Resolve = TranslatorOptions<SlottedMessages>['resolve'];\n\n/** The language in force at one injector: the locale, the catalogs, and the translator over them. */\nexport interface SlottedI18n {\n  readonly locale: Signal<string>;\n  readonly catalogs: Signal<Readonly<Record<string, PartialCatalog>>>;\n  readonly resolve: Signal<Resolve>;\n  readonly translator: Signal<Translator<SlottedMessages>>;\n}\n\nfunction rootI18n(): SlottedI18n {\n  const locale = signal(BASE_LOCALE).asReadonly();\n  const catalogs = signal<Readonly<Record<string, PartialCatalog>>>({}).asReadonly();\n  const resolve = signal<Resolve>(undefined).asReadonly();\n  const translator = computed(() => createTranslator({ locale: locale() }));\n  return { locale, catalogs, resolve, translator };\n}\n\nexport const SL_I18N = new InjectionToken<SlottedI18n>('slotted i18n', {\n  providedIn: 'root',\n  factory: rootI18n,\n});\n\nexport interface SlottedConfig {\n  /** The locale the subtree speaks and formats in, BCP 47. A signal changes it in place. */\n  readonly locale?: string | Signal<string> | undefined;\n  /**\n   * Catalogs by locale, laid over those of an enclosing provider. A signal lets\n   * a locale imported on demand arrive after bootstrap: set it, then the locale.\n   */\n  readonly catalogs?:\n    | Readonly<Record<string, PartialCatalog>>\n    | Signal<Readonly<Record<string, PartialCatalog>>>\n    | undefined;\n  /** The application's own i18n, asked before any catalog. */\n  readonly resolve?: Resolve;\n}\n\n/**\n * The language of everything the library writes under this injector. In\n * `app.config.ts` it serves the application; in a component's `providers` it\n * gives that subtree its own locale and keeps the catalogs and the `resolve`\n * of the injector above. A factory runs in an injection context, so it can\n * read the locale from an application service.\n */\nexport function provideSlotted(config: SlottedConfig | (() => SlottedConfig)): Provider {\n  return {\n    provide: SL_I18N,\n    useFactory: (): SlottedI18n => {\n      const outer = inject(SL_I18N, { skipSelf: true, optional: true }) ?? rootI18n();\n      const own = typeof config === 'function' ? config() : config;\n      const requested = own.locale;\n      const locale = isSignal(requested)\n        ? requested\n        : requested === undefined\n          ? outer.locale\n          : signal(requested).asReadonly();\n      const ownCatalogs = own.catalogs;\n      const catalogs = computed(() => {\n        const mine = isSignal(ownCatalogs) ? ownCatalogs() : ownCatalogs;\n        return mine === undefined ? outer.catalogs() : { ...outer.catalogs(), ...mine };\n      });\n      const resolve = computed(() => own.resolve ?? outer.resolve());\n      const translator = computed(() =>\n        createTranslator({ locale: locale(), catalogs: catalogs(), resolve: resolve() }),\n      );\n      return { locale, catalogs, resolve, translator };\n    },\n  };\n}\n\n/** The locale this injector formats numbers and dates in; `en-US` with no provider. */\nexport function injectLocale(): Signal<string> {\n  return inject(SL_I18N).locale;\n}\n\n/** The translator in force at this injector. */\nexport function injectTranslator(): Signal<Translator<SlottedMessages>> {\n  return inject(SL_I18N).translator;\n}\n\n/**\n * A family's messages in the language in force, an instance's `messages`\n * input laid over the catalog key by key. The function reads the locale on\n * every call, so a template that calls it follows a change of language\n * without the component being created again.\n */\nexport function injectMessages<F extends keyof SlottedMessages & string>(\n  family: MessageFamily<F, SlottedMessages[F]>,\n  override?: Signal<PartialMessages<SlottedMessages[F]> | undefined>,\n): FamilyTranslator<SlottedMessages[F]> {\n  const translator = inject(SL_I18N).translator;\n  const messages = computed(() => translator().family(family, override?.()));\n  return ((key: string, slots?: Record<string, string | number>) =>\n    (messages() as (key: string, slots?: Record<string, string | number>) => string)(\n      key,\n      slots,\n    )) as FamilyTranslator<SlottedMessages[F]>;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AA+BA,SAAS,QAAQ,GAAA;IACf,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,UAAU,EAAE;IAC/C,MAAM,QAAQ,GAAG,MAAM,CAA2C,EAAE,CAAC,CAAC,UAAU,EAAE;IAClF,MAAM,OAAO,GAAG,MAAM,CAAU,SAAS,CAAC,CAAC,UAAU,EAAE;AACvD,IAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,gBAAgB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;mFAAC;IACzE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE;AAClD;MAEa,OAAO,GAAG,IAAI,cAAc,CAAc,cAAc,EAAE;AACrE,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,QAAQ;AAClB,CAAA;AAiBD;;;;;;AAMG;AACG,SAAU,cAAc,CAAC,MAA6C,EAAA;IAC1E,OAAO;AACL,QAAA,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,MAAkB;AAC5B,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAAI,QAAQ,EAAE;AAC/E,YAAA,MAAM,GAAG,GAAG,OAAO,MAAM,KAAK,UAAU,GAAG,MAAM,EAAE,GAAG,MAAM;AAC5D,YAAA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM;AAC5B,YAAA,MAAM,MAAM,GAAG,QAAQ,CAAC,SAAS;AAC/B,kBAAE;kBACA,SAAS,KAAK;sBACZ,KAAK,CAAC;sBACN,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE;AACpC,YAAA,MAAM,WAAW,GAAG,GAAG,CAAC,QAAQ;AAChC,YAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAK;AAC7B,gBAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,WAAW,CAAC,GAAG,WAAW,EAAE,GAAG,WAAW;gBAChE,OAAO,IAAI,KAAK,SAAS,GAAG,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,EAAE,GAAG,IAAI,EAAE;YACjF,CAAC;yFAAC;AACF,YAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;wFAAC;YAC9D,MAAM,UAAU,GAAG,QAAQ,CAAC,MAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC;2FACjF;YACD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE;QAClD,CAAC;KACF;AACH;AAEA;SACgB,YAAY,GAAA;AAC1B,IAAA,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM;AAC/B;AAEA;SACgB,gBAAgB,GAAA;AAC9B,IAAA,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,UAAU;AACnC;AAEA;;;;;AAKG;AACG,SAAU,cAAc,CAC5B,MAA4C,EAC5C,QAAkE,EAAA;IAElE,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,UAAU;AAC7C,IAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,UAAU,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,IAAI,CAAC;iFAAC;AAC1E,IAAA,QAAQ,CAAC,GAAW,EAAE,KAAuC,KAC1D,QAAQ,EAAuE,CAC9E,GAAG,EACH,KAAK,CACN;AACL;;ACvHA;;AAEG;;"}