@docmentis/udoc-viewer 0.6.11 → 0.6.13

package/dist/src/ui/viewer/styles-inline.js

@@ -181,6 +181,8 @@ export const inlineStyles = `.udoc-viewer-root {
 
 .udoc-viewer-root .udoc-toolbar-slot {
     flex: 0 0 auto;
+    position: relative;
+    z-index: 10;
 }
 
 .udoc-viewer-root .udoc-body-slot {
@@ -210,6 +212,12 @@ export const inlineStyles = `.udoc-viewer-root {
     background: var(--udoc-bg-viewport);
 }
 
+.udoc-viewer-root .udoc-viewport__content {
+    position: relative;
+    width: 100%;
+    height: 100%;
+}
+
 .udoc-viewer-root .udoc-viewport__scroll {
     width: 100%;
     height: 100%;
@@ -281,7 +289,8 @@ export const inlineStyles = `.udoc-viewer-root {
     display: flex;
     align-items: center;
     gap: 4px;
-    padding: 6px 10px;
+    height: 40px;
+    padding: 0 10px;
     background: var(--udoc-bg-surface);
     border-radius: 8px;
     box-shadow: var(--udoc-shadow-toolbar);
@@ -418,6 +427,8 @@ export const inlineStyles = `.udoc-viewer-root {
     display: flex;
     align-items: center;
     justify-content: center;
+    width: 24px;
+    height: 100%;
     padding: 2px 2px;
     border: none;
     border-left: 1px solid var(--udoc-subtle-hover);
@@ -427,6 +438,11 @@ export const inlineStyles = `.udoc-viewer-root {
     cursor: pointer;
 }
 
+.udoc-viewer-root .udoc-zoom-dropdown__chevron svg {
+    width: 14px;
+    height: 14px;
+}
+
 .udoc-viewer-root .udoc-zoom-dropdown__chevron:hover {
     background: var(--udoc-hover-overlay);
     color: var(--udoc-text-secondary);
@@ -954,7 +970,7 @@ export const inlineStyles = `.udoc-viewer-root {
     align-items: center;
     gap: 4px;
     flex: 1;
-    justify-content: center;
+    justify-content: flex-start;
 }
 
 .udoc-viewer-root .udoc-toolbar__group {
@@ -1653,12 +1669,23 @@ export const inlineStyles = `.udoc-viewer-root {
         display: block;
     }
 
-    /* Convert floating bar to full-width bottom toolbar */
+    /* Viewport becomes flex column so floating toolbar is a footer */
+    .udoc-viewer-root .udoc-viewport {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .udoc-viewer-root .udoc-viewport__content {
+        flex: 1 1 auto;
+        overflow: hidden;
+    }
+
+    /* Convert floating bar to full-width footer toolbar */
     .udoc-viewer-root .udoc-floating-toolbar {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
+        position: relative;
+        bottom: auto;
+        left: auto;
+        flex: 0 0 auto;
         transform: none;
         border-radius: 0;
         box-sizing: border-box;
@@ -1667,12 +1694,6 @@ export const inlineStyles = `.udoc-viewer-root {
         gap: 8px;
         max-width: none;
         justify-content: center;
-        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
-    }
-
-    /* Viewport scroll area needs padding for bottom toolbar */
-    .udoc-viewer-root .udoc-viewport__scroll {
-        padding-bottom: 40px;
     }
 
     /* Hide fullscreen button on mobile */
@@ -1680,18 +1701,6 @@ export const inlineStyles = `.udoc-viewer-root {
         display: none;
     }
 
-    /* Touch targets for mobile */
-    .udoc-viewer-root .udoc-floating-toolbar__btn {
-        padding: 6px;
-        min-width: 28px;
-        min-height: 28px;
-    }
-
-    .udoc-viewer-root .udoc-floating-toolbar__btn svg {
-        width: 18px;
-        height: 18px;
-    }
-
     /* Larger panel tab buttons for touch */
     .udoc-viewer-root .udoc-left-panel__tabs {
         width: 44px;
@@ -1715,7 +1724,8 @@ export const inlineStyles = `.udoc-viewer-root {
     }
 
     .udoc-viewer-root .udoc-toolbar__btn {
-        padding: 8px;
+        box-sizing: border-box;
+        padding: 6px;
     }
 
     /* View mode menu - right align */
@@ -2472,23 +2482,8 @@ export const inlineStyles = `.udoc-viewer-root {
     outline-offset: -2px;
 }
 
-/* Touch target sizes for coarse pointers */
+/* Touch target sizes for coarse pointers (panels and side UI only — toolbars handle their own sizing) */
 @media (pointer: coarse) {
-    .udoc-viewer-root .udoc-toolbar__btn {
-        min-width: 44px;
-        min-height: 44px;
-    }
-
-    .udoc-viewer-root .udoc-toolbar__btn--nav {
-        min-width: 44px;
-        min-height: 44px;
-    }
-
-    .udoc-viewer-root .udoc-floating-toolbar__btn {
-        min-width: 44px;
-        min-height: 44px;
-    }
-
     .udoc-viewer-root .udoc-left-panel__tab {
         width: 44px;
         height: 44px;
@@ -2498,11 +2493,6 @@ export const inlineStyles = `.udoc-viewer-root {
         width: 44px;
     }
 
-    .udoc-viewer-root .udoc-zoom-dropdown__chevron {
-        min-width: 44px;
-        min-height: 44px;
-    }
-
     .udoc-viewer-root .udoc-outline-item__toggle {
         min-width: 44px;
         min-height: 44px;

package/dist/src/ui/viewer/styles-inline.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles-inline.js","sourceRoot":"","sources":["../../../../src/ui/viewer/styles-inline.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA68E3B,CAAC"}
+{"version":3,"file":"styles-inline.js","sourceRoot":"","sources":["../../../../src/ui/viewer/styles-inline.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAm8E3B,CAAC"}

package/dist/src/ui/viewer/transition.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Slide transition animations for PPTX spread-mode navigation.
+ *
+ * IMPORTANT: Effects must NEVER set `transform` on the incoming element.
+ * The incoming element is the real spread — transforms on it would change
+ * its layout position, causing scrollbar flicker, resize-observer loops,
+ * and page-jump bugs. Only use `opacity` and `clip-path` on incoming.
+ * The outgoing element is a disposable snapshot overlay, so `transform`
+ * and `opacity` are safe on it.
+ */
+import type { PageTransition } from "../../worker/index.js";
+export interface TransitionHandle {
+    /** Cancel the in-flight transition, jumping to the final state. */
+    cancel(): void;
+}
+/**
+ * Run a slide transition animation between two spread elements.
+ *
+ * @param outgoing   The snapshot overlay (will be removed on complete)
+ * @param incoming   The real spread element (already mounted and positioned)
+ * @param transition Transition descriptor from PageInfo
+ * @param forward    Navigation direction (true = forward, false = backward)
+ * @param onComplete Called when the transition finishes (or is cancelled)
+ */
+export declare function runTransition(outgoing: HTMLElement, incoming: HTMLElement, transition: PageTransition, forward: boolean, onComplete: () => void): TransitionHandle;
+//# sourceMappingURL=transition.d.ts.map

package/dist/src/ui/viewer/transition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../../src/ui/viewer/transition.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EACR,cAAc,EAKjB,MAAM,uBAAuB,CAAC;AAM/B,MAAM,WAAW,gBAAgB;IAC7B,mEAAmE;IACnE,MAAM,IAAI,IAAI,CAAC;CAClB;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CACzB,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,WAAW,EACrB,UAAU,EAAE,cAAc,EAC1B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,MAAM,IAAI,GACvB,gBAAgB,CA0DlB"}