@zinejs/core 0.2.0 → 0.4.0

package/dist/types-CcPVyhOJ.js

@@ -0,0 +1,13 @@
+//#region src/geometry/curls/types.ts
+var e = [
+	"roll",
+	"cone",
+	"leaf",
+	"flick",
+	"silk",
+	"simple"
+], t = "cone";
+//#endregion
+export { t as n, e as t };
+
+//# sourceMappingURL=types-CcPVyhOJ.js.map

package/dist/types-CcPVyhOJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-CcPVyhOJ.js","names":[],"sources":["../src/geometry/curls/types.ts"],"sourcesContent":["/**\n * Curl type identifiers and the deform contract. Kept free of the deform\n * implementations so the engine (and CSS-only builds) can reference the union and the\n * validation list without pulling the WebGL-only curl math into the eager bundle.\n */\nimport type { PageMesh } from './mesh';\n\n/** Where a corner-anchored curl folds from: y in [0,1], 0 = top edge, 1 = bottom edge. */\nexport interface CurlAnchor {\n  y: number;\n  /**\n   * Full-width lone page (single-page mode). The leaf hinges at the container edge and\n   * has no facing half to land on — deforms may soften and delay the flop so the curl\n   * reads naturally before the renderer dissolves the sheet.\n   */\n  fill?: boolean;\n}\n\nexport type CurlDeform = (mesh: PageMesh, W: number, H: number, t: number, anchor: CurlAnchor) => void;\n\nexport interface CurlModel {\n  readonly deform: CurlDeform;\n  /** True when the fold originates at a corner (`anchor.y`) rather than the whole edge. */\n  readonly anchored: boolean;\n}\n\nexport type CurlType = 'roll' | 'cone' | 'leaf' | 'flick' | 'silk' | 'simple';\n\nexport const CURL_TYPES: CurlType[] = ['roll', 'cone', 'leaf', 'flick', 'silk', 'simple'];\n\nexport const DEFAULT_CURL: CurlType = 'cone';\n"],"mappings":";AA4BA,IAAa,IAAyB;CAAC;CAAQ;CAAQ;CAAQ;CAAS;CAAQ;AAAQ,GAE3E,IAAyB"}

package/dist/{webglRenderer-m-lr412M.js → webglRenderer-BK-ArG1G.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./types-Bz64qLvE.js";
+import { n as e } from "./types-CcPVyhOJ.js";
 //#region src/geometry/curls/mesh.ts
 function t(e, t) {
 	let n = e + 1, r = t + 1, i = n * r, a = new Float32Array(i * 2);
@@ -37,95 +37,186 @@ function r(e, t, r, i) {
 	n(e);
 }
 //#endregion
-//#region src/geometry/curls/simple.ts
-function i(e, t, r, i) {
-	let a = e.cols + 1, o = e.rows + 1, s = e.positions, c = i * Math.PI, l = Math.cos(c), u = Math.sin(c);
-	for (let n = 0; n < a; n++) {
-		let i = n / e.cols * t, c = i * l, d = i * u;
-		for (let t = 0; t < o; t++) {
-			let i = (t * a + n) * 3;
-			s[i] = c, s[i + 1] = t / e.rows * r, s[i + 2] = d;
+//#region src/geometry/curls/cone.ts
+var i = 30 * Math.PI / 180, a = 44 * Math.PI / 180, o = 1.35, s = .7, c = 1.85, l = 1.15, u = .42, d = 1.08;
+function f(e, t, r, f, p) {
+	let m = e.cols + 1, h = e.rows + 1, g = e.positions, _ = !!p.fill, v = Math.sin(Math.PI * f) ** .85, y = _ ? a : i, b = Math.PI / 2 - v * (Math.PI / 2 - y), x = Math.sin(b), S = Math.cos(b), C = 1 / Math.max(x, 1e-6), w = _ ? c : o, T = r * (w + ((_ ? l : s) - w) * v), E = (p.y - .5) * 2, D = E >= 0, O = Math.min(1, Math.abs(E) / u), k = 1 - O, A = D ? r + T : -T, j = Math.hypot(t, .5 * r - A), M = Math.max(j * x, t / Math.PI), N = _ ? f ** +d : f, P = -Math.PI * N, F = Math.cos(P), I = Math.sin(P);
+	if (v < 1e-4) {
+		for (let n = 0; n < h; n++) {
+			let i = n / e.rows * r;
+			for (let r = 0; r < m; r++) {
+				let a = r / e.cols * t, o = (n * m + r) * 3;
+				g[o] = a * F, g[o + 1] = i, g[o + 2] = -a * I;
+			}
 		}
+		n(e);
+		return;
 	}
-	n(e);
-}
-function a(e, t, r, i) {
-	let a = e.cols + 1, o = e.rows + 1, s = e.positions, c = i * Math.PI, l = Math.max(.001, 1.6 * Math.sin(Math.PI * i)), u = t / l, d = Math.sin(c), f = Math.cos(c);
-	for (let n = 0; n < a; n++) {
-		let i = c + l * (n / e.cols * t / t), p = u * (Math.sin(i) - d), m = u * (f - Math.cos(i));
-		for (let t = 0; t < o; t++) {
-			let i = (t * a + n) * 3;
-			s[i] = p, s[i + 1] = t / e.rows * r, s[i + 2] = m;
+	for (let n = 0; n < h; n++) {
+		let i = n / e.rows * r;
+		for (let a = 0; a < m; a++) {
+			let o = a / e.cols * t, s = o, c = i, l = 0;
+			if (O > 1e-5) {
+				let e = D ? r - i : i, t = -T, n = Math.hypot(o, e - t);
+				if (n > 1e-8) {
+					let e = n * x, i = Math.asin(Math.min(1, Math.max(0, o / n))) * C, a = 1 - Math.cos(i), u = n + t - e * a * x;
+					s = e * Math.sin(i), c = D ? r - u : u, l = e * a * S;
+				}
+			}
+			let u = s, d = c, f = l;
+			if (k > 1e-5) {
+				let e = o / M, t = M * Math.sin(e), n = M * (1 - Math.cos(e));
+				u = O * s + k * t, d = O * c + k * i, f = O * l + k * n;
+			}
+			let p = (n * m + a) * 3;
+			g[p] = u * F + f * I, g[p + 1] = d, g[p + 2] = -u * I + f * F;
 		}
 	}
 	n(e);
 }
 //#endregion
-//#region src/geometry/curls/fold.ts
-var o = .04, s = .6;
-function c(e, t, r, i, a) {
-	let c = e.cols + 1, l = e.rows + 1, u = e.positions, d = Math.max(1e-4, o * t), f = a.y * r, p = t - 2 * t * i, m = f + (.5 * r - f) * s * Math.sin(Math.PI * i), h = t - p, g = f - m, _ = Math.hypot(h, g);
-	if (_ < 1e-4) {
-		for (let n = 0; n < l; n++) for (let i = 0; i < c; i++) {
-			let a = (n * c + i) * 3;
-			u[a] = i / e.cols * t, u[a + 1] = n / e.rows * r, u[a + 2] = 0;
+//#region src/geometry/curls/leaf.ts
+var p = .34, m = 11 * Math.PI / 180, h = 128;
+function g() {
+	let e = /* @__PURE__ */ new Float64Array(129), t = /* @__PURE__ */ new Float64Array(129), n = 1 / h, r = (e) => Math.PI * e - .5 * Math.sin(2 * Math.PI * e);
+	for (let i = 1; i <= h; i++) {
+		let a = r((i - 1) * n), o = r(i * n);
+		e[i] = e[i - 1] + .5 * (Math.cos(a) + Math.cos(o)) * n, t[i] = t[i - 1] + .5 * (Math.sin(a) + Math.sin(o)) * n;
+	}
+	return e[h] = 0, {
+		x: e,
+		z: t
+	};
+}
+var _ = g(), v = _.z[h];
+function y(e) {
+	let t = Math.max(0, Math.min(1, e)) * h, n = Math.min(h - 1, Math.floor(t)), r = t - n;
+	return [_.x[n] + (_.x[n + 1] - _.x[n]) * r, _.z[n] + (_.z[n + 1] - _.z[n]) * r];
+}
+function b(e, t, r, i, a) {
+	let o = e.cols + 1, s = e.rows + 1, c = e.positions;
+	if (i <= 1e-7 || i >= .9999999) {
+		let a = i < .5 ? 1 : -1;
+		for (let n = 0; n < s; n++) {
+			let i = n / e.rows * r;
+			for (let r = 0; r < o; r++) {
+				let s = (n * o + r) * 3;
+				c[s] = a * (r / e.cols) * t, c[s + 1] = i, c[s + 2] = 0;
+			}
 		}
 		n(e);
 		return;
 	}
-	let v = h / _, y = g / _, b = -y, x = v, S = (t + p) / 2, C = (f + m) / 2;
-	for (let n = 0; n < l; n++) {
+	let l = Math.sin(Math.PI * i) ** .72, u = Math.max(1e-6, t * p * l), d = Math.max(-1, Math.min(1, (a.y - .5) * 2)) * m * Math.sin(Math.PI * i) ** 1.15, f = Math.cos(d), h = Math.sin(d), g = -h, _ = f, b = Math.abs(h) * r * .5, x = t + b / f, S = x + (-(u + b) / f - x) * i, C = r * .5;
+	for (let n = 0; n < s; n++) {
 		let i = n / e.rows * r;
-		for (let r = 0; r < c; r++) {
-			let a = r / e.cols * t, o = a - S, s = i - C, l = o * v + s * y, f = o * b + s * x, p = (n * c + r) * 3;
-			if (l <= 0) {
-				u[p] = a, u[p + 1] = i, u[p + 2] = 0;
+		for (let r = 0; r < o; r++) {
+			let a = r / e.cols * t, s = a - S, l = i - C, d = s * f + l * h, p = s * g + l * _, m = (n * o + r) * 3;
+			if (d <= 0) {
+				c[m] = a, c[m + 1] = i, c[m + 2] = 0;
 				continue;
 			}
-			let m = Math.min(l / d, Math.PI), h = Math.max(0, l - d * Math.PI), g = d * Math.sin(m) - h;
-			u[p] = S + b * f + v * g, u[p + 1] = C + x * f + y * g, u[p + 2] = d * (1 - Math.cos(m));
+			let b, x;
+			if (d < u) {
+				let [e, t] = y(d / u);
+				b = u * e, x = u * t;
+			} else b = -(d - u), x = u * v;
+			c[m] = S + g * p + f * b, c[m + 1] = C + _ * p + h * b, c[m + 2] = x;
 		}
 	}
 	n(e);
 }
 //#endregion
-//#region src/geometry/curls/peel.ts
-var l = .7;
-function u(e, t, r, i, a) {
-	let o = e.cols + 1, s = e.rows + 1, c = e.positions;
-	for (let n = 0; n < s; n++) {
-		let s = n / e.rows, u = Math.abs(s - a.y), d = Math.min(1, Math.max(0, i * 1.7 - l * u)), f = Math.max(1e-6, d < .5 ? d * 2 * Math.PI : (1 - (d - .5) * 2) * Math.PI), p = t / f, m = d < .5 ? 0 : -(d - .5) * 2 * Math.PI, h = Math.cos(m), g = Math.sin(m), _ = s * r;
+//#region src/geometry/curls/flick.ts
+var x = .45;
+function S(e, t, r, i, a) {
+	let o = e.cols + 1, s = e.rows + 1, c = e.cols, l = e.positions, u = t / c, d = Math.PI * i, f = -.52 * Math.sin(2 * Math.PI * i);
+	for (let t = 0; t < s; t++) {
+		let n = t / e.rows, i = f * (1 + x * Math.abs(n - a.y)), s = n * r, p = 0, m = 0, h = Math.cos(d), g = Math.sin(d);
+		l[t * o * 3] = 0, l[t * o * 3 + 1] = s, l[t * o * 3 + 2] = 0;
+		for (let e = 1; e < o; e++) {
+			let n = e / c, r = d + i * n * n, a = Math.cos(r), f = Math.sin(r);
+			p += .5 * (h + a) * u, m += .5 * (g + f) * u, h = a, g = f;
+			let _ = (t * o + e) * 3;
+			l[_] = p, l[_ + 1] = s, l[_ + 2] = m;
+		}
+	}
+	n(e);
+}
+//#endregion
+//#region src/geometry/curls/silk.ts
+var C = .52, w = .62, T = .5, E = 1.12;
+function D(e, t, r, i, a) {
+	let o = e.cols + 1, s = e.rows + 1, c = e.cols, l = e.positions, u = t / c, d = !!a.fill;
+	if (i <= 1e-7 || i >= .9999999) {
+		let a = i < .5 ? 1 : -1;
+		for (let n = 0; n < s; n++) {
+			let i = n / e.rows * r;
+			for (let r = 0; r < o; r++) {
+				let s = (n * o + r) * 3;
+				l[s] = a * (r / e.cols) * t, l[s + 1] = i, l[s + 2] = 0;
+			}
+		}
+		n(e);
+		return;
+	}
+	let f = Math.PI * (d ? i ** +E : i), p = C * Math.sin(Math.PI * i) ** .8, m = w * Math.sin(Math.PI * i) * (1 - i);
+	for (let t = 0; t < s; t++) {
+		let n = t / e.rows, i = n * r, s = 1 - T * Math.abs(n - a.y), d = p * (.75 + .25 * s), h = m * s, g = 0, _ = 0, v = Math.cos(f), y = Math.sin(f);
+		l[t * o * 3] = 0, l[t * o * 3 + 1] = i, l[t * o * 3 + 2] = 0;
+		for (let e = 1; e < o; e++) {
+			let n = e / c, r = f + d * Math.sin(2 * Math.PI * n) + h * n * n, a = Math.cos(r), s = Math.sin(r);
+			g += .5 * (v + a) * u, _ += .5 * (y + s) * u, v = a, y = s;
+			let p = (t * o + e) * 3;
+			l[p] = g, l[p + 1] = i, l[p + 2] = _;
+		}
+	}
+	n(e);
+}
+//#endregion
+//#region src/geometry/curls/simple.ts
+function O(e, t, r, i) {
+	let a = e.cols + 1, o = e.rows + 1, s = e.positions, c = i * Math.PI, l = Math.cos(c), u = Math.sin(c);
+	for (let n = 0; n < a; n++) {
+		let i = n / e.cols * t, c = i * l, d = i * u;
 		for (let t = 0; t < o; t++) {
-			let r = t / e.cols * f, i = Math.sin(r) * p, a = (1 - Math.cos(r)) * p, s = (n * o + t) * 3;
-			c[s] = i * h + a * g, c[s + 1] = _, c[s + 2] = -i * g + a * h;
+			let i = (t * a + n) * 3;
+			s[i] = c, s[i + 1] = t / e.rows * r, s[i + 2] = d;
 		}
 	}
 	n(e);
 }
 //#endregion
 //#region src/geometry/curls/index.ts
-var d = {
+var k = {
 	roll: {
 		deform: r,
-		deformFill: a,
 		anchored: !1
 	},
-	simple: {
-		deform: i,
-		anchored: !1
+	cone: {
+		deform: f,
+		anchored: !0
+	},
+	leaf: {
+		deform: b,
+		anchored: !0
 	},
-	fold: {
-		deform: c,
+	flick: {
+		deform: S,
 		anchored: !0
 	},
-	peel: {
-		deform: u,
+	silk: {
+		deform: D,
 		anchored: !0
+	},
+	simple: {
+		deform: O,
+		anchored: !1
 	}
 };
 //#endregion
 //#region src/renderer/gl/context.ts
-function f(e) {
+function A(e) {
 	let t = e.getContext("webgl2", {
 		alpha: !0,
 		premultipliedAlpha: !0,
@@ -139,17 +230,17 @@ function f(e) {
 }
 //#endregion
 //#region src/renderer/gl/program.ts
-function p(e, t, n) {
+function j(e, t, n) {
 	let r = e.createProgram();
 	if (r === null) throw Error("WebglRenderer: could not create a program.");
-	let i = m(e, e.VERTEX_SHADER, t), a = m(e, e.FRAGMENT_SHADER, n);
+	let i = M(e, e.VERTEX_SHADER, t), a = M(e, e.FRAGMENT_SHADER, n);
 	if (e.attachShader(r, i), e.attachShader(r, a), e.linkProgram(r), e.deleteShader(i), e.deleteShader(a), !e.getProgramParameter(r, e.LINK_STATUS)) {
 		let t = e.getProgramInfoLog(r);
 		throw e.deleteProgram(r), Error(`WebglRenderer: program link failed: ${t ?? "unknown error"}`);
 	}
 	return r;
 }
-function m(e, t, n) {
+function M(e, t, n) {
 	let r = e.createShader(t);
 	if (r === null) throw Error("WebglRenderer: could not create a shader.");
 	if (e.shaderSource(r, n), e.compileShader(r), !e.getShaderParameter(r, e.COMPILE_STATUS)) {
@@ -160,21 +251,21 @@ function m(e, t, n) {
 }
 //#endregion
 //#region src/renderer/gl/texture.ts
-function h(e) {
+function N(e) {
 	let t = e.createTexture();
 	if (t === null) throw Error("WebglRenderer: could not create a texture.");
 	return e.bindTexture(e.TEXTURE_2D, t), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.LINEAR), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.LINEAR), t;
 }
-function g(e, t, n) {
+function P(e, t, n) {
 	e.bindTexture(e.TEXTURE_2D, t), e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL, !1), e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !0), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, n);
 }
 //#endregion
 //#region src/renderer/webglRenderer.ts
-var _ = "#version 300 es\nin vec2 aUnit;\nuniform vec2 uViewport;\nuniform vec4 uRect;\nuniform vec3 uView;\nout vec2 vUv;\nvoid main() {\n  vec2 px = uRect.xy + aUnit * uRect.zw;\n  px = px * uView.x + uView.yz;\n  vec2 clip = px / uViewport * 2.0 - 1.0;\n  gl_Position = vec4(clip.x, -clip.y, 0.0, 1.0);\n  vUv = aUnit;\n}", v = "#version 300 es\nprecision mediump float;\nin vec2 vUv;\nuniform sampler2D uTex;\nuniform float uGutterSide; // +1 = spine at right edge, -1 = at left edge, 0 = none\nout vec4 outColor;\nvoid main() {\n  vec4 c = texture(uTex, vUv);\n  if (uGutterSide != 0.0) {\n    float d = uGutterSide > 0.0 ? (1.0 - vUv.x) : vUv.x;\n    c.rgb *= mix(0.72, 1.0, smoothstep(0.0, 0.10, d));\n  }\n  outColor = c;\n}", y = "#version 300 es\nin vec3 aPos;    // leaf-local device px: x = bent offset from spine, y 0..H, z depth\nin vec3 aNormal;\nin vec2 aUv;\nuniform vec2 uViewport;\nuniform vec3 uView;   // scale, tx, ty\nuniform float uOriginX; // spine x in device px\nuniform float uDir;     // +1 leaf to the right of spine, -1 to the left\nuniform float uLeafW;   // leaf width in device px (perspective scale)\nout vec2 vUv;\nout float vFacing;\nout float vU;\nvoid main() {\n  float bookX = uOriginX + uDir * aPos.x;\n  float bookY = aPos.y;\n  float Z = aPos.z;\n  float D = uLeafW * 3.0;\n  float persp = D / max(D - Z, 1.0);\n  float cx = uViewport.x * 0.5;\n  float cy = uViewport.y * 0.5;\n  float px = cx + (bookX - cx) * persp;\n  float py = cy + (bookY - cy) * min(persp, 1.0); // Y only shrinks (top-safe)\n  vec2 p = vec2(px, py) * uView.x + uView.yz;\n  vec2 clip = p / uViewport * 2.0 - 1.0;\n  gl_Position = vec4(clip.x, -clip.y, 0.0, 1.0);\n  vUv = aUv;\n  vFacing = aNormal.z;\n  vU = aUv.x;\n}", b = "#version 300 es\nprecision mediump float;\nin vec2 vUv;\nin float vFacing;\nin float vU;\nuniform sampler2D uFront;\nuniform sampler2D uBack;\nuniform highp float uDir;\nuniform float uGloss; // 0 disables the specular highlight (e.g. the flat 'simple' curl)\nout vec4 outColor;\nvoid main() {\n  // The turn mesh carries its own facing in the normal; the front points at the viewer\n  // (normal.z > 0) until the leaf passes vertical, for both flip directions. u->x still\n  // flips with uDir so a left-hand leaf reads spine-inward.\n  bool showFront = vFacing > 0.0;\n  float fx = uDir > 0.0 ? vUv.x : 1.0 - vUv.x;\n  vec4 c = showFront ? texture(uFront, vec2(fx, vUv.y)) : texture(uBack, vec2(1.0 - fx, vUv.y));\n\n  // Fold shading: the sheet darkens sharply where it curves away from the viewer, so the\n  // rolled edge reads as a deep crease with a soft highlight riding the ridge.\n  float diff = clamp(abs(vFacing), 0.0, 1.0);\n  float lit = mix(0.42, 1.0, diff);\n  lit *= mix(0.7, 1.0, smoothstep(0.0, 0.12, vU)); // spine crease matches the gutter shadow\n\n  // Glossy specular: brightest where the surface tilts ~30 deg from facing the viewer,\n  // so a thin glossy highlight rides across the sheet as it rolls.\n  float spec = pow(max(cos(acos(diff) - 0.52), 0.0), 220.0) * 0.22 * uGloss;\n\n  c.rgb = clamp(c.rgb * lit + spec, 0.0, 1.0);\n  outColor = c;\n}", x = 28, S = 36, C = 4e3, w = 256 * 1024 * 1024;
-function T(e) {
+var F = "#version 300 es\nin vec2 aUnit;\nuniform vec2 uViewport;\nuniform vec4 uRect;\nuniform vec3 uView;\nout vec2 vUv;\nvoid main() {\n  vec2 px = uRect.xy + aUnit * uRect.zw;\n  px = px * uView.x + uView.yz;\n  vec2 clip = px / uViewport * 2.0 - 1.0;\n  gl_Position = vec4(clip.x, -clip.y, 0.0, 1.0);\n  vUv = aUnit;\n}", I = "#version 300 es\nprecision mediump float;\nin vec2 vUv;\nuniform sampler2D uTex;\nuniform float uGutterSide; // +1 = spine at right edge, -1 = at left edge, 0 = none\nout vec4 outColor;\nvoid main() {\n  vec4 c = texture(uTex, vUv);\n  if (uGutterSide != 0.0) {\n    float d = uGutterSide > 0.0 ? (1.0 - vUv.x) : vUv.x;\n    c.rgb *= mix(0.72, 1.0, smoothstep(0.0, 0.10, d));\n  }\n  outColor = c;\n}", L = "#version 300 es\nin vec3 aPos;    // leaf-local device px: x = bent offset from spine, y 0..H, z depth\nin vec3 aNormal;\nin vec2 aUv;\nuniform vec2 uViewport;\nuniform vec3 uView;   // scale, tx, ty\nuniform float uOriginX; // spine x in device px\nuniform float uDir;     // +1 leaf to the right of spine, -1 to the left\nuniform float uLeafW;   // leaf width in device px (perspective scale)\nout vec2 vUv;\nout float vFacing;\nout float vU;\nvoid main() {\n  float bookX = uOriginX + uDir * aPos.x;\n  float bookY = aPos.y;\n  float Z = aPos.z;\n  // Eye distance, in leaf widths. Keeps the perspective resolution-independent. 5.3 puts the\n  // roll's deepest point ~14% larger than flat; stronger than that (a nearer eye) balloons the\n  // turning sheet and reads more like a fisheye than a page lifting.\n  float D = uLeafW * 5.3;\n  float persp = D / max(D - Z, 1.0);\n  float cx = uViewport.x * 0.5;\n  float cy = uViewport.y * 0.5;\n  float px = cx + (bookX - cx) * persp;\n  float py = cy + (bookY - cy) * min(persp, 1.0); // Y only shrinks (top-safe)\n  vec2 p = vec2(px, py) * uView.x + uView.yz;\n  vec2 clip = p / uViewport * 2.0 - 1.0;\n  gl_Position = vec4(clip.x, -clip.y, 0.0, 1.0);\n  vUv = aUv;\n  vFacing = aNormal.z;\n  vU = aUv.x;\n}", R = "#version 300 es\nprecision mediump float;\nin vec2 vUv;\nin float vFacing;\nin float vU;\nuniform sampler2D uFront;\nuniform sampler2D uBack;\nuniform highp float uDir;\nuniform float uGloss; // 0 disables the specular highlight (e.g. the flat 'simple' curl)\nuniform float uAlpha; // leaf opacity; a lone page dissolves into the page landing beneath it\nout vec4 outColor;\nvoid main() {\n  // The turn mesh carries its own facing in the normal; the front points at the viewer\n  // (normal.z > 0) until the leaf passes vertical, for both flip directions. u->x still\n  // flips with uDir so a left-hand leaf reads spine-inward.\n  bool showFront = vFacing > 0.0;\n  float fx = uDir > 0.0 ? vUv.x : 1.0 - vUv.x;\n  vec4 c = showFront ? texture(uFront, vec2(fx, vUv.y)) : texture(uBack, vec2(1.0 - fx, vUv.y));\n\n  // Fold shading: the sheet darkens sharply where it curves away from the viewer, so the\n  // rolled edge reads as a deep crease with a soft highlight riding the ridge.\n  float diff = clamp(abs(vFacing), 0.0, 1.0);\n  float lit = mix(0.42, 1.0, diff);\n  lit *= mix(0.7, 1.0, smoothstep(0.0, 0.12, vU)); // spine crease matches the gutter shadow\n\n  // Glossy specular: brightest where the surface tilts ~30 deg from facing the viewer,\n  // so a thin glossy highlight rides across the sheet as it rolls.\n  float spec = pow(max(cos(acos(diff) - 0.52), 0.0), 220.0) * 0.22 * uGloss;\n\n  c.rgb = clamp(c.rgb * lit + spec, 0.0, 1.0);\n  // Premultiplied alpha (blendFunc ONE, ONE_MINUS_SRC_ALPHA): scale colour as well as alpha,\n  // or fading would brighten the sheet additively instead of dissolving it.\n  outColor = vec4(c.rgb * uAlpha, c.a * uAlpha);\n}", z = 28, B = 36, V = .7, H = .8, U = 4e3, W = 256 * 1024 * 1024;
+function G(e) {
 	return e.left === null == (e.right === null) ? 0 : e.right === null ? 1 : -1;
 }
-var E = class {
+var K = class {
 	#e = null;
 	#t = null;
 	#n = null;
@@ -185,7 +276,7 @@ var E = class {
 	#s = null;
 	#c = null;
 	#l = 0;
-	#u = t(x, S);
+	#u = t(z, B);
 	#d = /* @__PURE__ */ new Map();
 	#f = 0;
 	#p = null;
@@ -216,7 +307,7 @@ var E = class {
 	mount(e) {
 		this.#e = e;
 		let t = e.ownerDocument, n = t.createElement("canvas");
-		return n.style.cssText = "display:block;width:100%;height:100%;", e.append(n), this.#t = n, n.addEventListener("webglcontextlost", this.#L), n.addEventListener("webglcontextrestored", this.#R), t.addEventListener("visibilitychange", this.#z), this.#n = f(n), this.#H(), Promise.resolve();
+		return n.style.cssText = "display:block;width:100%;height:100%;", e.append(n), this.#t = n, n.addEventListener("webglcontextlost", this.#L), n.addEventListener("webglcontextrestored", this.#R), t.addEventListener("visibilitychange", this.#z), this.#n = A(n), this.#H(), Promise.resolve();
 	}
 	destroy() {
 		this.#V();
@@ -241,7 +332,7 @@ var E = class {
 	}
 	beginFlip(e, t, n, r) {
 		let i = r?.fill ?? !1;
-		this.#x = 0, r?.curl && (this.#S = r.curl), r?.anchor && (this.#C = r.anchor), this.#T = i ? 0 : T(e), this.#E = i ? 0 : T(t), this.#P(t), i ? this.#b = {
+		this.#x = 0, r?.curl && (this.#S = r.curl), r?.anchor && (this.#C = r.anchor), this.#T = i ? 0 : G(e), this.#E = i ? 0 : G(t), this.#P(t), i ? this.#b = {
 			underLeft: null,
 			underRight: null,
 			underFull: t.right ?? t.left,
@@ -306,7 +397,7 @@ var E = class {
 	}
 	#I() {
 		let e = this.#F();
-		return !this.#y && this.#v !== null && T(this.#v) !== 0 ? {
+		return !this.#y && this.#v !== null && G(this.#v) !== 0 ? {
 			x: e.x + e.width / 4,
 			y: e.y,
 			width: e.width / 2,
@@ -314,7 +405,7 @@ var E = class {
 		} : e;
 	}
 	#L = (e) => {
-		e.preventDefault(), this.#A = !0, this.#M === null && (this.#M = setTimeout(() => this.#B(), C));
+		e.preventDefault(), this.#A = !0, this.#M === null && (this.#M = setTimeout(() => this.#B(), U));
 	};
 	#R = () => {
 		this.#V(), this.#A = !1, this.#H(), this.#G();
@@ -331,7 +422,7 @@ var E = class {
 	#H() {
 		let e = this.#n;
 		if (e !== null) {
-			this.#r = p(e, _, v), this.#i = p(e, y, b);
+			this.#r = j(e, F, I), this.#i = j(e, L, R);
 			for (let t of [
 				"uViewport",
 				"uRect",
@@ -347,9 +438,10 @@ var E = class {
 				"uLeafW",
 				"uFront",
 				"uBack",
-				"uGloss"
+				"uGloss",
+				"uAlpha"
 			]) this.#h[t] = e.getUniformLocation(this.#i, t);
-			this.#a = this.#U(e, this.#r), this.#W(e, this.#i), this.#d.clear(), this.#f = 0, this.#p = this.#ee(e), e.useProgram(this.#r), e.uniform1i(this.#m.uTex ?? null, 0), e.useProgram(this.#i), e.uniform1i(this.#h.uFront ?? null, 0), e.uniform1i(this.#h.uBack ?? null, 1), e.clearColor(0, 0, 0, 0), e.enable(e.BLEND), e.blendFunc(e.ONE, e.ONE_MINUS_SRC_ALPHA);
+			this.#a = this.#U(e, this.#r), this.#W(e, this.#i), this.#d.clear(), this.#f = 0, this.#p = this.#te(e), e.useProgram(this.#r), e.uniform1i(this.#m.uTex ?? null, 0), e.useProgram(this.#i), e.uniform1i(this.#h.uFront ?? null, 0), e.uniform1i(this.#h.uBack ?? null, 1), e.clearColor(0, 0, 0, 0), e.enable(e.BLEND), e.blendFunc(e.ONE, e.ONE_MINUS_SRC_ALPHA);
 		}
 	}
 	#U(e, t) {
@@ -370,7 +462,7 @@ var E = class {
 	}
 	#W(e, t) {
 		let n = [];
-		for (let e = 0; e < S; e++) for (let t = 0; t < x; t++) {
+		for (let e = 0; e < B; e++) for (let t = 0; t < z; t++) {
 			let r = e * 29 + t, i = r + 1, a = r + 29, o = a + 1;
 			n.push(r, a, i, i, a, o);
 		}
@@ -389,7 +481,7 @@ var E = class {
 	}
 	#G() {
 		let e = this.#n, t = this.#t;
-		e === null || t === null || this.#A || e.isContextLost() || (this.#te(), e.clear(e.COLOR_BUFFER_BIT), this.#K(), this.#b === null ? this.#v !== null && this.#q() : this.#J());
+		e === null || t === null || this.#A || e.isContextLost() || (this.#ne(), e.clear(e.COLOR_BUFFER_BIT), this.#K(), this.#b === null ? this.#v !== null && this.#q() : this.#J());
 	}
 	#K() {
 		let e = this.#n, t = this.#t, n = t.width, r = t.height;
@@ -402,17 +494,17 @@ var E = class {
 	}
 	#q() {
 		let e = this.#O, t = this.#k, n = this.#v;
-		this.#w = this.#y ? 0 : T(n) * (e / 4), this.#Y(), this.#y ? this.#X({
+		this.#w = this.#y ? 0 : G(n) * (e / 4), this.#X(), this.#y ? this.#Z({
 			x: 0,
 			y: 0,
 			w: e,
 			h: t
-		}, n.right ?? n.left) : (this.#X({
+		}, n.right ?? n.left) : (this.#Z({
 			x: 0,
 			y: 0,
 			w: e / 2,
 			h: t
-		}, n.left, +!!n.right), this.#X({
+		}, n.left, +!!n.right), this.#Z({
 			x: e / 2,
 			y: 0,
 			w: e / 2,
@@ -421,57 +513,64 @@ var E = class {
 	}
 	#J() {
 		let e = this.#n, t = this.#O, n = this.#k, r = this.#b;
-		if (this.#w = r.fill ? 0 : (this.#T + (this.#E - this.#T) * this.#x) * (t / 4), this.#Y(), r.fill ? this.#X({
+		if (this.#w = r.fill ? 0 : (this.#T + (this.#E - this.#T) * this.#x) * (t / 4), this.#X(), r.fill ? this.#Z({
 			x: 0,
 			y: 0,
 			w: t,
 			h: n
-		}, r.underFull) : (this.#X({
+		}, r.underFull) : (this.#Z({
 			x: 0,
 			y: 0,
 			w: t / 2,
 			h: n
-		}, r.underLeft, 1), this.#X({
+		}, r.underLeft, 1), this.#Z({
 			x: t / 2,
 			y: 0,
 			w: t / 2,
 			h: n
 		}, r.underRight, -1)), r.front === null && r.back === null) return;
-		let i = r.fill ? t : t / 2, a = r.fill ? r.dir > 0 ? 0 : t : t / 2, o = d[this.#S];
-		(r.fill && o.deformFill ? o.deformFill : o.deform)(this.#u, i, n, this.#x, this.#C), e.bindBuffer(e.ARRAY_BUFFER, this.#s), e.bufferSubData(e.ARRAY_BUFFER, 0, this.#u.positions), e.bindBuffer(e.ARRAY_BUFFER, this.#c), e.bufferSubData(e.ARRAY_BUFFER, 0, this.#u.normals), this.#Z(e.TEXTURE0, r.front), this.#Z(e.TEXTURE1, r.back), e.activeTexture(e.TEXTURE0), e.useProgram(this.#i), e.bindVertexArray(this.#o), e.uniform2f(this.#h.uViewport ?? null, t, n), e.uniform3f(this.#h.uView ?? null, this.#g.scale, this.#g.tx * this.#_ + this.#w, this.#g.ty * this.#_), e.uniform1f(this.#h.uOriginX ?? null, a), e.uniform1f(this.#h.uDir ?? null, r.dir), e.uniform1f(this.#h.uLeafW ?? null, i), e.uniform1f(this.#h.uGloss ?? null, this.#S === "simple" ? 0 : 1), e.drawElements(e.TRIANGLES, this.#l, e.UNSIGNED_SHORT, 0);
+		let i = r.fill ? t : t / 2, a = r.fill ? r.dir > 0 ? 0 : t : t / 2;
+		k[this.#S].deform(this.#u, i, n, this.#x, {
+			y: this.#C.y,
+			fill: r.fill
+		}), e.bindBuffer(e.ARRAY_BUFFER, this.#s), e.bufferSubData(e.ARRAY_BUFFER, 0, this.#u.positions), e.bindBuffer(e.ARRAY_BUFFER, this.#c), e.bufferSubData(e.ARRAY_BUFFER, 0, this.#u.normals), this.#Q(e.TEXTURE0, r.front), this.#Q(e.TEXTURE1, r.back), e.activeTexture(e.TEXTURE0), e.useProgram(this.#i), e.bindVertexArray(this.#o), e.uniform2f(this.#h.uViewport ?? null, t, n), e.uniform3f(this.#h.uView ?? null, this.#g.scale, this.#g.tx * this.#_ + this.#w, this.#g.ty * this.#_), e.uniform1f(this.#h.uOriginX ?? null, a), e.uniform1f(this.#h.uDir ?? null, r.dir), e.uniform1f(this.#h.uLeafW ?? null, i), e.uniform1f(this.#h.uGloss ?? null, this.#S === "simple" ? 0 : 1), e.uniform1f(this.#h.uAlpha ?? null, r.fill ? this.#Y() : 1), e.drawElements(e.TRIANGLES, this.#l, e.UNSIGNED_SHORT, 0);
 	}
 	#Y() {
+		let e = this.#S === "roll" || this.#S === "simple" ? V : H, t = (this.#x - e) / (1 - e);
+		return t <= 0 ? 1 : t >= 1 ? 0 : (1 - t) ** 1.5;
+	}
+	#X() {
 		let e = this.#n;
 		e.useProgram(this.#r), e.bindVertexArray(this.#a), e.activeTexture(e.TEXTURE0), e.uniform2f(this.#m.uViewport ?? null, this.#O, this.#k), e.uniform3f(this.#m.uView ?? null, this.#g.scale, this.#g.tx * this.#_ + this.#w, this.#g.ty * this.#_);
 	}
-	#X(e, t, n = 0) {
+	#Z(e, t, n = 0) {
 		let r = this.#n;
-		t !== null && (this.#Z(r.TEXTURE0, t), r.uniform4f(this.#m.uRect ?? null, e.x, e.y, e.w, e.h), r.uniform1f(this.#m.uGutterSide ?? null, n), r.drawArrays(r.TRIANGLE_STRIP, 0, 4));
+		t !== null && (this.#Q(r.TEXTURE0, t), r.uniform4f(this.#m.uRect ?? null, e.x, e.y, e.w, e.h), r.uniform1f(this.#m.uGutterSide ?? null, n), r.drawArrays(r.TRIANGLE_STRIP, 0, 4));
 	}
-	#Z(e, t) {
+	#Q(e, t) {
 		let n = this.#n;
-		n.activeTexture(e), n.bindTexture(n.TEXTURE_2D, t === null ? this.#p : this.#Q(t));
+		n.activeTexture(e), n.bindTexture(n.TEXTURE_2D, t === null ? this.#p : this.#$(t));
 	}
-	#Q(e) {
+	#$(e) {
 		let t = this.#n, n = this.#d.get(e);
 		if (n !== void 0) return this.#d.delete(e), this.#d.set(e, n), n.tex;
-		let r = h(t);
-		g(t, r, e);
+		let r = N(t);
+		P(t, r, e);
 		let i = e, a = i.width * i.height * 4;
 		return this.#d.set(e, {
 			tex: r,
 			bytes: a
-		}), this.#f += a, this.#$(), r;
+		}), this.#f += a, this.#ee(), r;
 	}
-	#$() {
+	#ee() {
 		let e = this.#n;
 		for (let [t, n] of this.#d) {
-			if (this.#f <= w || this.#d.size <= 4) break;
+			if (this.#f <= W || this.#d.size <= 4) break;
 			this.#d.delete(t), this.#f -= n.bytes, e.deleteTexture(n.tex);
 		}
 	}
-	#ee(e) {
-		let t = h(e);
+	#te(e) {
+		let t = N(e);
 		return e.bindTexture(e.TEXTURE_2D, t), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, 1, 1, 0, e.RGBA, e.UNSIGNED_BYTE, new Uint8Array([
 			0,
 			0,
@@ -479,7 +578,7 @@ var E = class {
 			0
 		])), t;
 	}
-	#te() {
+	#ne() {
 		let e = this.#n, t = this.#t, n = this.#e;
 		if (e === null || t === null || n === null) return;
 		this.#_ = typeof devicePixelRatio == "number" ? devicePixelRatio : 1;
@@ -488,6 +587,6 @@ var E = class {
 	}
 };
 //#endregion
-export { E as WebglRenderer };
+export { K as WebglRenderer };
 
-//# sourceMappingURL=webglRenderer-m-lr412M.js.map
+//# sourceMappingURL=webglRenderer-BK-ArG1G.js.map