omni-viewer-core 0.1.0

package/dist/viewers/pdf/self-loading.d.ts

@@ -0,0 +1,6 @@
+import type { ViewerInput, MountOptions } from '../types.js';
+import { type PdfViewerContext, type PdfViewerDeps, type PdfViewerHandle } from './index.js';
+export * from './index.js';
+export declare const selfLoadingPdfDeps: PdfViewerDeps;
+/** mountPdfViewer with the core's own dynamic-import loaders. */
+export declare function mountSelfLoadingPdfViewer(input: ViewerInput, container: HTMLElement, ctx: PdfViewerContext, options?: MountOptions): Promise<PdfViewerHandle>;

package/dist/viewers/pdf/self-loading.js

@@ -0,0 +1,14 @@
+// Opt-in self-loading entry (ADR 14): the only place in the core where the
+// optional peers `pdfjs-dist` / `pdf-lib` are actually imported. Platforms
+// whose bundler resolves the peers use this; others import `viewers/pdf`
+// and inject their own loaders.
+import { mountPdfViewer } from './index.js';
+export * from './index.js';
+export const selfLoadingPdfDeps = {
+    loadPdfjs: () => import('pdfjs-dist/build/pdf.mjs'),
+    loadPdfLib: () => import('pdf-lib')
+};
+/** mountPdfViewer with the core's own dynamic-import loaders. */
+export function mountSelfLoadingPdfViewer(input, container, ctx, options = {}) {
+    return mountPdfViewer(input, container, ctx, selfLoadingPdfDeps, options);
+}

package/dist/viewers/pdf/styles.d.ts

@@ -0,0 +1 @@
+export declare const pdfViewerCss = "\n/* Reverse-contamination guard for 'scoped' mode \u2014 see csv/styles.ts. */\n.omni-viewer--pdf {\n    all: initial;\n}\n.omni-viewer--pdf :where(button, input, canvas, img, span, div) {\n    all: revert;\n}\n\n:host, .omni-viewer--pdf {\n    display: block;\n    height: 100%;\n    box-sizing: border-box;\n    color: var(--omni-fg, #e8e8e8);\n    background: var(--omni-bg, #1e1e1e);\n    font-family: var(--omni-font, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);\n    font-size: var(--omni-font-size, 13px);\n}\n.omni-pdf, .omni-pdf * { box-sizing: border-box; }\n.omni-pdf {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n}\n.omni-pdf__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--omni-bg-secondary, #252526);\n    border-bottom: 1px solid var(--omni-border, #3c3c3c);\n    flex: none;\n}\n.omni-pdf__title {\n    font-weight: 600;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 40%;\n}\n.omni-pdf__toolbar {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n.omni-pdf__page-info {\n    color: var(--omni-fg-muted, #9d9d9d);\n    margin-right: 8px;\n}\n.omni-pdf__page-input {\n    width: 52px;\n    padding: 3px 5px;\n    margin-right: 5px;\n    color: var(--omni-fg, #e8e8e8);\n    background: var(--omni-input-bg, #3c3c3c);\n    border: 1px solid var(--omni-border, #3c3c3c);\n    border-radius: 4px;\n    font: inherit;\n    text-align: center;\n}\n.omni-pdf__page-input:focus {\n    outline: 1px solid var(--omni-accent, #0e639c);\n    border-color: var(--omni-accent, #0e639c);\n}\n.omni-pdf button {\n    font: inherit;\n    color: var(--omni-fg, #e8e8e8);\n    background: var(--omni-button-bg, #3a3d41);\n    border: 1px solid var(--omni-border, #3c3c3c);\n    border-radius: 4px;\n    cursor: pointer;\n}\n.omni-pdf button:hover:not(:disabled) {\n    background: var(--omni-button-hover-bg, #45494e);\n}\n.omni-pdf button:disabled {\n    opacity: 0.45;\n    cursor: not-allowed;\n}\n.omni-pdf button[aria-pressed=\"true\"] {\n    background: var(--omni-accent, #0e639c);\n    border-color: var(--omni-accent, #0e639c);\n    color: var(--omni-accent-fg, #ffffff);\n}\n.omni-pdf__tool { padding: 5px 10px; }\n.omni-pdf__markup-wrap {\n    position: relative;\n    display: inline-flex;\n}\n.omni-pdf__markup-wrap .omni-pdf__tool {\n    min-width: 34px;\n    padding: 4px 8px;\n    font-size: 21px;\n    line-height: 1;\n    border-radius: 4px 0 0 4px;\n}\n.omni-pdf__markup-menu-btn {\n    min-width: 28px;\n    padding: 0 6px;\n    border-radius: 0 4px 4px 0;\n}\n.omni-pdf__markup-menu {\n    position: absolute;\n    z-index: 20;\n    top: calc(100% + 4px);\n    left: 0;\n    display: none;\n    min-width: 170px;\n    padding: 7px;\n    background: var(--omni-bg-secondary, #252526);\n    border: 1px solid var(--omni-border, #3c3c3c);\n    border-radius: 6px;\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);\n}\n.omni-pdf__markup-menu.is-open { display: block; }\n.omni-pdf__markup-choice {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    box-sizing: border-box;\n    min-height: 32px;\n    padding: 2px 0;\n}\n.omni-pdf__markup-menu button {\n    flex: 1;\n    min-height: 32px;\n    padding: 5px 8px;\n    color: inherit;\n    font: inherit;\n}\n.omni-pdf__markup-menu button {\n    text-align: left;\n    background: transparent;\n    border-color: transparent;\n}\n.omni-pdf__markup-menu button:hover,\n.omni-pdf__markup-menu button[aria-checked=\"true\"] { background: var(--omni-button-hover-bg, #45494e); }\n.omni-pdf__markup-menu button[aria-checked=\"true\"]::before { content: \"\u2713 \"; }\n.omni-pdf__highlight-color {\n    width: 30px;\n    height: 28px;\n    padding: 2px;\n    border: 1px solid var(--omni-border, #3c3c3c);\n    border-radius: 4px;\n    background: var(--omni-button-bg, #3a3d41);\n    cursor: pointer;\n}\n.omni-pdf__highlight-color:disabled {\n    opacity: 0.45;\n    cursor: not-allowed;\n}\n.omni-pdf__zoom {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 6px;\n    background: var(--omni-bg-secondary, #252526);\n    border-bottom: 1px solid var(--omni-border, #3c3c3c);\n    flex: none;\n}\n.omni-pdf__zoom-btn {\n    width: 28px;\n    height: 28px;\n    padding: 0;\n    font-size: 18px;\n    line-height: 1;\n}\n.omni-pdf__zoom-level {\n    min-width: 56px;\n    text-align: center;\n}\n.omni-pdf__view-menu-wrap { position: relative; }\n.omni-pdf__view-menu-btn {\n    width: 30px;\n    height: 28px;\n    padding: 0;\n    font-size: 22px;\n    line-height: 1;\n}\n.omni-pdf__view-menu {\n    position: absolute;\n    z-index: 20;\n    top: calc(100% + 4px);\n    right: 0;\n    display: none;\n    min-width: 210px;\n    padding: 6px;\n    background: var(--omni-bg-secondary, #252526);\n    border: 1px solid var(--omni-border, #3c3c3c);\n    border-radius: 6px;\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);\n}\n.omni-pdf__view-menu.is-open { display: block; }\n.omni-pdf__view-menu button {\n    display: block;\n    width: 100%;\n    padding: 7px 10px;\n    text-align: left;\n    background: transparent;\n    border-color: transparent;\n}\n.omni-pdf__view-menu button:hover,\n.omni-pdf__view-menu button[aria-checked=\"true\"] {\n    background: var(--omni-button-hover-bg, #45494e);\n}\n.omni-pdf__view-menu button[aria-checked=\"true\"]::before {\n    content: \"\u2713 \";\n}\n.omni-pdf__view-menu hr {\n    height: 1px;\n    margin: 5px 2px;\n    border: 0;\n    background: var(--omni-border, #3c3c3c);\n}\n.omni-pdf__body {\n    flex: 1;\n    min-height: 0;\n    display: grid;\n    grid-template-columns: 160px minmax(0, 1fr);\n    overflow: hidden;\n}\n.omni-pdf__thumbs {\n    overflow: auto;\n    min-height: 0;\n    background: var(--omni-bg-secondary, #252526);\n    border-right: 1px solid var(--omni-border, #3c3c3c);\n    padding: 8px;\n}\n.omni-pdf__thumb {\n    position: relative;\n    display: flex;\n    width: 100%;\n    min-height: 130px;\n    margin: 0 0 8px;\n    padding: 6px;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: 4px;\n    background: transparent;\n}\n.omni-pdf__thumb:hover,\n.omni-pdf__thumb[aria-current] {\n    background: var(--omni-button-hover-bg, #45494e);\n    border-color: var(--omni-accent, #0e639c);\n}\n.omni-pdf__thumb.is-dragging { opacity: 0.5; }\n.omni-pdf__thumb.drop-before::before,\n.omni-pdf__thumb.drop-after::after {\n    content: \"\";\n    position: absolute;\n    left: -4px;\n    right: -4px;\n    height: 3px;\n    background: var(--omni-accent, #0e639c);\n    border-radius: 2px;\n    z-index: 4;\n}\n.omni-pdf__thumb.drop-before::before { top: -6px; }\n.omni-pdf__thumb.drop-after::after { bottom: -6px; }\n.omni-pdf__thumb canvas {\n    max-width: 100%;\n    background: #ffffff;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);\n}\n.omni-pdf__thumb-label {\n    font-family: var(--omni-font-mono, Monaco, Menlo, monospace);\n    font-size: 10px;\n    color: var(--omni-fg-muted, #9d9d9d);\n}\n.omni-pdf__thumb-remove {\n    position: absolute;\n    top: 2px;\n    right: 2px;\n    width: 22px;\n    height: 22px;\n    padding: 0;\n    border-radius: 50%;\n}\n.omni-pdf__pages {\n    overflow: auto;\n    position: relative;\n    padding: 20px;\n    min-width: 0;\n    min-height: 0;\n}\n.omni-pdf__pages--spread {\n    display: grid;\n    grid-template-columns: repeat(2, max-content);\n    align-content: start;\n    justify-content: center;\n    column-gap: 16px;\n}\n.omni-pdf__spread-blank {\n    min-width: 1px;\n}\n.omni-pdf__pages--theme .omni-pdf__page {\n    background: var(--omni-bg-secondary, #252526);\n}\n.omni-pdf__pages--theme .omni-pdf__page canvas {\n    filter: invert(0.92) hue-rotate(180deg);\n}\n.omni-pdf__page {\n    position: relative;\n    margin: 0 auto 16px;\n    background: #ffffff; /* paper */\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);\n}\n.omni-pdf__page canvas {\n    display: block;\n    max-width: 100%;\n    height: auto;\n}\n.omni-pdf__placeholder {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    align-items: center;\n    justify-content: center;\n    color: var(--omni-fg-muted, #9d9d9d);\n}\n.omni-pdf__text-layer {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    overflow: clip;\n    opacity: 1;\n    line-height: 1;\n    text-align: initial;\n    text-size-adjust: none;\n    forced-color-adjust: none;\n    transform-origin: 0 0;\n    caret-color: CanvasText;\n    pointer-events: auto;\n    user-select: text;\n    -webkit-user-select: text;\n}\n.omni-pdf__text-layer span,\n.omni-pdf__text-layer br {\n    position: absolute;\n    white-space: pre;\n    color: transparent;\n    cursor: text;\n    transform-origin: 0 0;\n    user-select: text;\n    -webkit-user-select: text;\n}\n.omni-pdf__text-layer ::selection {\n    background: rgba(14, 99, 156, 0.35);\n}\n/* While placing text/signature, let clicks fall through to the canvas. */\n.omni-pdf__pages--placing .omni-pdf__text-layer {\n    pointer-events: none;\n    user-select: none;\n}\n.omni-pdf__annotation {\n    position: absolute;\n    z-index: 2;\n    padding: 0;\n    color: #111111; /* ink on paper */\n    cursor: move;\n    touch-action: none;\n}\n.omni-pdf button.omni-pdf__annotation {\n    background: transparent;\n    border: 0;\n    font: inherit;\n}\n.omni-pdf__annotation img {\n    display: block;\n    pointer-events: none;\n}\n.omni-pdf__annotation.is-selected,\n.omni-pdf__annotation:hover,\n.omni-pdf__annotation.is-hovered,\n.omni-pdf__annotation:focus-visible,\n.omni-pdf__annotation:focus-within {\n    outline: 1px solid var(--omni-accent, #0e639c);\n    outline-offset: 2px;\n}\n.omni-pdf__annotation-delete {\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    z-index: 1;\n    display: none;\n    width: 18px;\n    height: 18px;\n    padding: 0;\n    border: 1px solid var(--omni-border, #3c3c3c);\n    border-radius: 50%;\n    background: var(--omni-bg-secondary, #252526);\n    color: var(--omni-fg, #e8e8e8);\n    font-size: 15px;\n    line-height: 14px;\n    cursor: pointer;\n}\n.omni-pdf__annotation.is-selected .omni-pdf__annotation-delete,\n.omni-pdf__annotation:hover .omni-pdf__annotation-delete,\n.omni-pdf__annotation:focus-visible .omni-pdf__annotation-delete,\n.omni-pdf__annotation:focus-within .omni-pdf__annotation-delete {\n    display: block;\n}\n.omni-pdf__highlight {\n    background: var(--omni-hl-color, #ffeb3b);\n    mix-blend-mode: multiply;\n    cursor: pointer;\n}\n.omni-pdf__strikeout {\n    background: transparent;\n    cursor: pointer;\n}\n.omni-pdf__strikeout::after {\n    position: absolute;\n    top: calc(50% - 1px);\n    left: 0;\n    width: 100%;\n    height: 2px;\n    content: '';\n    background: var(--omni-hl-color, #ffeb3b);\n}\n.omni-pdf__underline {\n    background: transparent;\n    cursor: pointer;\n}\n.omni-pdf__underline::after {\n    position: absolute;\n    bottom: 8%;\n    left: 0;\n    width: 100%;\n    height: 2px;\n    content: '';\n    background: var(--omni-hl-color, #ffeb3b);\n}\n.omni-pdf__text-editor {\n    position: absolute;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px;\n    background: var(--omni-bg-secondary, #252526);\n    border: 1px solid var(--omni-accent, #0e639c);\n    border-radius: 3px;\n}\n.omni-pdf__text-input {\n    min-width: 160px;\n    font: inherit;\n    color: #111111;\n    background: #ffffff;\n    border: 0;\n    border-radius: 2px;\n    padding: 2px 4px;\n}\n.omni-pdf__text-size-input {\n    width: 52px;\n    font: inherit;\n}\n.omni-pdf__color-input {\n    width: 28px;\n    height: 24px;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    cursor: pointer;\n}\n.omni-pdf__status {\n    padding: 8px 12px;\n    color: var(--omni-fg-muted, #9d9d9d);\n    border-top: 1px solid var(--omni-border, #3c3c3c);\n    flex: none;\n}\n.omni-pdf__status--error {\n    color: var(--omni-error-fg, #f48771);\n    font-weight: 600;\n}\n.omni-pdf__modal {\n    /* A dialog must be positioned against the visible viewport.  Anchoring it\n       to the flex viewer made it drift when the host or page list scrolled. */\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0, 0, 0, 0.55);\n}\n.omni-pdf__modal.is-open { display: flex; }\n.omni-pdf__panel {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 18px;\n    background: var(--omni-bg-secondary, #252526);\n    border: 1px solid var(--omni-border, #3c3c3c);\n    border-radius: 8px;\n}\n.omni-pdf__panel input {\n    font: inherit;\n    color: var(--omni-fg, #e8e8e8);\n    background: var(--omni-input-bg, #3c3c3c);\n    border: 1px solid var(--omni-border, #3c3c3c);\n    border-radius: 4px;\n    padding: 6px 8px;\n}\n.omni-pdf__field {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n}\n.omni-pdf__field input[type=\"color\"] {\n    width: 40px;\n    height: 26px;\n    padding: 0;\n    background: transparent;\n    cursor: pointer;\n}\n.omni-pdf__panel button { padding: 5px 12px; }\n.omni-pdf__panel-actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n}\n.omni-pdf__error {\n    color: var(--omni-error-fg, #f48771);\n}\n.omni-pdf__signature-pad {\n    display: block;\n    width: min(480px, 80vw);\n    height: auto;\n    background: #ffffff;\n    touch-action: none;\n}\n@media (max-width: 720px) {\n    .omni-pdf__body {\n        grid-template-columns: minmax(0, 1fr);\n        grid-template-rows: minmax(120px, 30vh) minmax(0, 1fr);\n    }\n    .omni-pdf__thumbs {\n        border-right: 0;\n        border-bottom: 1px solid var(--omni-border, #3c3c3c);\n    }\n    .omni-pdf__pages { grid-row: 2; }\n}\n";

package/dist/viewers/pdf/styles.js

@@ -0,0 +1,555 @@
+// PDF viewer stylesheet. Single source for both delivery forms (DESIGN.md §6).
+// Only --omni-* tokens (with fallbacks); the white page background is the
+// deliberate "paper" color, not a theme value.
+export const pdfViewerCss = `
+/* Reverse-contamination guard for 'scoped' mode — see csv/styles.ts. */
+.omni-viewer--pdf {
+    all: initial;
+}
+.omni-viewer--pdf :where(button, input, canvas, img, span, div) {
+    all: revert;
+}
+
+:host, .omni-viewer--pdf {
+    display: block;
+    height: 100%;
+    box-sizing: border-box;
+    color: var(--omni-fg, #e8e8e8);
+    background: var(--omni-bg, #1e1e1e);
+    font-family: var(--omni-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+    font-size: var(--omni-font-size, 13px);
+}
+.omni-pdf, .omni-pdf * { box-sizing: border-box; }
+.omni-pdf {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+}
+.omni-pdf__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    padding: 8px 12px;
+    background: var(--omni-bg-secondary, #252526);
+    border-bottom: 1px solid var(--omni-border, #3c3c3c);
+    flex: none;
+}
+.omni-pdf__title {
+    font-weight: 600;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 40%;
+}
+.omni-pdf__toolbar {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 6px;
+}
+.omni-pdf__page-info {
+    color: var(--omni-fg-muted, #9d9d9d);
+    margin-right: 8px;
+}
+.omni-pdf__page-input {
+    width: 52px;
+    padding: 3px 5px;
+    margin-right: 5px;
+    color: var(--omni-fg, #e8e8e8);
+    background: var(--omni-input-bg, #3c3c3c);
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 4px;
+    font: inherit;
+    text-align: center;
+}
+.omni-pdf__page-input:focus {
+    outline: 1px solid var(--omni-accent, #0e639c);
+    border-color: var(--omni-accent, #0e639c);
+}
+.omni-pdf button {
+    font: inherit;
+    color: var(--omni-fg, #e8e8e8);
+    background: var(--omni-button-bg, #3a3d41);
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 4px;
+    cursor: pointer;
+}
+.omni-pdf button:hover:not(:disabled) {
+    background: var(--omni-button-hover-bg, #45494e);
+}
+.omni-pdf button:disabled {
+    opacity: 0.45;
+    cursor: not-allowed;
+}
+.omni-pdf button[aria-pressed="true"] {
+    background: var(--omni-accent, #0e639c);
+    border-color: var(--omni-accent, #0e639c);
+    color: var(--omni-accent-fg, #ffffff);
+}
+.omni-pdf__tool { padding: 5px 10px; }
+.omni-pdf__markup-wrap {
+    position: relative;
+    display: inline-flex;
+}
+.omni-pdf__markup-wrap .omni-pdf__tool {
+    min-width: 34px;
+    padding: 4px 8px;
+    font-size: 21px;
+    line-height: 1;
+    border-radius: 4px 0 0 4px;
+}
+.omni-pdf__markup-menu-btn {
+    min-width: 28px;
+    padding: 0 6px;
+    border-radius: 0 4px 4px 0;
+}
+.omni-pdf__markup-menu {
+    position: absolute;
+    z-index: 20;
+    top: calc(100% + 4px);
+    left: 0;
+    display: none;
+    min-width: 170px;
+    padding: 7px;
+    background: var(--omni-bg-secondary, #252526);
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 6px;
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
+}
+.omni-pdf__markup-menu.is-open { display: block; }
+.omni-pdf__markup-choice {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    box-sizing: border-box;
+    min-height: 32px;
+    padding: 2px 0;
+}
+.omni-pdf__markup-menu button {
+    flex: 1;
+    min-height: 32px;
+    padding: 5px 8px;
+    color: inherit;
+    font: inherit;
+}
+.omni-pdf__markup-menu button {
+    text-align: left;
+    background: transparent;
+    border-color: transparent;
+}
+.omni-pdf__markup-menu button:hover,
+.omni-pdf__markup-menu button[aria-checked="true"] { background: var(--omni-button-hover-bg, #45494e); }
+.omni-pdf__markup-menu button[aria-checked="true"]::before { content: "✓ "; }
+.omni-pdf__highlight-color {
+    width: 30px;
+    height: 28px;
+    padding: 2px;
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 4px;
+    background: var(--omni-button-bg, #3a3d41);
+    cursor: pointer;
+}
+.omni-pdf__highlight-color:disabled {
+    opacity: 0.45;
+    cursor: not-allowed;
+}
+.omni-pdf__zoom {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    padding: 6px;
+    background: var(--omni-bg-secondary, #252526);
+    border-bottom: 1px solid var(--omni-border, #3c3c3c);
+    flex: none;
+}
+.omni-pdf__zoom-btn {
+    width: 28px;
+    height: 28px;
+    padding: 0;
+    font-size: 18px;
+    line-height: 1;
+}
+.omni-pdf__zoom-level {
+    min-width: 56px;
+    text-align: center;
+}
+.omni-pdf__view-menu-wrap { position: relative; }
+.omni-pdf__view-menu-btn {
+    width: 30px;
+    height: 28px;
+    padding: 0;
+    font-size: 22px;
+    line-height: 1;
+}
+.omni-pdf__view-menu {
+    position: absolute;
+    z-index: 20;
+    top: calc(100% + 4px);
+    right: 0;
+    display: none;
+    min-width: 210px;
+    padding: 6px;
+    background: var(--omni-bg-secondary, #252526);
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 6px;
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
+}
+.omni-pdf__view-menu.is-open { display: block; }
+.omni-pdf__view-menu button {
+    display: block;
+    width: 100%;
+    padding: 7px 10px;
+    text-align: left;
+    background: transparent;
+    border-color: transparent;
+}
+.omni-pdf__view-menu button:hover,
+.omni-pdf__view-menu button[aria-checked="true"] {
+    background: var(--omni-button-hover-bg, #45494e);
+}
+.omni-pdf__view-menu button[aria-checked="true"]::before {
+    content: "✓ ";
+}
+.omni-pdf__view-menu hr {
+    height: 1px;
+    margin: 5px 2px;
+    border: 0;
+    background: var(--omni-border, #3c3c3c);
+}
+.omni-pdf__body {
+    flex: 1;
+    min-height: 0;
+    display: grid;
+    grid-template-columns: 160px minmax(0, 1fr);
+    overflow: hidden;
+}
+.omni-pdf__thumbs {
+    overflow: auto;
+    min-height: 0;
+    background: var(--omni-bg-secondary, #252526);
+    border-right: 1px solid var(--omni-border, #3c3c3c);
+    padding: 8px;
+}
+.omni-pdf__thumb {
+    position: relative;
+    display: flex;
+    width: 100%;
+    min-height: 130px;
+    margin: 0 0 8px;
+    padding: 6px;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    gap: 4px;
+    background: transparent;
+}
+.omni-pdf__thumb:hover,
+.omni-pdf__thumb[aria-current] {
+    background: var(--omni-button-hover-bg, #45494e);
+    border-color: var(--omni-accent, #0e639c);
+}
+.omni-pdf__thumb.is-dragging { opacity: 0.5; }
+.omni-pdf__thumb.drop-before::before,
+.omni-pdf__thumb.drop-after::after {
+    content: "";
+    position: absolute;
+    left: -4px;
+    right: -4px;
+    height: 3px;
+    background: var(--omni-accent, #0e639c);
+    border-radius: 2px;
+    z-index: 4;
+}
+.omni-pdf__thumb.drop-before::before { top: -6px; }
+.omni-pdf__thumb.drop-after::after { bottom: -6px; }
+.omni-pdf__thumb canvas {
+    max-width: 100%;
+    background: #ffffff;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
+}
+.omni-pdf__thumb-label {
+    font-family: var(--omni-font-mono, Monaco, Menlo, monospace);
+    font-size: 10px;
+    color: var(--omni-fg-muted, #9d9d9d);
+}
+.omni-pdf__thumb-remove {
+    position: absolute;
+    top: 2px;
+    right: 2px;
+    width: 22px;
+    height: 22px;
+    padding: 0;
+    border-radius: 50%;
+}
+.omni-pdf__pages {
+    overflow: auto;
+    position: relative;
+    padding: 20px;
+    min-width: 0;
+    min-height: 0;
+}
+.omni-pdf__pages--spread {
+    display: grid;
+    grid-template-columns: repeat(2, max-content);
+    align-content: start;
+    justify-content: center;
+    column-gap: 16px;
+}
+.omni-pdf__spread-blank {
+    min-width: 1px;
+}
+.omni-pdf__pages--theme .omni-pdf__page {
+    background: var(--omni-bg-secondary, #252526);
+}
+.omni-pdf__pages--theme .omni-pdf__page canvas {
+    filter: invert(0.92) hue-rotate(180deg);
+}
+.omni-pdf__page {
+    position: relative;
+    margin: 0 auto 16px;
+    background: #ffffff; /* paper */
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
+}
+.omni-pdf__page canvas {
+    display: block;
+    max-width: 100%;
+    height: auto;
+}
+.omni-pdf__placeholder {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+    color: var(--omni-fg-muted, #9d9d9d);
+}
+.omni-pdf__text-layer {
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+    overflow: clip;
+    opacity: 1;
+    line-height: 1;
+    text-align: initial;
+    text-size-adjust: none;
+    forced-color-adjust: none;
+    transform-origin: 0 0;
+    caret-color: CanvasText;
+    pointer-events: auto;
+    user-select: text;
+    -webkit-user-select: text;
+}
+.omni-pdf__text-layer span,
+.omni-pdf__text-layer br {
+    position: absolute;
+    white-space: pre;
+    color: transparent;
+    cursor: text;
+    transform-origin: 0 0;
+    user-select: text;
+    -webkit-user-select: text;
+}
+.omni-pdf__text-layer ::selection {
+    background: rgba(14, 99, 156, 0.35);
+}
+/* While placing text/signature, let clicks fall through to the canvas. */
+.omni-pdf__pages--placing .omni-pdf__text-layer {
+    pointer-events: none;
+    user-select: none;
+}
+.omni-pdf__annotation {
+    position: absolute;
+    z-index: 2;
+    padding: 0;
+    color: #111111; /* ink on paper */
+    cursor: move;
+    touch-action: none;
+}
+.omni-pdf button.omni-pdf__annotation {
+    background: transparent;
+    border: 0;
+    font: inherit;
+}
+.omni-pdf__annotation img {
+    display: block;
+    pointer-events: none;
+}
+.omni-pdf__annotation.is-selected,
+.omni-pdf__annotation:hover,
+.omni-pdf__annotation.is-hovered,
+.omni-pdf__annotation:focus-visible,
+.omni-pdf__annotation:focus-within {
+    outline: 1px solid var(--omni-accent, #0e639c);
+    outline-offset: 2px;
+}
+.omni-pdf__annotation-delete {
+    position: absolute;
+    top: -10px;
+    right: -10px;
+    z-index: 1;
+    display: none;
+    width: 18px;
+    height: 18px;
+    padding: 0;
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 50%;
+    background: var(--omni-bg-secondary, #252526);
+    color: var(--omni-fg, #e8e8e8);
+    font-size: 15px;
+    line-height: 14px;
+    cursor: pointer;
+}
+.omni-pdf__annotation.is-selected .omni-pdf__annotation-delete,
+.omni-pdf__annotation:hover .omni-pdf__annotation-delete,
+.omni-pdf__annotation:focus-visible .omni-pdf__annotation-delete,
+.omni-pdf__annotation:focus-within .omni-pdf__annotation-delete {
+    display: block;
+}
+.omni-pdf__highlight {
+    background: var(--omni-hl-color, #ffeb3b);
+    mix-blend-mode: multiply;
+    cursor: pointer;
+}
+.omni-pdf__strikeout {
+    background: transparent;
+    cursor: pointer;
+}
+.omni-pdf__strikeout::after {
+    position: absolute;
+    top: calc(50% - 1px);
+    left: 0;
+    width: 100%;
+    height: 2px;
+    content: '';
+    background: var(--omni-hl-color, #ffeb3b);
+}
+.omni-pdf__underline {
+    background: transparent;
+    cursor: pointer;
+}
+.omni-pdf__underline::after {
+    position: absolute;
+    bottom: 8%;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    content: '';
+    background: var(--omni-hl-color, #ffeb3b);
+}
+.omni-pdf__text-editor {
+    position: absolute;
+    z-index: 3;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    padding: 3px;
+    background: var(--omni-bg-secondary, #252526);
+    border: 1px solid var(--omni-accent, #0e639c);
+    border-radius: 3px;
+}
+.omni-pdf__text-input {
+    min-width: 160px;
+    font: inherit;
+    color: #111111;
+    background: #ffffff;
+    border: 0;
+    border-radius: 2px;
+    padding: 2px 4px;
+}
+.omni-pdf__text-size-input {
+    width: 52px;
+    font: inherit;
+}
+.omni-pdf__color-input {
+    width: 28px;
+    height: 24px;
+    padding: 0;
+    border: 0;
+    background: transparent;
+    cursor: pointer;
+}
+.omni-pdf__status {
+    padding: 8px 12px;
+    color: var(--omni-fg-muted, #9d9d9d);
+    border-top: 1px solid var(--omni-border, #3c3c3c);
+    flex: none;
+}
+.omni-pdf__status--error {
+    color: var(--omni-error-fg, #f48771);
+    font-weight: 600;
+}
+.omni-pdf__modal {
+    /* A dialog must be positioned against the visible viewport.  Anchoring it
+       to the flex viewer made it drift when the host or page list scrolled. */
+    position: fixed;
+    inset: 0;
+    z-index: 1000;
+    display: none;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 0, 0, 0.55);
+}
+.omni-pdf__modal.is-open { display: flex; }
+.omni-pdf__panel {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    padding: 18px;
+    background: var(--omni-bg-secondary, #252526);
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 8px;
+}
+.omni-pdf__panel input {
+    font: inherit;
+    color: var(--omni-fg, #e8e8e8);
+    background: var(--omni-input-bg, #3c3c3c);
+    border: 1px solid var(--omni-border, #3c3c3c);
+    border-radius: 4px;
+    padding: 6px 8px;
+}
+.omni-pdf__field {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+}
+.omni-pdf__field input[type="color"] {
+    width: 40px;
+    height: 26px;
+    padding: 0;
+    background: transparent;
+    cursor: pointer;
+}
+.omni-pdf__panel button { padding: 5px 12px; }
+.omni-pdf__panel-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+}
+.omni-pdf__error {
+    color: var(--omni-error-fg, #f48771);
+}
+.omni-pdf__signature-pad {
+    display: block;
+    width: min(480px, 80vw);
+    height: auto;
+    background: #ffffff;
+    touch-action: none;
+}
+@media (max-width: 720px) {
+    .omni-pdf__body {
+        grid-template-columns: minmax(0, 1fr);
+        grid-template-rows: minmax(120px, 30vh) minmax(0, 1fr);
+    }
+    .omni-pdf__thumbs {
+        border-right: 0;
+        border-bottom: 1px solid var(--omni-border, #3c3c3c);
+    }
+    .omni-pdf__pages { grid-row: 2; }
+}
+`;

package/dist/viewers/plantuml/index.d.ts

@@ -0,0 +1,17 @@
+import type { HostContext } from '../../host/index.js';
+import { diagramViewerCss, type DiagramMountOptions } from '../diagram.js';
+import type { ViewerHandle, ViewerInput } from '../types.js';
+export { parsePlantUml } from '../../parsers/plantuml/index.js';
+export { diagramViewerCss as plantumlViewerCss };
+export type PlantUmlViewerContext = HostContext;
+export type PlantUmlMountOptions = DiagramMountOptions;
+export declare const PLANTUML_VIEWER_META: {
+    id: string;
+    displayNameKey: string;
+    extensions: string[];
+    priority: number;
+    requiredServices: readonly [];
+    optionalServices: readonly [];
+    inputOwnership: "borrows";
+};
+export declare function mountPlantUmlViewer(input: ViewerInput, container: HTMLElement, ctx: PlantUmlViewerContext, options?: PlantUmlMountOptions): Promise<ViewerHandle>;

package/dist/viewers/plantuml/index.js

@@ -0,0 +1,6 @@
+import { parsePlantUml } from '../../parsers/plantuml/index.js';
+import { diagramViewerCss, mountDiagramViewer } from '../diagram.js';
+export { parsePlantUml } from '../../parsers/plantuml/index.js';
+export { diagramViewerCss as plantumlViewerCss };
+export const PLANTUML_VIEWER_META = { id: 'plantuml', displayNameKey: 'plantuml.title', extensions: ['puml', 'plantuml', 'iuml'], priority: 20, requiredServices: [], optionalServices: [], inputOwnership: 'borrows' };
+export function mountPlantUmlViewer(input, container, ctx, options = {}) { return mountDiagramViewer('plantuml', parsePlantUml(input.data), input, container, ctx, options); }

package/dist/viewers/plantuml/self-loading.d.ts

@@ -0,0 +1,2 @@
+import type { PlantUmlMountOptions } from './index.js';
+export declare function loadPlantUmlRenderer(): Promise<Pick<PlantUmlMountOptions, 'renderPlantUml'>>;

package/dist/viewers/plantuml/self-loading.js

@@ -0,0 +1,2 @@
+export async function loadPlantUmlRenderer() { const mod = await import('puml-canvas-js'); if (!mod.render)
+    throw new Error('PlantUML renderer is unavailable.'); return { renderPlantUml: (source, document) => mod.render(source, { document }) }; }

package/dist/viewers/ppt/chart.d.ts

@@ -0,0 +1,8 @@
+import type { SlideChartData } from '../../parsers/slide-model.js';
+export interface ChartBounds {
+    min: number;
+    max: number;
+}
+export declare function computeChartBounds(data: SlideChartData): ChartBounds;
+export declare function formatChartValue(value: number, format: string | undefined): string;
+export declare function drawChart(canvas: HTMLCanvasElement, data: SlideChartData): void;