pict-docuserve 0.1.2 → 0.1.4

package/dist/pict-docuserve.js

@@ -6326,6 +6326,8 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
             translateX: 0,
             translateY: 0,
             isPanning: false,
+            didPan: false,
+            currentKind: '',
             panStartX: 0,
             panStartY: 0,
             panOrigX: 0,
@@ -6391,8 +6393,14 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
           };
 
           // Backdrop click closes (only when clicking the backdrop itself or
-          // the stage area, not the inner content).
+          // the stage area, not the inner content).  Suppress if a
+          // drag-to-pan just finished — the pointerup that ended the pan
+          // also fires a click event which we must ignore.
           tmpOverlay.addEventListener('click', pEvent => {
+            if (tmpState.didPan) {
+              tmpState.didPan = false;
+              return;
+            }
             if (pEvent.target === tmpOverlay || pEvent.target === tmpStage) {
               fClose();
             }
@@ -6415,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;
@@ -6425,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;
             }
@@ -6454,6 +6470,10 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
               return;
             }
             tmpState.isPanning = false;
+            // Flag that a pan just ended so the subsequent click event
+            // (which the browser fires after pointerup) does not close
+            // the overlay via the backdrop-close handler.
+            tmpState.didPan = true;
             tmpStage.classList.remove('is-panning');
             try {
               tmpStage.releasePointerCapture(pEvent.pointerId);
@@ -6513,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');
@@ -6535,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';