@objectifthunes/three-book 0.2.1 → 0.3.0

package/dist/index.js

@@ -77,7 +77,7 @@ function gt(r, t, e, s, i = 1 / 0, n = 1 / 60) {
   let _ = t + (m + g) * h;
   return l - r > 0 == _ > l && (_ = l, e = (_ - l) / n), { value: _, velocity: e };
 }
-function ee(r, t, e, s, i = 1 / 0, n = 1 / 60) {
+function ie(r, t, e, s, i = 1 / 0, n = 1 / 60) {
   const o = gt(
     r.x,
     t.x,
@@ -102,13 +102,13 @@ function ee(r, t, e, s, i = 1 / 0, n = 1 / 60) {
   );
   return e.set(o.velocity, a.velocity, h.velocity), new c.Vector3(o.value, a.value, h.value);
 }
-function se(r) {
+function ne(r) {
   return new c.Vector3(r.x, 0, r.y);
 }
-function ie(r) {
+function re(r) {
   return new c.Vector3(r.x, r.z, 0);
 }
-function vt(r, t, e) {
+function St(r, t, e) {
   const s = t * t - 4 * r * e;
   if (s < 0)
     return { rootCount: 0, root0: 0, root1: 0 };
@@ -124,23 +124,23 @@ function vt(r, t, e) {
   }
 }
 function kt(r, t, e) {
-  return ne(r, t, e) ? r.clone() : re(
+  return oe(r, t, e) ? r.clone() : ae(
     new c.Vector2(r.x, t.y),
     r,
     t,
     e
   );
 }
-function ne(r, t, e) {
+function oe(r, t, e) {
   const s = r.x - t.x;
   let i = r.y - t.y;
   return i *= e.x / e.y, Math.sqrt(s * s + i * i) < e.x;
 }
-function re(r, t, e, s) {
+function ae(r, t, e, s) {
   const i = e.x, n = e.y, o = r.x, a = r.y, h = t.x, m = t.y, l = s.x, d = s.y, g = 1 / (l * l), _ = 1 / (d * d);
   if (Math.abs(o - h) < 1e-5) {
     if (o >= i - l && o <= i + l) {
-      const u = vt(
+      const u = St(
         _,
         -2 * _ * n,
         g * (o * o - 2 * i * o + i * i) + _ * n * n - 1
@@ -153,7 +153,7 @@ function re(r, t, e, s) {
       }
     }
   } else {
-    const u = (m - a) / (h - o), f = a - u * o, p = f - n, P = vt(
+    const u = (m - a) / (h - o), f = a - u * o, p = f - n, P = St(
       g + _ * u * u,
       2 * p * u * _ - 2 * i * g,
       i * i * g + p * p * _ - 1
@@ -161,8 +161,8 @@ function re(r, t, e, s) {
     if (P.rootCount === 1)
       return new c.Vector2(P.root0, u * P.root0 + f);
     if (P.rootCount === 2) {
-      let B = P.root0, x = P.root1;
-      return o < h && ([B, x] = [x, B]), new c.Vector2(x, u * x + f);
+      let B = P.root0, M = P.root1;
+      return o < h && ([B, M] = [M, B]), new c.Vector2(M, u * M + f);
     }
   }
   return r.clone();
@@ -171,14 +171,14 @@ function bt(r, t) {
   const e = r.origin.clone().applyMatrix4(t), s = r.origin.clone().add(r.direction).applyMatrix4(t);
   return new c.Ray(e, s.sub(e));
 }
-function oe(r) {
+function he(r) {
   return new c.Vector4(-r.x, r.y, r.z + r.x, r.w);
 }
-function ae(r) {
+function le(r) {
   return new c.Vector4(r.x, -r.y, r.z, r.w + r.y);
 }
 var X = /* @__PURE__ */ ((r) => (r[r.LeftToRight = 0] = "LeftToRight", r[r.RightToLeft = 1] = "RightToLeft", r[r.UpToDown = 2] = "UpToDown", r[r.DownToUp = 3] = "DownToUp", r))(X || {});
-const Bt = Math.PI / 180, Rt = 180 / Math.PI, he = 1192093e-13;
+const Bt = Math.PI / 180, Rt = 180 / Math.PI, ce = 1192093e-13;
 function dt(r) {
   return r < 0 ? 0 : r > 1 ? 1 : r;
 }
@@ -197,7 +197,7 @@ function Vt(r, t, e) {
 function Dt(r, t, e) {
   return e = dt((e - r) / (t - r)), e * e * (3 - 2 * e);
 }
-class le {
+class me {
   // ---- Constructor ----
   constructor(t, e, s, i) {
     this.m_UseBackContentForSides = !1, this.m_Prev = null, this.m_Next = null, this.m_NoHole = !1, this.m_Size = new c.Vector2(), this.m_Thickness = 0, this.m_Stiffness = 0, this.m_Margin = 0, this.m_MeshDataType = 1, this.m_Cylinder = new ut(), this.m_IsRolling = !1, this.m_IsAutoTurning = !1, this.m_WorldPlane = new c.Plane(), this.m_StartHandle = new c.Vector3(), this.m_CurrentHandle = new c.Vector3(), this.m_EndHandle = new c.Vector3(), this.m_PrevHandle = new c.Vector3(), this.m_HandleOffset = new c.Vector3(), this.m_HandleVelocity = new c.Vector3(), this.m_HandleVelocities = [], this.m_SubMeshCount = -1, this.m_MinTurningRadius = 0, this.m_TurningRadius = 0, this.m_FallDuration = 0, this.m_FallTime = 0.2, this.m_XTime = 0, this.m_ZTime = 0, this.m_IsTurning = !1, this.m_IsFalling = !1, this.m_IsFallingLeft = !1, this.m_isMeshChanged = !1, this.sizeXOffset = 0, this.m_IsCover = t, this.m_Book = s, this.m_Index = e, this.m_Renderer = i, this.m_Transform = i.transform;
@@ -380,14 +380,14 @@ class le {
         this.m_StartHandle,
         this.m_EndHandle,
         this.m_IsFallingLeft ? n : 1 - n
-      ), this.m_FallTime += t, e = Math.abs(n - 1) < he;
+      ), this.m_FallTime += t, e = Math.abs(n - 1) < ce;
     } else {
       const n = new c.Vector3(
         this.m_FallTime,
         0,
         this.m_FallTime * 0.75
       );
-      this.m_CurrentHandle = ee(
+      this.m_CurrentHandle = ie(
         this.m_CurrentHandle,
         this.m_EndHandle,
         this.m_HandleVelocity,
@@ -490,7 +490,7 @@ class le {
     ), this.m_SubMeshCount = t);
     const e = this.m_FrontContent.textureST.clone();
     let s = this.m_BackContent.textureST.clone();
-    this.m_Book.direction > 1 ? s = ae(s) : s = oe(s);
+    this.m_Book.direction > 1 ? s = le(s) : s = he(s);
     const i = this.m_FrontContent.texture, n = this.m_BackContent.texture;
     if (t === 3) {
       let o = 0, a = 1;
@@ -559,7 +559,7 @@ class le {
       h + (s.z - h) * (a / n)
     ), d = new c.Vector2(i, o), g = new c.Vector2(n, a);
     t.x = It(t.x, -this.m_Size.x, this.m_Size.x);
-    const _ = ie(t), u = kt(
+    const _ = re(t), u = kt(
       new c.Vector2(_.x, _.y),
       m,
       d
@@ -567,7 +567,7 @@ class le {
       new c.Vector2(u.x, u.y),
       l,
       g
-    ), p = se(
+    ), p = ne(
       new c.Vector3(f.x, f.y, 0)
     );
     this.m_CurrentHandle.copy(p);
@@ -697,9 +697,9 @@ const Y = class Y {
 };
 Y.kMin = 0, Y.kMax = 0.25;
 let pt = Y;
-const U = class U {
+const N = class N {
   constructor(t) {
-    this.m_Material = null, this.m_Color = new c.Color(1, 1, 1), this.m_Width = 0, this.m_Height = 0, this.m_Thickness = 0, this.m_Stiffness = 0, this.m_Quality = 0, this.m_UVMargin = new pt(), this.margin = 0, this.bookDirection = X.LeftToRight, this.color = (t == null ? void 0 : t.color) ?? new c.Color(1, 1, 1), this.width = (t == null ? void 0 : t.width) ?? U.kMinSize * 2, this.height = (t == null ? void 0 : t.height) ?? U.kMinSize * 2, this.thickness = (t == null ? void 0 : t.thickness) ?? U.kMinThickness * 2, this.stiffness = (t == null ? void 0 : t.stiffness) ?? 0.1, this.quality = (t == null ? void 0 : t.quality) ?? 3, (t == null ? void 0 : t.material) !== void 0 && (this.m_Material = t.material);
+    this.m_Material = null, this.m_Color = new c.Color(1, 1, 1), this.m_Width = 0, this.m_Height = 0, this.m_Thickness = 0, this.m_Stiffness = 0, this.m_Quality = 0, this.m_UVMargin = new pt(), this.margin = 0, this.bookDirection = X.LeftToRight, this.color = (t == null ? void 0 : t.color) ?? new c.Color(1, 1, 1), this.width = (t == null ? void 0 : t.width) ?? N.kMinSize * 2, this.height = (t == null ? void 0 : t.height) ?? N.kMinSize * 2, this.thickness = (t == null ? void 0 : t.thickness) ?? N.kMinThickness * 2, this.stiffness = (t == null ? void 0 : t.stiffness) ?? 0.1, this.quality = (t == null ? void 0 : t.quality) ?? 3, (t == null ? void 0 : t.material) !== void 0 && (this.m_Material = t.material);
   }
   // ── Properties ────────────────────────────────────────────────────────
   get material() {
@@ -718,19 +718,19 @@ const U = class U {
     return this.bookDirection > 1 ? this.m_Height : this.m_Width;
   }
   set width(t) {
-    this.m_Width = Math.max(t, U.kMinSize);
+    this.m_Width = Math.max(t, N.kMinSize);
   }
   get height() {
     return this.bookDirection > 1 ? this.m_Width : this.m_Height;
   }
   set height(t) {
-    this.m_Height = Math.max(t, U.kMinSize);
+    this.m_Height = Math.max(t, N.kMinSize);
   }
   get thickness() {
     return this.m_Thickness;
   }
   set thickness(t) {
-    this.m_Thickness = Math.max(t, U.kMinThickness);
+    this.m_Thickness = Math.max(t, N.kMinThickness);
   }
   get stiffness() {
     return this.m_Stiffness;
@@ -743,8 +743,8 @@ const U = class U {
   }
   set quality(t) {
     this.m_Quality = Math.max(
-      U.kMinQuality,
-      Math.min(t, U.kMaxQuality)
+      N.kMinQuality,
+      Math.min(t, N.kMaxQuality)
     );
   }
   get uvMargin() {
@@ -757,8 +757,8 @@ const U = class U {
     return new c.Vector2(this.width, this.height);
   }
 };
-U.kMinSize = 1, U.kMinThickness = 1e-4, U.kMinQuality = 1, U.kMaxQuality = 5;
-let ht = U;
+N.kMinSize = 1, N.kMinThickness = 1e-4, N.kMinQuality = 1, N.kMaxQuality = 5;
+let ht = N;
 class At {
   constructor(t) {
     this.m_Texture = null, this.m_TextureST = new c.Vector4(1, 1, 0, 0);
@@ -884,7 +884,7 @@ class Tt {
     );
   }
 }
-class ce {
+class ue {
   constructor(t, e, s) {
     const i = t.size;
     this.leftNode = new st(e.left * i.x, s, !0), this.rightNode = new st((1 - e.right) * i.x, s, !0), this.downNode = new st(e.down * i.y, s, !0), this.upNode = new st((1 - e.up) * i.y, s, !0);
@@ -898,31 +898,31 @@ function lt(r, t, e) {
   const s = (e - r) / (t - r);
   return Math.max(0, Math.min(1, s));
 }
-function Mt(r, t) {
+function xt(r, t) {
   for (const e of r) {
     const s = e.prevNoneSeam, i = e.nextNoneSeam, n = lt(s.value, i.value, e.value), o = new Pt(s.index, e.index, i.index, n);
     t.push(o);
   }
 }
-function xt(r, t, e, s, i) {
+function Mt(r, t, e, s, i) {
   for (const n of r) {
     if (!n.active) return;
     for (let o = 0; o < s; o++) {
       const a = n.prevIndex, h = n.nextIndex, m = t[o * e + a], l = t[o * e + h], d = t[o * e + n.index];
-      i ? Wt(m, l, n.time, d) : d.copy(m).lerp(l, n.time);
+      i ? qt(m, l, n.time, d) : d.copy(m).lerp(l, n.time);
     }
   }
 }
-function yt(r, t, e, s, i) {
+function Ct(r, t, e, s, i) {
   for (const n of r) {
     if (!n.active) return;
     for (let o = 0; o < e; o++) {
       const a = n.prevIndex, h = n.nextIndex, m = t[a * e + o], l = t[h * e + o], d = t[n.index * e + o];
-      i ? Wt(m, l, n.time, d) : d.copy(m).lerp(l, n.time);
+      i ? qt(m, l, n.time, d) : d.copy(m).lerp(l, n.time);
     }
   }
 }
-function Wt(r, t, e, s = new c.Vector3()) {
+function qt(r, t, e, s = new c.Vector3()) {
   const i = Math.sqrt(r.x * r.x + r.y * r.y + r.z * r.z), n = Math.sqrt(t.x * t.x + t.y * t.y + t.z * t.z);
   if (i === 0 || n === 0)
     return s.copy(r).lerp(t, e);
@@ -939,7 +939,7 @@ function Wt(r, t, e, s = new c.Vector3()) {
     (h * f + d * p) * P
   );
 }
-function qt(r, t, e, s, i) {
+function Qt(r, t, e, s, i) {
   for (const n of r) {
     const o = (n.endX - n.startX + 1) * 2, a = (n.endZ - n.startZ + 1) * 2, h = e.length;
     for (let l = 0, d = n.endX - n.startX; l < d; l++) {
@@ -975,7 +975,7 @@ function qt(r, t, e, s, i) {
     }
   }
 }
-function Qt(r, t, e, s, i) {
+function $t(r, t, e, s, i) {
   const n = s * i;
   let o = n * 2;
   const a = new c.Vector3();
@@ -998,7 +998,7 @@ function Qt(r, t, e, s, i) {
     }
   }
 }
-function me(r, t, e, s, i) {
+function de(r, t, e, s, i) {
   const n = [];
   for (const o of r) {
     for (let a = o.startX; a < o.endX; a++) {
@@ -1026,10 +1026,10 @@ function Ft(r, t, e, s, i, n) {
 function Ot(r, t, e, s, i, n) {
   ft(r, t, e, s, i), t += n, e += n, s += n, i += n, ft(r, t, e, s, i);
 }
-function $t(r, t, e, s, i, n, o) {
+function Yt(r, t, e, s, i, n, o) {
   _t(r, e, s, i, n), e += o, s += o, i += o, n += o, ft(t, e, s, i, n);
 }
-function Yt(r, t, e, s, i, n) {
+function Kt(r, t, e, s, i, n) {
   const o = i.left * s.x, a = (1 - i.right) * s.x, h = i.down * s.y, m = (1 - i.up) * s.y, l = t.length, d = e.length;
   if (n > 1)
     for (let _ = 0; _ < d; _++)
@@ -1053,7 +1053,7 @@ function _t(r, t, e, s, i) {
 function ft(r, t, e, s, i) {
   r.push(t), r.push(e), r.push(s), r.push(e), r.push(i), r.push(s);
 }
-function Kt(r, t, e, s) {
+function Jt(r, t, e, s) {
   const i = [];
   for (let n = 0; n < e - 1; n++)
     for (let o = 0; o < t - 1; o++) {
@@ -1062,17 +1062,17 @@ function Kt(r, t, e, s) {
     }
   return i;
 }
-const Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  addBorders: qt,
-  addFrontAndBackFaces: $t,
-  addFrontAndBackTexcoords: Yt,
-  debugDrawBorders: me,
-  drawWireframe: Kt,
-  seamNodesToSeams: Mt,
-  updateBorders: Qt,
-  updateXSeams: xt,
-  updateZSeams: yt
+  addBorders: Qt,
+  addFrontAndBackFaces: Yt,
+  addFrontAndBackTexcoords: Kt,
+  debugDrawBorders: de,
+  drawWireframe: Jt,
+  seamNodesToSeams: xt,
+  updateBorders: $t,
+  updateXSeams: Mt,
+  updateZSeams: Ct
 }, Symbol.toStringTag, { value: "Module" }));
 class Zt {
   get geometry() {
@@ -1150,17 +1150,17 @@ class Zt {
     const t = this.m_BaseVertices, e = this.m_Vertices, s = this.m_Normals, i = this.m_Pattern.weights, n = this.m_Pattern.baseXArray.length, o = this.m_Pattern.baseZArray.length, a = this.m_Pattern.baseVertexCount, h = new c.Vector3(), m = new c.Vector3(), l = new c.Vector3();
     for (let u = 0; u < a; u++)
       s[u].set(0, 0, 0);
-    xt(this.m_Pattern.xSeams, t, n, o, !1), yt(this.m_Pattern.zSeams, t, n, o, !1);
+    Mt(this.m_Pattern.xSeams, t, n, o, !1), Ct(this.m_Pattern.zSeams, t, n, o, !1);
     for (let u = 0; u < o - 1; u++) {
       const f = u + 1;
       for (let p = 0; p < n - 1; p++) {
-        const P = p + 1, B = u * n + p, x = u * n + P, w = f * n + p, S = f * n + P, k = t[B], O = t[x], Z = t[w], V = t[S];
-        Ht(k, Z, O, h), Ht(V, O, Z, m), l.addVectors(h, m), s[B].add(l), s[x].add(l), s[w].add(l), s[S].add(l);
+        const P = p + 1, B = u * n + p, M = u * n + P, w = f * n + p, v = f * n + P, k = t[B], O = t[M], Z = t[w], V = t[v];
+        Ht(k, Z, O, h), Ht(V, O, Z, m), l.addVectors(h, m), s[B].add(l), s[M].add(l), s[w].add(l), s[v].add(l);
       }
     }
     for (let u = 0; u < a; u++)
       s[u].divideScalar(i[u]).normalize();
-    xt(this.m_Pattern.xSeams, s, n, o, !0), yt(this.m_Pattern.zSeams, s, n, o, !0);
+    Mt(this.m_Pattern.xSeams, s, n, o, !0), Ct(this.m_Pattern.zSeams, s, n, o, !0);
     const d = this.m_Pattern.thickness / 2;
     for (let u = 0; u < a; u++) {
       const f = s[u];
@@ -1168,7 +1168,7 @@ class Zt {
       const p = t[u];
       e[u].copy(p).addScaledVector(f, d), e[u + a].copy(p).addScaledVector(f, -d);
     }
-    Qt(this.m_Pattern.borders, e, s, n, o);
+    $t(this.m_Pattern.borders, e, s, n, o);
     const g = this.m_Geometry.getAttribute(
       "position"
     ), _ = this.m_Geometry.getAttribute(
@@ -1190,10 +1190,10 @@ class Zt {
    */
   drawWireframe(t) {
     const e = this.m_Pattern.baseXArray.length, s = this.m_Pattern.baseZArray.length;
-    return Kt(this.m_Vertices, e, s, t);
+    return Jt(this.m_Vertices, e, s, t);
   }
 }
-class ue {
+class _e {
   constructor() {
     this.m_UsedMeshs = [], this.m_FreeMeshs = [], this.m_Meshs = /* @__PURE__ */ new Set();
   }
@@ -1212,7 +1212,7 @@ class ue {
     this.m_Meshs.clear();
   }
 }
-class de {
+class fe {
   constructor(t) {
     this.m_CreateMeshCollider = !1, this.m_UsedRenderers = [], this.m_FreeRenderers = [], this.m_Renderers = /* @__PURE__ */ new Set(), this.m_Ids = [], this.m_Root = t;
   }
@@ -1224,7 +1224,7 @@ class de {
   }
   get(t) {
     let e;
-    return this.m_FreeRenderers.length > 0 ? (e = this.m_FreeRenderers.pop(), e.createCollider = this.m_CreateMeshCollider, e.reset(t)) : (e = new fe(this.m_Root, t, this.m_CreateMeshCollider), this.m_Renderers.add(e)), this.m_UsedRenderers.push(e), this.m_Ids.push(e.id), e;
+    return this.m_FreeRenderers.length > 0 ? (e = this.m_FreeRenderers.pop(), e.createCollider = this.m_CreateMeshCollider, e.reset(t)) : (e = new pe(this.m_Root, t, this.m_CreateMeshCollider), this.m_Renderers.add(e)), this.m_UsedRenderers.push(e), this.m_Ids.push(e.id), e;
   }
   recycle() {
     for (const t of this.m_UsedRenderers)
@@ -1244,10 +1244,10 @@ class de {
     return t;
   }
 }
-let _e = 1;
-class fe {
+let ge = 1;
+class pe {
   constructor(t, e, s) {
-    this.m_Visibility = !0, this.m_PropertyBlocks = /* @__PURE__ */ new Map(), this.m_MaterialTextures = /* @__PURE__ */ new Map(), this.m_Id = _e++, this.m_Object3D = new c.Object3D(), this.m_Object3D.name = e, this.m_Mesh = new c.Mesh(
+    this.m_Visibility = !0, this.m_PropertyBlocks = /* @__PURE__ */ new Map(), this.m_MaterialTextures = /* @__PURE__ */ new Map(), this.m_Id = ge++, this.m_Object3D = new c.Object3D(), this.m_Object3D.name = e, this.m_Mesh = new c.Mesh(
       new c.BufferGeometry(),
       new c.MeshStandardMaterial()
     ), this.m_Object3D.add(this.m_Mesh), t.add(this.m_Object3D), this.m_CreateCollider = s;
@@ -1351,7 +1351,7 @@ class fe {
       e.dispose();
   }
 }
-class ge {
+class xe {
   constructor(t, e, s = !1) {
     this.m_Stack = [], this.m_SharedData = null, this.m_MeshFactory = t, this.m_Pattern = e, (this.m_UseSharedData = s) && (this.m_SharedData = new Zt(this.m_MeshFactory.get(), this.m_Pattern), this.m_SharedData.updateMesh());
   }
@@ -1363,7 +1363,7 @@ class ge {
     this.m_Stack.push(t);
   }
 }
-var wt = /* @__PURE__ */ ((r) => (r[r.Next = 0] = "Next", r[r.Back = 1] = "Back", r))(wt || {}), pe = /* @__PURE__ */ ((r) => (r[r.Surface = 0] = "Surface", r[r.Edge = 1] = "Edge", r))(pe || {}), Me = /* @__PURE__ */ ((r) => (r[r.Constant = 0] = "Constant", r[r.RandomBetweenTwoConstants = 1] = "RandomBetweenTwoConstants", r[r.Curve = 2] = "Curve", r[r.RandomBetweenTwoCurves = 3] = "RandomBetweenTwoCurves", r))(Me || {}), xe = /* @__PURE__ */ ((r) => (r[r.PaperIndexTime = 0] = "PaperIndexTime", r[r.TurnIndexTime = 1] = "TurnIndexTime", r))(xe || {});
+var wt = /* @__PURE__ */ ((r) => (r[r.Next = 0] = "Next", r[r.Back = 1] = "Back", r))(wt || {}), Me = /* @__PURE__ */ ((r) => (r[r.Surface = 0] = "Surface", r[r.Edge = 1] = "Edge", r))(Me || {}), Ce = /* @__PURE__ */ ((r) => (r[r.Constant = 0] = "Constant", r[r.RandomBetweenTwoConstants = 1] = "RandomBetweenTwoConstants", r[r.Curve = 2] = "Curve", r[r.RandomBetweenTwoCurves = 3] = "RandomBetweenTwoCurves", r))(Ce || {}), we = /* @__PURE__ */ ((r) => (r[r.PaperIndexTime = 0] = "PaperIndexTime", r[r.TurnIndexTime = 1] = "TurnIndexTime", r))(we || {});
 class ye {
   constructor(t) {
     this.keys = t ? t.map((e) => ({ time: e.time, value: e.value })) : [];
@@ -1389,10 +1389,10 @@ class ye {
 function nt(r, t, e) {
   return Math.max(t, Math.min(e, r));
 }
-function we(r, t, e) {
+function Pe(r, t, e) {
   return r === t ? 0 : nt((e - r) / (t - r), 0, 1);
 }
-function Lt(r, t) {
+function Ut(r, t) {
   return r + Math.random() * (t - r);
 }
 class rt {
@@ -1463,12 +1463,12 @@ class rt {
   getValue(t, e) {
     if (this.m_Mode === 0) return this.m_Constant;
     if (this.m_Mode === 1)
-      return Lt(this.m_ConstantMin, this.m_ConstantMax);
+      return Ut(this.m_ConstantMin, this.m_ConstantMax);
     const s = this.m_CurveTimeMode === 0 ? t : e;
     if (this.m_Mode === 2)
       return this.m_Curve.evaluate(s);
     if (this.m_Mode === 3)
-      return Lt(
+      return Ut(
         this.m_CurveMin.evaluate(s),
         this.m_CurveMax.evaluate(s)
       );
@@ -1488,7 +1488,7 @@ class rt {
     }
     for (let h = 0; h < n; h++) {
       let m = i[h].time, l = i[h].value;
-      m = we(o, a, m), l = nt(l, e, s), i[h].time = m, i[h].value = l;
+      m = Pe(o, a, m), l = nt(l, e, s), i[h].time = m, i[h].value = l;
     }
     return new ye(i);
   }
@@ -1567,7 +1567,7 @@ const R = class R {
   }
 };
 R.kMinTwist = -1, R.kMaxTwist = 1, R.kMinBend = 0, R.kMaxBend = 1, R.kMinDuration = 0, R.kMaxDuration = 5;
-let Nt = R, Ue = class extends Error {
+let Lt = R, Xe = class extends Error {
   constructor() {
     super(
       "The book's height exceeds the maximum limit. Please consider using thinner paper, increasing the width of the paper, or reducing the number of pages."
@@ -1842,9 +1842,9 @@ const ot = class ot extends c.Group {
   // ── Build ─────────────────────────────────────────────────────────────
   build() {
     if (this.clear(), this.m_Content === null || this.m_Content.isEmpty || this.m_Binding === null) return;
-    if (this.m_MeshFactory === null && (this.m_MeshFactory = new ue()), this.m_RendererFactory === null) {
-      const y = new c.Object3D();
-      y.name = "Root", this.add(y), this.m_Root = y, this.m_RendererFactory = new de(this.m_Root);
+    if (this.m_MeshFactory === null && (this.m_MeshFactory = new _e()), this.m_RendererFactory === null) {
+      const C = new c.Object3D();
+      C.name = "Root", this.add(C), this.m_Root = C, this.m_RendererFactory = new fe(this.m_Root);
     }
     this.m_RendererFactory.createColliders = this.m_CreateColliders, this.m_Direction = this.m_Content.direction;
     const t = this.m_Direction > 1 ? Math.PI / 2 : 0;
@@ -1856,9 +1856,9 @@ const ot = class ot extends c.Group {
     const a = this.m_CoverPaperCount + this.m_PagePaperCount, h = Math.floor(i.length / 4);
     let m = 0, l = 0, d = 0;
     this.m_Papers = new Array(a);
-    for (let y = 0; y < a; y++) {
-      const I = this.m_HasCover && (y < h || y >= a - h), N = this.m_RendererFactory.get("Paper"), v = this.m_Papers[y] = new le(I, y, this, N);
-      v.renderer.castShadows = this.m_CastShadows, y < Math.round(c.MathUtils.lerp(0, a, o)) && (v.transform.scale.set(-1, 1, 1), v.setTime(1)), I ? (v.setContentData(i[l++], i[l++], y > h), v.setMaterialData(e), v.setPaperSetup(this.m_CoverPaperSetup)) : (v.setContentData(n[m++], n[m++]), v.setMaterialData(s), v.setPaperSetup(this.m_PagePaperSetup)), d += v.thickness;
+    for (let C = 0; C < a; C++) {
+      const I = this.m_HasCover && (C < h || C >= a - h), L = this.m_RendererFactory.get("Paper"), S = this.m_Papers[C] = new me(I, C, this, L);
+      S.renderer.castShadows = this.m_CastShadows, C < Math.round(c.MathUtils.lerp(0, a, o)) && (S.transform.scale.set(-1, 1, 1), S.setTime(1)), I ? (S.setContentData(i[l++], i[l++], C > h), S.setMaterialData(e), S.setPaperSetup(this.m_CoverPaperSetup)) : (S.setContentData(n[m++], n[m++]), S.setMaterialData(s), S.setPaperSetup(this.m_PagePaperSetup)), d += S.thickness;
     }
     this.m_TotalThickness = d;
     const g = this.m_Papers[0].thickness, _ = this.m_Papers[Math.floor(a / 2)].thickness;
@@ -1872,12 +1872,12 @@ const ot = class ot extends c.Group {
       this.m_RendererFactory,
       this.m_MeshFactory
     ), this.m_Bound.binderRenderer.setVisibility(!this.m_HideBinder);
-    const B = this.m_ReduceOverdraw && n.length > 0, x = this.m_ReduceSubMeshes, w = this.createPaperMeshDataPool(this.m_PagePaperSetup, !0, x), S = B ? this.createPaperMeshDataPool(this.m_PagePaperSetup, !0, x, !0) : null, k = this.createPaperMeshDataPool(this.m_PagePaperSetup, !1), O = this.createPaperMeshDataPool(this.m_CoverPaperSetup, !0), Z = this.createPaperMeshDataPool(this.m_CoverPaperSetup, !1), V = Math.floor(a / 2) - 1, L = V + 1, D = this.m_Bound.constructor.name.includes("Staple");
-    for (let y = 0; y < a; y++) {
-      const I = this.m_Papers[y];
-      y !== 0 && (I.prev = this.m_Papers[y - 1]), y !== a - 1 && (I.next = this.m_Papers[y + 1]), I.noHole = D && (y === V || y === L), I.isCover ? I.setMeshData(O.get(), null, Z) : I.setMeshData(
+    const B = this.m_ReduceOverdraw && n.length > 0, M = this.m_ReduceSubMeshes, w = this.createPaperMeshDataPool(this.m_PagePaperSetup, !0, M), v = B ? this.createPaperMeshDataPool(this.m_PagePaperSetup, !0, M, !0) : null, k = this.createPaperMeshDataPool(this.m_PagePaperSetup, !1), O = this.createPaperMeshDataPool(this.m_CoverPaperSetup, !0), Z = this.createPaperMeshDataPool(this.m_CoverPaperSetup, !1), V = Math.floor(a / 2) - 1, U = V + 1, D = this.m_Bound.constructor.name.includes("Staple");
+    for (let C = 0; C < a; C++) {
+      const I = this.m_Papers[C];
+      C !== 0 && (I.prev = this.m_Papers[C - 1]), C !== a - 1 && (I.next = this.m_Papers[C + 1]), I.noHole = D && (C === V || C === U), I.isCover ? I.setMeshData(O.get(), null, Z) : I.setMeshData(
         w.get(),
-        (S == null ? void 0 : S.get()) ?? null,
+        (v == null ? void 0 : v.get()) ?? null,
         k
       );
     }
@@ -1898,7 +1898,7 @@ const ot = class ot extends c.Group {
       i,
       s
     );
-    return new ge(
+    return new xe(
       this.m_MeshFactory,
       o,
       e && this.m_Bound.useSharedMeshDataForLowpoly
@@ -1935,6 +1935,54 @@ const ot = class ot extends c.Group {
     }
     return null;
   }
+  // ── Real-time content updates ──────────────────────────────────────
+  /**
+   * Hot-swap page/cover content without rebuilding geometry.
+   * Preserves open progress, turning state, and animations.
+   * If the new content has a different page/cover structure, falls back
+   * to a full rebuild with state preservation.
+   */
+  updateContent(t) {
+    if (!this.m_IsBuilt) {
+      this.m_Content = t;
+      return;
+    }
+    const e = this.getCurrentOpenProgress();
+    this.m_Content = t, this.m_Content.init(this), this.refreshContent() || (this.build(), this.setOpenProgress(e));
+  }
+  /**
+   * Re-apply all page/cover textures from the current BookContent
+   * to existing papers without rebuilding geometry.
+   * Returns false if a structural rebuild is needed (page count changed).
+   */
+  refreshContent() {
+    if (!this.m_IsBuilt || !this.m_Content) return !1;
+    let t = this.m_Content.coverContents, e = this.m_Content.pageContents;
+    const s = Math.floor(t.length / 2), i = Math.floor(e.length / 2);
+    if (s !== this.m_CoverPaperCount || i !== this.m_PagePaperCount)
+      return !1;
+    this.m_Content.direction % 2 !== 0 && (t = [...t].reverse(), e = [...e].reverse());
+    const n = this.m_Papers.length, o = Math.floor(t.length / 4);
+    let a = 0, h = 0;
+    for (let m = 0; m < n; m++) {
+      const l = this.m_Papers[m];
+      this.m_HasCover && (m < o || m >= n - o) ? l.setContentData(
+        t[h++],
+        t[h++],
+        m > o
+      ) : l.setContentData(e[a++], e[a++]), l.updateMaterials();
+    }
+    return this.m_WasIdle = !1, !0;
+  }
+  getCurrentOpenProgress() {
+    const t = this.m_Papers.length;
+    if (t === 0) return this.m_InitialOpenProgress;
+    let e = 0;
+    for (const i of this.m_Papers)
+      i.isOnRightStack || e++;
+    let s = e / t;
+    return this.m_Content && this.m_Content.direction % 2 !== 0 && (s = 1 - s), s;
+  }
   // ── Live Pages ────────────────────────────────────────────────────────
   updateLivePages() {
     const t = /* @__PURE__ */ new Set(), e = this.m_Papers.length;
@@ -1953,13 +2001,13 @@ const ot = class ot extends c.Group {
   }
 };
 ot.s_Instances = /* @__PURE__ */ new Set();
-let Ct = ot;
-class Ce {
+let yt = ot;
+class Te {
   constructor() {
     this.baseXArray = [], this.baseZArray = [], this.baseXOffset = 0, this.baseVertexCount = 0, this.xSeams = [], this.zSeams = [], this.xNoneSeamIndexes = [], this.borders = [], this.texcoords = [], this.weights = [], this.triangles = [], this.frontTriangles = [], this.backTriangles = [], this.borderTriangles = [], this.vertexCount = 0, this.subMeshCount = 0, this.size = new c.Vector2(), this.thickness = 0;
   }
 }
-class Xe {
+class je {
   constructor() {
     this.m_BookContent = null, this.m_IsActive = !1, this.onActiveChangedCallback = null;
   }
@@ -1994,7 +2042,7 @@ class Xe {
     this.m_IsActive !== t && (this.m_IsActive = t, this.onActiveChanged(), (e = this.onActiveChangedCallback) == null || e.call(this));
   }
 }
-class Ut {
+class Nt {
   constructor(t, e) {
     this.m_Texture = t, this.m_TextureST = e ?? new c.Vector4(1, 1, 0, 0);
   }
@@ -2012,7 +2060,7 @@ class Ut {
   setActive(t) {
   }
 }
-class je {
+class Ge {
   constructor() {
     this.m_Direction = X.LeftToRight, this.m_Covers = [null, null, null, null], this.m_Pages = [null, null, null, null, null, null, null, null], this.m_Book = null;
   }
@@ -2061,11 +2109,11 @@ class je {
   getContent(t) {
     if (t !== null) {
       if (t instanceof c.Texture)
-        return new Ut(t);
+        return new Nt(t);
       if (typeof t.init == "function")
         return t;
     }
-    return new Ut(null);
+    return new Nt(null);
   }
   init(t) {
     this.m_Book = t;
@@ -2113,14 +2161,14 @@ class je {
     return !this.isCoverPaperSideIndex(t);
   }
 }
-class Ge {
+class qe {
   constructor(t, e) {
     this.enabled = !0, this.m_Raycaster = new c.Raycaster(), this.m_Mouse = new c.Vector2(), this.m_SelectedBook = null, this.m_IsPointerDown = !1, this.m_OnPointerDown = (s) => {
       var n;
       if (!this.enabled || s.button !== 0) return;
       this.m_IsPointerDown = !0;
       const i = this.m_GetRay(s);
-      for (const o of Ct.instances)
+      for (const o of yt.instances)
         if (o.startTurning(i)) {
           this.m_SelectedBook = o, (n = this.onTurnStart) == null || n.call(this, o);
           break;
@@ -2140,9 +2188,9 @@ class Ge {
     return this.m_Mouse.x = (t.clientX - e.left) / e.width * 2 - 1, this.m_Mouse.y = -((t.clientY - e.top) / e.height) * 2 + 1, this.m_Raycaster.setFromCamera(this.m_Mouse, this.m_Camera), this.m_Raycaster.ray;
   }
 }
-class Pe {
+class ve {
 }
-class We {
+class Qe {
   constructor(t, e) {
     this.m_Book = t, this.m_Root = e;
   }
@@ -2158,23 +2206,23 @@ function Et(r, t, e, s) {
 function Xt(r, t) {
   return r++, r === t ? 0 : r;
 }
-function Te(r, t) {
+function Se(r, t) {
   return r === 0 ? t - 1 : r - 1;
 }
-const Se = 0.01, ve = 0.1, ke = 0.04, be = 0.4, Be = 2, Re = 10, Ie = 0, ze = 5;
+const ke = 0.01, be = 0.1, Be = 0.04, Re = 0.4, Ie = 2, ze = 10, Ve = 0, De = 5;
 function et(r, t, e) {
   return Math.max(t, Math.min(e, r));
 }
-function Jt(r) {
+function te(r) {
   return Math.max(0, Math.min(1, r));
 }
 function F(r, t, e) {
   return r + (t - r) * e;
 }
-function jt(r, t, e) {
-  return r === t ? 0 : Jt((e - r) / (t - r));
+function Wt(r, t, e) {
+  return r === t ? 0 : te((e - r) / (t - r));
 }
-function Ve(r, t) {
+function Ae(r, t) {
   const e = r.clone().normalize();
   if (e.lengthSq() === 0) return new c.Quaternion();
   let s = new c.Vector3().crossVectors(t, e);
@@ -2187,7 +2235,7 @@ function Ve(r, t) {
   return new c.Quaternion().setFromRotationMatrix(n);
 }
 const tt = Math.PI / 180, it = 180 / Math.PI;
-class De {
+class He {
   constructor() {
     this._material = null, this._color = new c.Color(1, 1, 1), this._thickness = 0.05, this._crown = 0.2, this._margin = 0.1, this._count = 4, this._quality = 3;
   }
@@ -2207,43 +2255,43 @@ class De {
     return this._thickness;
   }
   set thickness(t) {
-    this._thickness = et(t, Se, ve);
+    this._thickness = et(t, ke, be);
   }
   get margin() {
     return this._margin;
   }
   set margin(t) {
-    this._margin = Jt(t);
+    this._margin = te(t);
   }
   get crown() {
     return this._crown;
   }
   set crown(t) {
-    this._crown = et(t, ke, be);
+    this._crown = et(t, Be, Re);
   }
   get count() {
     return this._count;
   }
   set count(t) {
-    this._count = et(t, Be, Re);
+    this._count = et(t, Ie, ze);
   }
   get quality() {
     return this._quality;
   }
   set quality(t) {
-    this._quality = et(t, Ie, ze);
+    this._quality = et(t, Ve, De);
   }
 }
-class Ae extends Error {
+class Fe extends Error {
   constructor() {
     super("Book height is too large relative to paper width."), this.name = "BookHeightException";
   }
 }
-class He {
+class Oe {
   // ── Constructor ────────────────────────────────────────────────────────
   constructor(t, e, s, i, n) {
     if (this.m_StapleMargin = 0, this.m_StapleThickness = 0, this.m_BindingRadius = 0, this.m_BindingMidSpace = 0, this.m_StackHeight = 0, this.m_BindingVertexCount = 0, this.useSharedMeshDataForLowpoly = !1, this._binderRendererAdapter = null, this.m_Book = s, this.m_Root = i, this.m_Quality = t, s.totalThickness * 1.25 > s.minPaperWidth)
-      throw new Ae();
+      throw new Fe();
     const o = this.m_Book.coverPaperSetup, a = this.m_Book.pagePaperSetup, h = new c.BufferGeometry();
     this.updateStapleMesh(e, h);
     const m = n ?? new c.MeshStandardMaterial({
@@ -2265,7 +2313,7 @@ class He {
     this.updateRootPosition();
   }
   get binderRenderer() {
-    return this._binderRendererAdapter || (this._binderRendererAdapter = new Fe(this.stapleMesh)), this._binderRendererAdapter;
+    return this._binderRendererAdapter || (this._binderRendererAdapter = new Ze(this.stapleMesh)), this._binderRendererAdapter;
   }
   // ── updateStapleMesh ──────────────────────────────────────────────────
   updateStapleMesh(t, e) {
@@ -2286,81 +2334,81 @@ class He {
     P = Math.max(P, p * 2);
     let B = 0;
     B += this.m_Book.totalThickness / 2, B += _;
-    const x = -(this.m_Book.papers[0].thickness / 2 + _), w = [];
+    const M = -(this.m_Book.papers[0].thickness / 2 + _), w = [];
     {
       for (let z = 0; z < d; z++) {
-        const E = z / (d - 1), q = F(-90, -180, E) * tt, C = new c.Vector3(
+        const E = z / (d - 1), q = F(-90, -180, E) * tt, y = new c.Vector3(
           p * Math.sin(q),
           0,
           p * Math.cos(q)
         );
-        C.x += p, C.z += p, C.x += x, w.push(C);
+        y.x += p, y.z += p, y.x += M, w.push(y);
       }
-      const M = new c.Vector3(B, 0, 0), H = new c.Vector3(B + u * 0.75, 0, 0), T = new c.Vector3(B - _ * 0.5, 0, P);
+      const x = new c.Vector3(B, 0, 0), H = new c.Vector3(B + u * 0.75, 0, 0), T = new c.Vector3(B - _ * 0.5, 0, P);
       for (let z = 0; z < g; z++) {
-        const E = z / (g - 1), W = Et(M, H, T, E);
-        W.x += x, w.push(W);
+        const E = z / (g - 1), G = Et(x, H, T, E);
+        G.x += M, w.push(G);
       }
       w.reverse();
     }
-    const S = new Array(l);
-    for (let M = 0; M < l; M++) {
-      const T = (90 - M * (360 / l)) * tt;
-      S[M] = new c.Vector3(Math.cos(T), Math.sin(T), 0), S[M].x *= 0.75;
+    const v = new Array(l);
+    for (let x = 0; x < l; x++) {
+      const T = (90 - x * (360 / l)) * tt;
+      v[x] = new c.Vector3(Math.cos(T), Math.sin(T), 0), v[x].x *= 0.75;
     }
-    const k = w.length, O = k * l, Z = new Array(O * 2), V = new Array(O * 2), L = new Array(
+    const k = w.length, O = k * l, Z = new Array(O * 2), V = new Array(O * 2), U = new Array(
       (O * 2 - 1) * l * 2 * 3
     );
-    for (let M = 0; M < O * 2; M++)
-      Z[M] = new c.Vector3(), V[M] = new c.Vector3();
+    for (let x = 0; x < O * 2; x++)
+      Z[x] = new c.Vector3(), V[x] = new c.Vector3();
     let D = 0;
-    for (let M = 0; M < k; M++) {
-      const H = w[Te(M, k)], T = w[M], z = w[Xt(M, k)];
+    for (let x = 0; x < k; x++) {
+      const H = w[Se(x, k)], T = w[x], z = w[Xt(x, k)];
       let E;
-      if (M === 0)
+      if (x === 0)
         E = new c.Vector3(1, 0, -2).normalize();
-      else if (M === k - 1)
+      else if (x === k - 1)
         E = new c.Vector3(0, 0, 1);
       else {
         const K = T.clone().sub(H).normalize(), J = z.clone().sub(T).normalize();
         E = K.add(J).multiplyScalar(0.5);
       }
-      const W = new c.Vector3(0, 1, 0), q = Ve(E, W), C = D;
-      let b = jt(0, g / 4, M);
+      const G = new c.Vector3(0, 1, 0), q = Ae(E, G), y = D;
+      let b = Wt(0, g / 4, x);
       b = F(0.1, 1, b), b = Math.sqrt(b);
       for (let K = 0; K < l; K++) {
-        const J = S[K].clone().applyQuaternion(q).multiplyScalar(b), ct = T.clone().add(J.clone().multiplyScalar(_));
+        const J = v[K].clone().applyQuaternion(q).multiplyScalar(b), ct = T.clone().add(J.clone().multiplyScalar(_));
         Z[D] = ct, V[D] = J.clone();
         const at = T.clone().add(J.clone().multiplyScalar(_));
         at.z = s - at.z;
-        const te = C + l - K - 1, St = O * 2 - te - 1;
-        Z[St] = at, V[St] = J.clone(), D++;
+        const se = y + l - K - 1, vt = O * 2 - se - 1;
+        Z[vt] = at, V[vt] = J.clone(), D++;
       }
     }
-    let y = 0;
+    let C = 0;
     const I = w.length * 2;
-    for (let M = 0; M < I - 1; M++) {
-      const H = M * l, T = (M + 1) * l;
+    for (let x = 0; x < I - 1; x++) {
+      const H = x * l, T = (x + 1) * l;
       for (let z = 0; z < l; z++) {
-        const E = Xt(z, l), W = H + z, q = H + E, C = T + E, b = T + z;
-        L[y++] = W, L[y++] = b, L[y++] = q, L[y++] = q, L[y++] = b, L[y++] = C;
+        const E = Xt(z, l), G = H + z, q = H + E, y = T + E, b = T + z;
+        U[C++] = G, U[C++] = b, U[C++] = q, U[C++] = q, U[C++] = b, U[C++] = y;
       }
     }
-    const N = [...Z], v = [...V], Q = [...L], G = Z.map((M) => M.clone()), $ = [...L];
-    for (let M = 0; M < a - 1; M++) {
-      const H = G.length;
+    const L = [...Z], S = [...V], Q = [...U], j = Z.map((x) => x.clone()), $ = [...U];
+    for (let x = 0; x < a - 1; x++) {
+      const H = j.length;
       for (let T = 0; T < $.length; T++)
         $[T] += H;
-      for (let T = 0; T < G.length; T++)
-        G[T].z += h + s;
-      N.push(...G.map((T) => T.clone())), v.push(...V.map((T) => T.clone())), Q.push(...$);
+      for (let T = 0; T < j.length; T++)
+        j[T].z += h + s;
+      L.push(...j.map((T) => T.clone())), S.push(...V.map((T) => T.clone())), Q.push(...$);
     }
-    const j = new Float32Array(N.length * 3), A = new Float32Array(v.length * 3);
-    for (let M = 0; M < N.length; M++)
-      j[M * 3] = N[M].x, j[M * 3 + 1] = N[M].y, j[M * 3 + 2] = N[M].z, A[M * 3] = v[M].x, A[M * 3 + 1] = v[M].y, A[M * 3 + 2] = v[M].z;
+    const W = new Float32Array(L.length * 3), A = new Float32Array(S.length * 3);
+    for (let x = 0; x < L.length; x++)
+      W[x * 3] = L[x].x, W[x * 3 + 1] = L[x].y, W[x * 3 + 2] = L[x].z, A[x * 3] = S[x].x, A[x * 3 + 1] = S[x].y, A[x * 3 + 2] = S[x].z;
     e.setAttribute(
       "position",
-      new c.BufferAttribute(j, 3)
+      new c.BufferAttribute(W, 3)
     ), e.setAttribute(
       "normal",
       new c.BufferAttribute(A, 3)
@@ -2368,7 +2416,7 @@ class He {
   }
   // ── createPaperPattern ────────────────────────────────────────────────
   createPaperPattern(t, e, s, i, n, o) {
-    const a = new Ce();
+    const a = new Te();
     a.size = e, a.thickness = s;
     const h = this.m_BindingRadius;
     a.baseXOffset = -h;
@@ -2381,70 +2429,70 @@ class He {
     const p = new st(0);
     let P = p;
     const B = h / m;
-    let x = 0;
-    for (let C = 1; C < m + 1; C++)
-      P = P.createNext(x), x += B;
+    let M = 0;
+    for (let y = 1; y < m + 1; y++)
+      P = P.createNext(M), M += B;
     const w = (e.x - h) / (g + 1);
-    for (let C = m + 1; C < u; C++)
-      P = P.createNext(x), x += w;
-    const S = new st(0);
-    let k = S;
+    for (let y = m + 1; y < u; y++)
+      P = P.createNext(M), M += w;
+    const v = new st(0);
+    let k = v;
     const O = e.y / (f - 1);
     let Z = 0;
-    for (let C = 0; C < f - 1; C++)
+    for (let y = 0; y < f - 1; y++)
       Z += O, k = k.createNext(Z);
-    const V = [], L = [], D = i.clone();
+    const V = [], U = [], D = i.clone();
     if (n) {
-      let C = 0;
-      this.m_Book.hasCover && (C = Math.floor(this.m_Book.coverPaperCount / 2));
+      let y = 0;
+      this.m_Book.hasCover && (y = Math.floor(this.m_Book.coverPaperCount / 2));
       const b = Math.max(0.01, s);
-      D.left = 0, D.right = (this.getPX(C + 1, s) - this.getPX(C, s) + b) / e.x, D.down = b / e.y, D.up = b / e.y;
-    }
-    const y = new ce(a, D, !1);
-    y.insert(p, S, V, L), p.updateIndex(0), S.updateIndex(0), Mt(V, a.xSeams), Mt(L, a.zSeams);
-    const I = this.m_BindingVertexCount + 2, N = new Array(I);
-    a.xNoneSeamIndexes = N, P = p;
-    for (let C = 0; C < I; C++) {
-      N[C] = P.index;
+      D.left = 0, D.right = (this.getPX(y + 1, s) - this.getPX(y, s) + b) / e.x, D.down = b / e.y, D.up = b / e.y;
+    }
+    const C = new ue(a, D, !1);
+    C.insert(p, v, V, U), p.updateIndex(0), v.updateIndex(0), xt(V, a.xSeams), xt(U, a.zSeams);
+    const I = this.m_BindingVertexCount + 2, L = new Array(I);
+    a.xNoneSeamIndexes = L, P = p;
+    for (let y = 0; y < I; y++) {
+      L[y] = P.index;
       do
         P = P.next;
       while (P.seam);
     }
-    const v = p.getValues(), Q = S.getValues();
-    u = v.length, f = Q.length;
-    const G = u * f, $ = [], j = new Array(G).fill(0), A = [], M = [], H = [], T = [];
-    Yt(
+    const S = p.getValues(), Q = v.getValues();
+    u = S.length, f = Q.length;
+    const j = u * f, $ = [], W = new Array(j).fill(0), A = [], x = [], H = [], T = [];
+    Kt(
       $,
-      v,
+      S,
       Q,
       e,
       i,
       this.m_Book.direction
     );
-    const z = y.leftNode.index, E = y.downNode.index;
-    let W = y.rightNode.index, q = y.upNode.index;
-    W === 0 && (W = u - 1), q === 0 && (q = f - 1);
-    for (let C = 0; C < f - 1; C++)
+    const z = C.leftNode.index, E = C.downNode.index;
+    let G = C.rightNode.index, q = C.upNode.index;
+    G === 0 && (G = u - 1), q === 0 && (q = f - 1);
+    for (let y = 0; y < f - 1; y++)
       for (let b = 0; b < u - 1; b++) {
-        if (n && C >= E && C < q && b >= z && b < W)
+        if (n && y >= E && y < q && b >= z && b < G)
           continue;
-        const K = C * u + b, J = C * u + (b + 1), ct = (C + 1) * u + b, at = (C + 1) * u + (b + 1);
-        j[K] += 2, j[J] += 2, j[ct] += 2, j[at] += 2, $t(
+        const K = y * u + b, J = y * u + (b + 1), ct = (y + 1) * u + b, at = (y + 1) * u + (b + 1);
+        W[K] += 2, W[J] += 2, W[ct] += 2, W[at] += 2, Yt(
           A,
-          M,
+          x,
           K,
           J,
           ct,
           at,
-          G
+          j
         );
       }
-    if (T.push(new Tt(0, 0, u - 1, f - 1, !1, !1)), qt(T, H, $, u, f), a.baseXArray = v, a.baseZArray = Q, a.baseVertexCount = G, a.vertexCount = $.length, a.texcoords = $, a.weights = j, o) {
+    if (T.push(new Tt(0, 0, u - 1, f - 1, !1, !1)), Qt(T, H, $, u, f), a.baseXArray = S, a.baseZArray = Q, a.baseVertexCount = j, a.vertexCount = $.length, a.texcoords = $, a.weights = W, o) {
       a.subMeshCount = 1;
-      const C = [];
-      C.push(...A), C.push(...H), C.push(...M), a.triangles = C;
+      const y = [];
+      y.push(...A), y.push(...H), y.push(...x), a.triangles = y;
     } else
-      a.subMeshCount = 3, a.frontTriangles = A, a.backTriangles = M, a.borderTriangles = H;
+      a.subMeshCount = 3, a.frontTriangles = A, a.backTriangles = x, a.borderTriangles = H;
     return a.borders = T, a;
   }
   // ── updateRootPosition ────────────────────────────────────────────────
@@ -2458,11 +2506,11 @@ class He {
     const e = this.m_Book.papers, s = e.length;
     let i = 0;
     const n = e.length / 2 - 1, o = e.length / 2;
-    for (let x = 0; x < s; x++) {
-      const w = e[x];
+    for (let M = 0; M < s; M++) {
+      const w = e[M];
       w.updateTime();
-      const S = w.zTime, k = w.thickness;
-      i += S * k, x === n && (i += S * this.m_BindingMidSpace / 2), x === o && (i += S * this.m_BindingMidSpace / 2);
+      const v = w.zTime, k = w.thickness;
+      i += v * k, M === n && (i += v * this.m_BindingMidSpace / 2), M === o && (i += v * this.m_BindingMidSpace / 2);
     }
     let a = this.getStackHeight(t.index) - t.thickness / 2;
     const h = this.getStackZ(a), m = 180 + h;
@@ -2475,21 +2523,21 @@ class He {
     _.z = t.margin;
     let u = e[Math.floor(s / 2)].size.x, f = this.m_BindingMidSpace, p = Math.sqrt(u * u - f * f), P = Math.asin(p / u) * it - 90;
     if (t.index < Math.floor(s / 2)) {
-      let x = 0;
+      let M = 0;
       if (this.m_Book.alignToGround) {
         u = e[0].size.x;
         const w = this.m_StackHeight / 2;
-        f = et(i, 0, w) - w, p = Math.sqrt(u * u - f * f), x = (Math.asin(p / u) * it - 90) * 2;
+        f = et(i, 0, w) - w, p = Math.sqrt(u * u - f * f), M = (Math.asin(p / u) * it - 90) * 2;
       }
-      d = F(P, -x, l);
+      d = F(P, -M, l);
     } else {
-      let x = 0;
+      let M = 0;
       if (this.m_Book.alignToGround) {
         u = e[0].size.x;
         const w = this.m_StackHeight / 2;
-        f = w - et(i, w, w * 2), p = Math.sqrt(u * u - f * f), x = (Math.asin(p / u) * it - 90) * 2;
+        f = w - et(i, w, w * 2), p = Math.sqrt(u * u - f * f), M = (Math.asin(p / u) * it - 90) * 2;
       }
-      d = F(x, -P, l);
+      d = F(M, -P, l);
     }
     t.transform.position.copy(_), t.transform.quaternion.setFromEuler(
       new c.Euler(0, 0, d * tt)
@@ -2514,11 +2562,11 @@ class He {
     const e = this.m_Book.papers, s = e.length;
     let i = 0;
     const n = e.length / 2 - 1, o = e.length / 2;
-    for (let x = 0; x < s; x++) {
-      const w = e[x];
+    for (let M = 0; M < s; M++) {
+      const w = e[M];
       w.updateTime();
-      const S = w.zTime, k = w.thickness;
-      i += S * k, x === n && (i += S * this.m_BindingMidSpace / 2), x === o && (i += S * this.m_BindingMidSpace / 2);
+      const v = w.zTime, k = w.thickness;
+      i += v * k, M === n && (i += v * this.m_BindingMidSpace / 2), M === o && (i += v * this.m_BindingMidSpace / 2);
     }
     const a = this.getStackHeight(t.index) - t.thickness / 2, h = this.getStackZ(a + i), m = 180 + this.getStackZ(a + i - this.m_StackHeight);
     let l = t.zTime, d = F(h, m, l);
@@ -2530,21 +2578,21 @@ class He {
     _.z = t.margin;
     let u = e[Math.floor(s / 2)].size.x, f = this.m_BindingMidSpace, p = Math.sqrt(u * u - f * f), P = Math.asin(p / u) * it - 90;
     if (t.index < Math.floor(s / 2)) {
-      let x = 0;
+      let M = 0;
       if (this.m_Book.alignToGround) {
         u = e[0].size.x;
         const w = this.m_StackHeight / 2;
-        f = et(i, 0, w) - w, p = Math.sqrt(u * u - f * f), x = (Math.asin(p / u) * it - 90) * 2;
+        f = et(i, 0, w) - w, p = Math.sqrt(u * u - f * f), M = (Math.asin(p / u) * it - 90) * 2;
       }
-      d = F(P, -x, l);
+      d = F(P, -M, l);
     } else {
-      let x = 0;
+      let M = 0;
       if (this.m_Book.alignToGround) {
         u = e[0].size.x;
         const w = this.m_StackHeight / 2;
-        f = w - et(i, w, w * 2), p = Math.sqrt(u * u - f * f), x = (Math.asin(p / u) * it - 90) * 2;
+        f = w - et(i, w, w * 2), p = Math.sqrt(u * u - f * f), M = (Math.asin(p / u) * it - 90) * 2;
       }
-      d = F(x, -P, l);
+      d = F(M, -P, l);
     }
     t.transform.position.copy(_), t.transform.quaternion.setFromEuler(
       new c.Euler(0, 0, d * tt)
@@ -2581,20 +2629,20 @@ class He {
     let e = new c.Vector3(0, 0, 0), s = new c.Vector3(0, 0, 0), i = this.m_BindingRadius * 0.6;
     const n = this.m_StapleThickness * 0.5, o = t[0].thickness, a = this.m_Root.matrixWorld.clone(), h = t.length;
     for (let m = 0; m < h; m++) {
-      const l = t[m], d = l.transform, g = l.meshData.pattern, _ = l.meshData.baseVertices, u = g.baseXArray, f = g.baseZArray, p = u.length, P = f.length, B = this.m_BindingVertexCount + 1, x = l.thickness, w = g.xNoneSeamIndexes, S = d.position.clone();
+      const l = t[m], d = l.transform, g = l.meshData.pattern, _ = l.meshData.baseVertices, u = g.baseXArray, f = g.baseZArray, p = u.length, P = f.length, B = this.m_BindingVertexCount + 1, M = l.thickness, w = g.xNoneSeamIndexes, v = d.position.clone();
       let k = m, O = n;
       m >= Math.floor(h / 2) && (k = h - m - 1, O *= -1);
-      const Z = (o + x) * 0.5 + x * (k - 1), V = d.matrixWorld.clone().invert().multiply(a), L = k / (h / 2);
-      i = this.m_BindingRadius * F(0.45, 0.65, 1 - L);
+      const Z = (o + M) * 0.5 + M * (k - 1), V = d.matrixWorld.clone().invert().multiply(a), U = k / (h / 2);
+      i = this.m_BindingRadius * F(0.45, 0.65, 1 - U);
       for (let D = 0; D < P; D++) {
-        const y = f[D], I = new c.Vector3(0, 0, S.z + y), N = S.clone();
-        N.z += y;
-        const v = l.getDirection(y).multiplyScalar(i).add(N.clone());
+        const C = f[D], I = new c.Vector3(0, 0, v.z + C), L = v.clone();
+        L.z += C;
+        const S = l.getDirection(C).multiplyScalar(i).add(L.clone());
         if (m === 0 && D === 0) {
           const A = t[h - 1], H = A.transform.position.clone().clone();
-          H.z += y;
-          const T = A.getDirection(y).multiplyScalar(i).add(H);
-          s = v.clone().sub(T).normalize(), e = new c.Vector3(
+          H.z += C;
+          const T = A.getDirection(C).multiplyScalar(i).add(H);
+          s = S.clone().sub(T).normalize(), e = new c.Vector3(
             -s.y,
             s.x,
             0
@@ -2605,15 +2653,15 @@ class He {
         k > 0 && I.add(e.clone().multiplyScalar(Z));
         const Q = D * p;
         _[Q] = I.clone().applyMatrix4(V), I.add(s.clone().multiplyScalar(O));
-        const G = I.clone().applyMatrix4(V), $ = v.clone().applyMatrix4(V), j = N.clone().applyMatrix4(V);
-        _[Q + w[1]] = G;
+        const j = I.clone().applyMatrix4(V), $ = S.clone().applyMatrix4(V), W = L.clone().applyMatrix4(V);
+        _[Q + w[1]] = j;
         for (let A = 2; A < B; A++) {
-          const M = jt(1, B, A);
+          const x = Wt(1, B, A);
           _[Q + w[A]] = Et(
-            G,
-            $,
             j,
-            M
+            $,
+            W,
+            x
           );
         }
       }
@@ -2642,7 +2690,7 @@ class He {
     return this.m_StapleThickness;
   }
 }
-class Fe {
+class Ze {
   constructor(t) {
     this.mesh = t;
   }
@@ -2668,12 +2716,12 @@ class Fe {
     return this.mesh;
   }
 }
-class qe extends Pe {
+class $e extends ve {
   constructor() {
-    super(...arguments), this.quality = 3, this.stapleSetup = new De();
+    super(...arguments), this.quality = 3, this.stapleSetup = new He();
   }
   createBound(t, e, s, i) {
-    return new He(
+    return new Oe(
       this.quality,
       this.stapleSetup,
       t,
@@ -2681,7 +2729,7 @@ class qe extends Pe {
     );
   }
 }
-class Oe {
+class ee {
   constructor(t) {
     this.x = (t == null ? void 0 : t.x) ?? 0, this.y = (t == null ? void 0 : t.y) ?? 0, this.width = (t == null ? void 0 : t.width) ?? 0, this.text = (t == null ? void 0 : t.text) ?? "", this.fontFamily = (t == null ? void 0 : t.fontFamily) ?? "Georgia", this.fontSize = (t == null ? void 0 : t.fontSize) ?? 24, this.fontWeight = (t == null ? void 0 : t.fontWeight) ?? "normal", this.fontStyle = (t == null ? void 0 : t.fontStyle) ?? "normal", this.color = (t == null ? void 0 : t.color) ?? "#222", this.lineHeight = (t == null ? void 0 : t.lineHeight) ?? 1.4, this.textAlign = (t == null ? void 0 : t.textAlign) ?? "left", this.opacity = (t == null ? void 0 : t.opacity) ?? 1, this.shadowColor = (t == null ? void 0 : t.shadowColor) ?? "", this.shadowBlur = (t == null ? void 0 : t.shadowBlur) ?? 0;
   }
@@ -2746,10 +2794,10 @@ class Oe {
     t.restore();
   }
 }
-function Ze(r) {
+function Ue(r) {
   return r.map instanceof c.Texture;
 }
-class Qe {
+class Ye {
   constructor(t) {
     this.texts = [], this._textureST = new c.Vector4(1, 1, 0, 0);
     const e = (t == null ? void 0 : t.width) ?? 512, s = (t == null ? void 0 : t.height) ?? 512;
@@ -2773,7 +2821,7 @@ class Qe {
   }
   // ── Text API ─────────────────────────────────────────────────────────────
   addText(t) {
-    const e = new Oe(t);
+    const e = new ee(t);
     return this.texts.push(e), e;
   }
   removeText(t) {
@@ -2809,7 +2857,7 @@ class Qe {
       if (!e.isMesh) return;
       const s = e, i = Array.isArray(s.material) ? s.material : [s.material];
       for (const n of i)
-        Ze(n) && n.map.image === this.canvas && (n.map.needsUpdate = !0);
+        Ue(n) && n.map.image === this.canvas && (n.map.needsUpdate = !0);
     });
   }
   // ── IPageContent ─────────────────────────────────────────────────────────
@@ -2824,8 +2872,97 @@ class Qe {
     this._texture.dispose();
   }
 }
+function Le(r) {
+  return r.map instanceof c.Texture;
+}
+class jt {
+  constructor(t, e) {
+    this._spread = t, this._textureST = e === "left" ? new c.Vector4(0.5, 1, 0, 0) : new c.Vector4(0.5, 1, 0.5, 0);
+  }
+  get texture() {
+    return this._spread.texture;
+  }
+  get textureST() {
+    return this._textureST;
+  }
+  isPointOverUI(t) {
+    return !1;
+  }
+  init(t) {
+  }
+  setActive(t) {
+  }
+}
+function Ke(r) {
+  const t = [];
+  for (let e = 1; e + 1 < r; e += 2)
+    t.push(e);
+  return t;
+}
+class Je {
+  constructor(t) {
+    this.texts = [], this.pageWidth = (t == null ? void 0 : t.pageWidth) ?? 512, this.pageHeight = (t == null ? void 0 : t.pageHeight) ?? 512, this.canvas = document.createElement("canvas"), this.canvas.width = this.pageWidth * 2, this.canvas.height = this.pageHeight;
+    const e = this.canvas.getContext("2d");
+    if (!e) throw new Error("SpreadContent: could not get 2D context");
+    this.ctx = e, this._source = (t == null ? void 0 : t.source) ?? null, this._texture = new c.CanvasTexture(this.canvas), this._texture.colorSpace = c.SRGBColorSpace, this.left = new jt(this, "left"), this.right = new jt(this, "right");
+  }
+  get texture() {
+    return this._texture;
+  }
+  /** The base layer drawn beneath text blocks (full spread width). */
+  get source() {
+    return this._source;
+  }
+  set source(t) {
+    this._source = t;
+  }
+  // ── Text API ─────────────────────────────────────────────────────────────
+  addText(t) {
+    const e = new ee(t);
+    return this.texts.push(e), e;
+  }
+  removeText(t) {
+    const e = this.texts.indexOf(t);
+    e !== -1 && this.texts.splice(e, 1);
+  }
+  /** Update a text block by index. Only provided fields are changed. */
+  updateText(t, e) {
+    const s = this.texts[t];
+    s && (e.x !== void 0 && (s.x = e.x), e.y !== void 0 && (s.y = e.y), e.width !== void 0 && (s.width = e.width), e.text !== void 0 && (s.text = e.text), e.fontFamily !== void 0 && (s.fontFamily = e.fontFamily), e.fontSize !== void 0 && (s.fontSize = e.fontSize), e.fontWeight !== void 0 && (s.fontWeight = e.fontWeight), e.fontStyle !== void 0 && (s.fontStyle = e.fontStyle), e.color !== void 0 && (s.color = e.color), e.lineHeight !== void 0 && (s.lineHeight = e.lineHeight), e.textAlign !== void 0 && (s.textAlign = e.textAlign), e.opacity !== void 0 && (s.opacity = e.opacity), e.shadowColor !== void 0 && (s.shadowColor = e.shadowColor), e.shadowBlur !== void 0 && (s.shadowBlur = e.shadowBlur));
+  }
+  // ── Per-frame update ─────────────────────────────────────────────────────
+  /**
+   * Re-composite the canvas: source layer + text blocks.
+   * Call every frame (or when content changes).
+   *
+   * @param root  Optional THREE.Object3D to traverse for texture sync
+   *              (needed because three-book clones material textures).
+   */
+  update(t) {
+    const { ctx: e, canvas: s } = this, i = s.width, n = s.height;
+    e.clearRect(0, 0, i, n), this._source && e.drawImage(this._source, 0, 0, i, n);
+    for (const o of this.texts) o.draw(e);
+    this._texture.needsUpdate = !0, t && this.syncMaterials(t);
+  }
+  /**
+   * Traverse `root` and set `needsUpdate = true` on every material map whose
+   * source image is this spread's canvas.
+   */
+  syncMaterials(t) {
+    t.traverse((e) => {
+      if (!e.isMesh) return;
+      const s = e, i = Array.isArray(s.material) ? s.material : [s.material];
+      for (const n of i)
+        Le(n) && n.map.image === this.canvas && (n.map.needsUpdate = !0);
+    });
+  }
+  // ── Lifecycle ────────────────────────────────────────────────────────────
+  dispose() {
+    this._texture.dispose();
+  }
+}
 const Gt = 256;
-function Le(r, t, e, s, i, n, o) {
+function Ne(r, t, e, s, i, n, o) {
   const a = t.naturalWidth || t.width, h = t.naturalHeight || t.height;
   if (a <= 0 || h <= 0) return;
   if (o === "fill") {
@@ -2835,13 +2972,13 @@ function Le(r, t, e, s, i, n, o) {
   const m = o === "contain" ? Math.min(i / a, n / h) : Math.max(i / a, n / h), l = a * m, d = h * m;
   r.drawImage(t, e + (i - l) * 0.5, s + (n - d) * 0.5, l, d);
 }
-function $e(r, t, e, s, i, n, o) {
+function ts(r, t, e, s, i, n, o) {
   const a = n ? Math.round(n * Gt) : 512, h = o ? Math.round(o * Gt) : 512, m = document.createElement("canvas");
   m.width = a, m.height = h;
   const l = m.getContext("2d");
   if (l.fillStyle = r, l.fillRect(0, 0, a, h), e) {
     const g = i ? 0 : Math.round(Math.min(a, h) * 0.11);
-    Le(l, e, g, g, a - g * 2, h - g * 2, s);
+    Ne(l, e, g, g, a - g * 2, h - g * 2, s);
   } else {
     l.fillStyle = "#333";
     const g = Math.round(Math.min(a, h) * 0.094);
@@ -2850,7 +2987,7 @@ function $e(r, t, e, s, i, n, o) {
   const d = new c.CanvasTexture(m);
   return d.colorSpace = c.SRGBColorSpace, d;
 }
-async function Ye(r) {
+async function es(r) {
   if (!r) return null;
   const t = URL.createObjectURL(r), e = new Image();
   e.decoding = "async", e.src = t;
@@ -2865,43 +3002,45 @@ async function Ye(r) {
 export {
   ye as AnimationCurve,
   wt as AutoTurnDirection,
-  pe as AutoTurnMode,
+  Me as AutoTurnMode,
   rt as AutoTurnSetting,
-  xe as AutoTurnSettingCurveTimeMode,
-  Me as AutoTurnSettingMode,
-  Nt as AutoTurnSettings,
-  Ct as Book,
-  Pe as BookBinding,
-  We as BookBound,
-  je as BookContent,
+  we as AutoTurnSettingCurveTimeMode,
+  Ce as AutoTurnSettingMode,
+  Lt as AutoTurnSettings,
+  yt as Book,
+  ve as BookBinding,
+  Qe as BookBound,
+  Ge as BookContent,
   X as BookDirection,
-  Ue as BookHeightException,
-  Ge as BookPointerInteraction,
-  fe as BookRenderer,
+  Xe as BookHeightException,
+  qe as BookPointerInteraction,
+  pe as BookRenderer,
   ut as Cylinder,
-  ue as MeshFactory,
+  _e as MeshFactory,
   Gt as PX_PER_UNIT,
-  Xe as PageContent,
-  le as Paper,
+  je as PageContent,
+  me as Paper,
   Tt as PaperBorder,
   At as PaperMaterialData,
   Zt as PaperMeshData,
-  ge as PaperMeshDataPool,
-  Ne as PaperMeshUtility,
+  xe as PaperMeshDataPool,
+  Ee as PaperMeshUtility,
   st as PaperNode,
-  ce as PaperNodeMargin,
-  Ce as PaperPattern,
+  ue as PaperNodeMargin,
+  Te as PaperPattern,
   Pt as PaperSeam,
   ht as PaperSetup,
   pt as PaperUVMargin,
-  de as RendererFactory,
-  Ut as SpritePageContent2,
-  qe as StapleBookBinding,
-  He as StapleBookBound,
-  De as StapleSetup,
-  Oe as TextBlock,
-  Qe as TextOverlayContent,
-  $e as createPageTexture,
-  Le as drawImageWithFit,
-  Ye as loadImage
+  fe as RendererFactory,
+  Je as SpreadContent,
+  Nt as SpritePageContent2,
+  $e as StapleBookBinding,
+  Oe as StapleBookBound,
+  He as StapleSetup,
+  ee as TextBlock,
+  Ye as TextOverlayContent,
+  ts as createPageTexture,
+  Ne as drawImageWithFit,
+  Ke as getSpreadPairs,
+  es as loadImage
 };