@docmentis/udoc-viewer 0.1.0

package/dist/ui/components/OutlineContent.js

@@ -0,0 +1,147 @@
+import { Component } from '../Component';
+import { ICONS } from '../icons';
+/**
+ * OutlineContent renders the document outline (table of contents) in the left panel.
+ *
+ * Features:
+ * - Hierarchical tree structure with expand/collapse
+ * - Click to navigate to destination
+ * - Preserves collapse state across re-renders
+ */
+export class OutlineContent extends Component {
+    outlineItems = [];
+    collapsedItems = new Set();
+    onNavigate;
+    constructor(viewer, onNavigate) {
+        super(viewer);
+        this.onNavigate = onNavigate;
+    }
+    createElement() {
+        const container = document.createElement('div');
+        container.className = 'udoc-outline-content';
+        return container;
+    }
+    /**
+     * Set outline items and initialize collapse state from PDF data.
+     */
+    setOutlineItems(items) {
+        this.outlineItems = items;
+        this.collapsedItems.clear();
+        this.initializeCollapseState(items, '');
+    }
+    /**
+     * Initialize collapse state based on PDF's initiallyCollapsed flag.
+     */
+    initializeCollapseState(items, pathPrefix) {
+        for (let i = 0; i < items.length; i++) {
+            const item = items[i];
+            const itemPath = pathPrefix ? `${pathPrefix}.${i}` : `${i}`;
+            if (item.initiallyCollapsed && item.children && item.children.length > 0) {
+                this.collapsedItems.add(itemPath);
+            }
+            if (item.children && item.children.length > 0) {
+                this.initializeCollapseState(item.children, itemPath);
+            }
+        }
+    }
+    /**
+     * Render the outline. Call this after setting outline items.
+     */
+    render() {
+        this.element.innerHTML = '';
+        if (this.outlineItems.length === 0) {
+            this.renderPlaceholder();
+            return;
+        }
+        const container = document.createElement('div');
+        container.className = 'udoc-outline';
+        this.renderOutlineItems(container, this.outlineItems, 0, '');
+        this.element.appendChild(container);
+    }
+    renderPlaceholder() {
+        const placeholder = document.createElement('div');
+        placeholder.className = 'udoc-panel-placeholder';
+        placeholder.innerHTML = `
+            <div class="udoc-placeholder-icon">${ICONS.outline}</div>
+            <div class="udoc-placeholder-title">Outline</div>
+            <div class="udoc-placeholder-message">No outline available</div>
+        `;
+        this.element.appendChild(placeholder);
+    }
+    renderOutlineItems(container, items, level, pathPrefix) {
+        for (let i = 0; i < items.length; i++) {
+            const item = items[i];
+            const itemPath = pathPrefix ? `${pathPrefix}.${i}` : `${i}`;
+            const hasChildren = item.children && item.children.length > 0;
+            const isCollapsed = this.collapsedItems.has(itemPath);
+            // Create node container (item + children)
+            const nodeEl = document.createElement('div');
+            nodeEl.className = 'udoc-outline-node';
+            // Create outline item element
+            const itemEl = document.createElement('div');
+            itemEl.className = 'udoc-outline-item';
+            itemEl.style.paddingLeft = `${12 + level * 16}px`;
+            // Add expand/collapse toggle for items with children
+            let childrenEl = null;
+            if (hasChildren) {
+                const toggle = document.createElement('span');
+                toggle.className = 'udoc-outline-toggle' + (isCollapsed ? ' collapsed' : '');
+                toggle.innerHTML = ICONS.chevronDown;
+                toggle.addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    this.toggleItem(itemPath, toggle, childrenEl);
+                });
+                itemEl.appendChild(toggle);
+            }
+            else {
+                // Placeholder to maintain alignment
+                const placeholder = document.createElement('span');
+                placeholder.className = 'udoc-outline-toggle-placeholder';
+                itemEl.appendChild(placeholder);
+            }
+            // Title text
+            const title = document.createElement('span');
+            title.className = 'udoc-outline-title';
+            title.textContent = item.title;
+            itemEl.appendChild(title);
+            // Make clickable if has destination
+            if (item.destination) {
+                itemEl.classList.add('clickable');
+                const dest = item.destination;
+                itemEl.addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    this.onNavigate(dest);
+                });
+            }
+            nodeEl.appendChild(itemEl);
+            // Render children container if any
+            if (hasChildren) {
+                childrenEl = document.createElement('div');
+                childrenEl.className = 'udoc-outline-children' + (isCollapsed ? ' collapsed' : '');
+                this.renderOutlineItems(childrenEl, item.children, level + 1, itemPath);
+                nodeEl.appendChild(childrenEl);
+            }
+            container.appendChild(nodeEl);
+        }
+    }
+    toggleItem(itemPath, toggle, childrenEl) {
+        const isCollapsed = this.collapsedItems.has(itemPath);
+        if (isCollapsed) {
+            // Expand
+            this.collapsedItems.delete(itemPath);
+            toggle.classList.remove('collapsed');
+            if (childrenEl) {
+                childrenEl.classList.remove('collapsed');
+            }
+        }
+        else {
+            // Collapse
+            this.collapsedItems.add(itemPath);
+            toggle.classList.add('collapsed');
+            if (childrenEl) {
+                childrenEl.classList.add('collapsed');
+            }
+        }
+    }
+}
+//# sourceMappingURL=OutlineContent.js.map

package/dist/ui/components/OutlineContent.js.map

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

package/dist/ui/components/RightPanel.d.ts

@@ -0,0 +1,52 @@
+import { Component } from '../Component';
+import type { UDocViewer } from '../../UDocViewer';
+import type { RightPanelTab } from '../../core/types';
+export interface RightPanelOptions {
+    initialWidth?: number;
+    initialOpen?: boolean;
+    initialTab?: RightPanelTab;
+}
+/**
+ * Right panel component for comments and search.
+ *
+ * Contains:
+ * - Content area for the selected tab (comments or search)
+ * - Resize handle for adjusting panel width
+ *
+ * Note: This panel doesn't have visible tabs - tab switching is done via
+ * header toolbar buttons (search and comments icons).
+ */
+export declare class RightPanel extends Component<HTMLDivElement> {
+    private options;
+    private contentEl;
+    private resizeHandle;
+    private panelWidth;
+    private commentsContent;
+    constructor(viewer: UDocViewer, options?: RightPanelOptions);
+    protected createElement(): HTMLDivElement;
+    protected bindEvents(): void;
+    private setupPanelResize;
+    protected subscribeToState(): void;
+    /**
+     * Render the appropriate content for the active tab.
+     */
+    private renderContent;
+    /**
+     * Render comments content using CommentsContent component.
+     */
+    private renderCommentsContent;
+    /**
+     * Get the content element for rendering panel content.
+     * Used by the viewer to render comments, search, etc.
+     */
+    getContentElement(): HTMLDivElement | null;
+    /**
+     * Get the current panel width.
+     */
+    getWidth(): number;
+    /**
+     * Set the panel width.
+     */
+    setWidth(width: number): void;
+}
+//# sourceMappingURL=RightPanel.d.ts.map

package/dist/ui/components/RightPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightPanel.d.ts","sourceRoot":"","sources":["../../../src/ui/components/RightPanel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,WAAW,iBAAiB;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC9B;AAED;;;;;;;;;GASG;AACH,qBAAa,UAAW,SAAQ,SAAS,CAAC,cAAc,CAAC;IACrD,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,SAAS,CAA+B;IAChD,OAAO,CAAC,YAAY,CAA+B;IACnD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,eAAe,CAAgC;gBAE3C,MAAM,EAAE,UAAU,EAAE,OAAO,GAAE,iBAAsB;IAM/D,SAAS,CAAC,aAAa,IAAI,cAAc;IAuBzC,SAAS,CAAC,UAAU,IAAI,IAAI;IAK5B,OAAO,CAAC,gBAAgB;IAgCxB,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAiBlC;;OAEG;IACH,OAAO,CAAC,aAAa;IAgBrB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAkB7B;;;OAGG;IACH,iBAAiB,IAAI,cAAc,GAAG,IAAI;IAI1C;;OAEG;IACH,QAAQ,IAAI,MAAM;IAIlB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;CAIhC"}

package/dist/ui/components/RightPanel.js

@@ -0,0 +1,142 @@
+import { Component } from '../Component';
+import { CommentsContent } from './CommentsContent';
+/**
+ * Right panel component for comments and search.
+ *
+ * Contains:
+ * - Content area for the selected tab (comments or search)
+ * - Resize handle for adjusting panel width
+ *
+ * Note: This panel doesn't have visible tabs - tab switching is done via
+ * header toolbar buttons (search and comments icons).
+ */
+export class RightPanel extends Component {
+    options;
+    contentEl = null;
+    resizeHandle = null;
+    panelWidth;
+    commentsContent = null;
+    constructor(viewer, options = {}) {
+        super(viewer);
+        this.options = options;
+        this.panelWidth = options.initialWidth ?? 240;
+    }
+    createElement() {
+        const initialWidth = this.options.initialWidth ?? 240;
+        const initialOpen = this.options.initialOpen ?? this.viewer.state.get('rightPanelOpen');
+        const panel = document.createElement('div');
+        panel.className = 'udoc-panel right no-tabs';
+        panel.style.width = `${initialWidth}px`;
+        if (!initialOpen) {
+            panel.classList.add('collapsed');
+        }
+        // Resize handle (comes first in DOM due to flex-direction: row-reverse)
+        this.resizeHandle = document.createElement('div');
+        this.resizeHandle.className = 'udoc-panel-resize';
+        // Content area
+        this.contentEl = document.createElement('div');
+        this.contentEl.className = 'udoc-panel-content';
+        panel.append(this.resizeHandle, this.contentEl);
+        return panel;
+    }
+    bindEvents() {
+        // Panel resize
+        this.setupPanelResize();
+    }
+    setupPanelResize() {
+        if (!this.resizeHandle)
+            return;
+        let startX = 0;
+        let startWidth = 0;
+        const onMouseMove = (e) => {
+            // Right panel resizes in opposite direction
+            const delta = startX - e.clientX;
+            const newWidth = Math.max(240, Math.min(500, startWidth + delta));
+            this.panelWidth = newWidth;
+            this.element.style.width = `${newWidth}px`;
+        };
+        const onMouseUp = () => {
+            this.resizeHandle.classList.remove('resizing');
+            document.removeEventListener('mousemove', onMouseMove);
+            document.removeEventListener('mouseup', onMouseUp);
+            // Notify viewer to recalculate zoom if needed
+            this.viewer.handlePanelResize();
+        };
+        this.addEventListener(this.resizeHandle, 'mousedown', (e) => {
+            e.preventDefault();
+            startX = e.clientX;
+            startWidth = this.panelWidth;
+            this.resizeHandle.classList.add('resizing');
+            document.addEventListener('mousemove', onMouseMove);
+            document.addEventListener('mouseup', onMouseUp);
+        });
+    }
+    subscribeToState() {
+        // Subscribe to panel open state
+        this.subscribe('rightPanelOpen', (isOpen) => {
+            this.element.classList.toggle('collapsed', !isOpen);
+            if (isOpen) {
+                this.renderContent();
+            }
+        });
+        // Subscribe to active tab changes
+        this.subscribe('rightPanelActiveTab', () => {
+            if (this.viewer.state.get('rightPanelOpen')) {
+                this.renderContent();
+            }
+        });
+    }
+    /**
+     * Render the appropriate content for the active tab.
+     */
+    renderContent() {
+        if (!this.contentEl)
+            return;
+        const activeTab = this.viewer.state.get('rightPanelActiveTab');
+        switch (activeTab) {
+            case 'comments':
+                this.renderCommentsContent();
+                break;
+            default:
+                // Search - delegate to viewer
+                this.viewer.renderRightPanelContent();
+                break;
+        }
+    }
+    /**
+     * Render comments content using CommentsContent component.
+     */
+    renderCommentsContent() {
+        if (!this.contentEl)
+            return;
+        this.contentEl.innerHTML = '';
+        // Create comments content if needed
+        if (!this.commentsContent) {
+            this.commentsContent = new CommentsContent(this.viewer, () => this.viewer.getAnnotationsWithMetadata(), (pageIndex) => this.viewer.goToPage(pageIndex)).init();
+        }
+        // Render comments
+        this.commentsContent.render();
+        this.contentEl.appendChild(this.commentsContent.getElement());
+    }
+    /**
+     * Get the content element for rendering panel content.
+     * Used by the viewer to render comments, search, etc.
+     */
+    getContentElement() {
+        return this.contentEl;
+    }
+    /**
+     * Get the current panel width.
+     */
+    getWidth() {
+        return this.panelWidth;
+    }
+    /**
+     * Set the panel width.
+     */
+    setWidth(width) {
+        this.panelWidth = Math.max(240, Math.min(500, width));
+        this.element.style.width = `${this.panelWidth}px`;
+    }
+}
+//# sourceMappingURL=RightPanel.js.map

package/dist/ui/components/RightPanel.js.map

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

package/dist/ui/components/Viewport.d.ts

@@ -0,0 +1,70 @@
+import { Component } from '../Component';
+/**
+ * Viewport component - the main scrollable content area.
+ *
+ * Contains:
+ * - Scrollable viewport container
+ * - Content element with band virtualization structure
+ * - Top/bottom spacers for virtual scrolling
+ * - Band container for visible page bands
+ *
+ * This component provides the DOM structure and basic event handling.
+ * Complex rendering logic (pages, bands, virtualization) remains in UDocViewer.
+ */
+export declare class Viewport extends Component<HTMLDivElement> {
+    private viewportEl;
+    private contentEl;
+    private topSpacer;
+    private bottomSpacer;
+    private bandContainer;
+    private isPanning;
+    private panStartX;
+    private panStartY;
+    private scrollStartX;
+    private scrollStartY;
+    protected createElement(): HTMLDivElement;
+    protected bindEvents(): void;
+    private startPanning;
+    private handlePanning;
+    private endPanning;
+    protected subscribeToState(): void;
+    /**
+     * Get the viewport element (scrollable container).
+     */
+    getViewportElement(): HTMLDivElement;
+    /**
+     * Get the content element.
+     */
+    getContentElement(): HTMLDivElement;
+    /**
+     * Get the top spacer element for virtual scrolling.
+     */
+    getTopSpacer(): HTMLDivElement;
+    /**
+     * Get the bottom spacer element for virtual scrolling.
+     */
+    getBottomSpacer(): HTMLDivElement;
+    /**
+     * Get the band container element.
+     */
+    getBandContainer(): HTMLDivElement;
+    /**
+     * Get viewport scroll position.
+     */
+    getScrollPosition(): {
+        scrollTop: number;
+        scrollLeft: number;
+    };
+    /**
+     * Set viewport scroll position.
+     */
+    setScrollPosition(scrollTop: number, scrollLeft?: number): void;
+    /**
+     * Get viewport dimensions.
+     */
+    getDimensions(): {
+        width: number;
+        height: number;
+    };
+}
+//# sourceMappingURL=Viewport.d.ts.map

package/dist/ui/components/Viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Viewport.d.ts","sourceRoot":"","sources":["../../../src/ui/components/Viewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC;;;;;;;;;;;GAWG;AACH,qBAAa,QAAS,SAAQ,SAAS,CAAC,cAAc,CAAC;IAEnD,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,YAAY,CAAkB;IACtC,OAAO,CAAC,aAAa,CAAkB;IAGvC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,YAAY,CAAK;IAEzB,SAAS,CAAC,aAAa,IAAI,cAAc;IAwCzC,SAAS,CAAC,UAAU,IAAI,IAAI;IAkC5B,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,UAAU;IAOlB,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAUlC;;OAEG;IACH,kBAAkB,IAAI,cAAc;IAIpC;;OAEG;IACH,iBAAiB,IAAI,cAAc;IAInC;;OAEG;IACH,YAAY,IAAI,cAAc;IAI9B;;OAEG;IACH,eAAe,IAAI,cAAc;IAIjC;;OAEG;IACH,gBAAgB,IAAI,cAAc;IAIlC;;OAEG;IACH,iBAAiB,IAAI;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE;IAO9D;;OAEG;IACH,iBAAiB,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI;IAO/D;;OAEG;IACH,aAAa,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;CAMrD"}

package/dist/ui/components/Viewport.js

@@ -0,0 +1,173 @@
+import { Component } from '../Component';
+/**
+ * Viewport component - the main scrollable content area.
+ *
+ * Contains:
+ * - Scrollable viewport container
+ * - Content element with band virtualization structure
+ * - Top/bottom spacers for virtual scrolling
+ * - Band container for visible page bands
+ *
+ * This component provides the DOM structure and basic event handling.
+ * Complex rendering logic (pages, bands, virtualization) remains in UDocViewer.
+ */
+export class Viewport extends Component {
+    // Main elements - initialized in createElement() via two-phase init
+    viewportEl;
+    contentEl;
+    topSpacer;
+    bottomSpacer;
+    bandContainer;
+    // Hand tool panning state
+    isPanning = false;
+    panStartX = 0;
+    panStartY = 0;
+    scrollStartX = 0;
+    scrollStartY = 0;
+    createElement() {
+        const activeTool = this.viewer.state.get('activeTool');
+        // Create wrapper (for positioning floating bar)
+        const wrapper = document.createElement('div');
+        wrapper.className = 'udoc-viewport-wrapper';
+        wrapper.style.cssText = 'flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden;';
+        // Create viewport (scrollable area)
+        const viewport = document.createElement('div');
+        viewport.className = `udoc-viewport tool-${activeTool}`;
+        // Create content (holds pages)
+        const content = document.createElement('div');
+        content.className = 'udoc-content';
+        // Create band virtualization containers
+        const topSpacer = document.createElement('div');
+        topSpacer.className = 'udoc-spacer';
+        const bandContainer = document.createElement('div');
+        bandContainer.className = 'udoc-band-container';
+        const bottomSpacer = document.createElement('div');
+        bottomSpacer.className = 'udoc-spacer';
+        content.append(topSpacer, bandContainer, bottomSpacer);
+        viewport.appendChild(content);
+        wrapper.appendChild(viewport);
+        // Store element references directly (two-phase init pattern)
+        this.viewportEl = viewport;
+        this.contentEl = content;
+        this.topSpacer = topSpacer;
+        this.bottomSpacer = bottomSpacer;
+        this.bandContainer = bandContainer;
+        return wrapper;
+    }
+    bindEvents() {
+        // Scroll handling - delegate to viewer
+        this.addEventListener(this.viewportEl, 'scroll', () => {
+            this.viewer.handleViewportScroll();
+        });
+        // Wheel page flip in single page mode - delegate to viewer
+        this.viewportEl.addEventListener('wheel', (e) => {
+            this.viewer.handleViewportWheel(e);
+        }, { passive: true });
+        // Hand tool panning
+        this.addEventListener(this.viewportEl, 'mousedown', (e) => {
+            const activeTool = this.viewer.state.get('activeTool');
+            if (activeTool === 'hand' && e.button === 0) {
+                this.startPanning(e);
+            }
+        });
+        this.addEventListener(this.viewportEl, 'mousemove', (e) => {
+            if (this.isPanning) {
+                this.handlePanning(e);
+            }
+        });
+        this.addEventListener(this.viewportEl, 'mouseup', () => {
+            this.endPanning();
+        });
+        this.addEventListener(this.viewportEl, 'mouseleave', () => {
+            this.endPanning();
+        });
+    }
+    startPanning(e) {
+        this.isPanning = true;
+        this.panStartX = e.clientX;
+        this.panStartY = e.clientY;
+        this.scrollStartX = this.viewportEl.scrollLeft;
+        this.scrollStartY = this.viewportEl.scrollTop;
+        this.viewportEl.classList.add('panning');
+        e.preventDefault();
+    }
+    handlePanning(e) {
+        const dx = e.clientX - this.panStartX;
+        const dy = e.clientY - this.panStartY;
+        this.viewportEl.scrollLeft = this.scrollStartX - dx;
+        this.viewportEl.scrollTop = this.scrollStartY - dy;
+    }
+    endPanning() {
+        if (this.isPanning) {
+            this.isPanning = false;
+            this.viewportEl.classList.remove('panning');
+        }
+    }
+    subscribeToState() {
+        // Update viewport class when tool changes
+        this.subscribe('activeTool', (tool) => {
+            // Remove old tool class
+            this.viewportEl.className = this.viewportEl.className.replace(/tool-\w+/g, '');
+            // Add new tool class
+            this.viewportEl.classList.add(`tool-${tool}`);
+        });
+    }
+    /**
+     * Get the viewport element (scrollable container).
+     */
+    getViewportElement() {
+        return this.viewportEl;
+    }
+    /**
+     * Get the content element.
+     */
+    getContentElement() {
+        return this.contentEl;
+    }
+    /**
+     * Get the top spacer element for virtual scrolling.
+     */
+    getTopSpacer() {
+        return this.topSpacer;
+    }
+    /**
+     * Get the bottom spacer element for virtual scrolling.
+     */
+    getBottomSpacer() {
+        return this.bottomSpacer;
+    }
+    /**
+     * Get the band container element.
+     */
+    getBandContainer() {
+        return this.bandContainer;
+    }
+    /**
+     * Get viewport scroll position.
+     */
+    getScrollPosition() {
+        return {
+            scrollTop: this.viewportEl.scrollTop,
+            scrollLeft: this.viewportEl.scrollLeft,
+        };
+    }
+    /**
+     * Set viewport scroll position.
+     */
+    setScrollPosition(scrollTop, scrollLeft) {
+        this.viewportEl.scrollTop = scrollTop;
+        if (scrollLeft !== undefined) {
+            this.viewportEl.scrollLeft = scrollLeft;
+        }
+    }
+    /**
+     * Get viewport dimensions.
+     */
+    getDimensions() {
+        return {
+            width: this.viewportEl.clientWidth,
+            height: this.viewportEl.clientHeight,
+        };
+    }
+}
+//# sourceMappingURL=Viewport.js.map

package/dist/ui/components/Viewport.js.map

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

package/dist/ui/components/index.d.ts

@@ -0,0 +1,11 @@
+export { Header } from './Header';
+export type { HeaderOptions } from './Header';
+export { FloatingBar } from './FloatingBar';
+export { LeftPanel } from './LeftPanel';
+export type { LeftPanelOptions } from './LeftPanel';
+export { RightPanel } from './RightPanel';
+export type { RightPanelOptions } from './RightPanel';
+export { Viewport } from './Viewport';
+export { OutlineContent } from './OutlineContent';
+export { CommentsContent } from './CommentsContent';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/ui/components/index.js

@@ -0,0 +1,10 @@
+// UI Components
+export { Header } from './Header';
+export { FloatingBar } from './FloatingBar';
+export { LeftPanel } from './LeftPanel';
+export { RightPanel } from './RightPanel';
+export { Viewport } from './Viewport';
+// Content Components
+export { OutlineContent } from './OutlineContent';
+export { CommentsContent } from './CommentsContent';
+//# sourceMappingURL=index.js.map

package/dist/ui/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,gBAAgB;AAChB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,qBAAqB;AACrB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}