pdfjs-reader-core 0.5.1 → 0.5.2

package/dist/index.cjs

@@ -13183,6 +13183,24 @@ var ACCENT_SOFT = "rgba(176, 74, 26, 0.18)";
 var ACCENT_GLOW = "rgba(176, 74, 26, 0.35)";
 var SERIF = "'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', 'EB Garamond', 'Hoefler Text', Georgia, serif";
 var EASE_OUT_EXPO = [0.22, 1, 0.36, 1];
+var PILL_FONT_CAPS = "clamp(10.5px, 0.55vw + 8.5px, 14.5px)";
+var PILL_FONT_BODY = "clamp(12px, 0.6vw + 10px, 16.5px)";
+var PILL_FONT_DISPLAY = "clamp(14px, 0.75vw + 12px, 19px)";
+var PILL_MAX_W_CAPS = "clamp(180px, 26vw, 380px)";
+var PILL_MAX_W_BODY = "clamp(200px, 28vw, 440px)";
+function resolvePillOffset(viewportWidthPx) {
+  return clamp(0.022 * viewportWidthPx + 12, 20, 44);
+}
+function resolveMaxPillW(viewportWidthPx) {
+  return clamp(0.26 * viewportWidthPx, 180, 380);
+}
+function resolveMaxPillH(viewportWidthPx) {
+  const font = clamp(55e-4 * viewportWidthPx + 8.5, 10.5, 14.5);
+  return clamp(font * 2.6, 28, 42);
+}
+function clamp(v, lo, hi) {
+  return Math.min(hi, Math.max(lo, v));
+}
 
 // src/components/TutorMode/SpotlightMask.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
@@ -14095,9 +14113,11 @@ function GhostReference({
           {
             style: {
               position: "relative",
-              padding: "20px 22px 20px 26px",
+              // Padding scales with viewport: compact on phones, breathing on
+              // desktop. Extra 4px on the left preserves the footnote-rule gap.
+              padding: "clamp(14px, 1.4vw + 10px, 26px) clamp(14px, 1.4vw + 10px, 26px) clamp(14px, 1.4vw + 10px, 26px) clamp(18px, 1.4vw + 14px, 30px)",
               display: "flex",
-              gap: 16,
+              gap: "clamp(12px, 1.1vw + 8px, 20px)",
               alignItems: "flex-start"
             },
             children: [
@@ -14111,7 +14131,7 @@ function GhostReference({
                   transition: { duration: 0.45, delay: 0.18, ease: [0.22, 1, 0.36, 1] },
                   style: {
                     flexShrink: 0,
-                    width: 46,
+                    width: "clamp(40px, 4vw + 20px, 64px)",
                     aspectRatio: `${page.width} / ${page.height}`,
                     background: PAPER_DEEP,
                     borderRadius: 2,
@@ -14176,7 +14196,7 @@ function GhostReference({
                     flex: 1,
                     minWidth: 0,
                     fontFamily: SERIF2,
-                    fontSize: 15.5,
+                    fontSize: PILL_FONT_DISPLAY,
                     lineHeight: 1.55,
                     color: INK2,
                     fontFeatureSettings: "'liga' 1, 'kern' 1, 'onum' 1",
@@ -14198,7 +14218,7 @@ function GhostReference({
                           left: -14,
                           top: -2,
                           color: ACCENT2,
-                          fontSize: 22,
+                          fontSize: "clamp(18px, 1vw + 14px, 28px)",
                           lineHeight: 1,
                           fontWeight: 500
                           // ornamental flourish anchoring the paragraph
@@ -14308,10 +14328,6 @@ var import_framer_motion12 = require("framer-motion");
 // src/components/TutorMode/StickyLabel.tsx
 var import_framer_motion11 = require("framer-motion");
 var import_jsx_runtime51 = require("react/jsx-runtime");
-var INK3 = "#2a2420";
-var PAPER3 = "#faf6ec";
-var ACCENT3 = "#b04a1a";
-var SERIF3 = "'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', 'EB Garamond', 'Hoefler Text', Georgia, serif";
 var STEM = 18;
 function StickyLabel({ screenAnchor, action }) {
   const { x, y } = screenAnchor;
@@ -14350,7 +14366,7 @@ function StickyLabel({ screenAnchor, action }) {
             transition: { duration: 0.35, ease: [0.22, 1, 0.36, 1] },
             style: {
               position: "absolute",
-              background: ACCENT3,
+              background: ACCENT,
               transformOrigin: layout.stemOrigin,
               ...layout.stem
             }
@@ -14369,8 +14385,8 @@ function StickyLabel({ screenAnchor, action }) {
               width: 6,
               height: 6,
               borderRadius: "50%",
-              background: ACCENT3,
-              boxShadow: `0 0 0 2px ${PAPER3}, 0 0 0 3px rgba(176, 74, 26, 0.25)`,
+              background: ACCENT,
+              boxShadow: `0 0 0 2px ${PAPER}, 0 0 0 3px rgba(176, 74, 26, 0.25)`,
               ...layout.dot
             }
           }
@@ -14385,25 +14401,25 @@ function StickyLabel({ screenAnchor, action }) {
             style: {
               position: "absolute",
               ...layout.bodyAnchor,
-              background: PAPER3,
-              color: INK3,
+              background: PAPER,
+              color: INK,
               border: "1px solid rgba(42, 36, 32, 0.10)",
               borderRadius: 3,
               padding: "6px 12px 6px 14px",
-              fontFamily: SERIF3,
-              fontSize: 12.5,
+              fontFamily: SERIF,
+              fontSize: PILL_FONT_BODY,
               lineHeight: 1.25,
               letterSpacing: 0.6,
               textTransform: "uppercase",
               fontWeight: 500,
               whiteSpace: "nowrap",
-              maxWidth: 240,
+              maxWidth: PILL_MAX_W_BODY,
               overflow: "hidden",
               textOverflow: "ellipsis",
               // Warm two-layer shadow (matches GhostReference's palette).
               boxShadow: "0 1px 2px rgba(42, 36, 32, 0.12), 0 8px 18px -6px rgba(42, 36, 32, 0.22)",
               // Internal left accent rule — a 2px terracotta stripe.
-              backgroundImage: `linear-gradient(to right, ${ACCENT3} 0, ${ACCENT3} 2px, transparent 2px)`,
+              backgroundImage: `linear-gradient(to right, ${ACCENT} 0, ${ACCENT} 2px, transparent 2px)`,
               backgroundRepeat: "no-repeat",
               backgroundSize: "2px 100%",
               backgroundPosition: "left top"
@@ -14645,9 +14661,9 @@ function computePillAnchor(fromBbox, toBbox, page, camera, viewport) {
   const tipScreenX = viewport.width / 2 + camera.x + (toX - pageCX) * camera.scale;
   const tipScreenY = viewport.height / 2 + camera.y + (toY - pageCY) * camera.scale;
   const isVertical = Math.abs(dy) >= Math.abs(dx);
-  const OFFSET = 32;
-  const MAX_PILL_W = 220;
-  const MAX_PILL_H = 30;
+  const OFFSET = resolvePillOffset(viewport.width);
+  const MAX_PILL_W = resolveMaxPillW(viewport.width);
+  const MAX_PILL_H = resolveMaxPillH(viewport.width);
   const SAFE = 16;
   if (isVertical) {
     const canFitRight = tipScreenX + OFFSET + MAX_PILL_W < viewport.width - SAFE;
@@ -14691,13 +14707,13 @@ function CalloutLabelPill({
         borderRadius: 3,
         padding: spec.padding,
         fontFamily: SERIF,
-        fontSize: 11.5,
+        fontSize: PILL_FONT_CAPS,
         lineHeight: 1.2,
         letterSpacing: 0.6,
         textTransform: "uppercase",
         fontWeight: 500,
         whiteSpace: "nowrap",
-        maxWidth: 220,
+        maxWidth: PILL_MAX_W_CAPS,
         overflow: "hidden",
         textOverflow: "ellipsis",
         boxShadow: "0 1px 2px rgba(42, 36, 32, 0.12), 0 8px 18px -6px rgba(42, 36, 32, 0.22)",
@@ -15587,32 +15603,32 @@ function clampNumericRanges(input) {
   }
   const type = typeof out.type === "string" ? out.type : void 0;
   if (type === "camera") {
-    if (typeof out.scale === "number") out.scale = clamp(out.scale, 0.5, 4);
+    if (typeof out.scale === "number") out.scale = clamp2(out.scale, 0.5, 4);
     if (typeof out.padding === "number") {
-      out.padding = clamp(out.padding, 0, 400);
+      out.padding = clamp2(out.padding, 0, 400);
     }
   }
   if (typeof out.dim_opacity === "number") {
-    out.dim_opacity = clamp(out.dim_opacity, 0, 1);
+    out.dim_opacity = clamp2(out.dim_opacity, 0, 1);
   }
   if (typeof out.feather_px === "number") {
-    out.feather_px = clamp(out.feather_px, 0, 200);
+    out.feather_px = clamp2(out.feather_px, 0, 200);
   }
   if (typeof out.draw_duration_ms === "number") {
-    out.draw_duration_ms = clamp(out.draw_duration_ms, 100, 3e3);
+    out.draw_duration_ms = clamp2(out.draw_duration_ms, 100, 3e3);
   }
   if (typeof out.count === "number") {
-    out.count = Math.round(clamp(out.count, 1, 5));
+    out.count = Math.round(clamp2(out.count, 1, 5));
   }
   if (typeof out.at_ms === "number") {
-    out.at_ms = clamp(out.at_ms, 0, 5e3);
+    out.at_ms = clamp2(out.at_ms, 0, 5e3);
   }
   if (typeof out.duration_ms === "number" && type === void 0) {
-    out.duration_ms = clamp(out.duration_ms, 100, 5e3);
+    out.duration_ms = clamp2(out.duration_ms, 100, 5e3);
   }
   return out;
 }
-function clamp(v, lo, hi) {
+function clamp2(v, lo, hi) {
   return Math.min(hi, Math.max(lo, v));
 }
 function enforceOverlayPresence(sb) {