@aceshooting/lyra-ui 3.0.0 → 3.2.0

package/dist/components/html-viewer/dompurify-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dompurify-loader.d.ts","sourceRoot":"","sources":["../../../src/components/html-viewer/dompurify-loader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAI7E,wBAAsB,qBAAqB,CACzC,eAAe,GAAE,MAAM,OAAO,CAAC;IAAE,OAAO,EAAE,eAAe,CAAA;CAAE,CACG,GAC7D,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,CAUjC;AAED,wBAAgB,iBAAiB,IAAI,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,CAGnE;AAED,wBAAgB,uBAAuB,IAAI,IAAI,CAE9C"}

package/dist/components/html-viewer/dompurify-loader.js

@@ -0,0 +1,19 @@
+let sanitizer;
+export async function loadHtmlSanitizerDeps(importDompurify = () => import('dompurify')) {
+    try {
+        return (await importDompurify()).default;
+    }
+    catch (error) {
+        console.warn('<lyra-html-viewer> needs the optional peer dependency `dompurify` to sanitize rendered HTML markup — install it with `pnpm add dompurify`:', error);
+        return null;
+    }
+}
+export function loadHtmlSanitizer() {
+    if (!sanitizer)
+        sanitizer = loadHtmlSanitizerDeps();
+    return sanitizer;
+}
+export function clearHtmlSanitizerCache() {
+    sanitizer = undefined;
+}
+//# sourceMappingURL=dompurify-loader.js.map

package/dist/components/html-viewer/dompurify-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dompurify-loader.js","sourceRoot":"","sources":["../../../src/components/html-viewer/dompurify-loader.ts"],"names":[],"mappings":"AAEA,IAAI,SAAsD,CAAC;AAE3D,MAAM,CAAC,KAAK,UAAU,qBAAqB,CACzC,eAAe,GAAgD,GAAG,EAAE,CAClE,MAAM,CAAC,WAAW,CAA0C;IAE9D,IAAI,CAAC;QACH,OAAO,CAAC,MAAM,eAAe,EAAE,CAAC,CAAC,OAAO,CAAC;IAC3C,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CACV,4IAA4I,EAC5I,KAAK,CACN,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,IAAI,CAAC,SAAS;QAAE,SAAS,GAAG,qBAAqB,EAAE,CAAC;IACpD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,uBAAuB;IACrC,SAAS,GAAG,SAAS,CAAC;AACxB,CAAC"}

package/dist/components/html-viewer/html-viewer.class.d.ts

@@ -0,0 +1,29 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export interface LyraHtmlViewerEventMap {
+    'lyra-render-error': CustomEvent<{
+        error: unknown;
+    }>;
+}
+/** Fetches and safely renders an inline HTML document. */
+export declare class LyraHtmlViewer extends LyraElement<LyraHtmlViewerEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** URL to fetch and render as sanitized inline HTML. */
+    src: string;
+    /** Accessible name for the rendered HTML document. */
+    name: string;
+    /** CSS length that caps the scrollable body. */
+    maxHeight: string;
+    private fetchState;
+    private generation;
+    protected willUpdate(changed: PropertyValues): void;
+    private load;
+    private renderBody;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-html-viewer': LyraHtmlViewer;
+    }
+}
+//# sourceMappingURL=html-viewer.class.d.ts.map

package/dist/components/html-viewer/html-viewer.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-viewer.class.d.ts","sourceRoot":"","sources":["../../../src/components/html-viewer/html-viewer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAY7D,MAAM,WAAW,sBAAsB;IACrC,mBAAmB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CACtD;AAED,0DAA0D;AAC1D,qBAAa,cAAe,SAAQ,WAAW,CAAC,sBAAsB,CAAC;IACrE,MAAM,CAAC,MAAM,iCAAwC;IAErD,wDAAwD;IAC5C,GAAG,SAAM;IACrB,sDAAsD;IAC1C,IAAI,SAAM;IACtB,gDAAgD;IACT,SAAS,SAAM;IAE7C,OAAO,CAAC,UAAU,CAAoC;IAC/D,OAAO,CAAC,UAAU,CAAK;IAEvB,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAElD;YAEa,IAAI;IAoBlB,OAAO,CAAC,UAAU;IAUlB,MAAM,IAAI,cAAc,CAEvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,kBAAkB,EAAE,cAAc,CAAC;KAAE;CAAE"}

package/dist/components/html-viewer/html-viewer.class.js

@@ -0,0 +1,88 @@
+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 { unsafeHTML } from 'lit/directives/unsafe-html.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { safeFetchUrl } from '../../internal/safe-url.js';
+import { srOnly } from '../../internal/a11y.js';
+import { loadHtmlSanitizer } from './dompurify-loader.js';
+import { styles } from './html-viewer.styles.js';
+/** Fetches and safely renders an inline HTML document. */
+export class LyraHtmlViewer extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** URL to fetch and render as sanitized inline HTML. */
+        this.src = '';
+        /** Accessible name for the rendered HTML document. */
+        this.name = '';
+        /** CSS length that caps the scrollable body. */
+        this.maxHeight = '';
+        this.fetchState = { kind: 'idle' };
+        this.generation = 0;
+    }
+    static { this.styles = [LyraElement.styles, styles, srOnly]; }
+    willUpdate(changed) {
+        if (!this.hasUpdated || changed.has('src'))
+            void this.load();
+    }
+    async load() {
+        const generation = ++this.generation;
+        if (!this.src) {
+            this.fetchState = { kind: 'idle' };
+            return;
+        }
+        const url = safeFetchUrl(this.src);
+        if (!url) {
+            this.fetchState = { kind: 'error', message: this.localize('documentPreviewUrlNotAllowed') };
+            return;
+        }
+        this.fetchState = { kind: 'loading' };
+        try {
+            const response = await fetch(url);
+            if (!response.ok)
+                throw new Error(`${response.status} ${response.statusText}`);
+            const sanitizer = await loadHtmlSanitizer();
+            if (!sanitizer)
+                throw new Error(this.localize('documentViewerMissingSanitizer'));
+            const markup = sanitizer.sanitize(await response.text());
+            if (generation === this.generation)
+                this.fetchState = { kind: 'loaded', markup };
+        }
+        catch (error) {
+            if (generation !== this.generation)
+                return;
+            this.fetchState = { kind: 'error', message: error instanceof Error ? error.message : this.localize('documentPreviewFailedToLoad') };
+            this.emit('lyra-render-error', { error });
+        }
+    }
+    renderBody() {
+        switch (this.fetchState.kind) {
+            case 'loaded': return html `<div part="html" role="document" aria-label=${this.name || this.localize('htmlViewerLabel')}>${unsafeHTML(this.fetchState.markup)}</div>`;
+            case 'loading': return html `<div part="spinner" role="status"><span class="sr-only">${this.localize('loadingDocument')}</span></div>`;
+            case 'error': return html `<div part="error" role="alert">${this.fetchState.message}</div>`;
+            case 'idle':
+            default: return html `<p class="empty-note">${this.localize('documentPreviewEmpty', undefined, { type: this.localize('documentPreviewTypeDocument') })}</p>`;
+        }
+    }
+    render() {
+        return html `<div part="base" style=${this.maxHeight ? `--lyra-html-viewer-max-height:${this.maxHeight}` : nothing}><div part="body">${this.renderBody()}</div></div>`;
+    }
+}
+__decorate([
+    property()
+], LyraHtmlViewer.prototype, "src", void 0);
+__decorate([
+    property()
+], LyraHtmlViewer.prototype, "name", void 0);
+__decorate([
+    property({ attribute: 'max-height' })
+], LyraHtmlViewer.prototype, "maxHeight", void 0);
+__decorate([
+    state()
+], LyraHtmlViewer.prototype, "fetchState", void 0);
+//# sourceMappingURL=html-viewer.class.js.map

package/dist/components/html-viewer/html-viewer.class.js.map

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

package/dist/components/html-viewer/html-viewer.d.ts

@@ -0,0 +1,2 @@
+export * from './html-viewer.class.js';
+//# sourceMappingURL=html-viewer.d.ts.map

package/dist/components/html-viewer/html-viewer.d.ts.map

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

package/dist/components/html-viewer/html-viewer.js

@@ -0,0 +1,15 @@
+export * from './html-viewer.class.js';
+import { LyraHtmlViewer } from './html-viewer.class.js';
+import { defineElement } from '../../internal/prefix.js';
+import { registerDocumentRenderer } from '../document-viewer/registry.js';
+defineElement('html-viewer', LyraHtmlViewer);
+registerDocumentRenderer('text/html', {
+    matches: (file) => /\.html?$/i.test(file.name),
+    render: (file) => {
+        const element = document.createElement('lyra-html-viewer');
+        element.src = file.src;
+        element.name = file.name;
+        return element;
+    },
+});
+//# sourceMappingURL=html-viewer.js.map

package/dist/components/html-viewer/html-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-viewer.js","sourceRoot":"","sources":["../../../src/components/html-viewer/html-viewer.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAqB,MAAM,gCAAgC,CAAC;AAE7F,aAAa,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;AAC7C,wBAAwB,CAAC,WAAW,EAAE;IACpC,OAAO,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;IAC5D,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QAC3D,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;QACvB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACzB,OAAO,OAAO,CAAC;IACjB,CAAC;CACF,CAAC,CAAC"}

package/dist/components/html-viewer/html-viewer.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=html-viewer.styles.d.ts.map

package/dist/components/html-viewer/html-viewer.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-viewer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/html-viewer/html-viewer.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAuBlB,CAAC"}

package/dist/components/html-viewer/html-viewer.styles.js

@@ -0,0 +1,26 @@
+import { css } from 'lit';
+export const styles = css `
+  :host { display: block; min-inline-size: 0; max-inline-size: 100%; --lyra-html-viewer-max-height: none; }
+  [part='base'] {
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
+    border-radius: var(--lyra-radius);
+    background: var(--lyra-color-surface);
+    overflow: hidden;
+  }
+  [part='body'] {
+    min-block-size: var(--lyra-size-10rem);
+    max-block-size: var(--lyra-html-viewer-max-height);
+    box-sizing: border-box;
+    overflow: auto;
+    padding: var(--lyra-space-m);
+  }
+  [part='html'] { display: block; max-inline-size: 100%; overflow-wrap: anywhere; }
+  [part='html'] img, [part='html'] video { max-inline-size: 100%; block-size: auto; }
+  .empty-note, [part='error'] { margin: 0; color: var(--lyra-color-text-quiet); font-size: var(--lyra-font-size-md-sm); text-align: center; }
+  [part='error'] { color: var(--lyra-color-danger); }
+  [part='spinner'] { display: flex; justify-content: center; }
+`;
+//# sourceMappingURL=html-viewer.styles.js.map

package/dist/components/html-viewer/html-viewer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-viewer.styles.js","sourceRoot":"","sources":["../../../src/components/html-viewer/html-viewer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;CAuBxB,CAAC"}

package/dist/components/pdf-viewer/pdf-loader.d.ts

@@ -0,0 +1,6 @@
+import type { OptionalPeerApi } from '../../internal/optional-peer-types.js';
+/** Opaque pdfjs-dist surface kept optional for core-package consumers. */
+export type PdfJsApi = OptionalPeerApi;
+export declare function loadPdfJsDeps(importPdfjs?: () => Promise<PdfJsApi>): Promise<PdfJsApi | null>;
+export declare function loadPdfJs(): Promise<PdfJsApi | null>;
+//# sourceMappingURL=pdf-loader.d.ts.map

package/dist/components/pdf-viewer/pdf-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-loader.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-viewer/pdf-loader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAE7E,0EAA0E;AAC1E,MAAM,MAAM,QAAQ,GAAG,eAAe,CAAC;AAIvC,wBAAsB,aAAa,CACjC,WAAW,GAAE,MAAM,OAAO,CAAC,QAAQ,CAAmD,GACrF,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,CAY1B;AAED,wBAAgB,SAAS,IAAI,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,CAGpD"}

package/dist/components/pdf-viewer/pdf-loader.js

@@ -0,0 +1,22 @@
+let pdfjs;
+export async function loadPdfJsDeps(importPdfjs = () => import('pdfjs-dist')) {
+    try {
+        const pdfjsLib = await importPdfjs();
+        pdfjsLib.GlobalWorkerOptions.workerSrc = new URL('pdfjs-dist/build/pdf.worker.min.mjs', import.meta.url).toString();
+        return pdfjsLib;
+    }
+    catch (error) {
+        console.warn('<lyra-pdf-viewer> needs the optional peer dependency `pdfjs-dist` to render PDF documents — install it with `pnpm add pdfjs-dist`:', error);
+        return null;
+    }
+}
+export function loadPdfJs() {
+    if (!pdfjs)
+        pdfjs = loadPdfJsDeps();
+    return pdfjs;
+}
+/** @internal Test-only cache reset. */
+export function clearPdfJsCache() {
+    pdfjs = undefined;
+}
+//# sourceMappingURL=pdf-loader.js.map

package/dist/components/pdf-viewer/pdf-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-loader.js","sourceRoot":"","sources":["../../../src/components/pdf-viewer/pdf-loader.ts"],"names":[],"mappings":"AAKA,IAAI,KAA2C,CAAC;AAEhD,MAAM,CAAC,KAAK,UAAU,aAAa,CACjC,WAAW,GAA4B,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAsB;IAEtF,IAAI,CAAC;QACH,MAAM,QAAQ,GAAG,MAAM,WAAW,EAAE,CAAC;QACrC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,GAAG,IAAI,GAAG,CAAC,qCAAqC,EAAE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpH,OAAO,QAAQ,CAAC;IAClB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CACV,oIAAoI,EACpI,KAAK,CACN,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED,MAAM,UAAU,SAAS;IACvB,IAAI,CAAC,KAAK;QAAE,KAAK,GAAG,aAAa,EAAE,CAAC;IACpC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,uCAAuC;AACvC,MAAM,UAAU,eAAe;IAC7B,KAAK,GAAG,SAAS,CAAC;AACpB,CAAC"}

package/dist/components/pdf-viewer/pdf-viewer.class.d.ts

@@ -0,0 +1,80 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import '../virtual-list/virtual-list.js';
+export interface LyraPdfViewerEventMap {
+    'lyra-render-error': CustomEvent<{
+        error: unknown;
+    }>;
+    'lyra-page-change': CustomEvent<{
+        page: number;
+        pageCount: number;
+    }>;
+    'lyra-zoom-change': CustomEvent<{
+        zoom: number;
+    }>;
+}
+/**
+ * Fetches PDF bytes and renders their pages with the optional `pdfjs-dist`
+ * peer. Pages are composed through `lyra-virtual-list`, while a PDF.js text
+ * layer keeps rendered text selectable and copyable.
+ *
+ * @customElement lyra-pdf-viewer
+ * @event lyra-render-error - Fired when fetching, parsing, or rendering fails.
+ * @event lyra-page-change - Fired when the current page changes.
+ * @event lyra-zoom-change - Fired when the zoom multiplier changes.
+ * @csspart base - The root viewer container.
+ * @csspart toolbar - Pagination and zoom controls.
+ * @csspart page-indicator - The current page text.
+ * @csspart zoom-indicator - The current zoom percentage.
+ * @csspart pages - The virtualized page list.
+ * @csspart page - One rendered page wrapper.
+ * @csspart text-layer - Selectable text positioned over a page canvas.
+ * @csspart error - The error message region.
+ * @csspart spinner - The loading status region.
+ */
+export declare class LyraPdfViewer extends LyraElement<LyraPdfViewerEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** URL to fetch and render as a PDF document. */
+    src: string;
+    /** Display name used as the document's accessible label fallback. */
+    name: string;
+    /** One-based current page, clamped to the loaded document's page count. */
+    page: number;
+    /** Page zoom multiplier, clamped to the range 0.25–4. */
+    zoom: number;
+    private loadState;
+    private loadLibrary;
+    private generation;
+    private readonly pageCanvases;
+    private readonly pageRenderTasks;
+    private readonly pageCanvasRefs;
+    private readonly textLayerContainers;
+    private readonly textLayerContainerRefs;
+    private readonly textLayers;
+    protected willUpdate(changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
+    disconnectedCallback(): void;
+    private clampPage;
+    private load;
+    nextPage(): void;
+    previousPage(): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    private setPage;
+    private setZoom;
+    private renderToolbar;
+    private renderPage;
+    private renderTextLayer;
+    private pageCanvasRef;
+    private textLayerContainerRef;
+    private renderPageItem;
+    private onVisibleRangeChanged;
+    private renderBody;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-pdf-viewer': LyraPdfViewer;
+    }
+}
+//# sourceMappingURL=pdf-viewer.class.d.ts.map

package/dist/components/pdf-viewer/pdf-viewer.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-viewer.class.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-viewer/pdf-viewer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,OAAO,iCAAiC,CAAC;AAmBzC,MAAM,WAAW,qBAAqB;IACpC,mBAAmB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACrD,kBAAkB,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrE,kBAAkB,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnD;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,aAAc,SAAQ,WAAW,CAAC,qBAAqB,CAAC;IACnE,MAAM,CAAC,MAAM,iCAAwC;IAErD,iDAAiD;IACrC,GAAG,SAAM;IACrB,qEAAqE;IACzD,IAAI,SAAM;IACtB,2EAA2E;IAChC,IAAI,SAAK;IACpD,yDAAyD;IACd,IAAI,SAAK;IAE3C,OAAO,CAAC,SAAS,CAAkC;IAC5D,OAAO,CAAC,WAAW,CAA6C;IAChE,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAwC;IACrE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAyC;IACzE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA4D;IAC3F,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAkC;IACtE,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAA6D;IACpG,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAyC;IAEpE,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAOlD;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAM/C;IAED,oBAAoB,IAAI,IAAI,CAQ3B;IAED,OAAO,CAAC,SAAS;YAMH,IAAI;IAiClB,QAAQ,IAAI,IAAI,CAAiC;IACjD,YAAY,IAAI,IAAI,CAAiC;IACrD,MAAM,IAAI,IAAI,CAAyC;IACvD,OAAO,IAAI,IAAI,CAAyC;IAExD,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,aAAa;YAaP,UAAU;YAmCV,eAAe;IAe7B,OAAO,CAAC,aAAa;IAkBrB,OAAO,CAAC,qBAAqB;IAiB7B,OAAO,CAAC,cAAc,CAGpB;IAEF,OAAO,CAAC,qBAAqB,CAE3B;IAEF,OAAO,CAAC,UAAU;IAYlB,MAAM,IAAI,cAAc,CAEvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,iBAAiB,EAAE,aAAa,CAAC;KAAE;CAAE"}

package/dist/components/pdf-viewer/pdf-viewer.class.js

@@ -0,0 +1,296 @@
+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 } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { ref } from 'lit/directives/ref.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { safeFetchUrl } from '../../internal/safe-url.js';
+import { srOnly } from '../../internal/a11y.js';
+import '../virtual-list/virtual-list.js';
+import { loadPdfJs } from './pdf-loader.js';
+import { styles } from './pdf-viewer.styles.js';
+const MIN_ZOOM = 0.25;
+const MAX_ZOOM = 4;
+const ZOOM_STEP = 0.25;
+function clampZoom(value) {
+    if (!Number.isFinite(value))
+        return 1;
+    return Math.min(MAX_ZOOM, Math.max(MIN_ZOOM, value));
+}
+/**
+ * Fetches PDF bytes and renders their pages with the optional `pdfjs-dist`
+ * peer. Pages are composed through `lyra-virtual-list`, while a PDF.js text
+ * layer keeps rendered text selectable and copyable.
+ *
+ * @customElement lyra-pdf-viewer
+ * @event lyra-render-error - Fired when fetching, parsing, or rendering fails.
+ * @event lyra-page-change - Fired when the current page changes.
+ * @event lyra-zoom-change - Fired when the zoom multiplier changes.
+ * @csspart base - The root viewer container.
+ * @csspart toolbar - Pagination and zoom controls.
+ * @csspart page-indicator - The current page text.
+ * @csspart zoom-indicator - The current zoom percentage.
+ * @csspart pages - The virtualized page list.
+ * @csspart page - One rendered page wrapper.
+ * @csspart text-layer - Selectable text positioned over a page canvas.
+ * @csspart error - The error message region.
+ * @csspart spinner - The loading status region.
+ */
+export class LyraPdfViewer extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** URL to fetch and render as a PDF document. */
+        this.src = '';
+        /** Display name used as the document's accessible label fallback. */
+        this.name = '';
+        /** One-based current page, clamped to the loaded document's page count. */
+        this.page = 1;
+        /** Page zoom multiplier, clamped to the range 0.25–4. */
+        this.zoom = 1;
+        this.loadState = { kind: 'idle' };
+        this.loadLibrary = loadPdfJs;
+        this.generation = 0;
+        this.pageCanvases = new Map();
+        this.pageRenderTasks = new Map();
+        this.pageCanvasRefs = new Map();
+        this.textLayerContainers = new Map();
+        this.textLayerContainerRefs = new Map();
+        this.textLayers = new Map();
+        this.renderPageItem = (pageNumber) => {
+            const number = pageNumber;
+            return html `<div part="page"><canvas ${ref(this.pageCanvasRef(number))}></canvas><div part="text-layer" ${ref(this.textLayerContainerRef(number))}></div></div>`;
+        };
+        this.onVisibleRangeChanged = (event) => {
+            if (this.loadState.kind === 'ready')
+                this.setPage(event.detail.start + 1);
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles, srOnly]; }
+    willUpdate(changed) {
+        if (!this.hasUpdated || changed.has('src'))
+            void this.load();
+        if (changed.has('page'))
+            this.page = this.clampPage(this.page);
+        if (changed.has('zoom')) {
+            this.zoom = clampZoom(this.zoom);
+            for (const [pageNumber, canvas] of this.pageCanvases)
+                void this.renderPage(pageNumber, canvas);
+        }
+    }
+    updated(changed) {
+        super.updated(changed);
+        if (changed.has('page') && this.loadState.kind === 'ready') {
+            this.emit('lyra-page-change', { page: this.page, pageCount: this.loadState.pageCount });
+        }
+        if (changed.has('zoom'))
+            this.emit('lyra-zoom-change', { zoom: this.zoom });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        for (const task of this.pageRenderTasks.values())
+            task.cancel();
+        for (const layer of this.textLayers.values())
+            layer.cancel();
+        this.pageRenderTasks.clear();
+        this.textLayers.clear();
+        this.pageCanvases.clear();
+        this.textLayerContainers.clear();
+    }
+    clampPage(value) {
+        const pageCount = this.loadState.kind === 'ready' ? this.loadState.pageCount : 1;
+        if (!Number.isFinite(value))
+            return 1;
+        return Math.min(pageCount, Math.max(1, Math.round(value)));
+    }
+    async load() {
+        const generation = ++this.generation;
+        if (!this.src) {
+            this.loadState = { kind: 'idle' };
+            return;
+        }
+        const url = safeFetchUrl(this.src);
+        if (!url) {
+            this.loadState = { kind: 'error', message: this.localize('documentPreviewUrlNotAllowed') };
+            return;
+        }
+        this.loadState = { kind: 'loading' };
+        try {
+            const response = await fetch(url);
+            if (!response.ok)
+                throw new Error(`${response.status} ${response.statusText}`);
+            const data = await response.arrayBuffer();
+            const pdfjsLib = await this.loadLibrary();
+            if (generation !== this.generation)
+                return;
+            if (!pdfjsLib) {
+                this.loadState = { kind: 'error', message: this.localize('pdfViewerMissingLibrary') };
+                return;
+            }
+            const doc = await pdfjsLib.getDocument({ data }).promise;
+            if (generation !== this.generation)
+                return;
+            this.page = 1;
+            this.loadState = { kind: 'ready', doc, pageCount: doc.numPages };
+        }
+        catch (error) {
+            if (generation !== this.generation)
+                return;
+            this.loadState = { kind: 'error', message: error instanceof Error ? error.message : this.localize('documentPreviewFailedToLoad') };
+            this.emit('lyra-render-error', { error });
+        }
+    }
+    nextPage() { this.setPage(this.page + 1); }
+    previousPage() { this.setPage(this.page - 1); }
+    zoomIn() { this.setZoom(this.zoom + ZOOM_STEP); }
+    zoomOut() { this.setZoom(this.zoom - ZOOM_STEP); }
+    setPage(value) {
+        const next = this.clampPage(value);
+        if (next !== this.page)
+            this.page = next;
+    }
+    setZoom(value) {
+        const next = clampZoom(value);
+        if (next !== this.zoom)
+            this.zoom = next;
+    }
+    renderToolbar() {
+        if (this.loadState.kind !== 'ready')
+            return html ``;
+        const { pageCount } = this.loadState;
+        return html `<div part="toolbar">
+      <button type="button" data-action="previous" ?disabled=${this.page <= 1} aria-label=${this.localize('pdfViewerPreviousPage')} @click=${this.previousPage}>${this.localize('pdfViewerPreviousPage')}</button>
+      <span part="page-indicator">${this.localize('pdfViewerPageOf', undefined, { page: this.page, total: pageCount })}</span>
+      <button type="button" data-action="next" ?disabled=${this.page >= pageCount} aria-label=${this.localize('pdfViewerNextPage')} @click=${this.nextPage}>${this.localize('pdfViewerNextPage')}</button>
+      <button type="button" data-action="zoom-out" ?disabled=${this.zoom <= MIN_ZOOM} aria-label=${this.localize('pdfViewerZoomOut')} @click=${this.zoomOut}>${this.localize('pdfViewerZoomOut')}</button>
+      <span part="zoom-indicator" aria-label=${this.localize('pdfViewerCurrentZoom', undefined, { percent: Math.round(this.zoom * 100) })}>${this.localize('pdfViewerCurrentZoom', undefined, { percent: Math.round(this.zoom * 100) })}</span>
+      <button type="button" data-action="zoom-in" ?disabled=${this.zoom >= MAX_ZOOM} aria-label=${this.localize('pdfViewerZoomIn')} @click=${this.zoomIn}>${this.localize('pdfViewerZoomIn')}</button>
+    </div>`;
+    }
+    async renderPage(pageNumber, canvas) {
+        if (this.loadState.kind !== 'ready')
+            return;
+        this.pageRenderTasks.get(pageNumber)?.cancel();
+        this.pageRenderTasks.delete(pageNumber);
+        this.textLayers.get(pageNumber)?.cancel();
+        this.textLayers.delete(pageNumber);
+        const page = await this.loadState.doc.getPage(pageNumber);
+        if (this.loadState.kind !== 'ready' || this.pageCanvases.get(pageNumber) !== canvas)
+            return;
+        const viewport = page.getViewport({ scale: this.zoom });
+        const dpr = window.devicePixelRatio || 1;
+        canvas.width = Math.floor(viewport.width * dpr);
+        canvas.height = Math.floor(viewport.height * dpr);
+        canvas.style.width = `${viewport.width}px`;
+        canvas.style.height = `${viewport.height}px`;
+        const container = this.textLayerContainers.get(pageNumber);
+        if (container) {
+            container.style.width = `${viewport.width}px`;
+            container.style.height = `${viewport.height}px`;
+            container.style.transform = `translateX(-50%)`;
+        }
+        const canvasContext = canvas.getContext('2d');
+        if (!canvasContext)
+            return;
+        canvasContext.setTransform(dpr, 0, 0, dpr, 0, 0);
+        const renderTask = page.render({ canvasContext, viewport });
+        this.pageRenderTasks.set(pageNumber, renderTask);
+        void this.renderTextLayer(pageNumber, page, viewport);
+        try {
+            await renderTask.promise;
+        }
+        catch (error) {
+            if (this.pageRenderTasks.get(pageNumber) === renderTask)
+                this.emit('lyra-render-error', { error });
+        }
+        finally {
+            if (this.pageRenderTasks.get(pageNumber) === renderTask)
+                this.pageRenderTasks.delete(pageNumber);
+        }
+    }
+    async renderTextLayer(pageNumber, page, viewport) {
+        const container = this.textLayerContainers.get(pageNumber);
+        if (!container || !page.streamTextContent || !this.loadState.kind)
+            return;
+        const pdfjsLib = await this.loadLibrary();
+        if (!pdfjsLib || !pdfjsLib.TextLayer || this.textLayerContainers.get(pageNumber) !== container)
+            return;
+        container.replaceChildren();
+        const textLayer = new pdfjsLib.TextLayer({ textContentSource: page.streamTextContent(), container, viewport });
+        this.textLayers.set(pageNumber, textLayer);
+        try {
+            await textLayer.render();
+        }
+        catch (error) {
+            if (this.textLayers.get(pageNumber) === textLayer)
+                this.emit('lyra-render-error', { error });
+        }
+    }
+    pageCanvasRef(pageNumber) {
+        let callback = this.pageCanvasRefs.get(pageNumber);
+        if (!callback) {
+            callback = (element) => {
+                if (!element) {
+                    this.pageCanvases.delete(pageNumber);
+                    this.pageRenderTasks.get(pageNumber)?.cancel();
+                    this.pageRenderTasks.delete(pageNumber);
+                    return;
+                }
+                this.pageCanvases.set(pageNumber, element);
+                void this.renderPage(pageNumber, element);
+            };
+            this.pageCanvasRefs.set(pageNumber, callback);
+        }
+        return callback;
+    }
+    textLayerContainerRef(pageNumber) {
+        let callback = this.textLayerContainerRefs.get(pageNumber);
+        if (!callback) {
+            callback = (element) => {
+                if (!element) {
+                    this.textLayerContainers.delete(pageNumber);
+                    this.textLayers.get(pageNumber)?.cancel();
+                    this.textLayers.delete(pageNumber);
+                    return;
+                }
+                this.textLayerContainers.set(pageNumber, element);
+            };
+            this.textLayerContainerRefs.set(pageNumber, callback);
+        }
+        return callback;
+    }
+    renderBody() {
+        switch (this.loadState.kind) {
+            case 'ready': {
+                const items = Array.from({ length: this.loadState.pageCount }, (_unused, index) => index + 1);
+                return html `${this.renderToolbar()}<lyra-virtual-list part="pages" .items=${items} .renderItem=${this.renderPageItem} .keyFunction=${(item) => item} .activeId=${this.page} @lyra-visible-range-changed=${this.onVisibleRangeChanged}></lyra-virtual-list>`;
+            }
+            case 'loading': return html `<div part="spinner" role="status"><span class="sr-only">${this.localize('loadingDocument')}</span></div>`;
+            case 'error': return html `<div part="error" role="alert">${this.loadState.message}</div>`;
+            case 'idle':
+            default: return html `<p class="empty-note">${this.localize('documentPreviewEmpty', undefined, { type: this.localize('documentPreviewTypeDocument') })}</p>`;
+        }
+    }
+    render() {
+        return html `<div part="base" aria-label=${this.name || this.localize('pdfViewerLabel')}>${this.renderBody()}</div>`;
+    }
+}
+__decorate([
+    property()
+], LyraPdfViewer.prototype, "src", void 0);
+__decorate([
+    property()
+], LyraPdfViewer.prototype, "name", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], LyraPdfViewer.prototype, "page", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], LyraPdfViewer.prototype, "zoom", void 0);
+__decorate([
+    state()
+], LyraPdfViewer.prototype, "loadState", void 0);
+//# sourceMappingURL=pdf-viewer.class.js.map