@aceshooting/lyra-ui 4.2.0 → 5.1.0

package/dist/components/overlay/tooltip.class.js

@@ -1,242 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, nothing } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { LyraElement } from '../../internal/lyra-element.js';
-import { nextId } from '../../internal/a11y.js';
-import { place, virtualAnchorFromRect } from '../../internal/positioner.js';
-import { rtlAwarePlacement } from '../../internal/rtl.js';
-import { finiteDuration, finiteNumber } from '../../internal/numbers.js';
-import { tooltipStyles } from './overlay.styles.js';
-/** Default show/hide timer delay (ms). */
-const DEFAULT_DELAY = 150;
-/** Default anchor-offset distance (px), passed to Floating UI's `offset()` middleware -- same
- *  semantics as `<lr-popover>.distance` (both wrap the same `place()`/`offset()` middleware). */
-const DEFAULT_DISTANCE = 6;
-/**
- * `<lr-tooltip>` — a localized, hover/focus tooltip for a consumer-owned trigger.
- *
- * @customElement lr-tooltip
- * @slot trigger - The element that receives hover/focus listeners.
- * @slot - Tooltip content.
- * @csspart trigger - The trigger wrapper.
- * @csspart popup - The tooltip popup.
- * @cssprop --lr-tooltip-max-inline-size - Maximum inline size of the tooltip (default `--lr-size-20rem`).
- * @cssprop --lr-tooltip-background - Tooltip background color (default `--lr-color-neutral`).
- * @cssprop --lr-tooltip-color - Tooltip text color (default `--lr-color-on-neutral`).
- */
-export class LyraTooltip extends LyraElement {
-    constructor() {
-        super(...arguments);
-        this.open = false;
-        this.manual = false;
-        /** Show/hide timer delay (ms) -- see `setOpen()`. NaN/negative/oversized all normalize through
-         *  `finiteDuration`. */
-        this.delay = DEFAULT_DELAY;
-        this.placement = 'top';
-        /** Anchor-offset distance (px) passed to Floating UI's `offset()` middleware -- identical
-         *  semantics to `<lr-popover>.distance` (can legitimately be negative for overlap). */
-        this.distance = DEFAULT_DISTANCE;
-        this.content = '';
-        this.accessibleLabel = '';
-        this.tooltipId = nextId('tooltip');
-        this.onTriggerSlotChange = (event) => {
-            const next = event.target.assignedElements({ flatten: true })[0];
-            if (next === this.trigger)
-                return;
-            // Swapping the slotted trigger (a conditional template, a repeat() re-key)
-            // must strip the outgoing element's listeners and stale aria-describedby
-            // before adopting the new one -- otherwise the old node keeps driving this
-            // tooltip's open state and keeps pointing assistive tech at it.
-            if (this.trigger)
-                this.unbindTrigger(this.trigger);
-            this.trigger = next;
-            if (!this.trigger)
-                return;
-            this.bindTrigger(this.trigger);
-            this.syncTriggerA11y();
-        };
-        this.onEnter = () => { if (!this.manual)
-            this.setOpen(true); };
-        this.onLeave = () => { if (!this.manual)
-            this.setOpen(false); };
-        this.onTriggerKeyDown = (event) => {
-            // WCAG 1.4.13: content shown on hover/focus must be dismissable without
-            // moving pointer hover or keyboard focus -- Escape hides the tooltip while
-            // leaving focus on the trigger (unlike the popover's Escape handling, the
-            // trigger already has focus here, so there's nothing to refocus).
-            if (this.manual || !this.open || event.key !== 'Escape')
-                return;
-            event.preventDefault();
-            clearTimeout(this.timer);
-            this.open = false;
-        };
-        /** Escape handling for a tooltip opened via `showAt()` -- bound at the document level while
-         *  such a tooltip is open, since a virtual anchor has no slotted trigger for `onTriggerKeyDown`
-         *  above to catch Escape through (that listener is only ever bound to a real trigger element via
-         *  `bindTrigger()`). Only ever attached while `virtualAnchor` is set, so this never runs for a
-         *  normal trigger-driven tooltip. */
-        this.onVirtualAnchorKeyDown = (event) => {
-            if (event.key !== 'Escape')
-                return;
-            event.preventDefault();
-            const returnFocusTarget = this.returnFocusTo;
-            this.open = false;
-            returnFocusTarget?.focus();
-        };
-    }
-    static { this.styles = [LyraElement.styles, tooltipStyles]; }
-    updated(changed) {
-        if (changed.has('open') || changed.has('placement') || changed.has('distance')) {
-            this.cleanup?.();
-            this.cleanup = undefined;
-            if (this.open)
-                this.position();
-            if (changed.has('open')) {
-                // A virtual anchor has no slotted trigger to bind hover/focus/keydown listeners to (see
-                // bindTrigger()) -- bind a document-level Escape listener for that path specifically
-                // while such a tooltip is open, and clear the virtual-anchor state on close so a later
-                // `open = true` with no fresh `showAt()` call reverts to plain trigger-based behavior.
-                if (this.open) {
-                    if (this.virtualAnchor)
-                        document.addEventListener('keydown', this.onVirtualAnchorKeyDown);
-                }
-                else {
-                    document.removeEventListener('keydown', this.onVirtualAnchorKeyDown);
-                    this.virtualAnchor = undefined;
-                    this.returnFocusTo = undefined;
-                }
-            }
-            this.syncTriggerA11y();
-        }
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        // A reconnect (e.g. a drag-and-drop reparent keeping this same element
-        // instance) fires disconnectedCallback then connectedCallback
-        // synchronously with no update in between, so updated() never reruns to
-        // notice `open` is still true -- restore the Floating UI positioner
-        // subscription it dropped. The trigger's own listeners are untouched by
-        // (dis)connect since they live on a light-DOM element the reconnect
-        // doesn't move independently of this host.
-        if (this.hasUpdated && this.open) {
-            this.position();
-            if (this.virtualAnchor)
-                document.addEventListener('keydown', this.onVirtualAnchorKeyDown);
-        }
-    }
-    disconnectedCallback() {
-        clearTimeout(this.timer);
-        this.cleanup?.();
-        this.cleanup = undefined;
-        document.removeEventListener('keydown', this.onVirtualAnchorKeyDown);
-        super.disconnectedCallback();
-    }
-    /**
-     * Opens the tooltip anchored to an arbitrary rectangle instead of the slotted `trigger` -- for
-     * anchoring to a graph node, a canvas pixel, a chart datum, or any other non-DOM location.
-     * `width`/`height` default to `0` (a point). Positions exactly as `place()` would against a real
-     * element (flip/shift/RTL all apply unchanged). Opens immediately, bypassing `delay`/`manual`
-     * (both are hover-debounce concerns for a slotted trigger, not relevant to a deliberate
-     * programmatic `showAt()` call).
-     *
-     * A virtual anchor has no DOM node, so `autoUpdate()` can't track it moving on its own -- call
-     * `showAt()` again with fresh coordinates to re-anchor an already-open tooltip (e.g. on a graph
-     * pan/zoom tick); the tooltip stays open across such a call, it does not toggle. Close it the
-     * same way any tooltip closes: set `open = false` (there is no separate `hide()`). Pass
-     * `rect.contextElement` (a real, still-connected element near the virtual point) when available
-     * so `autoUpdate()` has something to observe for ancestor-scroll/resize tracking; omitting it
-     * still works, it just means only explicit re-`showAt()` calls keep the tooltip anchored.
-     *
-     * A virtual anchor also has no `.focus()`. Escape returns focus to `options.returnFocusTo` when
-     * supplied, or skips focus-return entirely otherwise -- refocusing the right place after a
-     * virtual anchor closes is the host's responsibility, since Lyra can't assume how e.g. a graph
-     * node's own keyboard model wants focus back.
-     */
-    showAt(rect, options) {
-        this.virtualAnchor = virtualAnchorFromRect(rect);
-        this.returnFocusTo = options?.returnFocusTo;
-        if (this.open)
-            this.position();
-        else
-            this.open = true;
-    }
-    position() {
-        const popup = this.renderRoot.querySelector('[part="popup"]');
-        const anchor = this.virtualAnchor ?? this.trigger;
-        if (this.open && anchor && popup) {
-            this.cleanup = place(anchor, popup, {
-                placement: rtlAwarePlacement(this.placement, this),
-                offset: finiteNumber(this.distance, DEFAULT_DISTANCE),
-            });
-        }
-    }
-    syncTriggerA11y() {
-        if (!this.trigger)
-            return;
-        this.trigger.setAttribute('aria-describedby', this.open ? this.tooltipId : '');
-        if (!this.open)
-            this.trigger.removeAttribute('aria-describedby');
-    }
-    setOpen(next) {
-        clearTimeout(this.timer);
-        const delay = finiteDuration(this.delay, DEFAULT_DELAY);
-        if (next && delay > 0)
-            this.timer = setTimeout(() => { this.open = true; }, delay);
-        else
-            this.open = next;
-    }
-    bindTrigger(trigger) {
-        trigger.addEventListener('mouseenter', this.onEnter);
-        trigger.addEventListener('mouseleave', this.onLeave);
-        trigger.addEventListener('focus', this.onEnter);
-        trigger.addEventListener('blur', this.onLeave);
-        trigger.addEventListener('keydown', this.onTriggerKeyDown);
-    }
-    unbindTrigger(trigger) {
-        trigger.removeEventListener('mouseenter', this.onEnter);
-        trigger.removeEventListener('mouseleave', this.onLeave);
-        trigger.removeEventListener('focus', this.onEnter);
-        trigger.removeEventListener('blur', this.onLeave);
-        trigger.removeEventListener('keydown', this.onTriggerKeyDown);
-        trigger.removeAttribute('aria-describedby');
-    }
-    render() {
-        const label = this.getAttribute('aria-label') || this.accessibleLabel || nothing;
-        return html `
-      <span part="trigger"><slot name="trigger" @slotchange=${this.onTriggerSlotChange}></slot></span>
-      <div id=${this.tooltipId} part="popup" role="tooltip" aria-label=${label} ?data-hidden=${!this.open}>
-        <slot>${this.content}</slot>
-      </div>
-    `;
-    }
-}
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraTooltip.prototype, "open", void 0);
-__decorate([
-    property({ type: Boolean })
-], LyraTooltip.prototype, "manual", void 0);
-__decorate([
-    property({ type: Number })
-], LyraTooltip.prototype, "delay", void 0);
-__decorate([
-    property({ reflect: true })
-], LyraTooltip.prototype, "placement", void 0);
-__decorate([
-    property({ type: Number })
-], LyraTooltip.prototype, "distance", void 0);
-__decorate([
-    property()
-], LyraTooltip.prototype, "content", void 0);
-__decorate([
-    property({ attribute: 'aria-label' })
-], LyraTooltip.prototype, "accessibleLabel", void 0);
-__decorate([
-    state()
-], LyraTooltip.prototype, "trigger", void 0);
-//# sourceMappingURL=tooltip.class.js.map

package/dist/components/overlay/tooltip.class.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.class.js","sourceRoot":"","sources":["../../../src/components/overlay/tooltip.class.ts"],"names":[],"mappings":"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"}

package/dist/components/overlay/tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/tooltip.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/overlay/tooltip.js

@@ -1,5 +0,0 @@
-export * from './tooltip.class.js';
-import { LyraTooltip } from './tooltip.class.js';
-import { defineElement } from '../../internal/prefix.js';
-defineElement('tooltip', LyraTooltip);
-//# sourceMappingURL=tooltip.js.map

package/dist/components/overlay/tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/components/overlay/tooltip.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC"}

package/dist/components/page-rail/page-rail.class.d.ts

@@ -1,99 +0,0 @@
-import { type PropertyValues, type TemplateResult } from 'lit';
-import { LyraElement } from '../../internal/lyra-element.js';
-import type { LyraHighlight } from '../document-viewer/anchors.js';
-import '../virtual-list/virtual-list.js';
-import '../skeleton/skeleton.js';
-import '../file-icon/file-icon.js';
-/** What `<lr-page-rail>` needs from a wired viewer -- a page-addressed viewer satisfies this
- *  structurally: a live `page` property plus `renderPageThumbnail()`, and the
- *  `lr-load`/`lr-page-change` events every anchor-target page-shaped viewer already emits. */
-export interface PageThumbnailSource extends EventTarget {
-    page: number;
-    renderPageThumbnail(page: number, canvas: HTMLCanvasElement, options?: {
-        width?: number;
-    }): Promise<boolean>;
-}
-export interface LyraPageRailEventMap {
-    'lr-page-select': CustomEvent<{
-        page: number;
-    }>;
-}
-/**
- * `<lr-page-rail>` — a virtualized vertical thumbnail rail for page-addressed documents, with
- * per-page highlight heat markers. Two modes: **wired** (`viewer`/`for` supply a live
- * `PageThumbnailSource`, e.g. `lr-pdf-viewer` -- thumbnails render lazily as rows materialize, and
- * the rail tracks page/count from the viewer's own events) and **mediated** (`page-count`/`page` are
- * host-bound directly, rows render a placeholder glyph -- still a fully functional pager). In wired
- * mode the viewer's `page` is the single source of truth.
- *
- * @customElement lr-page-rail
- * @event lr-page-select - A page row was activated (click, or Enter/Space on a focused row).
- *   `detail: { page }`. In wired mode the rail also sets `viewer.page` itself.
- * @csspart base - The rail.
- * @csspart pages - The embedded `lr-virtual-list`.
- * @csspart page - One page button.
- * @csspart thumbnail - The thumbnail canvas wrapper.
- * @csspart page-number - The visible page number.
- * @csspart heat - The heat-marker cluster.
- * @csspart heat-dot - One tone-colored heat marker (or the `+n` overflow marker).
- * @cssprop [--lr-page-rail-height=var(--lr-size-24rem)] - Block size of the virtualized rail.
- */
-export declare class LyraPageRail extends LyraElement<LyraPageRailEventMap> {
-    static styles: import("lit").CSSResultGroup[];
-    viewer: PageThumbnailSource | null;
-    /** Id of a `PageThumbnailSource` in the same root, the label/`htmlFor`-style alternative to
-     *  `viewer`. */
-    for: string;
-    /** Mediated-mode page count. Ignored while a viewer is wired (`viewer` or a resolved `for`). */
-    pageCount: number;
-    /** Current page: auto-tracked in wired mode, host-bound in mediated mode. */
-    page: number;
-    highlights: LyraHighlight[];
-    /** Thumbnail CSS-px width, clamped to the container (320px-safe). */
-    thumbWidth: number;
-    /** Overrides the computed accessible name. */
-    label: string;
-    private resolvedPageCount;
-    private thumbnailStates;
-    private readonly canvasRefs;
-    private readonly canvases;
-    private boundViewer;
-    private digitBuffer;
-    private digitTimer?;
-    private readonly onViewerLoad;
-    private readonly onViewerPageChange;
-    protected willUpdate(changed: PropertyValues): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private resolveViewer;
-    private unbindViewer;
-    private lookupFor;
-    /** `pageCount` normalized to a finite, non-negative integer before `effectivePageCount()`'s
-     *  mediated-mode fallback -- an invalid attribute value would otherwise reach `render()`'s
-     *  `Array.from({ length: count }, ...)` (a negative/NaN length throws) and every page-bounds
-     *  check derived from it. */
-    private get safePageCount();
-    /** `page` normalized to a finite integer clamped into `[1, effectivePageCount()]` (or held at the
-     *  `1` default while no page count is known yet) -- guards `renderPageItem()`'s `aria-current`
-     *  comparison and the `lr-virtual-list` `active-id` binding from an out-of-range/NaN value, e.g.
-     *  a consumer setting a stale mediated-mode `page` before also updating `page-count`. */
-    private get safePage();
-    /** `thumbWidth` normalized to a finite, non-negative CSS px width before it reaches
-     *  `renderPageThumbnail()`'s `{ width }` option -- an invalid attribute value would otherwise ask
-     *  a wired viewer to rasterize a `NaN`/negative-width thumbnail. */
-    private get safeThumbWidth();
-    private effectivePageCount;
-    private canvasRef;
-    private loadThumbnail;
-    private pageHighlightSummary;
-    private onPageActivate;
-    private onKeyDown;
-    private renderPageItem;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lr-page-rail': LyraPageRail;
-    }
-}
-//# sourceMappingURL=page-rail.class.d.ts.map

package/dist/components/page-rail/page-rail.class.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-rail.class.d.ts","sourceRoot":"","sources":["../../../src/components/page-rail/page-rail.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,KAAK,EAAE,aAAa,EAAqB,MAAM,+BAA+B,CAAC;AACtF,OAAO,iCAAiC,CAAC;AACzC,OAAO,yBAAyB,CAAC;AACjC,OAAO,2BAA2B,CAAC;AAKnC;;8FAE8F;AAC9F,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CAC9G;AAED,MAAM,WAAW,oBAAoB;IACnC,gBAAgB,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACjD;AAID;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,YAAa,SAAQ,WAAW,CAAC,oBAAoB,CAAC;IACjE,MAAM,CAAC,MAAM,iCAAgC;IAEb,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAQ;IAC1E;oBACgB;IACJ,GAAG,SAAM;IACrB,gGAAgG;IAC3C,SAAS,SAAK;IACnE,6EAA6E;IAClC,IAAI,SAAK;IACpB,UAAU,EAAE,aAAa,EAAE,CAAM;IACjE,qEAAqE;IACf,UAAU,SAAM;IACtE,8CAA8C;IAClC,KAAK,SAAM;IAEd,OAAO,CAAC,iBAAiB,CAAK;IAC9B,OAAO,CAAC,eAAe,CAAqC;IAErE,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAwD;IACnF,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAwC;IACjE,OAAO,CAAC,WAAW,CAAoC;IACvD,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,UAAU,CAAC,CAAgC;IAEnD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAE3B;IAEF,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAEjC;IAEF,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAElD;IAED,iBAAiB,IAAI,IAAI,CAOxB;IAED,oBAAoB,IAAI,IAAI,CAI3B;IAED,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,SAAS;IAMjB;;;iCAG6B;IAC7B,OAAO,KAAK,aAAa,GAExB;IAED;;;6FAGyF;IACzF,OAAO,KAAK,QAAQ,GAGnB;IAED;;wEAEoE;IACpE,OAAO,KAAK,cAAc,GAEzB;IAED,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,SAAS;YAgBH,aAAa;IAoB3B,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,SAAS,CAUf;IAEF,OAAO,CAAC,cAAc,CAuCpB;IAEF,MAAM,IAAI,cAAc,CAcvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,YAAY,CAAC;KAC9B;CACF"}

package/dist/components/page-rail/page-rail.class.js

@@ -1,279 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, nothing } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { ref } from 'lit/directives/ref.js';
-import { LyraElement } from '../../internal/lyra-element.js';
-import { finiteCount, finiteInteger, finiteRange } from '../../internal/numbers.js';
-import '../virtual-list/virtual-list.js';
-import '../skeleton/skeleton.js';
-import '../file-icon/file-icon.js';
-import { styles } from './page-rail.styles.js';
-const DIGIT_BUFFER_MS = 500;
-/**
- * `<lr-page-rail>` — a virtualized vertical thumbnail rail for page-addressed documents, with
- * per-page highlight heat markers. Two modes: **wired** (`viewer`/`for` supply a live
- * `PageThumbnailSource`, e.g. `lr-pdf-viewer` -- thumbnails render lazily as rows materialize, and
- * the rail tracks page/count from the viewer's own events) and **mediated** (`page-count`/`page` are
- * host-bound directly, rows render a placeholder glyph -- still a fully functional pager). In wired
- * mode the viewer's `page` is the single source of truth.
- *
- * @customElement lr-page-rail
- * @event lr-page-select - A page row was activated (click, or Enter/Space on a focused row).
- *   `detail: { page }`. In wired mode the rail also sets `viewer.page` itself.
- * @csspart base - The rail.
- * @csspart pages - The embedded `lr-virtual-list`.
- * @csspart page - One page button.
- * @csspart thumbnail - The thumbnail canvas wrapper.
- * @csspart page-number - The visible page number.
- * @csspart heat - The heat-marker cluster.
- * @csspart heat-dot - One tone-colored heat marker (or the `+n` overflow marker).
- * @cssprop [--lr-page-rail-height=var(--lr-size-24rem)] - Block size of the virtualized rail.
- */
-export class LyraPageRail extends LyraElement {
-    constructor() {
-        super(...arguments);
-        this.viewer = null;
-        /** Id of a `PageThumbnailSource` in the same root, the label/`htmlFor`-style alternative to
-         *  `viewer`. */
-        this.for = '';
-        /** Mediated-mode page count. Ignored while a viewer is wired (`viewer` or a resolved `for`). */
-        this.pageCount = 0;
-        /** Current page: auto-tracked in wired mode, host-bound in mediated mode. */
-        this.page = 1;
-        this.highlights = [];
-        /** Thumbnail CSS-px width, clamped to the container (320px-safe). */
-        this.thumbWidth = 96;
-        /** Overrides the computed accessible name. */
-        this.label = '';
-        this.resolvedPageCount = 0;
-        this.thumbnailStates = new Map();
-        this.canvasRefs = new Map();
-        this.canvases = new Map();
-        this.boundViewer = null;
-        this.digitBuffer = '';
-        this.onViewerLoad = (e) => {
-            this.resolvedPageCount = e.detail.pageCount;
-        };
-        this.onViewerPageChange = (e) => {
-            this.page = e.detail.page;
-        };
-        this.onKeyDown = (e) => {
-            if (!/^[0-9]$/.test(e.key))
-                return;
-            this.digitBuffer += e.key;
-            clearTimeout(this.digitTimer);
-            this.digitTimer = setTimeout(() => {
-                this.digitBuffer = '';
-            }, DIGIT_BUFFER_MS);
-            const target = Number(this.digitBuffer);
-            const count = this.effectivePageCount();
-            if (target >= 1 && target <= count)
-                this.page = target;
-        };
-        this.renderPageItem = (pageNumber) => {
-            const number = pageNumber;
-            const { count, tones } = this.pageHighlightSummary(number);
-            const thumbState = this.thumbnailStates.get(number);
-            const name = count === 0
-                ? this.localize('pageRailPage', undefined, { page: number })
-                : this.localize(count === 1 ? 'pageRailPageHighlighted' : 'pageRailPageHighlightedPlural', undefined, {
-                    page: number,
-                    count,
-                });
-            const shownTones = tones.slice(0, 3);
-            const overflow = tones.length - shownTones.length;
-            return html `
-      <button
-        part="page"
-        type="button"
-        aria-label=${name}
-        aria-current=${this.safePage === number ? 'true' : nothing}
-        @click=${() => this.onPageActivate(number)}
-      >
-        <span part="thumbnail">
-          ${this.boundViewer
-                ? thumbState === 'unavailable'
-                    ? html `<lr-file-icon decorative></lr-file-icon>`
-                    : html `<canvas aria-hidden="true" ${ref(this.canvasRef(number))}></canvas>${thumbState !== 'ready'
-                        ? html `<lr-skeleton variant="rect" aria-hidden="true"></lr-skeleton>`
-                        : nothing}`
-                : html `<lr-file-icon decorative></lr-file-icon>`}
-        </span>
-        <span part="page-number" aria-hidden="true">${number}</span>
-        ${count > 0
-                ? html `<span part="heat" aria-hidden="true">
-              ${shownTones.map((tone) => html `<span part="heat-dot" data-tone=${tone}></span>`)}
-              ${overflow > 0 ? html `<span part="heat-dot" data-overflow="true">+${overflow}</span>` : nothing}
-            </span>`
-                : nothing}
-      </button>
-    `;
-        };
-    }
-    static { this.styles = [LyraElement.styles, styles]; }
-    willUpdate(changed) {
-        if (!this.hasUpdated || changed.has('viewer') || changed.has('for'))
-            this.resolveViewer();
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        // disconnectedCallback unbinds the wired viewer on every disconnect, but willUpdate only
-        // rebinds on the first update or when `viewer`/`for` themselves change -- a bare reconnect
-        // (e.g. a reparent) schedules no update and changes neither property, so rebind here or the
-        // rail stays permanently unbound (page tracking stops; wired mode renders an empty rail).
-        if (this.hasUpdated)
-            this.resolveViewer();
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.unbindViewer();
-        clearTimeout(this.digitTimer);
-    }
-    resolveViewer() {
-        const next = this.viewer ?? this.lookupFor();
-        if (next === this.boundViewer)
-            return;
-        this.unbindViewer();
-        this.boundViewer = next;
-        if (!next)
-            return;
-        this.page = next.page || this.page;
-        next.addEventListener('lr-load', this.onViewerLoad);
-        next.addEventListener('lr-page-change', this.onViewerPageChange);
-    }
-    unbindViewer() {
-        this.boundViewer?.removeEventListener('lr-load', this.onViewerLoad);
-        this.boundViewer?.removeEventListener('lr-page-change', this.onViewerPageChange);
-        this.boundViewer = null;
-    }
-    lookupFor() {
-        if (!this.for)
-            return null;
-        const root = this.getRootNode();
-        return root.getElementById?.(this.for) ?? null;
-    }
-    /** `pageCount` normalized to a finite, non-negative integer before `effectivePageCount()`'s
-     *  mediated-mode fallback -- an invalid attribute value would otherwise reach `render()`'s
-     *  `Array.from({ length: count }, ...)` (a negative/NaN length throws) and every page-bounds
-     *  check derived from it. */
-    get safePageCount() {
-        return finiteCount(this.pageCount, 0);
-    }
-    /** `page` normalized to a finite integer clamped into `[1, effectivePageCount()]` (or held at the
-     *  `1` default while no page count is known yet) -- guards `renderPageItem()`'s `aria-current`
-     *  comparison and the `lr-virtual-list` `active-id` binding from an out-of-range/NaN value, e.g.
-     *  a consumer setting a stale mediated-mode `page` before also updating `page-count`. */
-    get safePage() {
-        const count = this.effectivePageCount();
-        return finiteInteger(this.page, 1, 1, Math.max(1, count));
-    }
-    /** `thumbWidth` normalized to a finite, non-negative CSS px width before it reaches
-     *  `renderPageThumbnail()`'s `{ width }` option -- an invalid attribute value would otherwise ask
-     *  a wired viewer to rasterize a `NaN`/negative-width thumbnail. */
-    get safeThumbWidth() {
-        return finiteRange(this.thumbWidth, 96, 0);
-    }
-    effectivePageCount() {
-        return this.boundViewer ? this.resolvedPageCount : this.safePageCount;
-    }
-    canvasRef(pageNumber) {
-        let cb = this.canvasRefs.get(pageNumber);
-        if (!cb) {
-            cb = (el) => {
-                if (!el) {
-                    this.canvases.delete(pageNumber);
-                    return;
-                }
-                this.canvases.set(pageNumber, el);
-                void this.loadThumbnail(pageNumber, el);
-            };
-            this.canvasRefs.set(pageNumber, cb);
-        }
-        return cb;
-    }
-    async loadThumbnail(pageNumber, canvas) {
-        const viewer = this.boundViewer;
-        if (!viewer)
-            return;
-        this.thumbnailStates.set(pageNumber, 'pending');
-        this.requestUpdate();
-        let ok;
-        try {
-            ok = await viewer.renderPageThumbnail(pageNumber, canvas, { width: this.safeThumbWidth });
-        }
-        catch {
-            // A rejected renderPageThumbnail() (decode error, detached canvas, resource exhaustion, ...)
-            // is otherwise an unhandled rejection that leaves this page's skeleton spinning forever --
-            // treat it the same as the documented `resolves(false)` case, falling back to the file-icon
-            // placeholder instead.
-            ok = false;
-        }
-        if (this.canvases.get(pageNumber) !== canvas)
-            return;
-        this.thumbnailStates.set(pageNumber, ok ? 'ready' : 'unavailable');
-        this.requestUpdate();
-    }
-    pageHighlightSummary(pageNumber) {
-        const tones = [];
-        for (const highlight of this.highlights) {
-            const anchor = highlight.anchor;
-            const anchorPage = anchor.kind === 'page' ? anchor.page : anchor.kind === 'text-quote' || anchor.kind === 'region' ? anchor.page : undefined;
-            if (anchorPage === pageNumber)
-                tones.push(highlight.tone ?? 'accent');
-        }
-        return { count: tones.length, tones };
-    }
-    onPageActivate(pageNumber) {
-        if (this.boundViewer)
-            this.boundViewer.page = pageNumber;
-        this.emit('lr-page-select', { page: pageNumber });
-    }
-    render() {
-        const count = this.effectivePageCount();
-        const items = Array.from({ length: count }, (_unused, i) => i + 1);
-        return html `
-      <div part="base" @keydown=${this.onKeyDown} aria-label=${this.label || this.localize('pageRailLabel')}>
-        <lr-virtual-list
-          part="pages"
-          .items=${items}
-          .renderItem=${this.renderPageItem}
-          .keyFunction=${(item) => item}
-          .activeId=${this.safePage}
-        ></lr-virtual-list>
-      </div>
-    `;
-    }
-}
-__decorate([
-    property({ attribute: false })
-], LyraPageRail.prototype, "viewer", void 0);
-__decorate([
-    property()
-], LyraPageRail.prototype, "for", void 0);
-__decorate([
-    property({ type: Number, attribute: 'page-count' })
-], LyraPageRail.prototype, "pageCount", void 0);
-__decorate([
-    property({ type: Number, reflect: true })
-], LyraPageRail.prototype, "page", void 0);
-__decorate([
-    property({ attribute: false })
-], LyraPageRail.prototype, "highlights", void 0);
-__decorate([
-    property({ type: Number, attribute: 'thumb-width' })
-], LyraPageRail.prototype, "thumbWidth", void 0);
-__decorate([
-    property()
-], LyraPageRail.prototype, "label", void 0);
-__decorate([
-    state()
-], LyraPageRail.prototype, "resolvedPageCount", void 0);
-__decorate([
-    state()
-], LyraPageRail.prototype, "thumbnailStates", void 0);
-//# sourceMappingURL=page-rail.class.js.map