@docmentis/udoc-viewer 0.1.0

package/dist/components/Header.js

@@ -0,0 +1,93 @@
+import { ICONS } from '../icons';
+/**
+ * Header bar component with panel toggles and action buttons.
+ */
+export class Header {
+    callbacks;
+    elements = null;
+    constructor(callbacks) {
+        this.callbacks = callbacks;
+    }
+    /**
+     * Create and return the header element.
+     */
+    create(options) {
+        const header = document.createElement('div');
+        header.className = 'udoc-header';
+        let leftPanelToggleBtn = null;
+        let searchBtn = null;
+        let commentsBtn = null;
+        // Left panel toggle button
+        if (options.showLeftPanel) {
+            leftPanelToggleBtn = document.createElement('button');
+            leftPanelToggleBtn.className = 'udoc-header-btn';
+            leftPanelToggleBtn.innerHTML = ICONS.menu;
+            leftPanelToggleBtn.title = 'Toggle left panel';
+            leftPanelToggleBtn.addEventListener('click', () => this.callbacks.onLeftPanelToggle());
+            header.appendChild(leftPanelToggleBtn);
+        }
+        // Action buttons (right side)
+        const actions = document.createElement('div');
+        actions.className = 'udoc-header-actions';
+        // Search button (opens right panel with search tab)
+        if (options.showRightPanel) {
+            searchBtn = document.createElement('button');
+            searchBtn.className = 'udoc-header-btn';
+            searchBtn.innerHTML = ICONS.search;
+            searchBtn.title = 'Search';
+            searchBtn.addEventListener('click', () => this.callbacks.onSearchClick());
+            actions.appendChild(searchBtn);
+            // Comments button (opens right panel with comments tab)
+            commentsBtn = document.createElement('button');
+            commentsBtn.className = 'udoc-header-btn';
+            commentsBtn.innerHTML = ICONS.comments;
+            commentsBtn.title = 'Comments';
+            commentsBtn.addEventListener('click', () => this.callbacks.onCommentsClick());
+            actions.appendChild(commentsBtn);
+        }
+        // Fullscreen button
+        const fullscreenBtn = document.createElement('button');
+        fullscreenBtn.className = 'udoc-header-btn';
+        fullscreenBtn.innerHTML = ICONS.fullscreen;
+        fullscreenBtn.title = 'Fullscreen';
+        fullscreenBtn.addEventListener('click', () => this.callbacks.onFullscreenToggle());
+        actions.appendChild(fullscreenBtn);
+        header.appendChild(actions);
+        this.elements = {
+            header,
+            leftPanelToggleBtn,
+            searchBtn,
+            commentsBtn,
+            fullscreenBtn,
+        };
+        return this.elements;
+    }
+    /**
+     * Update the left panel toggle button's active state.
+     */
+    setLeftPanelActive(active) {
+        this.elements?.leftPanelToggleBtn?.classList.toggle('active', active);
+    }
+    /**
+     * Update the comments button's active state.
+     */
+    setCommentsActive(active) {
+        this.elements?.commentsBtn?.classList.toggle('active', active);
+    }
+    /**
+     * Update the search button's active state.
+     */
+    setSearchActive(active) {
+        this.elements?.searchBtn?.classList.toggle('active', active);
+    }
+    /**
+     * Update the fullscreen button icon based on fullscreen state.
+     */
+    setFullscreen(isFullscreen) {
+        if (this.elements?.fullscreenBtn) {
+            this.elements.fullscreenBtn.innerHTML = isFullscreen ? ICONS.fullscreenExit : ICONS.fullscreen;
+            this.elements.fullscreenBtn.title = isFullscreen ? 'Exit fullscreen' : 'Fullscreen';
+        }
+    }
+}
+//# sourceMappingURL=Header.js.map

package/dist/components/Header.js.map

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

package/dist/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './panels';
+export { Header } from './Header';
+export type { HeaderCallbacks, HeaderOptions, HeaderElements } from './Header';
+export { FloatingBar } from './FloatingBar';
+export type { FloatingBarCallbacks, FloatingBarState, FloatingBarElements } from './FloatingBar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,4 @@
+export * from './panels';
+export { Header } from './Header';
+export { FloatingBar } from './FloatingBar';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/panels/CommentsPanel.d.ts

@@ -0,0 +1,33 @@
+import type { Annotation } from '../../types';
+export interface CommentsPanelCallbacks {
+    onPageClick: (pageIndex: number) => void;
+    getAnnotationsByPage: () => Map<number, Annotation[]>;
+}
+/**
+ * Panel component for displaying document comments/annotations.
+ */
+export declare class CommentsPanel {
+    private container;
+    private callbacks;
+    constructor(callbacks: CommentsPanelCallbacks);
+    /**
+     * Render comments into the given container.
+     */
+    render(container: HTMLElement): void;
+    /**
+     * Clear the comments panel.
+     */
+    clear(): void;
+    /**
+     * Destroy the panel and release resources.
+     */
+    destroy(): void;
+    private renderPlaceholder;
+    /**
+     * Render a single comment item with its replies.
+     * @param depth - Nesting depth (0 = top-level, 1+ = replies)
+     */
+    private renderCommentItem;
+    private getAnnotationTypeIcon;
+}
+//# sourceMappingURL=CommentsPanel.d.ts.map

package/dist/components/panels/CommentsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/CommentsPanel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,MAAM,WAAW,sBAAsB;IACnC,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,oBAAoB,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;CACzD;AAED;;GAEG;AACH,qBAAa,aAAa;IACtB,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,SAAS,CAAyB;gBAE9B,SAAS,EAAE,sBAAsB;IAI7C;;OAEG;IACH,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAyDpC;;OAEG;IACH,KAAK,IAAI,IAAI;IAMb;;OAEG;IACH,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,iBAAiB;IAOzB;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IA4FzB,OAAO,CAAC,qBAAqB;CAchC"}

package/dist/components/panels/CommentsPanel.js

@@ -0,0 +1,176 @@
+import { ICONS } from '../../icons';
+/**
+ * Panel component for displaying document comments/annotations.
+ */
+export class CommentsPanel {
+    container = null;
+    callbacks;
+    constructor(callbacks) {
+        this.callbacks = callbacks;
+    }
+    /**
+     * Render comments into the given container.
+     */
+    render(container) {
+        this.container = container;
+        container.innerHTML = '';
+        const annotationsByPage = this.callbacks.getAnnotationsByPage();
+        if (annotationsByPage.size === 0) {
+            this.renderPlaceholder(container);
+            return;
+        }
+        const list = document.createElement('div');
+        list.className = 'udoc-comments-list';
+        // Sort pages by index
+        const sortedPages = Array.from(annotationsByPage.keys()).sort((a, b) => a - b);
+        for (const pageIndex of sortedPages) {
+            const annotations = annotationsByPage.get(pageIndex);
+            // Page group container
+            const pageGroup = document.createElement('div');
+            pageGroup.className = 'udoc-comments-page-group';
+            // Page header (foldable)
+            const pageHeader = document.createElement('div');
+            pageHeader.className = 'udoc-comments-page-header';
+            pageHeader.innerHTML = `${ICONS.chevronDown}<span>Page ${pageIndex + 1}</span><span class="udoc-comments-page-count">${annotations.length}</span>`;
+            pageGroup.appendChild(pageHeader);
+            // Page content container
+            const pageContent = document.createElement('div');
+            pageContent.className = 'udoc-comments-page-content';
+            // Render each annotation
+            for (const annotation of annotations) {
+                this.renderCommentItem(pageContent, annotation, pageIndex, 0);
+            }
+            pageGroup.appendChild(pageContent);
+            // Toggle click handler for page header
+            pageHeader.addEventListener('click', () => {
+                const isCollapsed = pageGroup.classList.contains('udoc-comments-page-collapsed');
+                if (isCollapsed) {
+                    pageGroup.classList.remove('udoc-comments-page-collapsed');
+                }
+                else {
+                    pageGroup.classList.add('udoc-comments-page-collapsed');
+                }
+            });
+            list.appendChild(pageGroup);
+        }
+        container.appendChild(list);
+    }
+    /**
+     * Clear the comments panel.
+     */
+    clear() {
+        if (this.container) {
+            this.container.innerHTML = '';
+        }
+    }
+    /**
+     * Destroy the panel and release resources.
+     */
+    destroy() {
+        this.clear();
+        this.container = null;
+    }
+    renderPlaceholder(container) {
+        const placeholder = document.createElement('div');
+        placeholder.className = 'udoc-panel-placeholder';
+        placeholder.innerHTML = `${ICONS.comments}<div>Comments</div><div>No comments in this document</div>`;
+        container.appendChild(placeholder);
+    }
+    /**
+     * Render a single comment item with its replies.
+     * @param depth - Nesting depth (0 = top-level, 1+ = replies)
+     */
+    renderCommentItem(container, annotation, pageIndex, depth = 0) {
+        const item = document.createElement('div');
+        item.className = depth > 0 ? `udoc-comment-item udoc-comment-reply udoc-comment-depth-${Math.min(depth, 3)}` : 'udoc-comment-item';
+        // Icon on the left
+        const icon = document.createElement('div');
+        icon.className = 'udoc-comment-icon';
+        icon.innerHTML = this.getAnnotationTypeIcon(annotation.type);
+        item.appendChild(icon);
+        // Body container for title, contents, and toggle button
+        const body = document.createElement('div');
+        body.className = 'udoc-comment-body';
+        // Header with title (author first, fallback to subject) and status badge
+        const header = document.createElement('div');
+        header.className = 'udoc-comment-header';
+        const meta = annotation.metadata;
+        const title = meta?.author || meta?.subject;
+        if (title) {
+            const titleEl = document.createElement('span');
+            titleEl.className = 'udoc-comment-author';
+            titleEl.textContent = title;
+            header.appendChild(titleEl);
+        }
+        // Status badge
+        if (meta?.state) {
+            const badge = document.createElement('span');
+            badge.className = `udoc-comment-status udoc-comment-status-${meta.state.toLowerCase()}`;
+            badge.textContent = meta.state;
+            header.appendChild(badge);
+        }
+        body.appendChild(header);
+        // Contents
+        if (meta?.contents) {
+            const contents = document.createElement('div');
+            contents.className = 'udoc-comment-contents';
+            contents.textContent = meta.contents;
+            body.appendChild(contents);
+        }
+        // Reply toggle button (inside body so it aligns with content)
+        if (annotation.replies && annotation.replies.length > 0) {
+            const toggleBtn = document.createElement('button');
+            toggleBtn.className = 'udoc-comment-toggle';
+            toggleBtn.innerHTML = `${ICONS.chevronRight}<span>${annotation.replies.length} ${annotation.replies.length === 1 ? 'reply' : 'replies'}</span>`;
+            toggleBtn.title = 'Show replies';
+            body.appendChild(toggleBtn);
+        }
+        item.appendChild(body);
+        // Click to navigate
+        item.addEventListener('click', (e) => {
+            e.stopPropagation();
+            this.callbacks.onPageClick(pageIndex);
+        });
+        container.appendChild(item);
+        // Render replies (foldable, collapsed by default)
+        if (annotation.replies && annotation.replies.length > 0) {
+            const toggleBtn = body.querySelector('.udoc-comment-toggle');
+            const repliesContainer = document.createElement('div');
+            repliesContainer.className = 'udoc-comment-replies udoc-comment-replies-collapsed';
+            for (const reply of annotation.replies) {
+                this.renderCommentItem(repliesContainer, reply, pageIndex, depth + 1);
+            }
+            container.appendChild(repliesContainer);
+            // Toggle click handler
+            toggleBtn.addEventListener('click', (e) => {
+                e.stopPropagation();
+                const isCollapsed = repliesContainer.classList.contains('udoc-comment-replies-collapsed');
+                if (isCollapsed) {
+                    repliesContainer.classList.remove('udoc-comment-replies-collapsed');
+                    toggleBtn.classList.add('udoc-comment-toggle-expanded');
+                    toggleBtn.title = 'Hide replies';
+                }
+                else {
+                    repliesContainer.classList.add('udoc-comment-replies-collapsed');
+                    toggleBtn.classList.remove('udoc-comment-toggle-expanded');
+                    toggleBtn.title = 'Show replies';
+                }
+            });
+        }
+    }
+    getAnnotationTypeIcon(type) {
+        switch (type) {
+            case 'Text':
+            case 'FreeText':
+                return ICONS.stickyNote;
+            case 'Highlight':
+            case 'Underline':
+            case 'StrikeOut':
+            case 'Squiggly':
+                return ICONS.annotations;
+            default:
+                return ICONS.comments;
+        }
+    }
+}
+//# sourceMappingURL=CommentsPanel.js.map

package/dist/components/panels/CommentsPanel.js.map

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

package/dist/components/panels/OutlinePanel.d.ts

@@ -0,0 +1,30 @@
+import type { OutlineItem, Destination } from '../../types';
+export interface OutlinePanelCallbacks {
+    onNavigate: (destination: Destination) => void;
+}
+/**
+ * Panel component for displaying document outline (table of contents).
+ */
+export declare class OutlinePanel {
+    private container;
+    private callbacks;
+    private collapsedItems;
+    constructor(callbacks: OutlinePanelCallbacks);
+    /**
+     * Render the outline into the given container.
+     */
+    render(container: HTMLElement, items: OutlineItem[]): void;
+    /**
+     * Clear the outline panel.
+     */
+    clear(): void;
+    /**
+     * Destroy the panel and release resources.
+     */
+    destroy(): void;
+    private renderPlaceholder;
+    private initializeCollapseState;
+    private renderItems;
+    private toggleItem;
+}
+//# sourceMappingURL=OutlinePanel.d.ts.map

package/dist/components/panels/OutlinePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutlinePanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/OutlinePanel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG5D,MAAM,WAAW,qBAAqB;IAClC,UAAU,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;CAClD;AAED;;GAEG;AACH,qBAAa,YAAY;IACrB,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,SAAS,CAAwB;IACzC,OAAO,CAAC,cAAc,CAA0B;gBAEpC,SAAS,EAAE,qBAAqB;IAI5C;;OAEG;IACH,MAAM,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI;IAsB1D;;OAEG;IACH,KAAK,IAAI,IAAI;IAOb;;OAEG;IACH,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,uBAAuB;IAiB/B,OAAO,CAAC,WAAW;IAkEnB,OAAO,CAAC,UAAU;CAmBrB"}

package/dist/components/panels/OutlinePanel.js

@@ -0,0 +1,144 @@
+import { ICONS } from '../../icons';
+/**
+ * Panel component for displaying document outline (table of contents).
+ */
+export class OutlinePanel {
+    container = null;
+    callbacks;
+    collapsedItems = new Set();
+    constructor(callbacks) {
+        this.callbacks = callbacks;
+    }
+    /**
+     * Render the outline into the given container.
+     */
+    render(container, items) {
+        this.container = container;
+        container.innerHTML = '';
+        if (items.length === 0) {
+            this.renderPlaceholder(container);
+            return;
+        }
+        // Initialize collapsed state from PDF data
+        this.initializeCollapseState(items, '');
+        // Create outline container
+        const outlineEl = document.createElement('div');
+        outlineEl.className = 'udoc-outline';
+        // Render outline items recursively
+        this.renderItems(outlineEl, items, 0);
+        container.appendChild(outlineEl);
+    }
+    /**
+     * Clear the outline panel.
+     */
+    clear() {
+        if (this.container) {
+            this.container.innerHTML = '';
+        }
+        this.collapsedItems.clear();
+    }
+    /**
+     * Destroy the panel and release resources.
+     */
+    destroy() {
+        this.clear();
+        this.container = null;
+    }
+    renderPlaceholder(container) {
+        const placeholder = document.createElement('div');
+        placeholder.className = 'udoc-panel-placeholder';
+        placeholder.innerHTML = `${ICONS.outline}<div>Outline</div><div>No outline available</div>`;
+        container.appendChild(placeholder);
+    }
+    initializeCollapseState(items, pathPrefix) {
+        for (let i = 0; i < items.length; i++) {
+            const item = items[i];
+            const itemPath = pathPrefix ? `${pathPrefix}.${i}` : `${i}`;
+            // If the PDF specifies this item should be initially collapsed, add to set
+            if (item.initiallyCollapsed && item.children && item.children.length > 0) {
+                this.collapsedItems.add(itemPath);
+            }
+            // Recurse into children
+            if (item.children && item.children.length > 0) {
+                this.initializeCollapseState(item.children, itemPath);
+            }
+        }
+    }
+    renderItems(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`;
+            // Children element reference for toggle
+            let childrenEl = null;
+            // Add expand/collapse toggle for items with children
+            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.callbacks.onNavigate(dest);
+                });
+            }
+            nodeEl.appendChild(itemEl);
+            // Render children container if any
+            if (hasChildren) {
+                childrenEl = document.createElement('div');
+                childrenEl.className = 'udoc-outline-children' + (isCollapsed ? ' collapsed' : '');
+                this.renderItems(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=OutlinePanel.js.map

package/dist/components/panels/OutlinePanel.js.map

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

package/dist/components/panels/ThumbnailsPanel.d.ts

@@ -0,0 +1,51 @@
+export interface ThumbnailsPanelCallbacks {
+    onPageClick: (pageIndex: number) => void;
+    getPageSize: (pageIndex: number) => {
+        width: number;
+        height: number;
+    };
+    renderThumbnail: (pageIndex: number, width: number, height: number) => Promise<string>;
+}
+/**
+ * Panel component for displaying page thumbnails with lazy loading.
+ */
+export declare class ThumbnailsPanel {
+    private container;
+    private callbacks;
+    private observer;
+    private blobUrls;
+    private queue;
+    private isRendering;
+    private pauseRendering;
+    private currentPage;
+    private pageCount;
+    constructor(callbacks: ThumbnailsPanelCallbacks);
+    /**
+     * Render thumbnails into the given container.
+     */
+    render(container: HTMLElement, pageCount: number, currentPage: number): void;
+    /**
+     * Update the currently selected page and scroll it into view.
+     * @param scrollBehavior - 'auto' for instant scroll, 'smooth' for animated
+     */
+    setCurrentPage(pageIndex: number, scrollBehavior?: ScrollBehavior): void;
+    /**
+     * Pause thumbnail rendering (e.g., during scroll).
+     */
+    pause(): void;
+    /**
+     * Resume thumbnail rendering.
+     */
+    resume(): void;
+    /**
+     * Clear all thumbnails and release resources.
+     */
+    clear(): void;
+    /**
+     * Destroy the panel and release all resources.
+     */
+    destroy(): void;
+    private enqueueThumbnail;
+    private processQueue;
+}
+//# sourceMappingURL=ThumbnailsPanel.d.ts.map

package/dist/components/panels/ThumbnailsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/ThumbnailsPanel.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB;IACrC,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;CAC1F;AASD;;GAEG;AACH,qBAAa,eAAe;IACxB,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,QAAQ,CAAqC;IACrD,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,SAAS,CAAK;gBAEV,SAAS,EAAE,wBAAwB;IAI/C;;OAEG;IACH,MAAM,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI;IAoE5E;;;OAGG;IACH,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,cAAc,GAAE,cAAyB,GAAG,IAAI;IAelF;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;OAEG;IACH,MAAM,IAAI,IAAI;IAKd;;OAEG;IACH,KAAK,IAAI,IAAI;IAuBb;;OAEG;IACH,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,gBAAgB;YAKV,YAAY;CAkB7B"}