layershift 0.5.1 → 0.6.0

package/dist/npm/layershift.es.js

@@ -1,7 +1,7 @@
 class Vt {
   constructor(t) {
     this.depthData = t;
-    const e = t.meta.width * t.meta.height;
+    const e = t.width * t.height;
     this.uint8Output = new Uint8Array(e);
   }
   uint8Output;
@@ -10,7 +10,7 @@ class Vt {
   lastNextFrameIndex = -1;
   lastLerpFactor = -1;
   sample(t) {
-    const e = re(t * this.depthData.meta.fps, 0, this.depthData.meta.frameCount - 1), n = Math.floor(e), i = Math.min(n + 1, this.depthData.meta.frameCount - 1), r = e - n, o = n !== this.lastFrameIndex || i !== this.lastNextFrameIndex, l = Math.abs(r - this.lastLerpFactor) > 1e-3;
+    const e = ne(t * this.depthData.fps, 0, this.depthData.frameCount - 1), n = Math.floor(e), i = Math.min(n + 1, this.depthData.frameCount - 1), r = e - n, o = n !== this.lastFrameIndex || i !== this.lastNextFrameIndex, l = Math.abs(r - this.lastLerpFactor) > 1e-3;
     if (!o && !l)
       return this.uint8Output;
     this.lastFrameIndex = n, this.lastNextFrameIndex = i, this.lastLerpFactor = r;
@@ -20,27 +20,11 @@ class Vt {
     return this.uint8Output;
   }
 }
-async function kt(s, t, e) {
-  const [n, i] = await Promise.all([
-    te(t),
-    ee(s)
-  ]);
-  return ne(i, n);
+async function kt(s, t = 512, e = 512, n = 5, i) {
+  const r = await te(s);
+  return ee(r, t, e, n);
 }
-async function te(s) {
-  const t = await fetch(s);
-  if (!t.ok)
-    throw new Error(`Failed to fetch depth metadata (${t.status} ${t.statusText}).`);
-  const e = await t.json();
-  return ie(e), {
-    frameCount: e.frameCount,
-    fps: e.fps,
-    width: e.width,
-    height: e.height,
-    sourceFps: e.sourceFps
-  };
-}
-async function ee(s, t) {
+async function te(s, t) {
   const e = await fetch(s);
   if (!e.ok)
     throw new Error(`Failed to fetch depth data (${e.status} ${e.statusText}).`);
@@ -63,42 +47,35 @@ async function ee(s, t) {
     l.set(h, a), a += h.byteLength;
   return l;
 }
-function ne(s, t) {
-  if (s.byteLength < 4)
-    throw new Error("Depth data binary is missing the frame-count header.");
-  const n = new DataView(s.buffer, s.byteOffset, s.byteLength).getUint32(0, !0), i = t.width * t.height, r = 4 + n * i;
-  if (s.byteLength !== r)
+function ee(s, t, e, n) {
+  const i = t * e;
+  if (i === 0)
+    throw new Error("Depth frame dimensions must be non-zero.");
+  if (s.byteLength % i !== 0)
     throw new Error(
-      `Depth data byte length mismatch. Expected ${r} bytes, received ${s.byteLength}.`
+      `Depth data byte length (${s.byteLength}) is not evenly divisible by frame size (${i} = ${t}×${e}).`
     );
-  if (n !== t.frameCount)
-    throw new Error(
-      `Depth frame count mismatch between metadata (${t.frameCount}) and binary header (${n}).`
-    );
-  const o = s.subarray(4), l = new Array(n);
-  for (let a = 0; a < n; a += 1) {
-    const h = a * i;
-    l[a] = o.subarray(h, h + i);
+  const r = s.byteLength / i, o = new Array(r);
+  for (let l = 0; l < r; l += 1) {
+    const a = l * i;
+    o[l] = s.subarray(a, a + i);
   }
-  return { meta: t, frames: l };
-}
-function ie(s) {
-  if (!s || typeof s.frameCount != "number" || typeof s.fps != "number" || typeof s.width != "number" || typeof s.height != "number" || typeof s.sourceFps != "number")
-    throw new Error("Depth metadata is malformed.");
-  if (!Number.isFinite(s.frameCount) || !Number.isFinite(s.fps) || !Number.isFinite(s.width) || !Number.isFinite(s.height) || !Number.isFinite(s.sourceFps) || s.frameCount <= 0 || s.fps <= 0 || s.width <= 0 || s.height <= 0 || s.sourceFps <= 0)
-    throw new Error("Depth metadata contains invalid numeric values.");
+  return { width: t, height: e, fps: n, frameCount: r, frames: o };
 }
-function N(s, t) {
+function X(s, t) {
   const e = new Uint8Array(s * t);
   return e.fill(128), {
-    meta: { frameCount: 1, fps: 1, width: s, height: t, sourceFps: 1 },
+    width: s,
+    height: t,
+    fps: 1,
+    frameCount: 1,
     frames: [e]
   };
 }
-function re(s, t, e) {
+function ne(s, t, e) {
   return Math.min(e, Math.max(t, s));
 }
-const se = {
+const ie = {
   parallaxStrength: 0.05,
   contrastLow: 0.05,
   contrastHigh: 0.95,
@@ -108,11 +85,11 @@ const se = {
   pomSteps: 16,
   overscanPadding: 0.08
 };
-function oe(s, t, e) {
+function re(s, t, e) {
   const n = new Float32Array(256);
   if (s.length === 0 || t <= 0 || e <= 0)
     return Pt(n);
-  const i = le(s.length), r = t * e;
+  const i = oe(s.length), r = t * e;
   let o = 0;
   const l = new Uint32Array(256);
   for (const m of i) {
@@ -139,24 +116,24 @@ function oe(s, t, e) {
     const T = m / 255 - d;
     y += n[m] * T * T;
   }
-  const E = Math.sqrt(y), b = p - c, g = x - f, v = ue(n);
+  const b = Math.sqrt(y), E = p - c, g = x - f, v = ae(n);
   return {
     mean: d,
-    stdDev: E,
+    stdDev: b,
     p5: c,
     p25: f,
     median: u,
     p75: x,
     p95: p,
-    effectiveRange: b,
+    effectiveRange: E,
     iqr: g,
     bimodality: v,
     histogram: n
   };
 }
-function ae(s) {
+function se(s) {
   if (s.effectiveRange < 0.05 || s.stdDev < 0.02)
-    return { ...se };
+    return { ...ie };
   const t = s.effectiveRange - 0.5, e = s.bimodality - 0.4, n = H(
     0.05 - t * 0.03 + e * 0.01,
     0.035,
@@ -173,7 +150,7 @@ function ae(s) {
     overscanPadding: f
   };
 }
-function le(s) {
+function oe(s) {
   if (s <= 0) return [];
   if (s === 1) return [0];
   const t = s - 1, e = [
@@ -193,7 +170,7 @@ function nt(s, t) {
       return e / 255;
   return 1;
 }
-function ue(s) {
+function ae(s) {
   const t = new Float32Array(256);
   for (let u = 0; u < 256; u += 1) {
     let x = 0, p = 0;
@@ -268,7 +245,7 @@ function pt(s, t, e) {
     n[i] = s.getUniformLocation(t, i);
   return n;
 }
-const ce = new Float32Array([
+const le = new Float32Array([
   -1,
   -1,
   1,
@@ -283,7 +260,7 @@ function Ot(s, t) {
   if (!e) throw new Error("Failed to create VAO.");
   s.bindVertexArray(e);
   const n = s.createBuffer();
-  s.bindBuffer(s.ARRAY_BUFFER, n), s.bufferData(s.ARRAY_BUFFER, ce, s.STATIC_DRAW);
+  s.bindBuffer(s.ARRAY_BUFFER, n), s.bufferData(s.ARRAY_BUFFER, le, s.STATIC_DRAW);
   const i = s.getAttribLocation(t, "aPosition");
   return s.enableVertexAttribArray(i), s.vertexAttribPointer(i, 2, s.FLOAT, !1, 0, 0), s.bindVertexArray(null), e;
 }
@@ -372,7 +349,7 @@ function Dt(s, t, e, n, i, r) {
   };
   return r.width > 0 && r.height > 0 && f.resize(s, r.width, r.height), f;
 }
-const he = {
+const ue = {
   high: {
     dprCap: 2,
     depthMaxDim: 512,
@@ -395,7 +372,7 @@ const he = {
     jfaDivisor: 4
   }
 };
-function fe(s) {
+function ce(s) {
   let t = "unknown";
   const e = s.getExtension("WEBGL_debug_renderer_info");
   e && (t = s.getParameter(e.UNMASKED_RENDERER_WEBGL) || "unknown");
@@ -410,7 +387,7 @@ function fe(s) {
     isMobile: a && h
   };
 }
-const de = [
+const he = [
   "mali-4",
   "mali-t",
   "adreno 3",
@@ -423,7 +400,7 @@ const de = [
   "llvmpipe",
   "swiftshader",
   "software"
-], me = [
+], fe = [
   "nvidia",
   "geforce",
   "radeon rx",
@@ -435,14 +412,14 @@ const de = [
   "mali-g7",
   "mali-g6"
 ];
-function pe(s) {
+function de(s) {
   let t = 0;
-  const e = s.gpuRenderer.toLowerCase(), n = de.some((r) => e.includes(r)), i = me.some((r) => e.includes(r));
+  const e = s.gpuRenderer.toLowerCase(), n = he.some((r) => e.includes(r)), i = fe.some((r) => e.includes(r));
   return n && (t -= 30), i && (t += 20), s.maxTextureSize >= 16384 ? t += 10 : s.maxTextureSize >= 8192 ? t += 5 : s.maxTextureSize <= 4096 && (t -= 15), s.hardwareConcurrency >= 8 ? t += 5 : s.hardwareConcurrency >= 4 ? t += 0 : s.hardwareConcurrency > 0 && s.hardwareConcurrency < 4 && (t -= 10), s.deviceMemory >= 8 ? t += 5 : s.deviceMemory >= 4 ? t += 0 : s.deviceMemory > 0 && s.deviceMemory < 4 && (t -= 15), s.isMobile && (t -= 10), t >= 0 ? "high" : t >= -25 ? "medium" : "low";
 }
-function Nt(s, t) {
-  const e = t && t !== "auto" ? t : pe(fe(s));
-  return { tier: e, ...he[e] };
+function Xt(s, t) {
+  const e = t && t !== "auto" ? t : de(ce(s));
+  return { tier: e, ...ue[e] };
 }
 class gt {
   static RESIZE_DEBOUNCE_MS = 100;
@@ -628,7 +605,7 @@ class gt {
     l /= h, a /= h, this.uvOffset = [(1 - l) / 2, (1 - a) / 2], this.uvScale = [l, a], this.isCameraSource && (this.uvOffset[0] += this.uvScale[0], this.uvScale[0] = -this.uvScale[0]);
   }
 }
-const ge = `#version 300 es
+const me = `#version 300 es
 in vec2 aPosition;
 
 // UV coordinates for cover-fit + overscan.
@@ -657,7 +634,7 @@ void main() {
   vUv = aPosition * 0.5 + 0.5;
   gl_Position = vec4(aPosition, 0.0, 1.0);
 }
-`, ve = `#version 300 es
+`, pe = `#version 300 es
 precision highp float;
 
 // BILATERAL_RADIUS is injected as a #define at compile time.
@@ -695,7 +672,7 @@ void main() {
 
   fragColor = vec4(totalDepth / totalWeight, 0.0, 0.0, 1.0);
 }
-`, xe = `#version 300 es
+`, ge = `#version 300 es
 precision highp float;
 
 // ---- Uniforms ----
@@ -1147,18 +1124,18 @@ void main() {
   tiltHalfTanFov: Math.tan(50 * Math.PI / 360),
   tiltTransitionWidth: 0.3 * 4.5,
   tiltPeakIntensity: 0.8
-}, Te = ["uRawDepth", "uTexelSize", "uSpatialSigma2"], Ee = {
+}, ve = ["uRawDepth", "uTexelSize", "uSpatialSigma2"], xe = {
   2: 2.25,
   // 1.5²
   1: 0.5625
   // 0.75²
 };
-function be(s, t) {
-  const e = ve.replace(
+function Te(s, t) {
+  const e = pe.replace(
     "#version 300 es",
     `#version 300 es
 #define BILATERAL_RADIUS ${t}`
-  ), n = G(s, s.VERTEX_SHADER, bt), i = G(s, s.FRAGMENT_SHADER, e), r = mt(s, n, i), o = pt(s, r, Te), l = Ee[t] ?? 2.25;
+  ), n = G(s, s.VERTEX_SHADER, bt), i = G(s, s.FRAGMENT_SHADER, e), r = mt(s, n, i), o = pt(s, r, ve), l = xe[t] ?? 2.25;
   let a = null;
   const h = {
     name: "bilateral-filter",
@@ -1179,7 +1156,7 @@ function be(s, t) {
         0
       ), c.bindFramebuffer(c.FRAMEBUFFER, null), c.useProgram(r), c.uniform1i(o.uRawDepth, 2), c.uniform2f(o.uTexelSize, 1 / u, 1 / x), c.uniform1f(o.uSpatialSigma2, l);
     },
-    execute(c, f, u, x, p, d, y, E) {
+    execute(c, f, u, x, p, d, y, b) {
       a && (c.activeTexture(c.TEXTURE2), c.bindTexture(c.TEXTURE_2D, u), c.texSubImage2D(
         c.TEXTURE_2D,
         0,
@@ -1190,7 +1167,7 @@ function be(s, t) {
         c.RED,
         c.UNSIGNED_BYTE,
         x
-      ), c.bindFramebuffer(c.FRAMEBUFFER, a), c.viewport(0, 0, p, d), c.useProgram(r), c.bindVertexArray(f), c.drawArrays(c.TRIANGLE_STRIP, 0, 4), c.bindFramebuffer(c.FRAMEBUFFER, null), c.viewport(0, 0, y, E));
+      ), c.bindFramebuffer(c.FRAMEBUFFER, a), c.viewport(0, 0, p, d), c.useProgram(r), c.bindVertexArray(f), c.drawArrays(c.TRIANGLE_STRIP, 0, 4), c.bindFramebuffer(c.FRAMEBUFFER, null), c.viewport(0, 0, y, b));
     },
     dispose(c) {
       a && (c.deleteFramebuffer(a), a = null, h.fbo = null), c.deleteProgram(r);
@@ -1198,7 +1175,7 @@ function be(s, t) {
   };
   return h;
 }
-const Se = [
+const Ee = [
   "uImage",
   "uDepth",
   "uOffset",
@@ -1237,13 +1214,13 @@ const Se = [
   "uTiltPeakIntensity",
   "uTiltPlaneNormal",
   "uTiltPlaneD"
-], ye = 64;
-function we(s) {
-  const t = xe.replace(
+], be = 64;
+function Se(s) {
+  const t = ge.replace(
     "#version 300 es",
     `#version 300 es
-#define MAX_POM_STEPS ${ye}`
-  ), e = G(s, s.VERTEX_SHADER, ge), n = G(s, s.FRAGMENT_SHADER, t), i = mt(s, e, n), r = pt(s, i, Se);
+#define MAX_POM_STEPS ${be}`
+  ), e = G(s, s.VERTEX_SHADER, me), n = G(s, s.FRAGMENT_SHADER, t), i = mt(s, e, n), r = pt(s, i, Ee);
   return {
     name: "depth-effect",
     program: i,
@@ -1259,7 +1236,7 @@ function we(s) {
     }
   };
 }
-class Re extends gt {
+class ye extends gt {
   // ---- Shared GPU resources ----
   gl = null;
   quadVao = null;
@@ -1318,7 +1295,7 @@ class Re extends gt {
       powerPreference: "high-performance"
     });
     if (!n) throw new Error("WebGL 2 is not supported.");
-    this.gl = n, this.qualityParams = Nt(n, e.quality), "drawingBufferColorSpace" in n && (n.drawingBufferColorSpace = "srgb"), n.clearColor(0, 0, 0, 1), n.pixelStorei(n.UNPACK_FLIP_Y_WEBGL, !0), this.initGPUResources(), this.setupResizeHandling();
+    this.gl = n, this.qualityParams = Xt(n, e.quality), "drawingBufferColorSpace" in n && (n.drawingBufferColorSpace = "srgb"), n.clearColor(0, 0, 0, 1), n.pixelStorei(n.UNPACK_FLIP_Y_WEBGL, !0), this.initGPUResources(), this.setupResizeHandling();
   }
   /**
    * Set up the scene: create video texture, depth textures + FBO, and
@@ -1397,7 +1374,7 @@ class Re extends gt {
   initGPUResources() {
     const t = this.gl;
     if (!t) return;
-    this.bilateralPass = be(t, this.qualityParams.bilateralRadius), this.effectPass = we(t);
+    this.bilateralPass = Te(t, this.qualityParams.bilateralRadius), this.effectPass = Se(t);
     const e = Ft.replace(
       "#version 300 es",
       `#version 300 es
@@ -1565,9 +1542,9 @@ async function ht(s, t = {}) {
     loop: n = !0,
     muted: i = !0
   } = t, r = document.createElement("video");
-  return r.crossOrigin = "anonymous", r.setAttribute("crossorigin", "anonymous"), r.playsInline = !0, r.setAttribute("playsinline", ""), r.setAttribute("webkit-playsinline", "true"), r.muted = i, r.defaultMuted = i, i && r.setAttribute("muted", ""), r.loop = n, r.preload = "auto", r.style.display = "none", r.src = s, e.appendChild(r), await Gt(r), new Ae(r);
+  return r.crossOrigin = "anonymous", r.setAttribute("crossorigin", "anonymous"), r.playsInline = !0, r.setAttribute("playsinline", ""), r.setAttribute("webkit-playsinline", "true"), r.muted = i, r.defaultMuted = i, i && r.setAttribute("muted", ""), r.loop = n, r.preload = "auto", r.style.display = "none", r.src = s, e.appendChild(r), await Gt(r), new we(r);
 }
-class Ae {
+class we {
   constructor(t) {
     this.video = t;
   }
@@ -1621,9 +1598,9 @@ async function ft(s, t = {}) {
       return;
     }
     e.addEventListener("load", () => n(), { once: !0 }), e.addEventListener("error", () => i(new Error(`Failed to load image: ${s}`)), { once: !0 });
-  }), new Pe(e);
+  }), new Re(e);
 }
-class Pe {
+class Re {
   constructor(t) {
     this.img = t;
   }
@@ -1645,11 +1622,11 @@ class Pe {
     this.img.removeAttribute("src");
   }
 }
-async function Xt(s = { video: !0 }, t = {}) {
+async function Nt(s = { video: !0 }, t = {}) {
   const { parent: e = document.body } = t, n = await navigator.mediaDevices.getUserMedia(s), i = document.createElement("video");
-  return i.playsInline = !0, i.setAttribute("playsinline", ""), i.muted = !0, i.defaultMuted = !0, i.style.display = "none", i.srcObject = n, e.appendChild(i), await Gt(i), await i.play(), new De(i, n);
+  return i.playsInline = !0, i.setAttribute("playsinline", ""), i.muted = !0, i.defaultMuted = !0, i.style.display = "none", i.srcObject = n, e.appendChild(i), await Gt(i), await i.play(), new Ae(i, n);
 }
-class De {
+class Ae {
   constructor(t, e) {
     this.video = t, this.stream = e;
   }
@@ -1708,10 +1685,10 @@ async function Gt(s) {
   });
 }
 const Z = 518;
-async function Fe() {
+async function Pe() {
   return await import("onnxruntime-web/webgpu");
 }
-class Ce {
+class De {
   constructor(t, e) {
     this.depthWidth = t, this.depthHeight = e;
     const n = t * e;
@@ -1750,13 +1727,13 @@ class Ce {
    * (GPU-accelerated on main thread), falls back to WASM EP.
    */
   async init(t, e) {
-    const n = await Fe();
+    const n = await Pe();
     if (this.ort = n, this.captureCanvas = document.createElement("canvas"), this.captureCanvas.width = Z, this.captureCanvas.height = Z, this.captureCtx = this.captureCanvas.getContext("2d", {
       willReadFrequently: !0
     }), !this.captureCtx)
       throw new Error("[DepthEstimator] Failed to create 2D canvas context.");
     e?.({ receivedBytes: 0, totalBytes: null, fraction: 0, label: "Downloading depth model…" });
-    const i = await Ue(t, e);
+    const i = await Fe(t, e);
     e?.({ receivedBytes: i.byteLength, totalBytes: i.byteLength, fraction: 1, label: "Initialising depth model…" });
     let r;
     try {
@@ -1879,10 +1856,10 @@ class Ce {
   }
 }
 async function dt(s, t, e, n) {
-  const i = new Ce(t, e);
+  const i = new De(t, e);
   return await i.init(s, n), i;
 }
-async function Ue(s, t) {
+async function Fe(s, t) {
   const e = await fetch(s);
   if (!e.ok)
     throw new Error(`[DepthEstimator] Failed to fetch model (${e.status} ${e.statusText}).`);
@@ -2064,7 +2041,9 @@ class xt extends HTMLElement {
     return [
       "src",
       "depth-src",
-      "depth-meta",
+      "depth-width",
+      "depth-height",
+      "depth-fps",
       "depth-model",
       "source-type",
       "config",
@@ -2080,10 +2059,10 @@ class xt extends HTMLElement {
       "muted"
     ];
   }
-  reinitAttributes = ["src", "depth-src", "depth-meta", "depth-model", "source-type", "config"];
+  reinitAttributes = ["src", "depth-src", "depth-width", "depth-height", "depth-fps", "depth-model", "source-type", "config"];
   canInit() {
     if (this.sourceType === "camera") return !0;
-    const t = !!this.getAttribute("src"), e = !!this.getAttribute("depth-src") && !!this.getAttribute("depth-meta"), n = !!this.getAttribute("depth-model");
+    const t = !!this.getAttribute("src"), e = !!this.getAttribute("depth-src"), n = !!this.getAttribute("depth-model");
     return t && (e || n);
   }
   shadow;
@@ -2279,7 +2258,7 @@ class xt extends HTMLElement {
         this.emit("layershift-effect:model-progress", m);
       };
       if (e) {
-        if (i = await Xt(
+        if (i = await Nt(
           { video: { facingMode: "user" } },
           { parent: this.shadow }
         ), t.aborted) {
@@ -2291,28 +2270,33 @@ class xt extends HTMLElement {
             o.dispose(), i.dispose();
             return;
           }
-          r = N($, K);
+          r = X($, K);
         } else
-          r = N(i.width, i.height);
+          r = X(i.width, i.height);
       } else {
-        const m = this.getAttribute("src"), T = this.getAttribute("depth-src"), w = this.getAttribute("depth-meta"), A = !!T && !!w, P = this.sourceType === "image" || /\.(jpe?g|png|webp|gif|avif|bmp)(\?|$)/i.test(m);
-        if (A) {
-          const [F, _] = await Promise.all([
-            P ? ft(m) : ht(m, {
+        const m = this.getAttribute("src"), T = this.getAttribute("depth-src"), w = !!T, A = this.sourceType === "image" || /\.(jpe?g|png|webp|gif|avif|bmp)(\?|$)/i.test(m);
+        if (w) {
+          const [P, F] = await Promise.all([
+            A ? ft(m) : ht(m, {
               parent: this.shadow,
               loop: this.shouldLoop,
               muted: this.shouldMute
             }),
-            kt(T, w)
+            kt(
+              T,
+              this.getAttrFloat("depth-width", 512),
+              this.getAttrFloat("depth-height", 512),
+              this.getAttrFloat("depth-fps", 5)
+            )
           ]);
           if (t.aborted) {
-            F.dispose();
+            P.dispose();
             return;
           }
-          i = F, r = _;
+          i = P, r = F;
         } else if (n) {
-          const [F, _] = await Promise.all([
-            P ? ft(m) : ht(m, {
+          const [P, F] = await Promise.all([
+            A ? ft(m) : ht(m, {
               parent: this.shadow,
               loop: this.shouldLoop,
               muted: this.shouldMute
@@ -2320,30 +2304,33 @@ class xt extends HTMLElement {
             dt(n, $, K, l)
           ]);
           if (t.aborted) {
-            F.dispose(), _.dispose();
+            P.dispose(), F.dispose();
             return;
           }
-          if (i = F, o = _, P || !i.isLive) {
-            const I = i.getImageSource();
-            if (I) {
-              const C = await o.submitFrameAndWait(I);
+          if (i = P, o = F, A || !i.isLive) {
+            const _ = i.getImageSource();
+            if (_) {
+              const I = await o.submitFrameAndWait(_);
               r = {
-                meta: { frameCount: 1, fps: 1, width: $, height: K, sourceFps: 1 },
-                frames: [C]
+                width: $,
+                height: K,
+                fps: 1,
+                frameCount: 1,
+                frames: [I]
               };
             } else
-              r = N($, K);
+              r = X($, K);
           } else
-            r = N($, K);
+            r = X($, K);
         } else
-          throw new Error("Either depth-src/depth-meta or depth-model must be provided.");
+          throw new Error("Either depth-src or depth-model must be provided.");
       }
       this.source = i, this.depthEstimator = o, this.loopCount = 0, this.attachSourceEventListeners(i);
-      const a = oe(
+      const a = re(
         r.frames,
-        r.meta.width,
-        r.meta.height
-      ), h = ae(a);
+        r.width,
+        r.height
+      ), h = se(a);
       this.depthFallback = {
         contrastLow: h.contrastLow,
         contrastHigh: h.contrastHigh,
@@ -2388,21 +2375,21 @@ class xt extends HTMLElement {
         }, u = Lt(p.channels), x = p.motion;
       } else
         f = this.buildLegacyConfig(h, i.width);
-      this.renderer = new Re(this.container, f), this.renderer.initialize(i, r.meta.width, r.meta.height), u && this.renderer.updateCurveLUTs(
+      this.renderer = new ye(this.container, f), this.renderer.initialize(i, r.width, r.height), u && this.renderer.updateCurveLUTs(
         u.displacementLUT,
         u.blurLUT,
         u.glowLUT,
         u.colorShiftLUT,
         u.colorShiftParams ?? void 0
       );
-      const d = x.tiltPlaneInput ?? !1, y = x.tiltPitchSensitivity ?? 0.35, E = x.tiltYawSensitivity ?? 0.15, g = p?.channels.find((m) => m.channel === "blur" && m.enabled)?.params?.focalCenter ?? 0.5, v = o;
+      const d = x.tiltPlaneInput ?? !1, y = x.tiltPitchSensitivity ?? 0.35, b = x.tiltYawSensitivity ?? 0.15, g = p?.channels.find((m) => m.channel === "blur" && m.enabled)?.params?.focalCenter ?? 0.5, v = o;
       if (this.renderer.start(
         i,
         c,
         () => {
           const m = this._input;
           if (d) {
-            const A = m.y * y, P = m.x * E, F = Math.cos(A), _ = Math.sin(A), I = Math.cos(P), S = Math.sin(P) * F, D = -_, U = I * F, M = 0.5 + g * (5 - 0.5);
+            const A = m.y * y, P = m.x * b, F = Math.cos(A), _ = Math.sin(A), I = Math.cos(P), S = Math.sin(P) * F, D = -_, U = I * F, M = 0.5 + g * (5 - 0.5);
             return {
               x: m.x * 0.3,
               y: m.y * 0.3,
@@ -2581,34 +2568,34 @@ class Rt {
     this.maskTex && (t.deleteTexture(this.maskTex), this.maskTex = null), this.maskFbo && (t.deleteFramebuffer(this.maskFbo), this.maskFbo = null), this.pingTex && (t.deleteTexture(this.pingTex), this.pingTex = null), this.pingFbo && (t.deleteFramebuffer(this.pingFbo), this.pingFbo = null), this.pongTex && (t.deleteTexture(this.pongTex), this.pongTex = null), this.pongFbo && (t.deleteFramebuffer(this.pongFbo), this.pongFbo = null), this.distTex && (t.deleteTexture(this.distTex), this.distTex = null), this.distFbo && (t.deleteFramebuffer(this.distFbo), this.distFbo = null), this._width = 0, this._height = 0, this._dirty = !0;
   }
 }
-const Le = `#version 300 es
+const Ce = `#version 300 es
 in vec2 aPosition;
 uniform vec2 uMeshScale;
 void main() {
   gl_Position = vec4(aPosition * uMeshScale, 0.0, 1.0);
 }
-`, _e = `#version 300 es
+`, Ue = `#version 300 es
 precision lowp float;
 out vec4 fragColor;
 void main() { fragColor = vec4(0.0); }
-`, Ie = `#version 300 es
+`, Le = `#version 300 es
 in vec2 aPosition;
 uniform vec2 uMeshScale;
 void main() {
   gl_Position = vec4(aPosition * uMeshScale, 0.0, 1.0);
 }
-`, Me = `#version 300 es
+`, _e = `#version 300 es
 precision lowp float;
 out vec4 fragColor;
 void main() { fragColor = vec4(1.0); }
-`, Be = `#version 300 es
+`, Ie = `#version 300 es
 in vec2 aPosition;
 out vec2 vUv;
 void main() {
   vUv = aPosition * 0.5 + 0.5;
   gl_Position = vec4(aPosition, 0.0, 1.0);
 }
-`, Ve = `#version 300 es
+`, Me = `#version 300 es
 precision highp float;
 uniform sampler2D uMask;
 uniform vec2 uTexelSize;
@@ -2633,14 +2620,14 @@ void main() {
     fragSeed = vec2(-1.0);
   }
 }
-`, ke = `#version 300 es
+`, Be = `#version 300 es
 in vec2 aPosition;
 out vec2 vUv;
 void main() {
   vUv = aPosition * 0.5 + 0.5;
   gl_Position = vec4(aPosition, 0.0, 1.0);
 }
-`, Oe = `#version 300 es
+`, Ve = `#version 300 es
 precision highp float;
 uniform sampler2D uSeedTex;
 uniform float uStepSize;
@@ -2669,14 +2656,14 @@ void main() {
 
   fragSeed = bestSeed;
 }
-`, He = `#version 300 es
+`, ke = `#version 300 es
 in vec2 aPosition;
 out vec2 vUv;
 void main() {
   vUv = aPosition * 0.5 + 0.5;
   gl_Position = vec4(aPosition, 0.0, 1.0);
 }
-`, Ne = `#version 300 es
+`, Oe = `#version 300 es
 precision highp float;
 uniform sampler2D uSeedTex;
 uniform sampler2D uMask;
@@ -2701,7 +2688,7 @@ void main() {
   float normalized = clamp(d / max(uBevelWidth, 0.001), 0.0, 1.0);
   fragDist = vec4(normalized, 0.0, 0.0, 1.0);
 }
-`, Xe = `#version 300 es
+`, He = `#version 300 es
 in vec2 aPosition;
 uniform vec2 uUvOffset;
 uniform vec2 uUvScale;
@@ -2713,7 +2700,7 @@ void main() {
   vScreenUv = baseUv;
   gl_Position = vec4(aPosition, 0.0, 1.0);
 }
-`, Ge = `#version 300 es
+`, Xe = `#version 300 es
 precision highp float;
 
 #define MAX_POM_STEPS 32
@@ -2844,14 +2831,14 @@ void main() {
   // Write lens-transformed depth to second attachment for boundary effects
   fragDepth = vec4(lensD, 0.0, 0.0, 1.0);
 }
-`, We = `#version 300 es
+`, Ne = `#version 300 es
 in vec2 aPosition;
 out vec2 vUv;
 void main() {
   vUv = aPosition * 0.5 + 0.5;
   gl_Position = vec4(aPosition, 0.0, 1.0);
 }
-`, ze = `#version 300 es
+`, Ge = `#version 300 es
 precision highp float;
 uniform sampler2D uInteriorColor;
 uniform sampler2D uDistField;
@@ -2881,7 +2868,7 @@ void main() {
 
   fragColor = vec4(toSRGB(linear), color.a);
 }
-`, qe = `#version 300 es
+`, We = `#version 300 es
 in vec2 aPosition;
 in vec2 aNormal;
 uniform float uRimWidth;
@@ -2904,7 +2891,7 @@ void main() {
 
   gl_Position = vec4(pos, 0.0, 1.0);
 }
-`, Ye = `#version 300 es
+`, ze = `#version 300 es
 precision highp float;
 
 uniform sampler2D uInteriorColor;
@@ -3006,7 +2993,7 @@ void main() {
 
   fragColor = vec4(color * alpha, alpha);
 }
-`, je = `#version 300 es
+`, qe = `#version 300 es
 in vec2 aPosition;
 in vec3 aNormal3;
 in float aLerpT;      // 0 = inner (at silhouette), 1 = outer edge
@@ -3022,7 +3009,7 @@ void main() {
   vLerpT = aLerpT;
   gl_Position = vec4(sp, 0.0, 1.0);
 }
-`, Ze = `#version 300 es
+`, Ye = `#version 300 es
 precision highp float;
 uniform vec3 uLightDir3;
 uniform vec3 uChamferColor;
@@ -3090,7 +3077,7 @@ void main() {
   fragColor = vec4(toSRGB(lit), 1.0);
 }
 `;
-function $e(s) {
+function je(s) {
   const t = [];
   let e = 0;
   for (let n = 0; n < s.length - 2; n += 2) {
@@ -3129,7 +3116,7 @@ function $e(s) {
     count: e
   };
 }
-function Ke(s, t, e, n, i) {
+function Ze(s, t, e, n, i) {
   if (n <= 0)
     return { vertices: new Float32Array(0), count: 0 };
   const r = i * Math.PI / 180, o = -Math.cos(r), l = Math.sin(r), a = [];
@@ -3143,17 +3130,17 @@ function Ke(s, t, e, n, i) {
       const w = f + T * 2, A = s[w], P = s[w + 1], F = s[w + 2], _ = s[w + 3];
       y += A * _ - F * P;
     }
-    const E = y >= 0 ? 1 : -1, b = [], g = [];
+    const b = y >= 0 ? 1 : -1, E = [], g = [];
     for (let T = 0; T < d; T++) {
       const w = f + T * 2, A = s[w + 2] - s[w], P = s[w + 3] - s[w + 1], F = Math.sqrt(A * A + P * P);
-      F < 1e-8 ? (b.push(T > 0 ? b[T - 1] : 0), g.push(T > 0 ? g[T - 1] : 0)) : (b.push(-P / F * E), g.push(A / F * E));
+      F < 1e-8 ? (E.push(T > 0 ? E[T - 1] : 0), g.push(T > 0 ? g[T - 1] : 0)) : (E.push(-P / F * b), g.push(A / F * b));
     }
     const v = [], m = [];
     for (let T = 0; T < d; T++) {
       const w = (T - 1 + d) % d;
-      let A = b[w] + b[T], P = g[w] + g[T];
+      let A = E[w] + E[T], P = g[w] + g[T];
       const F = Math.sqrt(A * A + P * P);
-      F > 1e-8 ? (A /= F, P /= F) : (A = b[T], P = g[T]), v.push(A), m.push(P);
+      F > 1e-8 ? (A /= F, P /= F) : (A = E[T], P = g[T]), v.push(A), m.push(P);
     }
     for (let T = 0; T < d; T++) {
       const w = T, A = (T + 1) % d, P = f + T * 2, F = f + (T + 1) % d * 2, _ = s[P], I = s[P + 1], C = s[F], S = s[F + 1], D = v[w] * l, U = m[w] * l, M = o, k = v[A] * l, j = m[A] * l, et = o, at = _ + v[w] * n, At = I + m[w] * n, Jt = C + v[A] * n, Qt = S + m[A] * n;
@@ -3165,7 +3152,7 @@ function Ke(s, t, e, n, i) {
     count: h
   };
 }
-class Je extends gt {
+class $e extends gt {
   gl = null;
   // Render passes (each owns its program + cached uniforms)
   stencilPass = null;
@@ -3223,7 +3210,7 @@ class Je extends gt {
       powerPreference: "high-performance"
     });
     if (!o) throw new Error("WebGL 2 is not supported.");
-    this.gl = o, this.qualityParams = Nt(o, e.quality), "drawingBufferColorSpace" in o && (o.drawingBufferColorSpace = "srgb"), this.hasColorBufferFloat = !!o.getExtension("EXT_color_buffer_float"), o.clearColor(0, 0, 0, 0), o.pixelStorei(o.UNPACK_FLIP_Y_WEBGL, !0), this.initGPUResources(), this.setupResizeHandling();
+    this.gl = o, this.qualityParams = Xt(o, e.quality), "drawingBufferColorSpace" in o && (o.drawingBufferColorSpace = "srgb"), this.hasColorBufferFloat = !!o.getExtension("EXT_color_buffer_float"), o.clearColor(0, 0, 0, 0), o.pixelStorei(o.UNPACK_FLIP_Y_WEBGL, !0), this.initGPUResources(), this.setupResizeHandling();
   }
   initialize(t, e, n, i) {
     const r = this.gl;
@@ -3257,7 +3244,7 @@ class Je extends gt {
   uploadBoundaryMesh(t) {
     const e = this.gl;
     if (!e || !this.boundaryPass) return;
-    const n = $e(t.edgeVertices);
+    const n = je(t.edgeVertices);
     if (n.count === 0) return;
     this.boundaryVao = e.createVertexArray(), e.bindVertexArray(this.boundaryVao);
     const i = e.createBuffer();
@@ -3270,7 +3257,7 @@ class Je extends gt {
   uploadChamferMesh(t) {
     const e = this.gl;
     if (!e || !this.chamferPass || this.config.chamferWidth <= 0) return;
-    const n = Ke(
+    const n = Ze(
       t.edgeVertices,
       t.contourOffsets,
       t.contourIsHole,
@@ -3328,7 +3315,7 @@ class Je extends gt {
   // -----------------------------------------------------------------------
   initGPUResources() {
     const t = this.gl;
-    t && (this.stencilPass = O(t, "stencil", Le, _e, ["uMeshScale"]), this.maskPass = O(t, "mask", Ie, Me, ["uMeshScale"]), this.jfaSeedPass = O(t, "jfa-seed", Be, Ve, ["uMask", "uTexelSize"]), this.jfaFloodPass = O(t, "jfa-flood", ke, Oe, ["uSeedTex", "uStepSize"]), this.jfaDistPass = O(t, "jfa-dist", He, Ne, ["uSeedTex", "uMask", "uBevelWidth"]), this.interiorPass = O(t, "interior", Xe, Ge, [
+    t && (this.stencilPass = O(t, "stencil", Ce, Ue, ["uMeshScale"]), this.maskPass = O(t, "mask", Le, _e, ["uMeshScale"]), this.jfaSeedPass = O(t, "jfa-seed", Ie, Me, ["uMask", "uTexelSize"]), this.jfaFloodPass = O(t, "jfa-flood", Be, Ve, ["uSeedTex", "uStepSize"]), this.jfaDistPass = O(t, "jfa-dist", ke, Oe, ["uSeedTex", "uMask", "uBevelWidth"]), this.interiorPass = O(t, "interior", He, Xe, [
       "uImage",
       "uDepth",
       "uOffset",
@@ -3349,12 +3336,12 @@ class Je extends gt {
       "uBrightnessBias",
       "uUvOffset",
       "uUvScale"
-    ]), this.compositePass = O(t, "composite", We, ze, [
+    ]), this.compositePass = O(t, "composite", Ne, Ge, [
       "uInteriorColor",
       "uDistField",
       "uEdgeOcclusionWidth",
       "uEdgeOcclusionStrength"
-    ]), this.boundaryPass = O(t, "boundary", qe, Ye, [
+    ]), this.boundaryPass = O(t, "boundary", We, ze, [
       "uInteriorColor",
       "uInteriorDepth",
       "uDistField",
@@ -3371,7 +3358,7 @@ class Je extends gt {
       "uEdgeColor",
       "uLightDir",
       "uBevelIntensity"
-    ]), this.chamferPass = O(t, "chamfer", je, Ze, [
+    ]), this.chamferPass = O(t, "chamfer", qe, Ye, [
       "uMeshScale",
       "uLightDir3",
       "uChamferColor",
@@ -3504,13 +3491,13 @@ async function Tt(s) {
   if (!t.ok)
     throw new Error(`Failed to fetch SVG: ${t.status} ${t.statusText}`);
   const e = await t.text();
-  return Qe(e);
+  return Ke(e);
 }
-function Qe(s) {
+function Ke(s) {
   const n = new DOMParser().parseFromString(s, "image/svg+xml").querySelector("svg");
   if (!n)
     throw new Error("No <svg> element found in document.");
-  const i = tn(n);
+  const i = Je(n);
   if (i.length === 0)
     throw new Error("No path data found in SVG.");
   let r = 1 / 0, o = 1 / 0, l = -1 / 0, a = -1 / 0;
@@ -3522,15 +3509,15 @@ function Qe(s) {
     for (let D = 0; D < C.length; D += 2)
       S.push((C[D] - f) * x), S.push(-((C[D + 1] - u) * x));
     return S;
-  }), y = un(d), E = [], b = [];
+  }), y = an(d), b = [], E = [];
   for (const C of y) {
-    const { flatCoords: S, holeIndices: D } = ln(C), U = cn(S, D), M = E.length / 2;
+    const { flatCoords: S, holeIndices: D } = on(C), U = ln(S, D), M = b.length / 2;
     for (const k of U)
-      b.push(k + M);
+      E.push(k + M);
     for (const k of S)
-      E.push(k);
+      b.push(k);
   }
-  const g = E, v = b, m = [], T = [], w = [], A = zt(d);
+  const g = b, v = E, m = [], T = [], w = [], A = zt(d);
   for (let C = 0; C < d.length; C++) {
     const S = d[C];
     T.push(m.length), w.push(A[C]);
@@ -3551,12 +3538,12 @@ function Qe(s) {
     aspect: p
   };
 }
-function tn(s) {
+function Je(s) {
   const t = [];
   return s.querySelectorAll("path").forEach((a) => {
     const h = a.getAttribute("d");
     if (!h) return;
-    const c = rn(h);
+    const c = en(h);
     t.push(...c);
   }), s.querySelectorAll("polygon").forEach((a) => {
     const h = a.getAttribute("points");
@@ -3573,10 +3560,10 @@ function tn(s) {
     f > 0 && u > 0 && t.push([h, c, h + f, c, h + f, c + u, h, c + u]);
   }), s.querySelectorAll("circle").forEach((a) => {
     const h = parseFloat(a.getAttribute("cx") || "0"), c = parseFloat(a.getAttribute("cy") || "0"), f = parseFloat(a.getAttribute("r") || "0");
-    f > 0 && t.push(en(h, c, f));
+    f > 0 && t.push(Qe(h, c, f));
   }), s.querySelectorAll("ellipse").forEach((a) => {
     const h = parseFloat(a.getAttribute("cx") || "0"), c = parseFloat(a.getAttribute("cy") || "0"), f = parseFloat(a.getAttribute("rx") || "0"), u = parseFloat(a.getAttribute("ry") || "0");
-    f > 0 && u > 0 && t.push(nn(h, c, f, u));
+    f > 0 && u > 0 && t.push(tn(h, c, f, u));
   }), t;
 }
 function _t(s) {
@@ -3587,7 +3574,7 @@ function _t(s) {
   }
   return t;
 }
-function en(s, t, e, n = 64) {
+function Qe(s, t, e, n = 64) {
   const i = [];
   for (let r = 0; r < n; r++) {
     const o = 2 * Math.PI * r / n;
@@ -3595,7 +3582,7 @@ function en(s, t, e, n = 64) {
   }
   return i;
 }
-function nn(s, t, e, n, i = 64) {
+function tn(s, t, e, n, i = 64) {
   const r = [];
   for (let o = 0; o < i; o++) {
     const l = 2 * Math.PI * o / i;
@@ -3603,10 +3590,10 @@ function nn(s, t, e, n, i = 64) {
   }
   return r;
 }
-function rn(s) {
+function en(s) {
   const t = [];
   let e = [], n = 0, i = 0, r = 0, o = 0, l = 0, a = 0, h = "";
-  const c = sn(s);
+  const c = nn(s);
   let f = 0;
   function u() {
     return f >= c.length ? 0 : parseFloat(c[f++]);
@@ -3619,8 +3606,8 @@ function rn(s) {
     switch (p.toUpperCase()) {
       case "M": {
         e.length > 0 && t.push(e), e = [];
-        const E = u() + (d ? n : 0), b = u() + (d ? i : 0);
-        n = E, i = b, r = E, o = b, e.push(n, i), l = n, a = i;
+        const b = u() + (d ? n : 0), E = u() + (d ? i : 0);
+        n = b, i = E, r = b, o = E, e.push(n, i), l = n, a = i;
         break;
       }
       case "L": {
@@ -3636,28 +3623,28 @@ function rn(s) {
         break;
       }
       case "C": {
-        const E = u() + (d ? n : 0), b = u() + (d ? i : 0), g = u() + (d ? n : 0), v = u() + (d ? i : 0), m = u() + (d ? n : 0), T = u() + (d ? i : 0);
-        it(e, n, i, E, b, g, v, m, T), n = m, i = T, l = g, a = v;
+        const b = u() + (d ? n : 0), E = u() + (d ? i : 0), g = u() + (d ? n : 0), v = u() + (d ? i : 0), m = u() + (d ? n : 0), T = u() + (d ? i : 0);
+        it(e, n, i, b, E, g, v, m, T), n = m, i = T, l = g, a = v;
         break;
       }
       case "S": {
-        const E = 2 * n - l, b = 2 * i - a, g = u() + (d ? n : 0), v = u() + (d ? i : 0), m = u() + (d ? n : 0), T = u() + (d ? i : 0);
-        it(e, n, i, E, b, g, v, m, T), n = m, i = T, l = g, a = v;
+        const b = 2 * n - l, E = 2 * i - a, g = u() + (d ? n : 0), v = u() + (d ? i : 0), m = u() + (d ? n : 0), T = u() + (d ? i : 0);
+        it(e, n, i, b, E, g, v, m, T), n = m, i = T, l = g, a = v;
         break;
       }
       case "Q": {
-        const E = u() + (d ? n : 0), b = u() + (d ? i : 0), g = u() + (d ? n : 0), v = u() + (d ? i : 0);
-        It(e, n, i, E, b, g, v), n = g, i = v, l = E, a = b;
+        const b = u() + (d ? n : 0), E = u() + (d ? i : 0), g = u() + (d ? n : 0), v = u() + (d ? i : 0);
+        It(e, n, i, b, E, g, v), n = g, i = v, l = b, a = E;
         break;
       }
       case "T": {
-        const E = 2 * n - l, b = 2 * i - a, g = u() + (d ? n : 0), v = u() + (d ? i : 0);
-        It(e, n, i, E, b, g, v), n = g, i = v, l = E, a = b;
+        const b = 2 * n - l, E = 2 * i - a, g = u() + (d ? n : 0), v = u() + (d ? i : 0);
+        It(e, n, i, b, E, g, v), n = g, i = v, l = b, a = E;
         break;
       }
       case "A": {
-        const E = u(), b = u(), g = u(), v = u(), m = u(), T = u() + (d ? n : 0), w = u() + (d ? i : 0);
-        an(e, n, i, E, b, g, !!v, !!m, T, w), n = T, i = w, l = n, a = i;
+        const b = u(), E = u(), g = u(), v = u(), m = u(), T = u() + (d ? n : 0), w = u() + (d ? i : 0);
+        sn(e, n, i, b, E, g, !!v, !!m, T, w), n = T, i = w, l = n, a = i;
         break;
       }
       case "Z": {
@@ -3672,14 +3659,14 @@ function rn(s) {
   }
   return e.length >= 6 && t.push(e), t;
 }
-function sn(s) {
+function nn(s) {
   const t = [], e = /([a-zA-Z])|([+-]?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?)/g;
   let n;
   for (; (n = e.exec(s)) !== null; )
     t.push(n[0]);
   return t;
 }
-const on = 0.5;
+const rn = 0.5;
 function it(s, t, e, n, i, r, o, l, a, h = 0) {
   if (h > 12) {
     s.push(l, a);
@@ -3691,38 +3678,38 @@ function it(s, t, e, n, i, r, o, l, a, h = 0) {
     return;
   }
   const x = Math.abs((n - l) * f - (i - a) * c) / u, p = Math.abs((r - l) * f - (o - a) * c) / u;
-  if (x + p < on) {
+  if (x + p < rn) {
     s.push(l, a);
     return;
   }
-  const d = (t + n) / 2, y = (e + i) / 2, E = (n + r) / 2, b = (i + o) / 2, g = (r + l) / 2, v = (o + a) / 2, m = (d + E) / 2, T = (y + b) / 2, w = (E + g) / 2, A = (b + v) / 2, P = (m + w) / 2, F = (T + A) / 2;
+  const d = (t + n) / 2, y = (e + i) / 2, b = (n + r) / 2, E = (i + o) / 2, g = (r + l) / 2, v = (o + a) / 2, m = (d + b) / 2, T = (y + E) / 2, w = (b + g) / 2, A = (E + v) / 2, P = (m + w) / 2, F = (T + A) / 2;
   it(s, t, e, d, y, m, T, P, F, h + 1), it(s, P, F, w, A, g, v, l, a, h + 1);
 }
 function It(s, t, e, n, i, r, o) {
   const l = t + 0.6666666666666666 * (n - t), a = e + 2 / 3 * (i - e), h = r + 2 / 3 * (n - r), c = o + 2 / 3 * (i - o);
   it(s, t, e, l, a, h, c, r, o);
 }
-function an(s, t, e, n, i, r, o, l, a, h) {
+function sn(s, t, e, n, i, r, o, l, a, h) {
   if (n === 0 || i === 0) {
     s.push(a, h);
     return;
   }
   let c = Math.abs(n), f = Math.abs(i);
-  const u = r * Math.PI / 180, x = Math.cos(u), p = Math.sin(u), d = (t - a) / 2, y = (e - h) / 2, E = x * d + p * y, b = -p * d + x * y;
-  let g = E * E / (c * c) + b * b / (f * f);
+  const u = r * Math.PI / 180, x = Math.cos(u), p = Math.sin(u), d = (t - a) / 2, y = (e - h) / 2, b = x * d + p * y, E = -p * d + x * y;
+  let g = b * b / (c * c) + E * E / (f * f);
   if (g > 1) {
     const U = Math.sqrt(g);
     c *= U, f *= U, g = 1;
   }
-  const v = c * c, m = f * f, T = E * E, w = b * b;
+  const v = c * c, m = f * f, T = b * b, w = E * E;
   let A = Math.max(0, (v * m - v * w - m * T) / (v * w + m * T));
   A = Math.sqrt(A), o === l && (A = -A);
-  const P = A * (c * b) / f, F = A * -(f * E) / c, _ = x * P - p * F + (t + a) / 2, I = p * P + x * F + (e + h) / 2, C = Mt(1, 0, (E - P) / c, (b - F) / f);
+  const P = A * (c * E) / f, F = A * -(f * b) / c, _ = x * P - p * F + (t + a) / 2, I = p * P + x * F + (e + h) / 2, C = Mt(1, 0, (b - P) / c, (E - F) / f);
   let S = Mt(
-    (E - P) / c,
-    (b - F) / f,
-    (-E - P) / c,
-    (-b - F) / f
+    (b - P) / c,
+    (E - F) / f,
+    (-b - P) / c,
+    (-E - F) / f
   );
   !l && S > 0 && (S -= 2 * Math.PI), l && S < 0 && (S += 2 * Math.PI);
   const D = Math.max(4, Math.ceil(Math.abs(S) / (Math.PI / 16)));
@@ -3735,7 +3722,7 @@ function Mt(s, t, e, n) {
   const i = s * n - t * e < 0 ? -1 : 1, r = s * e + t * n, o = Math.sqrt(s * s + t * t), l = Math.sqrt(e * e + n * n), a = r / (o * l);
   return i * Math.acos(Math.max(-1, Math.min(1, a)));
 }
-function ln(s) {
+function on(s) {
   const t = [], e = [];
   for (let n = 0; n < s.length; n++) {
     n > 0 && e.push(t.length / 2);
@@ -3755,7 +3742,7 @@ function zt(s) {
   }
   return n;
 }
-function un(s) {
+function an(s) {
   if (s.length <= 1)
     return [s];
   const t = zt(s), e = s.map((o, l) => {
@@ -3798,12 +3785,12 @@ function Yt(s, t, e) {
   }
   return n;
 }
-function cn(s, t, e = 2) {
+function ln(s, t, e = 2) {
   const n = t && t.length > 0, i = n ? t[0] * e : s.length;
   let r = jt(s, 0, i, e, !0);
   const o = [];
   if (!r || r.next === r.prev) return o;
-  n && (r = pn(s, t, r, e));
+  n && (r = dn(s, t, r, e));
   let l = 1 / 0, a = 1 / 0, h = -1 / 0, c = -1 / 0, f = 0;
   if (s.length > 80 * e) {
     for (let u = 0; u < i; u += e) {
@@ -3816,7 +3803,7 @@ function cn(s, t, e = 2) {
 }
 function jt(s, t, e, n, i) {
   let r = null;
-  if (i === Rn(s, t, e, n) > 0)
+  if (i === yn(s, t, e, n) > 0)
     for (let o = t; o < e; o += n)
       r = Bt(o, s[o], s[o + 1], r);
   else
@@ -3838,20 +3825,20 @@ function Y(s, t) {
 }
 function rt(s, t, e, n, i, r, o) {
   if (!s) return;
-  !o && r && Tn(s, n, i, r);
+  !o && r && vn(s, n, i, r);
   let l = s, a, h;
   for (; s.prev !== s.next; ) {
-    if (a = s.prev, h = s.next, r ? fn(s, n, i, r) : hn(s)) {
+    if (a = s.prev, h = s.next, r ? cn(s, n, i, r) : un(s)) {
       t.push(a.i / e, s.i / e, h.i / e), ot(s), s = h.next, l = h.next;
       continue;
     }
     if (s = h, s === l) {
-      o ? o === 1 ? (s = dn(Y(s), t, e), rt(s, t, e, n, i, r, 2)) : o === 2 && mn(s, t, e, n, i, r) : rt(Y(s), t, e, n, i, r, 1);
+      o ? o === 1 ? (s = hn(Y(s), t, e), rt(s, t, e, n, i, r, 2)) : o === 2 && fn(s, t, e, n, i, r) : rt(Y(s), t, e, n, i, r, 1);
       break;
     }
   }
 }
-function hn(s) {
+function un(s) {
   const t = s.prev, e = s, n = s.next;
   if (L(t, e, n) >= 0) return !1;
   const i = t.x, r = e.x, o = n.x, l = t.y, a = e.y, h = n.y, c = i < r ? i < o ? i : o : r < o ? r : o, f = l < a ? l < h ? l : h : a < h ? a : h, u = i > r ? i > o ? i : o : r > o ? r : o, x = l > a ? l > h ? l : h : a > h ? a : h;
@@ -3863,26 +3850,26 @@ function hn(s) {
   }
   return !0;
 }
-function fn(s, t, e, n) {
+function cn(s, t, e, n) {
   const i = s.prev, r = s, o = s.next;
   if (L(i, r, o) >= 0) return !1;
-  const l = i.x, a = r.x, h = o.x, c = i.y, f = r.y, u = o.y, x = l < a ? l < h ? l : h : a < h ? a : h, p = c < f ? c < u ? c : u : f < u ? f : u, d = l > a ? l > h ? l : h : a > h ? a : h, y = c > f ? c > u ? c : u : f > u ? f : u, E = yt(x, p, t, e, n), b = yt(d, y, t, e, n);
+  const l = i.x, a = r.x, h = o.x, c = i.y, f = r.y, u = o.y, x = l < a ? l < h ? l : h : a < h ? a : h, p = c < f ? c < u ? c : u : f < u ? f : u, d = l > a ? l > h ? l : h : a > h ? a : h, y = c > f ? c > u ? c : u : f > u ? f : u, b = yt(x, p, t, e, n), E = yt(d, y, t, e, n);
   let g = s.prevZ, v = s.nextZ;
-  for (; g && g.z >= E && v && v.z <= b; ) {
+  for (; g && g.z >= b && v && v.z <= E; ) {
     if (g.x >= x && g.x <= d && g.y >= p && g.y <= y && g !== i && g !== o && tt(l, c, a, f, h, u, g.x, g.y) && L(g.prev, g, g.next) >= 0 || (g = g.prevZ, v.x >= x && v.x <= d && v.y >= p && v.y <= y && v !== i && v !== o && tt(l, c, a, f, h, u, v.x, v.y) && L(v.prev, v, v.next) >= 0)) return !1;
     v = v.nextZ;
   }
-  for (; g && g.z >= E; ) {
+  for (; g && g.z >= b; ) {
     if (g.x >= x && g.x <= d && g.y >= p && g.y <= y && g !== i && g !== o && tt(l, c, a, f, h, u, g.x, g.y) && L(g.prev, g, g.next) >= 0) return !1;
     g = g.prevZ;
   }
-  for (; v && v.z <= b; ) {
+  for (; v && v.z <= E; ) {
     if (v.x >= x && v.x <= d && v.y >= p && v.y <= y && v !== i && v !== o && tt(l, c, a, f, h, u, v.x, v.y) && L(v.prev, v, v.next) >= 0) return !1;
     v = v.nextZ;
   }
   return !0;
 }
-function dn(s, t, e) {
+function hn(s, t, e) {
   let n = s;
   do {
     const i = n.prev, r = n.next.next;
@@ -3890,12 +3877,12 @@ function dn(s, t, e) {
   } while (n !== s);
   return Y(n);
 }
-function mn(s, t, e, n, i, r) {
+function fn(s, t, e, n, i, r) {
   let o = s;
   do {
     let l = o.next.next;
     for (; l !== o.prev; ) {
-      if (o.i !== l.i && Sn(o, l)) {
+      if (o.i !== l.i && En(o, l)) {
         let a = $t(o, l);
         o = Y(o, o.next), a = Y(a, a.next), rt(o, t, e, n, i, r, 0), rt(a, t, e, n, i, r, 0);
         return;
@@ -3905,24 +3892,24 @@ function mn(s, t, e, n, i, r) {
     o = o.next;
   } while (o !== s);
 }
-function pn(s, t, e, n) {
+function dn(s, t, e, n) {
   const i = [];
   for (let r = 0; r < t.length; r++) {
     const o = t[r] * n, l = r < t.length - 1 ? t[r + 1] * n : s.length, a = jt(s, o, l, n, !1);
-    a && (a === a.next && (a.steiner = !0), i.push(bn(a)));
+    a && (a === a.next && (a.steiner = !0), i.push(Tn(a)));
   }
   i.sort((r, o) => r.x - o.x);
   for (const r of i)
-    e = gn(r, e);
+    e = mn(r, e);
   return e;
 }
-function gn(s, t) {
-  const e = vn(s, t);
+function mn(s, t) {
+  const e = pn(s, t);
   if (!e) return t;
   const n = $t(e, s);
   return Y(n, n.next), Y(e, e.next);
 }
-function vn(s, t) {
+function pn(s, t) {
   let e = t;
   const n = s.x, i = s.y;
   let r = -1 / 0, o = null;
@@ -3941,23 +3928,23 @@ function vn(s, t) {
   do {
     if (n >= e.x && e.x >= a && n !== e.x && tt(i < h ? n : r, i, a, h, i < h ? r : n, i, e.x, e.y)) {
       const f = Math.abs(i - e.y) / (n - e.x);
-      st(e, s) && (f < c || f === c && (e.x > o.x || xn(o, e))) && (o = e, c = f);
+      st(e, s) && (f < c || f === c && (e.x > o.x || gn(o, e))) && (o = e, c = f);
     }
     e = e.next;
   } while (e !== l);
   return o;
 }
-function xn(s, t) {
+function gn(s, t) {
   return L(s.prev, s, t.prev) < 0 && L(t.next, s, s.next) < 0;
 }
-function Tn(s, t, e, n) {
+function vn(s, t, e, n) {
   let i = s;
   do
     i.z === 0 && (i.z = yt(i.x, i.y, t, e, n)), i.prevZ = i.prev, i.nextZ = i.next, i = i.next;
   while (i !== s);
-  i.prevZ.nextZ = null, i.prevZ = null, En(i);
+  i.prevZ.nextZ = null, i.prevZ = null, xn(i);
 }
-function En(s) {
+function xn(s) {
   let t = 1, e;
   do {
     let n = s;
@@ -3983,7 +3970,7 @@ function yt(s, t, e, n, i) {
   let r = (s - e) * i | 0, o = (t - n) * i | 0;
   return r = (r | r << 8) & 16711935, r = (r | r << 4) & 252645135, r = (r | r << 2) & 858993459, r = (r | r << 1) & 1431655765, o = (o | o << 8) & 16711935, o = (o | o << 4) & 252645135, o = (o | o << 2) & 858993459, o = (o | o << 1) & 1431655765, r | o << 1;
 }
-function bn(s) {
+function Tn(s) {
   let t = s, e = s;
   do
     (t.x < e.x || t.x === e.x && t.y < e.y) && (e = t), t = t.next;
@@ -3993,8 +3980,8 @@ function bn(s) {
 function tt(s, t, e, n, i, r, o, l) {
   return (i - o) * (t - l) - (s - o) * (r - l) >= 0 && (s - o) * (n - l) - (e - o) * (t - l) >= 0 && (e - o) * (r - l) - (i - o) * (n - l) >= 0;
 }
-function Sn(s, t) {
-  return s.next.i !== t.i && s.prev.i !== t.i && !yn(s, t) && (st(s, t) && st(t, s) && wn(s, t) && (L(s.prev, s, t.prev) !== 0 || L(s, t.prev, t) !== 0) || vt(s, t) && L(s.prev, s, s.next) > 0 && L(t.prev, t, t.next) > 0);
+function En(s, t) {
+  return s.next.i !== t.i && s.prev.i !== t.i && !bn(s, t) && (st(s, t) && st(t, s) && Sn(s, t) && (L(s.prev, s, t.prev) !== 0 || L(s, t.prev, t) !== 0) || vt(s, t) && L(s.prev, s, s.next) > 0 && L(t.prev, t, t.next) > 0);
 }
 function L(s, t, e) {
   return (t.y - s.y) * (e.x - t.x) - (t.x - s.x) * (e.y - t.y);
@@ -4012,7 +3999,7 @@ function ut(s, t, e) {
 function ct(s) {
   return s > 0 ? 1 : s < 0 ? -1 : 0;
 }
-function yn(s, t) {
+function bn(s, t) {
   let e = s;
   do {
     if (e.i !== s.i && e.next.i !== s.i && e.i !== t.i && e.next.i !== t.i && Zt(e, e.next, s, t)) return !0;
@@ -4023,7 +4010,7 @@ function yn(s, t) {
 function st(s, t) {
   return L(s.prev, s, s.next) < 0 ? L(s, t, s.next) >= 0 && L(s, s.prev, t) >= 0 : L(s, t, s.prev) < 0 || L(s, s.next, t) < 0;
 }
-function wn(s, t) {
+function Sn(s, t) {
   let e = s, n = !1;
   const i = (s.x + t.x) / 2, r = (s.y + t.y) / 2;
   do
@@ -4055,7 +4042,7 @@ function wt(s, t, e) {
     steiner: !1
   };
 }
-function Rn(s, t, e, n) {
+function yn(s, t, e, n) {
   let i = 0;
   for (let r = t, o = e - n; r < e; r += n)
     i += (s[o] - s[r]) * (s[r + 1] + s[o + 1]), o = r;
@@ -4123,7 +4110,9 @@ class Et extends HTMLElement {
     return [
       "src",
       "depth-src",
-      "depth-meta",
+      "depth-width",
+      "depth-height",
+      "depth-fps",
       "depth-model",
       "logo-src",
       "source-type",
@@ -4174,11 +4163,11 @@ class Et extends HTMLElement {
       "muted"
     ];
   }
-  reinitAttributes = ["src", "depth-src", "depth-meta", "depth-model", "logo-src", "source-type"];
+  reinitAttributes = ["src", "depth-src", "depth-width", "depth-height", "depth-fps", "depth-model", "logo-src", "source-type"];
   canInit() {
     const t = !!this.getAttribute("logo-src");
     if (this.sourceType === "camera") return t;
-    const e = !!this.getAttribute("src"), n = !!this.getAttribute("depth-src") && !!this.getAttribute("depth-meta"), i = !!this.getAttribute("depth-model");
+    const e = !!this.getAttribute("src"), n = !!this.getAttribute("depth-src"), i = !!this.getAttribute("depth-model");
     return e && t && (n || i);
   }
   _input = { x: 0, y: 0 };
@@ -4214,7 +4203,7 @@ class Et extends HTMLElement {
   }
   getAttrColor(t, e) {
     const n = this.getAttribute(t) ?? e;
-    return An(n);
+    return wn(n);
   }
   getAttrVec3(t, e) {
     const i = (this.getAttribute(t) ?? e).split(",").map((o) => parseFloat(o.trim()));
@@ -4450,7 +4439,7 @@ class Et extends HTMLElement {
       };
       if (n) {
         const [d, y] = await Promise.all([
-          Xt(
+          Nt(
             { video: { facingMode: "user" } },
             { parent: this.shadow }
           ),
@@ -4465,29 +4454,34 @@ class Et extends HTMLElement {
             a.dispose(), r.dispose();
             return;
           }
-          o = N(J, Q);
+          o = X(J, Q);
         } else
-          o = N(r.width, r.height);
+          o = X(r.width, r.height);
       } else {
-        const d = this.getAttribute("src"), y = this.getAttribute("depth-src"), E = this.getAttribute("depth-meta"), b = !!y && !!E, g = this.sourceType === "image" || /\.(jpe?g|png|webp|gif|avif|bmp)(\?|$)/i.test(d);
+        const d = this.getAttribute("src"), y = this.getAttribute("depth-src"), b = !!y, E = this.sourceType === "image" || /\.(jpe?g|png|webp|gif|avif|bmp)(\?|$)/i.test(d);
         if (b) {
-          const [v, m, T] = await Promise.all([
-            g ? ft(d) : ht(d, {
+          const [g, v, m] = await Promise.all([
+            E ? ft(d) : ht(d, {
               parent: this.shadow,
               loop: this.shouldLoop,
               muted: this.shouldMute
             }),
-            kt(y, E),
+            kt(
+              y,
+              this.getAttrFloat("depth-width", 512),
+              this.getAttrFloat("depth-height", 512),
+              this.getAttrFloat("depth-fps", 5)
+            ),
             Tt(e)
           ]);
           if (t.aborted) {
-            v.dispose();
+            g.dispose();
             return;
           }
-          r = v, o = m, l = T;
+          r = g, o = v, l = m;
         } else if (i) {
-          const [v, m, T] = await Promise.all([
-            g ? ft(d) : ht(d, {
+          const [g, v, m] = await Promise.all([
+            E ? ft(d) : ht(d, {
               parent: this.shadow,
               loop: this.shouldLoop,
               muted: this.shouldMute
@@ -4496,23 +4490,26 @@ class Et extends HTMLElement {
             Tt(e)
           ]);
           if (t.aborted) {
-            v.dispose(), m.dispose();
+            g.dispose(), v.dispose();
             return;
           }
-          if (r = v, a = m, l = T, g || !r.isLive) {
-            const w = r.getImageSource();
-            if (w) {
-              const A = await a.submitFrameAndWait(w);
+          if (r = g, a = v, l = m, E || !r.isLive) {
+            const T = r.getImageSource();
+            if (T) {
+              const w = await a.submitFrameAndWait(T);
               o = {
-                meta: { frameCount: 1, fps: 1, width: J, height: Q, sourceFps: 1 },
-                frames: [A]
+                width: J,
+                height: Q,
+                fps: 1,
+                frameCount: 1,
+                frames: [w]
               };
             } else
-              o = N(J, Q);
+              o = X(J, Q);
           } else
-            o = N(J, Q);
+            o = X(J, Q);
         } else
-          throw new Error("Either depth-src/depth-meta or depth-model must be provided.");
+          throw new Error("Either depth-src or depth-model must be provided.");
       }
       this.source = r, this.depthEstimator = a, this.mesh = l, this.loopCount = 0, this.attachSourceEventListeners(r);
       const c = this.container?.clientWidth || r.width, f = this.parallaxMax / Math.max(c, 1);
@@ -4565,7 +4562,7 @@ class Et extends HTMLElement {
         lightDirection: this.lightDirection3
       };
       if (t.aborted) return;
-      this.renderer = new Je(this.container, x), this.renderer.initialize(r, o.meta.width, o.meta.height, l);
+      this.renderer = new $e(this.container, x), this.renderer.initialize(r, o.width, o.height, l);
       const p = a;
       if (this.renderer.start(
         r,
@@ -4573,8 +4570,8 @@ class Et extends HTMLElement {
         () => ({ x: this._input.x, y: this._input.y }),
         (d, y) => {
           if (p) {
-            const E = r.getImageSource();
-            E && p.submitFrame(E);
+            const b = r.getImageSource();
+            b && p.submitFrame(b);
           }
           this.emit("layershift-portal:frame", {
             currentTime: d,
@@ -4602,7 +4599,7 @@ class Et extends HTMLElement {
     this.renderer?.dispose(), this.renderer = null, this.depthEstimator?.dispose(), this.depthEstimator = null, this.source?.dispose(), this.source = null, this.mesh = null, this.loopCount = 0, this.container = null;
   }
 }
-function An(s) {
+function wn(s) {
   const t = s.replace("#", "");
   if (t.length === 3) {
     const e = parseInt(t[0] + t[0], 16) / 255, n = parseInt(t[1] + t[1], 16) / 255, i = parseInt(t[2] + t[2], 16) / 255;
@@ -4620,13 +4617,13 @@ function V(s, t, e) {
 function W(s, t, e) {
   return s + (t - s) * e;
 }
-const X = 100, Kt = 0.06;
-function Pn(s, t) {
+const N = 100, Kt = 0.06;
+function Rn(s, t) {
   const e = t?.sensitivityX ?? 1, n = t?.sensitivityY ?? 1, i = t?.lerpFactor ?? 0.08;
   let r = 0, o = 0, l = 0, a = 0, h = 0, c = !0;
   const f = (p) => {
-    const d = s.getBoundingClientRect(), y = (p.clientX - d.left) / d.width * 2 - 1, E = (p.clientY - d.top) / d.height * 2 - 1;
-    r = V(y, -1, 1), o = V(E, -1, 1);
+    const d = s.getBoundingClientRect(), y = (p.clientX - d.left) / d.width * 2 - 1, b = (p.clientY - d.top) / d.height * 2 - 1;
+    r = V(y, -1, 1), o = V(b, -1, 1);
   }, u = () => {
     r = 0, o = 0;
   }, x = () => {
@@ -4636,17 +4633,17 @@ function Pn(s, t) {
     c = !1, cancelAnimationFrame(h), s.removeEventListener("mousemove", f), s.removeEventListener("mouseleave", u);
   };
 }
-function Dn(s, t) {
+function An(s, t) {
   const e = t?.sensitivityX ?? 1, n = t?.sensitivityY ?? 1, i = t?.lerpFactor ?? 0.08;
   let r = 0, o = 0, l = 0, a = 0, h = 0, c = 0, f = 0, u = !0;
-  const x = (E) => {
-    const b = E.touches[0];
-    b && (h = b.clientX - l * X, c = b.clientY - a * X, r = l, o = a);
-  }, p = (E) => {
-    const b = E.touches[0];
-    if (!b) return;
-    const g = b.clientX - h, v = b.clientY - c;
-    r = V(g / X, -1, 1), o = V(v / X, -1, 1);
+  const x = (b) => {
+    const E = b.touches[0];
+    E && (h = E.clientX - l * N, c = E.clientY - a * N, r = l, o = a);
+  }, p = (b) => {
+    const E = b.touches[0];
+    if (!E) return;
+    const g = E.clientX - h, v = E.clientY - c;
+    r = V(g / N, -1, 1), o = V(v / N, -1, 1);
   }, d = () => {
     r = 0, o = 0;
   }, y = () => {
@@ -4656,7 +4653,7 @@ function Dn(s, t) {
     u = !1, cancelAnimationFrame(f), s.removeEventListener("touchstart", x), s.removeEventListener("touchmove", p), s.removeEventListener("touchend", d), s.removeEventListener("touchcancel", d);
   };
 }
-function Fn(s, t) {
+function Pn(s, t) {
   const e = t?.sensitivityX ?? 1, n = t?.sensitivityY ?? 1, i = t?.lerpFactor ?? Kt;
   let r = 0, o = 0, l = 0, a = 0, h = 0, c = !0, f = !1;
   const u = (y) => {
@@ -4673,9 +4670,9 @@ function Fn(s, t) {
     c = !1, cancelAnimationFrame(h), f && (window.removeEventListener("deviceorientation", u), f = !1);
   };
 }
-function Cn(s, t) {
+function Dn(s, t) {
   const e = t?.sensitivityX ?? 1, n = t?.sensitivityY ?? 1, i = t?.lerpFactor ?? 0.08, r = t?.lerpFactor ?? Kt;
-  let o = 0, l = 0, a = 0, h = 0, c = 0, f = 0, u = 0, x = 0, p = !1, d = !1, y = !1, E = 0, b = 0, g = 0, v = !0;
+  let o = 0, l = 0, a = 0, h = 0, c = 0, f = 0, u = 0, x = 0, p = !1, d = !1, y = !1, b = 0, E = 0, g = 0, v = !0;
   const m = (S) => {
     const D = s.getBoundingClientRect(), U = (S.clientX - D.left) / D.width * 2 - 1, M = (S.clientY - D.top) / D.height * 2 - 1;
     o = V(U, -1, 1), l = V(M, -1, 1);
@@ -4683,12 +4680,12 @@ function Cn(s, t) {
     o = 0, l = 0;
   }, w = (S) => {
     const D = S.touches[0];
-    D && (p = !0, E = D.clientX - u * X, b = D.clientY - x * X, a = u, h = x, !d && !y && I());
+    D && (p = !0, b = D.clientX - u * N, E = D.clientY - x * N, a = u, h = x, !d && !y && I());
   }, A = (S) => {
     const D = S.touches[0];
     if (!D) return;
-    const U = D.clientX - E, M = D.clientY - b;
-    a = V(U / X, -1, 1), h = V(M / X, -1, 1);
+    const U = D.clientX - b, M = D.clientY - E;
+    a = V(U / N, -1, 1), h = V(M / N, -1, 1);
   }, P = () => {
     p = !1, a = 0, h = 0;
   }, F = (S) => {
@@ -4716,8 +4713,8 @@ customElements.get(Et.TAG_NAME) || customElements.define(Et.TAG_NAME, Et);
 export {
   xt as LayershiftElement,
   Et as LayershiftPortalElement,
-  Fn as connectGyro,
-  Pn as connectMouse,
-  Cn as connectPointer,
-  Dn as connectTouch
+  Pn as connectGyro,
+  Rn as connectMouse,
+  Dn as connectPointer,
+  An as connectTouch
 };