@dtducas/wh-forge-viewer 1.0.6 → 1.0.7

package/dist/index.esm.js

@@ -655,7 +655,8 @@ class DocumentBrowserManager {
     }
     autoOpenIfMultiPage(isMultiPage) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (!isMultiPage || !this.config.autoOpen) {
+            // Auto-open Document Browser for both single and multi-page documents
+            if (!this.config.autoOpen) {
                 return;
             }
             setTimeout(() => {
@@ -765,9 +766,58 @@ class DocumentBrowserManager {
             const ext = this.viewer.getExtension('Autodesk.DocumentBrowser');
             if ((_b = (_a = ext === null || ext === void 0 ? void 0 : ext.ui) === null || _a === void 0 ? void 0 : _a.panel) === null || _b === void 0 ? void 0 : _b.container) {
                 applyStyles(ext.ui.panel.container, DOCUMENT_BROWSER_STYLES);
+                // Adjust panel height based on number of thumbnails
+                this.adjustPanelHeight();
             }
         }, TOOLBAR_REFRESH_INTERVALS.DOM_SETTLE);
     }
+    /**
+     * Adjust Document Browser panel height based on content
+     */
+    adjustPanelHeight() {
+        setTimeout(() => {
+            var _a, _b;
+            const ext = this.viewer.getExtension('Autodesk.DocumentBrowser');
+            if (!((_b = (_a = ext === null || ext === void 0 ? void 0 : ext.ui) === null || _a === void 0 ? void 0 : _a.panel) === null || _b === void 0 ? void 0 : _b.container)) {
+                return;
+            }
+            const panel = ext.ui.panel;
+            const scrollContainer = panel.container.querySelector('.docking-panel-scroll');
+            if (!scrollContainer) {
+                return;
+            }
+            // Count thumbnails
+            const thumbnails = scrollContainer.querySelectorAll('.viewer-ext-docbrowser-thumbnail');
+            const thumbnailCount = thumbnails.length;
+            if (thumbnailCount === 0) {
+                return;
+            }
+            // Get thumbnail dimensions (typically 200x200 + label)
+            const firstThumbnail = thumbnails[0];
+            const thumbnailHeight = (firstThumbnail === null || firstThumbnail === void 0 ? void 0 : firstThumbnail.offsetHeight) || 220; // Default 220 if can't get
+            // Calculate optimal height
+            // For 1 thumbnail: just the thumbnail height + some padding
+            // For multiple: use a reasonable max height
+            const headerHeight = 110; // Panel header + tabs
+            const padding = 40; // Extra padding for aesthetics
+            let optimalHeight;
+            if (thumbnailCount === 1) {
+                // Single thumbnail: compact size
+                optimalHeight = thumbnailHeight + headerHeight + padding;
+            }
+            else {
+                // Multiple thumbnails: calculate based on count but cap at viewport height
+                const maxViewportHeight = window.innerHeight * 0.8; // Max 80% of viewport
+                const calculatedHeight = Math.min(thumbnailCount * thumbnailHeight + headerHeight + padding, maxViewportHeight);
+                optimalHeight = calculatedHeight;
+            }
+            // Apply the height
+            panel.container.style.height = `${optimalHeight}px`;
+            // Update scroll container height
+            const scrollHeight = optimalHeight - headerHeight;
+            scrollContainer.style.height = `${scrollHeight}px`;
+        }, TOOLBAR_REFRESH_INTERVALS.DOM_SETTLE + 50);
+    }
     switchToThumbnailTab() {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.config.defaultTab !== 'thumbnails')
@@ -1247,7 +1297,7 @@ class ToolbarManager {
         this.config = config;
         this.eventBus = EventBus.getInstance();
     }
-    createToolbar() {
+    createToolbar(isMultiPage = false) {
         const toolbar = this.viewer.toolbar;
         if (!toolbar)
             return;
@@ -1527,9 +1577,9 @@ function registerToolbarExtension(Autodesk) {
     // Process pending viewables if any
     if (this._pendingViewables) {
       this.paginationManager.setViewables(this._pendingViewables);
-      if (this._pendingViewables.length > 1) {
-        this.docBrowserManager.autoOpenIfMultiPage(true);
-      }
+      // Auto-open Document Browser for all documents (single or multi-page)
+      var isMultiPage = this._pendingViewables.length > 1;
+      this.docBrowserManager.autoOpenIfMultiPage(isMultiPage);
       this._pendingViewables = null;
     }
     // Show toolbar
@@ -1637,11 +1687,10 @@ function registerToolbarExtension(Autodesk) {
       if (this._toolbarReady) {
         // Toolbar ready - set viewables immediately
         this.paginationManager.setViewables(data.viewables);
-        // Auto-open Document Browser if multi-page
-        if (data.viewables.length > 1) {
-          GLOBAL_STATE.docBrowserShouldBeOpen = true;
-          this.docBrowserManager.autoOpenIfMultiPage(true);
-        }
+        // Auto-open Document Browser for all documents
+        var isMultiPage = data.viewables.length > 1;
+        GLOBAL_STATE.docBrowserShouldBeOpen = true;
+        this.docBrowserManager.autoOpenIfMultiPage(isMultiPage);
       } else {
         // Toolbar not ready yet - store viewables for later
         this._pendingViewables = data.viewables;
@@ -1783,7 +1832,6 @@ function registerToolbarExtension(Autodesk) {
    * Handle Download button click
    */
   ToolbarExtension.prototype.handleDownloadClick = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-    var _t;
     return _regenerator().w(function (_context) {
       while (1) switch (_context.p = _context.n) {
         case 0:
@@ -1795,8 +1843,7 @@ function registerToolbarExtension(Autodesk) {
           break;
         case 2:
           _context.p = 2;
-          _t = _context.v;
-          console.error('Download failed:', _t);
+          _context.v;
         case 3:
           return _context.a(2);
       }