pict-docuserve 0.1.3 → 0.1.5

package/dist/pict-docuserve.js

@@ -6327,6 +6327,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
             translateY: 0,
             isPanning: false,
             didPan: false,
+            currentKind: '',
             panStartX: 0,
             panStartY: 0,
             panOrigX: 0,
@@ -6422,8 +6423,13 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
             });
           });
 
-          // Wheel zoom
+          // Wheel zoom — for images and mermaid diagrams.
+          // For code blocks, let the browser handle native scrolling
+          // so the user can scroll through long code.
           tmpStage.addEventListener('wheel', pEvent => {
+            if (tmpState.currentKind === 'code') {
+              return;
+            }
             pEvent.preventDefault();
             let tmpDelta = -pEvent.deltaY;
             let tmpStep = (tmpDelta > 0 ? 1 : -1) * 0.15;
@@ -6432,8 +6438,11 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
             passive: false
           });
 
-          // Drag-to-pan when zoomed
+          // Drag-to-pan when zoomed (not for code blocks — they scroll natively)
           tmpStage.addEventListener('pointerdown', pEvent => {
+            if (tmpState.currentKind === 'code') {
+              return;
+            }
             if (tmpState.scale <= 1.001) {
               return;
             }
@@ -6524,6 +6533,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
               tmpTitleEl.textContent = tmpTitle;
               tmpContent.innerHTML = '';
               let tmpKind = pSourceEl.getAttribute('data-fullscreen-source');
+              tmpState.currentKind = tmpKind || '';
               let tmpClone;
               if (tmpKind === 'mermaid') {
                 let tmpSvg = pSourceEl.querySelector('svg');
@@ -6546,6 +6556,12 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
                 tmpClone.classList.add('pict-fullscreen-codewrap');
               }
               tmpContent.appendChild(tmpClone);
+
+              // Hide zoom controls for code blocks (they scroll natively)
+              let tmpZoomBtns = tmpOverlay.querySelectorAll('[data-action="zoom-in"], [data-action="zoom-out"], [data-action="zoom-reset"]');
+              for (let i = 0; i < tmpZoomBtns.length; i++) {
+                tmpZoomBtns[i].style.display = tmpKind === 'code' ? 'none' : '';
+              }
               fResetTransform();
               tmpOverlay.removeAttribute('hidden');
               document.documentElement.style.overflow = 'hidden';