@jayf0x/fluidity-js 0.2.8 → 0.3.0

package/dist/index.js

@@ -1,1945 +1,1477 @@
-var mC = Object.defineProperty;
-var SC = (e, g, C) => g in e ? mC(e, g, { enumerable: !0, configurable: !0, writable: !0, value: C }) : e[g] = C;
-var LI = (e, g, C) => (SC(e, typeof g != "symbol" ? g + "" : g, C), C), fI = (e, g, C) => {
-  if (!g.has(e))
-    throw TypeError("Cannot " + C);
+import { forwardRef as e, useEffect as t, useImperativeHandle as n, useRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/core/config.ts
+var a = {
+	densityDissipation: [.94, 1],
+	velocityDissipation: [.9, .999],
+	splatRadius: [.001, .04],
+	splatForce: [.1, 5],
+	specularExp: [.1, 10],
+	shine: [0, .15],
+	warpStrength: [.001, .1]
 };
-var I = (e, g, C) => (fI(e, g, "read from private field"), C ? C.call(e) : g.get(e)), A = (e, g, C) => {
-  if (g.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  g instanceof WeakSet ? g.add(e) : g.set(e, C);
-}, o = (e, g, C, i) => (fI(e, g, "write to private field"), i ? i.call(e, C) : g.set(e, C), C);
-var h = (e, g, C) => (fI(e, g, "access private method"), C);
-import { jsx as IC } from "react/jsx-runtime";
-import { useRef as Ng, useEffect as lg, forwardRef as CC, useImperativeHandle as iC } from "react";
-const BC = {
-  densityDissipation: [0.94, 1],
-  velocityDissipation: [0.9, 0.999],
-  splatRadius: [1e-3, 0.04],
-  splatForce: [0.1, 5],
-  specularExp: [0.1, 10],
-  shine: [0, 0.15],
-  warpStrength: [1e-3, 0.1]
-};
-function Eg(e) {
-  const g = { ...e };
-  for (const [C, [i, s]] of Object.entries(BC)) {
-    const t = e[C];
-    t !== void 0 && t >= 0 && t <= 1 && (g[C] = i + (s - i) * t);
-  }
-  return g;
+function o(e) {
+	let t = { ...e };
+	for (let [n, [r, i]] of Object.entries(a)) {
+		let a = e[n];
+		a !== void 0 && a >= 0 && a <= 1 && (t[n] = r + (i - r) * a);
+	}
+	return t;
 }
-const eC = {
-  densityDissipation: 0.83,
-  velocityDissipation: 0.91,
-  pressureIterations: 1,
-  curl: 0,
-  splatRadius: 0.1,
-  splatForce: 0.08,
-  refraction: 1,
-  specularExp: 0,
-  shine: 0,
-  waterColor: "#000000",
-  glowColor: "#b3d9ff",
-  algorithm: "aurora",
-  warpStrength: 0.04
-}, jI = {
-  ...eC,
-  densityDissipation: 0.9,
-  velocityDissipation: 0.9,
-  pressureIterations: 3,
-  curl: 0.2,
-  splatRadius: 0.2,
-  splatForce: 0.5,
-  refraction: 0.2,
-  specularExp: 0.01,
-  shine: 0.5,
-  waterColor: "#090017",
-  glowColor: "#b04721"
-}, gI = {
-  dpr: typeof window < "u" ? 1 / (window.devicePixelRatio || 1) : 1,
-  sim: 0.5
-}, sC = {
-  backgroundColor: "#0a0a0a",
-  backgroundSize: "cover",
-  mouseEnabled: !0,
-  workerEnabled: !0
-}, rg = {
-  ...sC,
-  effect: 0,
-  imageSize: "cover"
-}, mg = {
-  ...sC,
-  fontSize: 100,
-  color: "#ffffff",
-  fontFamily: "sans-serif",
-  fontWeight: 900
-}, nC = {
-  calm: {
-    densityDissipation: 0.98,
-    velocityDissipation: 0.81,
-    curl: 1e-4,
-    splatRadius: 0.05,
-    splatForce: 0.08,
-    refraction: 0.15,
-    shine: 0.03,
-    glowColor: "#99d9ff",
-    waterColor: "#00050d"
-  },
-  sand: {
-    densityDissipation: 0.95,
-    velocityDissipation: 0.81,
-    curl: 1,
-    splatRadius: 0.23,
-    splatForce: 0.16,
-    refraction: 0.8,
-    specularExp: 0,
-    shine: 0.33,
-    glowColor: "#070707",
-    waterColor: "#735420"
-  },
-  wave: {
-    densityDissipation: 0.9,
-    velocityDissipation: 0.2,
-    curl: 0.2,
-    splatRadius: 0.1,
-    splatForce: 0.22,
-    refraction: 0.35,
-    shine: 0.2,
-    glowColor: "#80ccff",
-    waterColor: "#000308"
-  },
-  neon: {
-    densityDissipation: 0.75,
-    velocityDissipation: 0.3,
-    curl: 0.05,
-    splatRadius: 0.18,
-    splatForce: 0.29,
-    refraction: 0.25,
-    specularExp: 0.04,
-    shine: 0.93,
-    glowColor: "#ff33cc",
-    waterColor: "#0d0014"
-  },
-  smoke: {
-    densityDissipation: 0.93,
-    velocityDissipation: 0.71,
-    curl: 0.04,
-    splatRadius: 0.21,
-    splatForce: 0.14,
-    refraction: 0.08,
-    shine: 0,
-    glowColor: "#808080",
-    waterColor: "#0f0f0f"
-  }
+var s = {
+	densityDissipation: .83,
+	velocityDissipation: .91,
+	pressureIterations: 1,
+	curl: 0,
+	splatRadius: .1,
+	splatForce: .08,
+	refraction: 1,
+	specularExp: 0,
+	shine: 0,
+	waterColor: "#000000",
+	glowColor: "#b3d9ff",
+	algorithm: "aurora",
+	warpStrength: .04
+}, c = {
+	...s,
+	densityDissipation: .9,
+	velocityDissipation: .9,
+	pressureIterations: 3,
+	curl: .2,
+	splatRadius: .2,
+	splatForce: .5,
+	refraction: .2,
+	specularExp: .01,
+	shine: .5,
+	waterColor: "#090017",
+	glowColor: "#b04721"
+}, l = {
+	dpr: typeof window < "u" ? 1 / (window.devicePixelRatio || 1) : 1,
+	sim: .5
+}, u = {
+	backgroundColor: "#0a0a0a",
+	backgroundSize: "cover",
+	mouseEnabled: !0,
+	workerEnabled: !0
+}, d = {
+	...u,
+	effect: 0,
+	imageSize: "cover"
+}, f = {
+	...u,
+	fontSize: 100,
+	color: "#ffffff",
+	fontFamily: "sans-serif",
+	fontWeight: 900
+}, p = {
+	calm: {
+		densityDissipation: .98,
+		velocityDissipation: .81,
+		curl: 1e-4,
+		splatRadius: .05,
+		splatForce: .08,
+		refraction: .15,
+		shine: .03,
+		glowColor: "#99d9ff",
+		waterColor: "#00050d"
+	},
+	sand: {
+		densityDissipation: .95,
+		velocityDissipation: .81,
+		curl: 1,
+		splatRadius: .23,
+		splatForce: .16,
+		refraction: .8,
+		specularExp: 0,
+		shine: .33,
+		glowColor: "#070707",
+		waterColor: "#735420"
+	},
+	wave: {
+		densityDissipation: .9,
+		velocityDissipation: .2,
+		curl: .2,
+		splatRadius: .1,
+		splatForce: .22,
+		refraction: .35,
+		shine: .2,
+		glowColor: "#80ccff",
+		waterColor: "#000308"
+	},
+	neon: {
+		densityDissipation: .75,
+		velocityDissipation: .3,
+		curl: .05,
+		splatRadius: .18,
+		splatForce: .29,
+		refraction: .25,
+		specularExp: .04,
+		shine: .93,
+		glowColor: "#ff33cc",
+		waterColor: "#0d0014"
+	},
+	smoke: {
+		densityDissipation: .93,
+		velocityDissipation: .71,
+		curl: .04,
+		splatRadius: .21,
+		splatForce: .14,
+		refraction: .08,
+		shine: 0,
+		glowColor: "#808080",
+		waterColor: "#0f0f0f"
+	}
 };
-function wI(e) {
-  if (Array.isArray(e))
-    return e;
-  const g = e.slice(1, 7);
-  return g.length === 3 ? [
-    parseInt(g[0] + g[0], 16) / 255,
-    parseInt(g[1] + g[1], 16) / 255,
-    parseInt(g[2] + g[2], 16) / 255
-  ] : [
-    parseInt(g.slice(0, 2), 16) / 255,
-    parseInt(g.slice(2, 4), 16) / 255,
-    parseInt(g.slice(4, 6), 16) / 255
-  ];
-}
-function ZI(e = {}, g, C = eC) {
-  return { ...g ? { ...C, ...nC[g] } : C, ...e };
-}
-function II(e, g, C, i, s = "cover") {
-  let t;
-  s === "cover" ? t = Math.max(C / e, i / g) : s === "contain" ? t = Math.min(C / e, i / g) : typeof s == "string" && s.endsWith("%") ? t = Math.min(C / e, i / g) * (parseFloat(s) / 100) : typeof s == "string" && s.endsWith("px") ? t = parseFloat(s) / Math.max(e, g) : typeof s == "number" ? t = s : t = Math.max(C / e, i / g);
-  const l = e * t, u = g * t;
-  return { x: (C - l) / 2, y: (i - u) / 2, drawW: l, drawH: u };
-}
-function rC(e, g, C, i, s = null, t = "cover") {
-  const { text: l, fontSize: u, color: Z, fontFamily: d = "sans-serif", fontWeight: S = 900 } = i, a = new OffscreenCanvas(g, C), c = a.getContext("2d");
-  ((w) => {
-    if (s) {
-      c.clearRect(0, 0, g, C), c.fillStyle = "black", c.fillRect(0, 0, g, C);
-      const { x: n, y, drawW: v, drawH: Y } = II(
-        s.width,
-        s.height,
-        g,
-        C,
-        t
-      );
-      c.drawImage(s, n, y, v, Y);
-    } else
-      c.fillStyle = "black", c.fillRect(0, 0, g, C);
-    c.fillStyle = w, c.font = `${S} ${u}px ${d}`, c.textAlign = "center", c.textBaseline = "middle", c.fillText(l, g / 2, C / 2);
-  })(Z);
-  const B = uI(e, a);
-  c.fillStyle = "black", c.fillRect(0, 0, g, C), c.fillStyle = "white", c.font = `${S} ${u}px ${d}`, c.textAlign = "center", c.textBaseline = "middle", c.fillText(l, g / 2, C / 2);
-  const r = uI(e, a);
-  return { backgroundTex: B, obstacleTex: r, coverageTex: r };
-}
-function GC(e, g, C, i, s = 0, t = "cover", l = null, u = "cover") {
-  const Z = new OffscreenCanvas(C, i), d = Z.getContext("2d"), { x: S, y: a, drawW: c, drawH: m } = II(g.width, g.height, C, i, t);
-  if (d.clearRect(0, 0, C, i), d.fillStyle = "black", d.fillRect(0, 0, C, i), l) {
-    const {
-      x: n,
-      y,
-      drawW: v,
-      drawH: Y
-    } = II(l.width, l.height, C, i, u);
-    d.filter = `brightness(${s}) blur(8px)`, d.drawImage(l, n, y, v, Y), d.filter = "none";
-  }
-  d.drawImage(g, S, a, c, m);
-  const B = uI(e, Z);
-  d.clearRect(0, 0, C, i), d.fillStyle = "black", d.fillRect(0, 0, C, i), d.filter = `brightness(${s}) blur(8px)`, d.drawImage(g, S, a, c, m), d.filter = "none";
-  const r = uI(e, Z);
-  d.clearRect(0, 0, C, i), d.fillStyle = "black", d.fillRect(0, 0, C, i), d.fillStyle = "white", d.fillRect(
-    Math.max(0, S),
-    Math.max(0, a),
-    Math.min(c, C - Math.max(0, S)),
-    Math.min(m, i - Math.max(0, a))
-  );
-  const w = uI(e, Z);
-  return { backgroundTex: B, obstacleTex: r, coverageTex: w };
-}
-function uI(e, g) {
-  const C = e.createTexture();
-  return e.bindTexture(e.TEXTURE_2D, C), e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL, !0), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, g), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.LINEAR), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.LINEAR), 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), C;
-}
-function pC(e, g, C, i, s = null, t = "cover") {
-  const { text: l, fontSize: u, color: Z, fontFamily: d = "sans-serif", fontWeight: S = 900 } = i, a = new OffscreenCanvas(g, C), c = a.getContext("2d");
-  ((w) => {
-    if (s) {
-      c.clearRect(0, 0, g, C), c.fillStyle = "black", c.fillRect(0, 0, g, C);
-      const { x: n, y, drawW: v, drawH: Y } = II(
-        s.width,
-        s.height,
-        g,
-        C,
-        t
-      );
-      c.drawImage(s, n, y, v, Y);
-    } else
-      c.fillStyle = "black", c.fillRect(0, 0, g, C);
-    c.fillStyle = w, c.font = `${S} ${u}px ${d}`, c.textAlign = "center", c.textBaseline = "middle", c.fillText(l, g / 2, C / 2);
-  })(Z);
-  const B = aI(e, a, g, C);
-  c.fillStyle = "black", c.fillRect(0, 0, g, C), c.fillStyle = "white", c.font = `${S} ${u}px ${d}`, c.textAlign = "center", c.textBaseline = "middle", c.fillText(l, g / 2, C / 2);
-  const r = aI(e, a, g, C);
-  return {
-    backgroundTex: B,
-    backgroundView: B.createView(),
-    obstacleTex: r,
-    obstacleView: r.createView(),
-    coverageTex: r,
-    coverageView: r.createView(),
-    sharedCoverage: !0
-  };
-}
-function LC(e, g, C, i, s = 0, t = "cover", l = null, u = "cover") {
-  const Z = new OffscreenCanvas(C, i), d = Z.getContext("2d"), { x: S, y: a, drawW: c, drawH: m } = II(g.width, g.height, C, i, t);
-  if (d.clearRect(0, 0, C, i), d.fillStyle = "black", d.fillRect(0, 0, C, i), l) {
-    const { x: n, y, drawW: v, drawH: Y } = II(
-      l.width,
-      l.height,
-      C,
-      i,
-      u
-    );
-    d.filter = `brightness(${s}) blur(8px)`, d.drawImage(l, n, y, v, Y), d.filter = "none";
-  }
-  d.drawImage(g, S, a, c, m);
-  const B = aI(e, Z, C, i);
-  d.clearRect(0, 0, C, i), d.fillStyle = "black", d.fillRect(0, 0, C, i), d.filter = `brightness(${s}) blur(8px)`, d.drawImage(g, S, a, c, m), d.filter = "none";
-  const r = aI(e, Z, C, i);
-  d.clearRect(0, 0, C, i), d.fillStyle = "black", d.fillRect(0, 0, C, i), d.fillStyle = "white", d.fillRect(Math.max(0, S), Math.max(0, a), Math.min(c, C - Math.max(0, S)), Math.min(m, i - Math.max(0, a)));
-  const w = aI(e, Z, C, i);
-  return {
-    backgroundTex: B,
-    backgroundView: B.createView(),
-    obstacleTex: r,
-    obstacleView: r.createView(),
-    coverageTex: w,
-    coverageView: w.createView(),
-    sharedCoverage: !1
-  };
-}
-function aI(e, g, C, i) {
-  const s = e.createTexture({
-    size: [C, i],
-    format: "rgba8unorm",
-    usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT
-  });
-  return e.queue.copyExternalImageToTexture(
-    { source: g },
-    { texture: s },
-    [C, i]
-  ), s;
-}
-async function NI(e) {
-  const g = await fetch(e);
-  if (!g.ok)
-    throw new Error(`Failed to fetch image: ${e} (${g.status})`);
-  const C = await g.blob();
-  return createImageBitmap(C);
-}
-const yI = () => {
-}, Sg = `precision highp float;
-attribute vec2 aPosition;
-varying vec2 vUv;
-varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
-uniform vec2 texelSize;
-void main () {
-vUv = aPosition * 0.5 + 0.5;
-vL = vUv - vec2(texelSize.x, 0.0);
-vR = vUv + vec2(texelSize.x, 0.0);
-vT = vUv + vec2(0.0, texelSize.y);
-vB = vUv - vec2(0.0, texelSize.y);
-gl_Position = vec4(aPosition, 0.0, 1.0);
-}`, wC = `precision highp float;
-varying vec2 vUv;
-uniform sampler2D uVelocity;
-uniform sampler2D uSource;
-uniform sampler2D uObstacle;
-uniform vec2 texelSize;
-uniform float dt;
-uniform float dissipation;
-void main () {
-float obs  = texture2D(uObstacle, vUv).r;
-vec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize;
-gl_FragColor = dissipation * texture2D(uSource, coord) * (1.0 - obs);
-}`, hC = `precision highp float;
-varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
-uniform sampler2D uVelocity;
-uniform sampler2D uObstacle;
-void main () {
-float L = texture2D(uVelocity, vL).x * (1.0 - texture2D(uObstacle, vL).r);
-float R = texture2D(uVelocity, vR).x * (1.0 - texture2D(uObstacle, vR).r);
-float T = texture2D(uVelocity, vT).y * (1.0 - texture2D(uObstacle, vT).r);
-float B = texture2D(uVelocity, vB).y * (1.0 - texture2D(uObstacle, vB).r);
-gl_FragColor = vec4(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);
-}`, bC = `precision highp float;
-varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
-uniform sampler2D uPressure;
-uniform sampler2D uDivergence;
-uniform sampler2D uObstacle;
-void main () {
-float C = texture2D(uPressure, vUv).x;
-float L = mix(texture2D(uPressure, vL).x, C, texture2D(uObstacle, vL).r);
-float R = mix(texture2D(uPressure, vR).x, C, texture2D(uObstacle, vR).r);
-float T = mix(texture2D(uPressure, vT).x, C, texture2D(uObstacle, vT).r);
-float B = mix(texture2D(uPressure, vB).x, C, texture2D(uObstacle, vB).r);
-float div = texture2D(uDivergence, vUv).x;
-gl_FragColor = vec4((L + R + B + T - div) * 0.25, 0.0, 0.0, 1.0);
-}`, yC = `precision highp float;
-varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
-uniform sampler2D uPressure;
-uniform sampler2D uVelocity;
-uniform sampler2D uObstacle;
-void main () {
-float obs = texture2D(uObstacle, vUv).r;
-float C   = texture2D(uPressure, vUv).x;
-float L   = mix(texture2D(uPressure, vL).x, C, texture2D(uObstacle, vL).r);
-float R   = mix(texture2D(uPressure, vR).x, C, texture2D(uObstacle, vR).r);
-float T   = mix(texture2D(uPressure, vT).x, C, texture2D(uObstacle, vT).r);
-float B   = mix(texture2D(uPressure, vB).x, C, texture2D(uObstacle, vB).r);
-vec2 vel  = (texture2D(uVelocity, vUv).xy - vec2(R - L, T - B)) * (1.0 - obs);
-gl_FragColor = vec4(vel, 0.0, 1.0);
-}`, VC = `precision highp float;
-varying vec2 vUv;
-uniform sampler2D uTarget;
-uniform float aspectRatio;
-uniform vec3 color;
-uniform vec2 point;
-uniform float radius;
-void main () {
-vec2 p = vUv - point.xy;
-p.x *= aspectRatio;
-vec3 splat = exp(-dot(p, p) / radius) * color;
-gl_FragColor = vec4(texture2D(uTarget, vUv).xyz + splat, 1.0);
-}`, KC = `precision highp float;
-varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
-uniform sampler2D uVelocity;
-void main () {
-float L = texture2D(uVelocity, vL).y;
-float R = texture2D(uVelocity, vR).y;
-float T = texture2D(uVelocity, vT).x;
-float B = texture2D(uVelocity, vB).x;
-gl_FragColor = vec4(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);
-}`, XC = `precision highp float;
-varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
-uniform sampler2D uVelocity;
-uniform sampler2D uCurl;
-uniform float curl;
-uniform float dt;
-void main () {
-float L = texture2D(uCurl, vL).x;
-float R = texture2D(uCurl, vR).x;
-float T = texture2D(uCurl, vT).x;
-float B = texture2D(uCurl, vB).x;
-float C = texture2D(uCurl, vUv).x;
-vec2 force = 0.5 * vec2(abs(T) - abs(B), abs(R) - abs(L));
-force /= length(force) + 0.0001;
-force *= curl * 30.0 * C;
-gl_FragColor = vec4(texture2D(uVelocity, vUv).xy + force * dt, 0.0, 1.0);
-}`, HC = `precision highp float;
-varying vec2 vUv;
-uniform sampler2D uTexture;
-uniform sampler2D uObstacle;
-uniform sampler2D uBackground;
-uniform sampler2D uCoverage;
-uniform sampler2D uVelocity;
-uniform vec2  texelSize;
-uniform vec3  uWaterColor;
-uniform vec3  uGlowColor;
-uniform float uRefraction;
-uniform float uSpecularExp;
-uniform float uShine;
-uniform float uWarpStrength;
-uniform int   uAlgorithm;
-uniform int   uEnableAlpha;
-void main () {
-float obs      = texture2D(uObstacle,  vUv).r;
-float density  = max(texture2D(uTexture, vUv).r, 0.0) * (1.0 - obs);
-float coverage = texture2D(uCoverage,  vUv).r;
-float sx = texelSize.x * 6.0, sy = texelSize.y * 6.0;
-float d00 = max(texture2D(uTexture, vUv + vec2(-sx, -sy)).r, 0.0);
-float d10 = max(texture2D(uTexture, vUv + vec2(0.0, -sy)).r, 0.0);
-float d20 = max(texture2D(uTexture, vUv + vec2( sx, -sy)).r, 0.0);
-float d01 = max(texture2D(uTexture, vUv + vec2(-sx, 0.0)).r, 0.0);
-float d21 = max(texture2D(uTexture, vUv + vec2( sx, 0.0)).r, 0.0);
-float d02 = max(texture2D(uTexture, vUv + vec2(-sx,  sy)).r, 0.0);
-float d12 = max(texture2D(uTexture, vUv + vec2(0.0,  sy)).r, 0.0);
-float d22 = max(texture2D(uTexture, vUv + vec2( sx,  sy)).r, 0.0);
-float gx  = (d20 + 2.0*d21 + d22) - (d00 + 2.0*d01 + d02);
-float gy  = (d02 + 2.0*d12 + d22) - (d00 + 2.0*d10 + d20);
-vec3  normal   = normalize(vec3(gx, gy, 1.2));
-vec3  lightDir = normalize(vec3(0.5, 1.0, 0.5));
-vec3  halfV    = normalize(lightDir + vec3(0.0, 0.0, 1.0));
-float specDen  = density * min(density * 5.0, 1.0);
-float spec     = pow(max(dot(normal, halfV), 0.0), uSpecularExp) * uShine * specDen;
-vec3 bgRaw = texture2D(uBackground, vUv).rgb;
-vec3 bg    = mix(uWaterColor, bgRaw, coverage);
-vec3 color = bg;
-if (uAlgorithm == 1) {
-vec2 refrUv = clamp(vUv + normal.xy * uRefraction * density * 3.0, 0.0, 1.0);
-vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);
-color = refrBg + spec * uGlowColor * 2.5;
-color = mix(color, bg * 0.6, obs * 0.3);
-} else if (uAlgorithm == 2) {
-float inkD  = min(density * 4.0, 1.0);
-vec2 refrUv = clamp(vUv + normal.xy * uRefraction * density * 0.4, 0.0, 1.0);
-vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);
-color = mix(refrBg, uWaterColor + spec * uGlowColor, inkD);
-color = mix(color, bg * 0.5, obs * 0.15);
-} else if (uAlgorithm == 3) {
-vec2  vel    = texture2D(uVelocity, vUv).xy;
-float velMag = clamp(length(vel) * 20.0, 0.0, 1.0);
-vec2  warpUv = clamp(vUv + vel * uWarpStrength, 0.0, 1.0);
-vec3  warpBg = mix(uWaterColor, texture2D(uBackground, warpUv).rgb, coverage);
-color  = mix(bg, warpBg, velMag * (1.0 - obs));
-color += spec * uGlowColor * velMag * 1.5;
-color += uWaterColor * density * 0.3;
-color  = mix(color, bg * 0.5, obs * 0.2);
-} else if (uAlgorithm == 4) {
-vec2  rippleUv = clamp(vUv + normal.xy * uRefraction * density * 6.0, 0.0, 1.0);
-vec3  refrBg   = mix(uWaterColor, texture2D(uBackground, mix(vUv, rippleUv, 1.0 - obs)).rgb, coverage);
-float fresnel  = pow(clamp(1.0 - dot(normal, vec3(0.0, 0.0, 1.0)), 0.0, 1.0), 3.0) * density;
-color  = refrBg;
-color += fresnel * uGlowColor * 2.0;
-color += spec * uGlowColor * density * 2.0;
-color  = mix(color, bg * 0.5, obs * 0.2);
-} else {
-vec2 refrUv = vUv + normal.xy * uRefraction * density;
-vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);
-color  = mix(refrBg, uWaterColor, min(density * 1.5, 0.8));
-color += spec * uGlowColor;
-color  = mix(color, bg * 0.5, obs * 0.2);
-}
-float alpha = clamp(max(density * 1.5, coverage), 0.0, 1.0);
-if (uEnableAlpha == 1) {
-gl_FragColor = vec4(color * alpha, alpha);
-} else {
-gl_FragColor = vec4(color, 1.0);
+function m(e) {
+	if (Array.isArray(e)) return e;
+	let t = e.slice(1, 7);
+	return t.length === 3 ? [
+		parseInt(t[0] + t[0], 16) / 255,
+		parseInt(t[1] + t[1], 16) / 255,
+		parseInt(t[2] + t[2], 16) / 255
+	] : [
+		parseInt(t.slice(0, 2), 16) / 255,
+		parseInt(t.slice(2, 4), 16) / 255,
+		parseInt(t.slice(4, 6), 16) / 255
+	];
 }
-}`;
-function vC(e, g = !0) {
-  const C = { alpha: g, depth: !1, stencil: !1, antialias: !0, preserveDrawingBuffer: !1 };
-  let i = e.getContext("webgl2", C);
-  const s = !!i;
-  s || (i = e.getContext("webgl", C), i.getExtension("EXT_color_buffer_half_float"));
-  const t = s ? null : i.getExtension("OES_texture_half_float"), l = s ? i.HALF_FLOAT : t.HALF_FLOAT_OES;
-  return i.getExtension("EXT_color_buffer_float"), i.getExtension("OES_texture_half_float_linear"), {
-    type: s ? "webgl2" : "webgl1",
-    gl: i,
-    isWebGL2: s,
-    ext: {
-      internalFormat: s ? i.RGBA16F : i.RGBA,
-      format: i.RGBA,
-      type: l
-    }
-  };
+function h(e = {}, t, n = s) {
+	return {
+		...t ? {
+			...n,
+			...p[t]
+		} : n,
+		...e
+	};
 }
-async function WC(e, g = !0) {
-  if (typeof navigator > "u" || !navigator.gpu)
-    return null;
-  try {
-    const C = await navigator.gpu.requestAdapter();
-    if (!C)
-      return null;
-    const i = await C.requestDevice(), s = e.getContext("webgpu");
-    if (!s)
-      return null;
-    const t = navigator.gpu.getPreferredCanvasFormat();
-    return s.configure({ device: i, format: t, alphaMode: g ? "premultiplied" : "opaque" }), { type: "webgpu", adapter: C, device: i, context: s, format: t };
-  } catch {
-    return null;
-  }
+//#endregion
+//#region src/core/textures.ts
+function g(e, t, n, r, i = "cover") {
+	let a;
+	a = i === "cover" ? Math.max(n / e, r / t) : i === "contain" ? Math.min(n / e, r / t) : typeof i == "string" && i.endsWith("%") ? Math.min(n / e, r / t) * (parseFloat(i) / 100) : typeof i == "string" && i.endsWith("px") ? parseFloat(i) / Math.max(e, t) : typeof i == "number" ? i : Math.max(n / e, r / t);
+	let o = e * a, s = t * a;
+	return {
+		x: (n - o) / 2,
+		y: (r - s) / 2,
+		drawW: o,
+		drawH: s
+	};
 }
-class Bg {
-  constructor(g, C, i) {
-    LI(this, "program");
-    LI(this, "uniforms", {});
-    LI(this, "_gl");
-    this._gl = g, this.program = g.createProgram(), g.attachShader(this.program, this._compile(g.VERTEX_SHADER, C)), g.attachShader(this.program, this._compile(g.FRAGMENT_SHADER, i)), g.linkProgram(this.program);
-    const s = g.getProgramParameter(this.program, g.ACTIVE_UNIFORMS);
-    for (let t = 0; t < s; t++) {
-      const l = g.getActiveUniform(this.program, t).name;
-      this.uniforms[l] = g.getUniformLocation(this.program, l);
-    }
-  }
-  _compile(g, C) {
-    const i = this._gl, s = i.createShader(g);
-    return i.shaderSource(s, C), i.compileShader(s), s;
-  }
-  bind() {
-    this._gl.useProgram(this.program);
-  }
-  dispose() {
-    this._gl.deleteProgram(this.program);
-  }
+function _(e, t, n, r, i = null, a = "cover") {
+	let { text: o, fontSize: s, color: c, fontFamily: l = "sans-serif", fontWeight: u = 900 } = r, d = new OffscreenCanvas(t, n), f = d.getContext("2d");
+	((e) => {
+		if (i) {
+			f.clearRect(0, 0, t, n), f.fillStyle = "black", f.fillRect(0, 0, t, n);
+			let { x: e, y: r, drawW: o, drawH: s } = g(i.width, i.height, t, n, a);
+			f.drawImage(i, e, r, o, s);
+		} else f.fillStyle = "black", f.fillRect(0, 0, t, n);
+		f.fillStyle = e, f.font = `${u} ${s}px ${l}`, f.textAlign = "center", f.textBaseline = "middle", f.fillText(o, t / 2, n / 2);
+	})(c);
+	let p = y(e, d);
+	f.fillStyle = "black", f.fillRect(0, 0, t, n), f.fillStyle = "white", f.font = `${u} ${s}px ${l}`, f.textAlign = "center", f.textBaseline = "middle", f.fillText(o, t / 2, n / 2);
+	let m = y(e, d);
+	return {
+		backgroundTex: p,
+		obstacleTex: m,
+		coverageTex: m
+	};
 }
-function RC(e) {
-  return {
-    advection: new Bg(e, Sg, wC),
-    divergence: new Bg(e, Sg, hC),
-    pressure: new Bg(e, Sg, bC),
-    gradientSubtract: new Bg(e, Sg, yC),
-    splat: new Bg(e, Sg, VC),
-    curl: new Bg(e, Sg, KC),
-    vorticity: new Bg(e, Sg, XC),
-    display: new Bg(e, Sg, HC)
-  };
+function v(e, t, n, r, i = 0, a = "cover", o = null, s = "cover") {
+	let c = new OffscreenCanvas(n, r), l = c.getContext("2d"), { x: u, y: d, drawW: f, drawH: p } = g(t.width, t.height, n, r, a);
+	if (l.clearRect(0, 0, n, r), l.fillStyle = "black", l.fillRect(0, 0, n, r), o) {
+		let { x: e, y: t, drawW: a, drawH: c } = g(o.width, o.height, n, r, s);
+		l.filter = `brightness(${i}) blur(8px)`, l.drawImage(o, e, t, a, c), l.filter = "none";
+	}
+	l.drawImage(t, u, d, f, p);
+	let m = y(e, c);
+	l.clearRect(0, 0, n, r), l.fillStyle = "black", l.fillRect(0, 0, n, r), l.filter = `brightness(${i}) blur(8px)`, l.drawImage(t, u, d, f, p), l.filter = "none";
+	let h = y(e, c);
+	return l.clearRect(0, 0, n, r), l.fillStyle = "black", l.fillRect(0, 0, n, r), l.fillStyle = "white", l.fillRect(Math.max(0, u), Math.max(0, d), Math.min(f, n - Math.max(0, u)), Math.min(p, r - Math.max(0, d))), {
+		backgroundTex: m,
+		obstacleTex: h,
+		coverageTex: y(e, c)
+	};
 }
-function VI(e, g, C, i) {
-  e.activeTexture(e.TEXTURE0);
-  const s = e.createTexture();
-  e.bindTexture(e.TEXTURE_2D, s), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.LINEAR), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.LINEAR), 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.texImage2D(e.TEXTURE_2D, 0, g.internalFormat, C, i, 0, g.format, g.type, null);
-  const t = e.createFramebuffer();
-  return e.bindFramebuffer(e.FRAMEBUFFER, t), e.framebufferTexture2D(e.FRAMEBUFFER, e.COLOR_ATTACHMENT0, e.TEXTURE_2D, s, 0), { tex: s, fbo: t, width: C, height: i };
+function y(e, t) {
+	let n = e.createTexture();
+	return e.bindTexture(e.TEXTURE_2D, n), e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL, !0), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, t), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.LINEAR), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.LINEAR), 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), n;
 }
-function FI(e, g, C, i) {
-  let s = VI(e, g, C, i), t = VI(e, g, C, i);
-  return {
-    get read() {
-      return s;
-    },
-    get write() {
-      return t;
-    },
-    swap() {
-      [s, t] = [t, s];
-    },
-    dispose() {
-      e.deleteTexture(s.tex), e.deleteFramebuffer(s.fbo), e.deleteTexture(t.tex), e.deleteFramebuffer(t.fbo);
-    }
-  };
+function b(e, t, n, r, i = null, a = "cover") {
+	let { text: o, fontSize: s, color: c, fontFamily: l = "sans-serif", fontWeight: u = 900 } = r, d = new OffscreenCanvas(t, n), f = d.getContext("2d");
+	((e) => {
+		if (i) {
+			f.clearRect(0, 0, t, n), f.fillStyle = "black", f.fillRect(0, 0, t, n);
+			let { x: e, y: r, drawW: o, drawH: s } = g(i.width, i.height, t, n, a);
+			f.drawImage(i, e, r, o, s);
+		} else f.fillStyle = "black", f.fillRect(0, 0, t, n);
+		f.fillStyle = e, f.font = `${u} ${s}px ${l}`, f.textAlign = "center", f.textBaseline = "middle", f.fillText(o, t / 2, n / 2);
+	})(c);
+	let p = S(e, d, t, n);
+	f.fillStyle = "black", f.fillRect(0, 0, t, n), f.fillStyle = "white", f.font = `${u} ${s}px ${l}`, f.textAlign = "center", f.textBaseline = "middle", f.fillText(o, t / 2, n / 2);
+	let m = S(e, d, t, n);
+	return {
+		backgroundTex: p,
+		backgroundView: p.createView(),
+		obstacleTex: m,
+		obstacleView: m.createView(),
+		coverageTex: m,
+		coverageView: m.createView(),
+		sharedCoverage: !0
+	};
 }
-function UC(e) {
-  const g = e.createBuffer();
-  return e.bindBuffer(e.ARRAY_BUFFER, g), e.bufferData(e.ARRAY_BUFFER, new Float32Array([-1, -1, -1, 1, 1, 1, 1, -1]), e.STATIC_DRAW), e.vertexAttribPointer(0, 2, e.FLOAT, !1, 0, 0), e.enableVertexAttribArray(0), function(i) {
-    e.bindFramebuffer(e.FRAMEBUFFER, i), e.drawArrays(e.TRIANGLE_FAN, 0, 4);
-  };
+function x(e, t, n, r, i = 0, a = "cover", o = null, s = "cover") {
+	let c = new OffscreenCanvas(n, r), l = c.getContext("2d"), { x: u, y: d, drawW: f, drawH: p } = g(t.width, t.height, n, r, a);
+	if (l.clearRect(0, 0, n, r), l.fillStyle = "black", l.fillRect(0, 0, n, r), o) {
+		let { x: e, y: t, drawW: a, drawH: c } = g(o.width, o.height, n, r, s);
+		l.filter = `brightness(${i}) blur(8px)`, l.drawImage(o, e, t, a, c), l.filter = "none";
+	}
+	l.drawImage(t, u, d, f, p);
+	let m = S(e, c, n, r);
+	l.clearRect(0, 0, n, r), l.fillStyle = "black", l.fillRect(0, 0, n, r), l.filter = `brightness(${i}) blur(8px)`, l.drawImage(t, u, d, f, p), l.filter = "none";
+	let h = S(e, c, n, r);
+	l.clearRect(0, 0, n, r), l.fillStyle = "black", l.fillRect(0, 0, n, r), l.fillStyle = "white", l.fillRect(Math.max(0, u), Math.max(0, d), Math.min(f, n - Math.max(0, u)), Math.min(p, r - Math.max(0, d)));
+	let _ = S(e, c, n, r);
+	return {
+		backgroundTex: m,
+		backgroundView: m.createView(),
+		obstacleTex: h,
+		obstacleView: h.createView(),
+		coverageTex: _,
+		coverageView: _.createView(),
+		sharedCoverage: !1
+	};
 }
-const yg = `struct VSOut {
-@builtin(position) pos : vec4f,
-@location(0)       uv  : vec2f,
-@location(1)       vL  : vec2f,
-@location(2)       vR  : vec2f,
-@location(3)       vT  : vec2f,
-@location(4)       vB  : vec2f,
-}`, YC = `${yg}
-struct U {
-texelSize  : vec2f,
-dt         : f32,
-dissipation: f32,
+function S(e, t, n, r) {
+	let i = e.createTexture({
+		size: [n, r],
+		format: "rgba8unorm",
+		usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT
+	});
+	return e.queue.copyExternalImageToTexture({ source: t }, { texture: i }, [n, r]), i;
 }
-@group(0) @binding(0) var<uniform> u     : U;
-@group(0) @binding(1) var          samp  : sampler;
-@group(0) @binding(2) var          uVel  : texture_2d<f32>;
-@group(0) @binding(3) var          uSrc  : texture_2d<f32>;
-@group(0) @binding(4) var          uObs  : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
-var o: VSOut;
-o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
-o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
-o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
-o.vT = o.uv + vec2f(0.0, u.texelSize.y);
-o.vB = o.uv - vec2f(0.0, u.texelSize.y);
-o.pos = vec4f(a, 0.0, 1.0);
-return o;
+async function C(e) {
+	let t = await fetch(e);
+	if (!t.ok) throw Error(`Failed to fetch image: ${e} (${t.status})`);
+	let n = await t.blob();
+	return createImageBitmap(n);
 }
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
-let obs   = textureSample(uObs, samp, i.uv).r;
-let vel   = textureSample(uVel, samp, i.uv).xy;
-let coord = i.uv - u.dt * vel * u.texelSize;
-let src   = textureSample(uSrc, samp, coord);
-return u.dissipation * src * (1.0 - obs);
-}`, kC = `${yg}
-struct U { texelSize: vec2f, _pad: vec2f }
-@group(0) @binding(0) var<uniform> u    : U;
-@group(0) @binding(1) var          samp : sampler;
-@group(0) @binding(2) var          uVel : texture_2d<f32>;
-@group(0) @binding(3) var          uObs : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
-var o: VSOut;
-o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
-o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
-o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
-o.vT = o.uv + vec2f(0.0, u.texelSize.y);
-o.vB = o.uv - vec2f(0.0, u.texelSize.y);
-o.pos = vec4f(a, 0.0, 1.0);
-return o;
+//#endregion
+//#region src/utils/index.ts
+var w = "precision highp float;\n attribute vec2 aPosition;\n varying vec2 vUv;\n varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform vec2 texelSize;\n void main () {\n vUv = aPosition * 0.5 + 0.5;\n vL = vUv - vec2(texelSize.x, 0.0);\n vR = vUv + vec2(texelSize.x, 0.0);\n vT = vUv + vec2(0.0, texelSize.y);\n vB = vUv - vec2(0.0, texelSize.y);\n gl_Position = vec4(aPosition, 0.0, 1.0);\n }", T = "precision highp float;\n varying vec2 vUv;\n uniform sampler2D uVelocity;\n uniform sampler2D uSource;\n uniform sampler2D uObstacle;\n uniform vec2 texelSize;\n uniform float dt;\n uniform float dissipation;\n void main () {\n float obs = texture2D(uObstacle, vUv).r;\n vec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize;\n \n \n \n gl_FragColor = dissipation * texture2D(uSource, coord) * (1.0 - obs);\n }", E = "precision highp float;\n varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uVelocity;\n uniform sampler2D uObstacle;\n void main () {\n float L = texture2D(uVelocity, vL).x * (1.0 - texture2D(uObstacle, vL).r);\n float R = texture2D(uVelocity, vR).x * (1.0 - texture2D(uObstacle, vR).r);\n float T = texture2D(uVelocity, vT).y * (1.0 - texture2D(uObstacle, vT).r);\n float B = texture2D(uVelocity, vB).y * (1.0 - texture2D(uObstacle, vB).r);\n gl_FragColor = vec4(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);\n }", D = "precision highp float;\n varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uPressure;\n uniform sampler2D uDivergence;\n uniform sampler2D uObstacle;\n void main () {\n float C = texture2D(uPressure, vUv).x;\n float L = mix(texture2D(uPressure, vL).x, C, texture2D(uObstacle, vL).r);\n float R = mix(texture2D(uPressure, vR).x, C, texture2D(uObstacle, vR).r);\n float T = mix(texture2D(uPressure, vT).x, C, texture2D(uObstacle, vT).r);\n float B = mix(texture2D(uPressure, vB).x, C, texture2D(uObstacle, vB).r);\n float div = texture2D(uDivergence, vUv).x;\n gl_FragColor = vec4((L + R + B + T - div) * 0.25, 0.0, 0.0, 1.0);\n }", O = "precision highp float;\n varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uPressure;\n uniform sampler2D uVelocity;\n uniform sampler2D uObstacle;\n void main () {\n float obs = texture2D(uObstacle, vUv).r;\n float C = texture2D(uPressure, vUv).x;\n float L = mix(texture2D(uPressure, vL).x, C, texture2D(uObstacle, vL).r);\n float R = mix(texture2D(uPressure, vR).x, C, texture2D(uObstacle, vR).r);\n float T = mix(texture2D(uPressure, vT).x, C, texture2D(uObstacle, vT).r);\n float B = mix(texture2D(uPressure, vB).x, C, texture2D(uObstacle, vB).r);\n vec2 vel = (texture2D(uVelocity, vUv).xy - vec2(R - L, T - B)) * (1.0 - obs);\n gl_FragColor = vec4(vel, 0.0, 1.0);\n }", k = "precision highp float;\n varying vec2 vUv;\n uniform sampler2D uTarget;\n uniform float aspectRatio;\n uniform vec3 color;\n uniform vec2 point;\n uniform float radius;\n void main () {\n vec2 p = vUv - point.xy;\n p.x *= aspectRatio;\n vec3 splat = exp(-dot(p, p) / radius) * color;\n gl_FragColor = vec4(texture2D(uTarget, vUv).xyz + splat, 1.0);\n }", A = "precision highp float;\n varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uVelocity;\n void main () {\n float L = texture2D(uVelocity, vL).y;\n float R = texture2D(uVelocity, vR).y;\n float T = texture2D(uVelocity, vT).x;\n float B = texture2D(uVelocity, vB).x;\n gl_FragColor = vec4(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);\n }", j = "precision highp float;\n varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uVelocity;\n uniform sampler2D uCurl;\n uniform float curl;\n uniform float dt;\n void main () {\n float L = texture2D(uCurl, vL).x;\n float R = texture2D(uCurl, vR).x;\n float T = texture2D(uCurl, vT).x;\n float B = texture2D(uCurl, vB).x;\n float C = texture2D(uCurl, vUv).x;\n vec2 force = 0.5 * vec2(abs(T) - abs(B), abs(R) - abs(L));\n force /= length(force) + 0.0001;\n force *= curl * 30.0 * C;\n gl_FragColor = vec4(texture2D(uVelocity, vUv).xy + force * dt, 0.0, 1.0);\n }", M = "precision highp float;\n varying vec2 vUv;\n uniform sampler2D uTexture;\n uniform sampler2D uObstacle;\n uniform sampler2D uBackground;\n uniform sampler2D uCoverage;\n uniform sampler2D uVelocity;\n uniform vec2 texelSize;\n uniform vec3 uWaterColor;\n uniform vec3 uGlowColor;\n uniform float uRefraction;\n uniform float uSpecularExp;\n uniform float uShine;\n uniform float uWarpStrength;\n uniform int uAlgorithm;\n uniform int uEnableAlpha;\n void main () {\n float obs = texture2D(uObstacle, vUv).r;\n \n \n float density = max(texture2D(uTexture, vUv).r, 0.0) * (1.0 - obs);\n float coverage = texture2D(uCoverage, vUv).r;\n \n \n \n \n float sx = texelSize.x * 6.0, sy = texelSize.y * 6.0;\n float d00 = max(texture2D(uTexture, vUv + vec2(-sx, -sy)).r, 0.0);\n float d10 = max(texture2D(uTexture, vUv + vec2(0.0, -sy)).r, 0.0);\n float d20 = max(texture2D(uTexture, vUv + vec2( sx, -sy)).r, 0.0);\n float d01 = max(texture2D(uTexture, vUv + vec2(-sx, 0.0)).r, 0.0);\n float d21 = max(texture2D(uTexture, vUv + vec2( sx, 0.0)).r, 0.0);\n float d02 = max(texture2D(uTexture, vUv + vec2(-sx, sy)).r, 0.0);\n float d12 = max(texture2D(uTexture, vUv + vec2(0.0, sy)).r, 0.0);\n float d22 = max(texture2D(uTexture, vUv + vec2( sx, sy)).r, 0.0);\n float gx = (d20 + 2.0*d21 + d22) - (d00 + 2.0*d01 + d02);\n float gy = (d02 + 2.0*d12 + d22) - (d00 + 2.0*d10 + d20);\n vec3 normal = normalize(vec3(gx, gy, 1.2));\n vec3 lightDir = normalize(vec3(0.5, 1.0, 0.5));\n vec3 halfV = normalize(lightDir + vec3(0.0, 0.0, 1.0));\n \n \n float specDen = density * min(density * 5.0, 1.0);\n float spec = pow(max(dot(normal, halfV), 0.0), uSpecularExp) * uShine * specDen;\n \n \n \n vec3 bgRaw = texture2D(uBackground, vUv).rgb;\n vec3 bg = mix(uWaterColor, bgRaw, coverage);\n vec3 color = bg;\n if (uAlgorithm == 1) {\n \n \n vec2 refrUv = clamp(vUv + normal.xy * uRefraction * density * 3.0, 0.0, 1.0);\n vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);\n color = refrBg + spec * uGlowColor * 2.5;\n color = mix(color, bg * 0.6, obs * 0.3);\n } else if (uAlgorithm == 2) {\n \n \n float inkD = min(density * 4.0, 1.0);\n vec2 refrUv = clamp(vUv + normal.xy * uRefraction * density * 0.4, 0.0, 1.0);\n vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);\n color = mix(refrBg, uWaterColor + spec * uGlowColor, inkD);\n color = mix(color, bg * 0.5, obs * 0.15);\n } else if (uAlgorithm == 3) {\n \n \n vec2 vel = texture2D(uVelocity, vUv).xy;\n float velMag = clamp(length(vel) * 20.0, 0.0, 1.0);\n vec2 warpUv = clamp(vUv + vel * uWarpStrength, 0.0, 1.0);\n vec3 warpBg = mix(uWaterColor, texture2D(uBackground, warpUv).rgb, coverage);\n color = mix(bg, warpBg, velMag * (1.0 - obs));\n color += spec * uGlowColor * velMag * 1.5;\n color += uWaterColor * density * 0.3;\n color = mix(color, bg * 0.5, obs * 0.2);\n } else if (uAlgorithm == 4) {\n \n \n vec2 rippleUv = clamp(vUv + normal.xy * uRefraction * density * 6.0, 0.0, 1.0);\n vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, rippleUv, 1.0 - obs)).rgb, coverage);\n float fresnel = pow(clamp(1.0 - dot(normal, vec3(0.0, 0.0, 1.0)), 0.0, 1.0), 3.0) * density;\n color = refrBg;\n color += fresnel * uGlowColor * 2.0;\n color += spec * uGlowColor * density * 2.0;\n color = mix(color, bg * 0.5, obs * 0.2);\n } else {\n \n \n vec2 refrUv = vUv + normal.xy * uRefraction * density;\n vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);\n color = mix(refrBg, uWaterColor, min(density * 1.5, 0.8));\n color += spec * uGlowColor;\n color = mix(color, bg * 0.5, obs * 0.2);\n }\n \n \n float alpha = clamp(max(density * 1.5, coverage), 0.0, 1.0);\n if (uEnableAlpha == 1) {\n gl_FragColor = vec4(color * alpha, alpha);\n } else {\n gl_FragColor = vec4(color, 1.0);\n }\n }";
+//#endregion
+//#region src/core/gl-utils.ts
+function N(e, t = !0) {
+	let n = {
+		alpha: t,
+		depth: !1,
+		stencil: !1,
+		antialias: !0,
+		preserveDrawingBuffer: !1
+	}, r = e.getContext("webgl2", n), i = !!r;
+	i || (r = e.getContext("webgl", n), r.getExtension("EXT_color_buffer_half_float"));
+	let a = i ? null : r.getExtension("OES_texture_half_float"), o = i ? r.HALF_FLOAT : a.HALF_FLOAT_OES;
+	return r.getExtension("EXT_color_buffer_float"), r.getExtension("OES_texture_half_float_linear"), {
+		type: i ? "webgl2" : "webgl1",
+		gl: r,
+		isWebGL2: i,
+		ext: {
+			internalFormat: i ? r.RGBA16F : r.RGBA,
+			format: r.RGBA,
+			type: o
+		}
+	};
 }
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
-let L = textureSample(uVel, samp, i.vL).x * (1.0 - textureSample(uObs, samp, i.vL).r);
-let R = textureSample(uVel, samp, i.vR).x * (1.0 - textureSample(uObs, samp, i.vR).r);
-let T = textureSample(uVel, samp, i.vT).y * (1.0 - textureSample(uObs, samp, i.vT).r);
-let B = textureSample(uVel, samp, i.vB).y * (1.0 - textureSample(uObs, samp, i.vB).r);
-return vec4f(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);
-}`, MC = `${yg}
-struct U { texelSize: vec2f, _pad: vec2f }
-@group(0) @binding(0) var<uniform> u    : U;
-@group(0) @binding(1) var          samp : sampler;
-@group(0) @binding(2) var          uPres: texture_2d<f32>;
-@group(0) @binding(3) var          uDiv : texture_2d<f32>;
-@group(0) @binding(4) var          uObs : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
-var o: VSOut;
-o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
-o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
-o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
-o.vT = o.uv + vec2f(0.0, u.texelSize.y);
-o.vB = o.uv - vec2f(0.0, u.texelSize.y);
-o.pos = vec4f(a, 0.0, 1.0);
-return o;
+async function P(e, t = !0) {
+	if (typeof navigator > "u" || !navigator.gpu) return null;
+	try {
+		let n = await navigator.gpu.requestAdapter();
+		if (!n) return null;
+		let r = await n.requestDevice(), i = e.getContext("webgpu");
+		if (!i) return null;
+		let a = navigator.gpu.getPreferredCanvasFormat();
+		return i.configure({
+			device: r,
+			format: a,
+			alphaMode: t ? "premultiplied" : "opaque"
+		}), {
+			type: "webgpu",
+			adapter: n,
+			device: r,
+			context: i,
+			format: a
+		};
+	} catch {
+		return null;
+	}
 }
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
-let C  = textureSample(uPres, samp, i.uv).x;
-let L  = mix(textureSample(uPres, samp, i.vL).x, C, textureSample(uObs, samp, i.vL).r);
-let R  = mix(textureSample(uPres, samp, i.vR).x, C, textureSample(uObs, samp, i.vR).r);
-let T  = mix(textureSample(uPres, samp, i.vT).x, C, textureSample(uObs, samp, i.vT).r);
-let B  = mix(textureSample(uPres, samp, i.vB).x, C, textureSample(uObs, samp, i.vB).r);
-let dv = textureSample(uDiv, samp, i.uv).x;
-return vec4f((L + R + B + T - dv) * 0.25, 0.0, 0.0, 1.0);
-}`, xC = `${yg}
-struct U { texelSize: vec2f, _pad: vec2f }
-@group(0) @binding(0) var<uniform> u    : U;
-@group(0) @binding(1) var          samp : sampler;
-@group(0) @binding(2) var          uPres: texture_2d<f32>;
-@group(0) @binding(3) var          uVel : texture_2d<f32>;
-@group(0) @binding(4) var          uObs : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
-var o: VSOut;
-o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
-o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
-o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
-o.vT = o.uv + vec2f(0.0, u.texelSize.y);
-o.vB = o.uv - vec2f(0.0, u.texelSize.y);
-o.pos = vec4f(a, 0.0, 1.0);
-return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
-let obs = textureSample(uObs, samp, i.uv).r;
-let C   = textureSample(uPres, samp, i.uv).x;
-let L   = mix(textureSample(uPres, samp, i.vL).x, C, textureSample(uObs, samp, i.vL).r);
-let R   = mix(textureSample(uPres, samp, i.vR).x, C, textureSample(uObs, samp, i.vR).r);
-let T   = mix(textureSample(uPres, samp, i.vT).x, C, textureSample(uObs, samp, i.vT).r);
-let B   = mix(textureSample(uPres, samp, i.vB).x, C, textureSample(uObs, samp, i.vB).r);
-let vel = (textureSample(uVel, samp, i.uv).xy - vec2f(R - L, T - B)) * (1.0 - obs);
-return vec4f(vel, 0.0, 1.0);
-}`, fC = `${yg}
-struct U {
-texelSize  : vec2f,
-aspectRatio: f32,
-radius     : f32,
-color      : vec4f,  
-point      : vec2f,
-_pad       : vec2f,
-}
-@group(0) @binding(0) var<uniform> u    : U;
-@group(0) @binding(1) var          samp : sampler;
-@group(0) @binding(2) var          uTgt : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
-var o: VSOut;
-o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
-o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
-o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
-o.vT = o.uv + vec2f(0.0, u.texelSize.y);
-o.vB = o.uv - vec2f(0.0, u.texelSize.y);
-o.pos = vec4f(a, 0.0, 1.0);
-return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
-var p  = i.uv - u.point;
-p.x   *= u.aspectRatio;
-let sp = exp(-dot(p, p) / u.radius) * u.color.xyz;
-return vec4f(textureSample(uTgt, samp, i.uv).xyz + sp, 1.0);
-}`, FC = `${yg}
-struct U { texelSize: vec2f, _pad: vec2f }
-@group(0) @binding(0) var<uniform> u    : U;
-@group(0) @binding(1) var          samp : sampler;
-@group(0) @binding(2) var          uVel : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
-var o: VSOut;
-o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
-o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
-o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
-o.vT = o.uv + vec2f(0.0, u.texelSize.y);
-o.vB = o.uv - vec2f(0.0, u.texelSize.y);
-o.pos = vec4f(a, 0.0, 1.0);
-return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
-let L = textureSample(uVel, samp, i.vL).y;
-let R = textureSample(uVel, samp, i.vR).y;
-let T = textureSample(uVel, samp, i.vT).x;
-let B = textureSample(uVel, samp, i.vB).x;
-return vec4f(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);
-}`, DC = `${yg}
-struct U {
-texelSize: vec2f,
-curl     : f32,
-dt       : f32,
-}
-@group(0) @binding(0) var<uniform> u    : U;
-@group(0) @binding(1) var          samp : sampler;
-@group(0) @binding(2) var          uVel : texture_2d<f32>;
-@group(0) @binding(3) var          uCrl : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
-var o: VSOut;
-o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
-o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
-o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
-o.vT = o.uv + vec2f(0.0, u.texelSize.y);
-o.vB = o.uv - vec2f(0.0, u.texelSize.y);
-o.pos = vec4f(a, 0.0, 1.0);
-return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
-let L     = textureSample(uCrl, samp, i.vL).x;
-let R     = textureSample(uCrl, samp, i.vR).x;
-let T     = textureSample(uCrl, samp, i.vT).x;
-let B     = textureSample(uCrl, samp, i.vB).x;
-let C     = textureSample(uCrl, samp, i.uv).x;
-var force = 0.5 * vec2f(abs(T) - abs(B), abs(R) - abs(L));
-force    /= length(force) + 0.0001;
-force    *= u.curl * 30.0 * C;
-let vel   = textureSample(uVel, samp, i.uv).xy + force * u.dt;
-return vec4f(vel, 0.0, 1.0);
-}`, TC = `${yg}
-struct U {
-texelSize   : vec2f,
-refraction  : f32,
-specularExp : f32,
-waterColor  : vec4f,
-glowColor   : vec4f,
-shine       : f32,
-warpStrength: f32,
-algorithm   : i32,
-enableAlpha : i32,
+var F = class {
+	program;
+	uniforms = {};
+	_gl;
+	constructor(e, t, n) {
+		this._gl = e, this.program = e.createProgram(), e.attachShader(this.program, this._compile(e.VERTEX_SHADER, t)), e.attachShader(this.program, this._compile(e.FRAGMENT_SHADER, n)), e.linkProgram(this.program);
+		let r = e.getProgramParameter(this.program, e.ACTIVE_UNIFORMS);
+		for (let t = 0; t < r; t++) {
+			let n = e.getActiveUniform(this.program, t).name;
+			this.uniforms[n] = e.getUniformLocation(this.program, n);
+		}
+	}
+	_compile(e, t) {
+		let n = this._gl, r = n.createShader(e);
+		return n.shaderSource(r, t), n.compileShader(r), r;
+	}
+	bind() {
+		this._gl.useProgram(this.program);
+	}
+	dispose() {
+		this._gl.deleteProgram(this.program);
+	}
+};
+function I(e) {
+	return {
+		advection: new F(e, w, T),
+		divergence: new F(e, w, E),
+		pressure: new F(e, w, D),
+		gradientSubtract: new F(e, w, O),
+		splat: new F(e, w, k),
+		curl: new F(e, w, A),
+		vorticity: new F(e, w, j),
+		display: new F(e, w, M)
+	};
 }
-@group(0) @binding(0) var<uniform> u    : U;
-@group(0) @binding(1) var          samp : sampler;
-@group(0) @binding(2) var          uTex : texture_2d<f32>;
-@group(0) @binding(3) var          uObs : texture_2d<f32>;
-@group(0) @binding(4) var          uBg  : texture_2d<f32>;
-@group(0) @binding(5) var          uCov : texture_2d<f32>;
-@group(0) @binding(6) var          uVel : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
-var o: VSOut;
-o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
-o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
-o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
-o.vT = o.uv + vec2f(0.0, u.texelSize.y);
-o.vB = o.uv - vec2f(0.0, u.texelSize.y);
-o.pos = vec4f(a, 0.0, 1.0);
-return o;
+function L(e, t, n, r) {
+	e.activeTexture(e.TEXTURE0);
+	let i = e.createTexture();
+	e.bindTexture(e.TEXTURE_2D, i), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.LINEAR), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.LINEAR), 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.texImage2D(e.TEXTURE_2D, 0, t.internalFormat, n, r, 0, t.format, t.type, null);
+	let a = e.createFramebuffer();
+	return e.bindFramebuffer(e.FRAMEBUFFER, a), e.framebufferTexture2D(e.FRAMEBUFFER, e.COLOR_ATTACHMENT0, e.TEXTURE_2D, i, 0), {
+		tex: i,
+		fbo: a,
+		width: n,
+		height: r
+	};
 }
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
-let obs     = textureSample(uObs, samp, i.uv).r;
-let density = max(textureSample(uTex, samp, i.uv).r, 0.0) * (1.0 - obs);
-let cov     = textureSample(uCov, samp, i.uv).r;
-let sx  = u.texelSize.x * 6.0;
-let sy  = u.texelSize.y * 6.0;
-let d00 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, -sy)).r, 0.0);
-let d10 = max(textureSample(uTex, samp, i.uv + vec2f(0.0, -sy)).r, 0.0);
-let d20 = max(textureSample(uTex, samp, i.uv + vec2f( sx, -sy)).r, 0.0);
-let d01 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, 0.0)).r, 0.0);
-let d21 = max(textureSample(uTex, samp, i.uv + vec2f( sx, 0.0)).r, 0.0);
-let d02 = max(textureSample(uTex, samp, i.uv + vec2f(-sx,  sy)).r, 0.0);
-let d12 = max(textureSample(uTex, samp, i.uv + vec2f(0.0,  sy)).r, 0.0);
-let d22 = max(textureSample(uTex, samp, i.uv + vec2f( sx,  sy)).r, 0.0);
-let gx  = (d20 + 2.0*d21 + d22) - (d00 + 2.0*d01 + d02);
-let gy  = (d02 + 2.0*d12 + d22) - (d00 + 2.0*d10 + d20);
-let norm    = normalize(vec3f(gx, gy, 1.2));
-let ldir    = normalize(vec3f(0.5, 1.0, 0.5));
-let halfV   = normalize(ldir + vec3f(0.0, 0.0, 1.0));
-let specDen = density * min(density * 5.0, 1.0);
-let spec    = pow(max(dot(norm, halfV), 0.0), u.specularExp) * u.shine * specDen;
-let bgRaw = textureSample(uBg, samp, i.uv).rgb;
-let wc    = u.waterColor.rgb;
-let gc    = u.glowColor.rgb;
-let bg    = mix(wc, bgRaw, cov);
-var color = bg;
-if (u.algorithm == 1) {
-let ruv = clamp(i.uv + norm.xy * u.refraction * density * 3.0, vec2f(0.0), vec2f(1.0));
-let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);
-color   = rbg + spec * gc * 2.5;
-color   = mix(color, bg * 0.6, obs * 0.3);
-} else if (u.algorithm == 2) {
-let inkD = min(density * 4.0, 1.0);
-let ruv  = clamp(i.uv + norm.xy * u.refraction * density * 0.4, vec2f(0.0), vec2f(1.0));
-let rbg  = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);
-color    = mix(rbg, wc + spec * gc, inkD);
-color    = mix(color, bg * 0.5, obs * 0.15);
-} else if (u.algorithm == 3) {
-let vel    = textureSample(uVel, samp, i.uv).xy;
-let velMag = clamp(length(vel) * 20.0, 0.0, 1.0);
-let wuv    = clamp(i.uv + vel * u.warpStrength, vec2f(0.0), vec2f(1.0));
-let wbg    = mix(wc, textureSample(uBg, samp, wuv).rgb, cov);
-color      = mix(bg, wbg, velMag * (1.0 - obs));
-color     += spec * gc * velMag * 1.5;
-color     += wc * density * 0.3;
-color      = mix(color, bg * 0.5, obs * 0.2);
-} else if (u.algorithm == 4) {
-let ruv   = clamp(i.uv + norm.xy * u.refraction * density * 6.0, vec2f(0.0), vec2f(1.0));
-let rbg   = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);
-let fres  = pow(clamp(1.0 - dot(norm, vec3f(0.0, 0.0, 1.0)), 0.0, 1.0), 3.0) * density;
-color     = rbg;
-color    += fres * gc * 2.0;
-color    += spec * gc * density * 2.0;
-color     = mix(color, bg * 0.5, obs * 0.2);
-} else {
-let ruv = i.uv + norm.xy * u.refraction * density;
-let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);
-color   = mix(rbg, wc, min(density * 1.5, 0.8));
-color  += spec * gc;
-color   = mix(color, bg * 0.5, obs * 0.2);
+function R(e, t, n, r) {
+	let i = L(e, t, n, r), a = L(e, t, n, r);
+	return {
+		get read() {
+			return i;
+		},
+		get write() {
+			return a;
+		},
+		swap() {
+			[i, a] = [a, i];
+		},
+		dispose() {
+			e.deleteTexture(i.tex), e.deleteFramebuffer(i.fbo), e.deleteTexture(a.tex), e.deleteFramebuffer(a.fbo);
+		}
+	};
 }
-let alpha = clamp(max(density * 1.5, cov), 0.0, 1.0);
-if (u.enableAlpha == 1) {
-return vec4f(color * alpha, alpha);
+function z(e) {
+	let t = e.createBuffer();
+	return e.bindBuffer(e.ARRAY_BUFFER, t), e.bufferData(e.ARRAY_BUFFER, new Float32Array([
+		-1,
+		-1,
+		-1,
+		1,
+		1,
+		1,
+		1,
+		-1
+	]), e.STATIC_DRAW), e.vertexAttribPointer(0, 2, e.FLOAT, !1, 0, 0), e.enableVertexAttribArray(0), function(t) {
+		e.bindFramebuffer(e.FRAMEBUFFER, t), e.drawArrays(e.TRIANGLE_FAN, 0, 4);
+	};
 }
-return vec4f(color, 1.0);
-}`, JC = {
-  arrayStride: 8,
-  attributes: [{ shaderLocation: 0, offset: 0, format: "float32x2" }]
-}, PI = new Float32Array([
-  -1,
-  -1,
-  -1,
-  1,
-  1,
-  -1,
-  1,
-  -1,
-  -1,
-  1,
-  1,
-  1
+//#endregion
+//#region src/core/wgsl-shaders.ts
+var B = "struct U {\n texelSize : vec2f,\n dt : f32,\n dissipation: f32,\n}\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uVel : texture_2d<f32>;\n@group(0) @binding(3) var uSrc : texture_2d<f32>;\n@group(0) @binding(4) var uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let obs = textureSample(uObs, samp, i.uv).r;\n let vel = textureSample(uVel, samp, i.uv).xy;\n let coord = i.uv - u.dt * vel * u.texelSize;\n let src = textureSample(uSrc, samp, coord);\n return u.dissipation * src * (1.0 - obs);\n}", V = "struct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uVel : texture_2d<f32>;\n@group(0) @binding(3) var uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let L = textureSample(uVel, samp, i.vL).x * (1.0 - textureSample(uObs, samp, i.vL).r);\n let R = textureSample(uVel, samp, i.vR).x * (1.0 - textureSample(uObs, samp, i.vR).r);\n let T = textureSample(uVel, samp, i.vT).y * (1.0 - textureSample(uObs, samp, i.vT).r);\n let B = textureSample(uVel, samp, i.vB).y * (1.0 - textureSample(uObs, samp, i.vB).r);\n return vec4f(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);\n}", H = "struct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uPres: texture_2d<f32>;\n@group(0) @binding(3) var uDiv : texture_2d<f32>;\n@group(0) @binding(4) var uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let C = textureSample(uPres, samp, i.uv).x;\n let L = mix(textureSample(uPres, samp, i.vL).x, C, textureSample(uObs, samp, i.vL).r);\n let R = mix(textureSample(uPres, samp, i.vR).x, C, textureSample(uObs, samp, i.vR).r);\n let T = mix(textureSample(uPres, samp, i.vT).x, C, textureSample(uObs, samp, i.vT).r);\n let B = mix(textureSample(uPres, samp, i.vB).x, C, textureSample(uObs, samp, i.vB).r);\n let dv = textureSample(uDiv, samp, i.uv).x;\n return vec4f((L + R + B + T - dv) * 0.25, 0.0, 0.0, 1.0);\n}", U = "struct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uPres: texture_2d<f32>;\n@group(0) @binding(3) var uVel : texture_2d<f32>;\n@group(0) @binding(4) var uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let obs = textureSample(uObs, samp, i.uv).r;\n let C = textureSample(uPres, samp, i.uv).x;\n let L = mix(textureSample(uPres, samp, i.vL).x, C, textureSample(uObs, samp, i.vL).r);\n let R = mix(textureSample(uPres, samp, i.vR).x, C, textureSample(uObs, samp, i.vR).r);\n let T = mix(textureSample(uPres, samp, i.vT).x, C, textureSample(uObs, samp, i.vT).r);\n let B = mix(textureSample(uPres, samp, i.vB).x, C, textureSample(uObs, samp, i.vB).r);\n let vel = (textureSample(uVel, samp, i.uv).xy - vec2f(R - L, T - B)) * (1.0 - obs);\n return vec4f(vel, 0.0, 1.0);\n}", ee = "struct U {\n texelSize : vec2f,\n aspectRatio: f32,\n radius : f32,\n color : vec4f, \n point : vec2f,\n _pad : vec2f,\n}\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uTgt : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n var p = i.uv - u.point;\n p.x *= u.aspectRatio;\n let sp = exp(-dot(p, p) / u.radius) * u.color.xyz;\n return vec4f(textureSample(uTgt, samp, i.uv).xyz + sp, 1.0);\n}", te = "struct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uVel : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let L = textureSample(uVel, samp, i.vL).y;\n let R = textureSample(uVel, samp, i.vR).y;\n let T = textureSample(uVel, samp, i.vT).x;\n let B = textureSample(uVel, samp, i.vB).x;\n return vec4f(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);\n}", ne = "struct U {\n texelSize: vec2f,\n curl : f32,\n dt : f32,\n}\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uVel : texture_2d<f32>;\n@group(0) @binding(3) var uCrl : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let L = textureSample(uCrl, samp, i.vL).x;\n let R = textureSample(uCrl, samp, i.vR).x;\n let T = textureSample(uCrl, samp, i.vT).x;\n let B = textureSample(uCrl, samp, i.vB).x;\n let C = textureSample(uCrl, samp, i.uv).x;\n var force = 0.5 * vec2f(abs(T) - abs(B), abs(R) - abs(L));\n force /= length(force) + 0.0001;\n force *= u.curl * 30.0 * C;\n let vel = textureSample(uVel, samp, i.uv).xy + force * u.dt;\n return vec4f(vel, 0.0, 1.0);\n}", re = "struct U {\n texelSize : vec2f,\n refraction : f32,\n specularExp : f32,\n waterColor : vec4f,\n glowColor : vec4f,\n shine : f32,\n warpStrength: f32,\n algorithm : i32,\n enableAlpha : i32,\n}\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uTex : texture_2d<f32>;\n@group(0) @binding(3) var uObs : texture_2d<f32>;\n@group(0) @binding(4) var uBg : texture_2d<f32>;\n@group(0) @binding(5) var uCov : texture_2d<f32>;\n@group(0) @binding(6) var uVel : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let obs = textureSample(uObs, samp, i.uv).r;\n let density = max(textureSample(uTex, samp, i.uv).r, 0.0) * (1.0 - obs);\n let cov = textureSample(uCov, samp, i.uv).r;\n let sx = u.texelSize.x * 6.0;\n let sy = u.texelSize.y * 6.0;\n let d00 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, -sy)).r, 0.0);\n let d10 = max(textureSample(uTex, samp, i.uv + vec2f(0.0, -sy)).r, 0.0);\n let d20 = max(textureSample(uTex, samp, i.uv + vec2f( sx, -sy)).r, 0.0);\n let d01 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, 0.0)).r, 0.0);\n let d21 = max(textureSample(uTex, samp, i.uv + vec2f( sx, 0.0)).r, 0.0);\n let d02 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, sy)).r, 0.0);\n let d12 = max(textureSample(uTex, samp, i.uv + vec2f(0.0, sy)).r, 0.0);\n let d22 = max(textureSample(uTex, samp, i.uv + vec2f( sx, sy)).r, 0.0);\n let gx = (d20 + 2.0*d21 + d22) - (d00 + 2.0*d01 + d02);\n let gy = (d02 + 2.0*d12 + d22) - (d00 + 2.0*d10 + d20);\n let norm = normalize(vec3f(gx, gy, 1.2));\n let ldir = normalize(vec3f(0.5, 1.0, 0.5));\n let halfV = normalize(ldir + vec3f(0.0, 0.0, 1.0));\n let specDen = density * min(density * 5.0, 1.0);\n let spec = pow(max(dot(norm, halfV), 0.0), u.specularExp) * u.shine * specDen;\n let bgRaw = textureSample(uBg, samp, i.uv).rgb;\n let wc = u.waterColor.rgb;\n let gc = u.glowColor.rgb;\n let bg = mix(wc, bgRaw, cov);\n var color = bg;\n if (u.algorithm == 1) {\n let ruv = clamp(i.uv + norm.xy * u.refraction * density * 3.0, vec2f(0.0), vec2f(1.0));\n let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\n color = rbg + spec * gc * 2.5;\n color = mix(color, bg * 0.6, obs * 0.3);\n } else if (u.algorithm == 2) {\n let inkD = min(density * 4.0, 1.0);\n let ruv = clamp(i.uv + norm.xy * u.refraction * density * 0.4, vec2f(0.0), vec2f(1.0));\n let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\n color = mix(rbg, wc + spec * gc, inkD);\n color = mix(color, bg * 0.5, obs * 0.15);\n } else if (u.algorithm == 3) {\n let vel = textureSample(uVel, samp, i.uv).xy;\n let velMag = clamp(length(vel) * 20.0, 0.0, 1.0);\n let wuv = clamp(i.uv + vel * u.warpStrength, vec2f(0.0), vec2f(1.0));\n let wbg = mix(wc, textureSample(uBg, samp, wuv).rgb, cov);\n color = mix(bg, wbg, velMag * (1.0 - obs));\n color += spec * gc * velMag * 1.5;\n color += wc * density * 0.3;\n color = mix(color, bg * 0.5, obs * 0.2);\n } else if (u.algorithm == 4) {\n let ruv = clamp(i.uv + norm.xy * u.refraction * density * 6.0, vec2f(0.0), vec2f(1.0));\n let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\n let fres = pow(clamp(1.0 - dot(norm, vec3f(0.0, 0.0, 1.0)), 0.0, 1.0), 3.0) * density;\n color = rbg;\n color += fres * gc * 2.0;\n color += spec * gc * density * 2.0;\n color = mix(color, bg * 0.5, obs * 0.2);\n } else {\n let ruv = i.uv + norm.xy * u.refraction * density;\n let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\n color = mix(rbg, wc, min(density * 1.5, 0.8));\n color += spec * gc;\n color = mix(color, bg * 0.5, obs * 0.2);\n }\n let alpha = clamp(max(density * 1.5, cov), 0.0, 1.0);\n if (u.enableAlpha == 1) {\n return vec4f(color * alpha, alpha);\n }\n return vec4f(color, 1.0);\n}", ie = {
+	arrayStride: 8,
+	attributes: [{
+		shaderLocation: 0,
+		offset: 0,
+		format: "float32x2"
+	}]
+}, ae = new Float32Array([
+	-1,
+	-1,
+	-1,
+	1,
+	1,
+	-1,
+	1,
+	-1,
+	-1,
+	1,
+	1,
+	1
 ]);
-function zC(e) {
-  const g = e.createBuffer({ size: PI.byteLength, usage: GPUBufferUsage.VERTEX | GPUBufferUsage.COPY_DST });
-  return e.queue.writeBuffer(g, 0, PI), g;
+function oe(e) {
+	let t = e.createBuffer({
+		size: ae.byteLength,
+		usage: GPUBufferUsage.VERTEX | GPUBufferUsage.COPY_DST
+	});
+	return e.queue.writeBuffer(t, 0, ae), t;
 }
-function KI(e, g, C, i) {
-  const s = e.createTexture({
-    size: [C, i],
-    format: g,
-    usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.COPY_SRC
-  });
-  return { tex: s, view: s.createView(), width: C, height: i };
+function W(e, t, n, r) {
+	let i = e.createTexture({
+		size: [n, r],
+		format: t,
+		usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.COPY_SRC
+	});
+	return {
+		tex: i,
+		view: i.createView(),
+		width: n,
+		height: r
+	};
 }
-function DI(e, g, C, i) {
-  let s = KI(e, g, C, i), t = KI(e, g, C, i);
-  return {
-    get read() {
-      return s;
-    },
-    get write() {
-      return t;
-    },
-    swap() {
-      [s, t] = [t, s];
-    },
-    dispose() {
-      s.tex.destroy(), t.tex.destroy();
-    }
-  };
+function G(e, t, n, r) {
+	let i = W(e, t, n, r), a = W(e, t, n, r);
+	return {
+		get read() {
+			return i;
+		},
+		get write() {
+			return a;
+		},
+		swap() {
+			[i, a] = [a, i];
+		},
+		dispose() {
+			i.tex.destroy(), a.tex.destroy();
+		}
+	};
 }
-function ng(e, g, C, i) {
-  const s = e.createShaderModule({ code: g });
-  return e.createRenderPipeline({
-    layout: "auto",
-    vertex: { module: s, entryPoint: "vs", buffers: [JC] },
-    fragment: { module: s, entryPoint: "fs", targets: [{ format: C, ...i ? { blend: i } : {} }] },
-    primitive: { topology: "triangle-list" }
-  });
+function K(e, t, n, r) {
+	let i = e.createShaderModule({ code: t });
+	return e.createRenderPipeline({
+		layout: "auto",
+		vertex: {
+			module: i,
+			entryPoint: "vs",
+			buffers: [ie]
+		},
+		fragment: {
+			module: i,
+			entryPoint: "fs",
+			targets: [{
+				format: n,
+				...r ? { blend: r } : {}
+			}]
+		},
+		primitive: { topology: "triangle-list" }
+	});
 }
-const QC = {
-  color: { operation: "add", srcFactor: "one", dstFactor: "zero" },
-  alpha: { operation: "add", srcFactor: "one", dstFactor: "zero" }
+var se = {
+	color: {
+		operation: "add",
+		srcFactor: "one",
+		dstFactor: "zero"
+	},
+	alpha: {
+		operation: "add",
+		srcFactor: "one",
+		dstFactor: "zero"
+	}
 };
-function NC(e, g, C = !0) {
-  const i = "rgba16float";
-  return {
-    advection: ng(e, YC, i),
-    divergence: ng(e, kC, i),
-    pressure: ng(e, MC, i),
-    gradientSubtract: ng(e, xC, i),
-    splat: ng(e, fC, i),
-    curl: ng(e, FC, i),
-    vorticity: ng(e, DC, i),
-    display: ng(e, TC, g, C ? void 0 : QC)
-  };
+function ce(e, t, n = !0) {
+	let r = "rgba16float";
+	return {
+		advection: K(e, B, r),
+		divergence: K(e, V, r),
+		pressure: K(e, H, r),
+		gradientSubtract: K(e, U, r),
+		splat: K(e, ee, r),
+		curl: K(e, te, r),
+		vorticity: K(e, ne, r),
+		display: K(e, re, t, n ? void 0 : se)
+	};
 }
-function EC(e) {
-  return e.createSampler({ magFilter: "linear", minFilter: "linear", addressModeU: "clamp-to-edge", addressModeV: "clamp-to-edge" });
+function le(e) {
+	return e.createSampler({
+		magFilter: "linear",
+		minFilter: "linear",
+		addressModeU: "clamp-to-edge",
+		addressModeV: "clamp-to-edge"
+	});
 }
-function gg(e, g) {
-  return e.createBuffer({ size: g, usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST });
+function q(e, t) {
+	return e.createBuffer({
+		size: t,
+		usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST
+	});
 }
-function _I(e, g, C, i, s, t) {
-  const l = new Float32Array([C, i, s, t]);
-  e.queue.writeBuffer(g, 0, l);
+function ue(e, t, n, r, i, a) {
+	let o = new Float32Array([
+		n,
+		r,
+		i,
+		a
+	]);
+	e.queue.writeBuffer(t, 0, o);
 }
-function hI(e, g, C, i) {
-  const s = new Float32Array([C, i, 0, 0]);
-  e.queue.writeBuffer(g, 0, s);
+function J(e, t, n, r) {
+	let i = new Float32Array([
+		n,
+		r,
+		0,
+		0
+	]);
+	e.queue.writeBuffer(t, 0, i);
 }
-function OC(e, g, C, i, s, t) {
-  const l = new Float32Array([C, i, s, t]);
-  e.queue.writeBuffer(g, 0, l);
+function de(e, t, n, r, i, a) {
+	let o = new Float32Array([
+		n,
+		r,
+		i,
+		a
+	]);
+	e.queue.writeBuffer(t, 0, o);
 }
-function bI(e, g, C, i, s, t, l, u, Z, d, S) {
-  const a = new Float32Array(12);
-  a[0] = C, a[1] = i, a[2] = s, a[3] = t, a[4] = l, a[5] = u, a[6] = Z, a[7] = 0, a[8] = d, a[9] = S, a[10] = 0, a[11] = 0, e.queue.writeBuffer(g, 0, a);
+function Y(e, t, n, r, i, a, o, s, c, l, u) {
+	let d = /* @__PURE__ */ new Float32Array(12);
+	d[0] = n, d[1] = r, d[2] = i, d[3] = a, d[4] = o, d[5] = s, d[6] = c, d[7] = 0, d[8] = l, d[9] = u, d[10] = 0, d[11] = 0, e.queue.writeBuffer(t, 0, d);
 }
-function jC(e, g, C, i, s, t, l, u, Z, d, S, a) {
-  const c = new Float32Array(16), m = new Int32Array(c.buffer);
-  c[0] = C, c[1] = i, c[2] = s, c[3] = t, c[4] = l[0], c[5] = l[1], c[6] = l[2], c[7] = 0, c[8] = u[0], c[9] = u[1], c[10] = u[2], c[11] = 0, c[12] = Z, c[13] = d, m[14] = S, m[15] = a ? 1 : 0, e.queue.writeBuffer(g, 0, c);
+function fe(e, t, n, r, i, a, o, s, c, l, u, d) {
+	let f = /* @__PURE__ */ new Float32Array(16), p = new Int32Array(f.buffer);
+	f[0] = n, f[1] = r, f[2] = i, f[3] = a, f[4] = o[0], f[5] = o[1], f[6] = o[2], f[7] = 0, f[8] = s[0], f[9] = s[1], f[10] = s[2], f[11] = 0, f[12] = c, f[13] = l, p[14] = u, p[15] = +!!d, e.queue.writeBuffer(t, 0, f);
 }
-function O(e, g, C, i, s) {
-  const t = e.beginRenderPass({
-    colorAttachments: [{
-      view: s,
-      clearValue: [0, 0, 0, 0],
-      loadOp: "clear",
-      storeOp: "store"
-    }]
-  });
-  t.setPipeline(g), t.setBindGroup(0, C), t.setVertexBuffer(0, i), t.draw(6), t.end();
+function X(e, t, n, r, i) {
+	let a = e.beginRenderPass({ colorAttachments: [{
+		view: i,
+		clearValue: [
+			0,
+			0,
+			0,
+			0
+		],
+		loadOp: "clear",
+		storeOp: "store"
+	}] });
+	a.setPipeline(t), a.setBindGroup(0, n), a.setVertexBuffer(0, r), a.draw(6), a.end();
 }
-function PC(e, g, C, i, s) {
-  const t = e.beginRenderPass({
-    colorAttachments: [{
-      view: s,
-      clearValue: [0, 0, 0, 0],
-      loadOp: "clear",
-      storeOp: "store"
-    }]
-  });
-  t.setPipeline(g), t.setBindGroup(0, C), t.setVertexBuffer(0, i), t.draw(6), t.end();
+function pe(e, t, n, r, i) {
+	let a = e.beginRenderPass({ colorAttachments: [{
+		view: i,
+		clearValue: [
+			0,
+			0,
+			0,
+			0
+		],
+		loadOp: "clear",
+		storeOp: "store"
+	}] });
+	a.setPipeline(t), a.setBindGroup(0, n), a.setVertexBuffer(0, r), a.draw(6), a.end();
 }
-const qI = typeof requestAnimationFrame < "u" ? requestAnimationFrame.bind(globalThis) : (e) => setTimeout(e, 1e3 / 60), _C = typeof cancelAnimationFrame < "u" ? cancelAnimationFrame.bind(globalThis) : clearTimeout, cI = 0.016, $I = { standard: 0, glass: 1, ink: 2, aurora: 3, ripple: 4 };
-var Vg, j, mI, Kg, Og, M, X, Ig, Cg, ig, og, Q, eg, F, jg, Xg, Pg, x, b, Gg, sg, pg, E, Hg, vg, Wg, Rg, Ug, cg, dg, Yg, kg, Mg, K, H, P, _, D, _g, Ag, N, Lg, ug, L, SI, U, tg, xg, BI, fg, HI, tC, Fg, dI, nI, TI, wg, Qg, Dg, AI, rI, JI, GI, zI, vI, lC, WI, oC, RI, cC, UI, dC, YI, AC;
-const EI = class EI {
-  // ── Constructor ─────────────────────────────────────────────────────────────
-  constructor(g, C = {}, i = {}, s, t = !0) {
-    // ---------------------------------------------------------------------------
-    // Private — GPU initialisation
-    // ---------------------------------------------------------------------------
-    A(this, HI);
-    // ---------------------------------------------------------------------------
-    // Private — shared helpers
-    // ---------------------------------------------------------------------------
-    A(this, Fg);
-    A(this, nI);
-    A(this, wg);
-    A(this, Dg);
-    A(this, rI);
-    A(this, GI);
-    // ---------------------------------------------------------------------------
-    // Private — frame dispatch
-    // ---------------------------------------------------------------------------
-    A(this, vI);
-    // ---------------------------------------------------------------------------
-    // Private — WebGPU simulation step
-    // ---------------------------------------------------------------------------
-    A(this, WI);
-    // ---------------------------------------------------------------------------
-    // Private — WebGPU direct splat
-    // ---------------------------------------------------------------------------
-    A(this, RI);
-    // ---------------------------------------------------------------------------
-    // Private — WebGL splat
-    // ---------------------------------------------------------------------------
-    A(this, UI);
-    // ---------------------------------------------------------------------------
-    // Private — WebGL simulation step (unchanged from original)
-    // ---------------------------------------------------------------------------
-    A(this, YI);
-    A(this, Vg, void 0);
-    // ── WebGL path ──────────────────────────────────────────────────────────────
-    A(this, j, null);
-    A(this, mI, null);
-    A(this, Kg, null);
-    A(this, Og, null);
-    A(this, M, null);
-    A(this, X, null);
-    A(this, Ig, null);
-    A(this, Cg, null);
-    A(this, ig, null);
-    A(this, og, null);
-    A(this, Q, null);
-    A(this, eg, null);
-    // ── WebGPU path ─────────────────────────────────────────────────────────────
-    A(this, F, null);
-    A(this, jg, null);
-    A(this, Xg, null);
-    A(this, Pg, null);
-    A(this, x, null);
-    A(this, b, null);
-    A(this, Gg, null);
-    A(this, sg, null);
-    A(this, pg, null);
-    A(this, E, null);
-    // Pre-allocated uniform buffers (sizes: see gpu-utils writeXxx docs)
-    // Velocity/density advection use separate buffers — writeBuffer is a queue op;
-    // a second write to the same buffer before queue.submit() aliases both passes.
-    A(this, Hg, null);
-    // 16 bytes — velocity advection
-    A(this, vg, null);
-    // 16 bytes — density advection
-    A(this, Wg, null);
-    // 16 bytes
-    A(this, Rg, null);
-    // 16 bytes
-    A(this, Ug, null);
-    // 16 bytes
-    A(this, cg, null);
-    // 48 bytes — velocity splat
-    A(this, dg, null);
-    // 48 bytes — density splat
-    A(this, Yg, null);
-    // 16 bytes
-    A(this, kg, null);
-    // 16 bytes
-    A(this, Mg, null);
-    // 64 bytes
-    // ── Shared state ────────────────────────────────────────────────────────────
-    A(this, K, 0);
-    A(this, H, 0);
-    A(this, P, 0);
-    A(this, _, 0);
-    A(this, D, 1);
-    A(this, _g, 1);
-    A(this, Ag, 0.5);
-    A(this, N, null);
-    A(this, Lg, "cover");
-    A(this, ug, void 0);
-    A(this, L, { x: 0, y: 0, dx: 0, dy: 0, targetX: 0, targetY: 0, moved: !1 });
-    A(this, SI, !1);
-    A(this, U, null);
-    A(this, tg, null);
-    A(this, xg, !1);
-    A(this, BI, !1);
-    A(this, fg, !0);
-    if (o(this, Vg, g), o(this, _g, Math.max(0.1, Math.min(1, i.dpr ?? 1))), o(this, Ag, Math.max(0.1, Math.min(1, i.sim ?? 0.5))), o(this, ug, ZI(C)), o(this, fg, t), s)
-      o(this, F, s), h(this, HI, tC).call(this, s);
-    else {
-      const { gl: l, ext: u } = vC(g, t);
-      o(this, j, l), o(this, mI, u), o(this, Kg, RC(l)), o(this, Og, UC(l)), l.clearColor(0, 0, 0, t ? 0 : 1);
-    }
-  }
-  /**
-   * WebGPU-first factory. Tries WebGPU, falls back to WebGL2 → WebGL1.
-   * This is the recommended entry point when WebGPU support is desired.
-   */
-  static async create(g, C = {}, i = {}, s = !0, t = !0) {
-    const l = s ? await WC(g, t) : null;
-    return new EI(g, C, i, l ?? void 0, t);
-  }
-  // ---------------------------------------------------------------------------
-  // Public API
-  // ---------------------------------------------------------------------------
-  setTextSource(g) {
-    o(this, U, { type: "text", opts: g }), h(this, Fg, dI).call(this), h(this, wg, Qg).call(this), h(this, Dg, AI).call(this);
-  }
-  async setImageSource(g, C = 0, i = "cover") {
-    const s = await NI(g);
-    if (I(this, BI)) {
-      s.close();
-      return;
-    }
-    o(this, U, { type: "image", bitmap: s, effect: C, size: i }), h(this, Fg, dI).call(this), h(this, wg, Qg).call(this), h(this, Dg, AI).call(this);
-  }
-  setImageBitmap(g, C = 0, i = "cover") {
-    o(this, U, { type: "image", bitmap: g, effect: C, size: i }), h(this, Fg, dI).call(this), h(this, wg, Qg).call(this), h(this, Dg, AI).call(this);
-  }
-  setBackground(g, C = "cover") {
-    I(this, N) && I(this, N) !== g && I(this, N).close(), o(this, N, g), o(this, Lg, C ?? "cover"), I(this, U) && I(this, K) > 0 && I(this, H) > 0 && h(this, wg, Qg).call(this);
-  }
-  handleMove(g, C, i = 1) {
-    if (!I(this, SI)) {
-      I(this, L).x = I(this, L).targetX = g, I(this, L).y = I(this, L).targetY = C, o(this, SI, !0);
-      return;
-    }
-    I(this, L).moved = !0, I(this, L).dx = (g - I(this, L).targetX) * i, I(this, L).dy = (C - I(this, L).targetY) * i, I(this, L).targetX = g, I(this, L).targetY = C;
-  }
-  /**
-   * Immediately applies one fluid splat at (x, y) with explicit velocity (vx, vy).
-   * Safe to call multiple times per frame — each call writes directly to the FBOs.
-   * Designed for programmatic use cases (e.g. particle systems, attractor paths)
-   * where you want N independent injection points per frame without flooding the
-   * mouse-state machine or the worker message queue.
-   */
-  splat(g, C, i, s, t = 1) {
-    !I(this, xg) || I(this, K) === 0 || (I(this, F) ? h(this, RI, cC).call(this, g, C, i, s, t) : h(this, UI, dC).call(this, g, C, i, s, t));
-  }
-  updateQuality(g) {
-    g.dpr !== void 0 && o(this, _g, Math.max(0.1, Math.min(1, g.dpr))), g.sim !== void 0 && o(this, Ag, Math.max(0.1, Math.min(1, g.sim)));
-  }
-  resize(g, C, i) {
-    if (i !== void 0 ? o(this, D, i) : typeof window < "u" && window.devicePixelRatio && o(this, D, window.devicePixelRatio), g !== void 0 && g > 0) {
-      if (C === void 0 || C <= 0)
-        return;
-      o(this, K, I(this, Vg).width = g), o(this, H, I(this, Vg).height = C), o(this, P, Math.max(1, Math.round(g * I(this, Ag)))), o(this, _, Math.max(1, Math.round(C * I(this, Ag)))), h(this, nI, TI).call(this);
-    } else
-      h(this, Fg, dI).call(this);
-    I(this, U) && h(this, wg, Qg).call(this), h(this, Dg, AI).call(this);
-  }
-  updateConfig(g) {
-    Object.assign(I(this, ug), g);
-  }
-  destroy() {
-    var g, C, i, s, t, l, u, Z, d, S, a;
-    if (o(this, BI, !0), this.stop(), h(this, rI, JI).call(this), h(this, GI, zI).call(this), I(this, N) && (I(this, N).close(), o(this, N, null)), I(this, F))
-      (g = I(this, Hg)) == null || g.destroy(), (C = I(this, vg)) == null || C.destroy(), (i = I(this, Wg)) == null || i.destroy(), (s = I(this, Rg)) == null || s.destroy(), (t = I(this, Ug)) == null || t.destroy(), (l = I(this, cg)) == null || l.destroy(), (u = I(this, dg)) == null || u.destroy(), (Z = I(this, Yg)) == null || Z.destroy(), (d = I(this, kg)) == null || d.destroy(), (S = I(this, Mg)) == null || S.destroy(), (a = I(this, Xg)) == null || a.destroy(), I(this, F).device.destroy();
-    else {
-      const c = I(this, j);
-      for (const B of Object.values(I(this, Kg)))
-        B.dispose();
-      const m = c.getExtension("WEBGL_lose_context");
-      m == null || m.loseContext();
-    }
-  }
-  // ---------------------------------------------------------------------------
-  // Loop control
-  // ---------------------------------------------------------------------------
-  start() {
-    if (I(this, tg) !== null)
-      return;
-    const g = () => {
-      h(this, vI, lC).call(this), o(this, tg, qI(g));
-    };
-    o(this, tg, qI(g));
-  }
-  stop() {
-    I(this, tg) !== null && (_C(I(this, tg)), o(this, tg, null));
-  }
-  get isRunning() {
-    return I(this, tg) !== null;
-  }
-};
-Vg = new WeakMap(), j = new WeakMap(), mI = new WeakMap(), Kg = new WeakMap(), Og = new WeakMap(), M = new WeakMap(), X = new WeakMap(), Ig = new WeakMap(), Cg = new WeakMap(), ig = new WeakMap(), og = new WeakMap(), Q = new WeakMap(), eg = new WeakMap(), F = new WeakMap(), jg = new WeakMap(), Xg = new WeakMap(), Pg = new WeakMap(), x = new WeakMap(), b = new WeakMap(), Gg = new WeakMap(), sg = new WeakMap(), pg = new WeakMap(), E = new WeakMap(), Hg = new WeakMap(), vg = new WeakMap(), Wg = new WeakMap(), Rg = new WeakMap(), Ug = new WeakMap(), cg = new WeakMap(), dg = new WeakMap(), Yg = new WeakMap(), kg = new WeakMap(), Mg = new WeakMap(), K = new WeakMap(), H = new WeakMap(), P = new WeakMap(), _ = new WeakMap(), D = new WeakMap(), _g = new WeakMap(), Ag = new WeakMap(), N = new WeakMap(), Lg = new WeakMap(), ug = new WeakMap(), L = new WeakMap(), SI = new WeakMap(), U = new WeakMap(), tg = new WeakMap(), xg = new WeakMap(), BI = new WeakMap(), fg = new WeakMap(), HI = new WeakSet(), tC = function(g) {
-  const { device: C, format: i } = g;
-  o(this, jg, NC(C, i, I(this, fg))), o(this, Xg, zC(C)), o(this, Pg, EC(C)), o(this, Hg, gg(C, 16)), o(this, vg, gg(C, 16)), o(this, Wg, gg(C, 16)), o(this, Rg, gg(C, 16)), o(this, Ug, gg(C, 16)), o(this, cg, gg(C, 48)), o(this, dg, gg(C, 48)), o(this, Yg, gg(C, 16)), o(this, kg, gg(C, 16)), o(this, Mg, gg(C, 64));
-}, Fg = new WeakSet(), dI = function() {
-  const g = I(this, Vg);
-  "clientWidth" in g && g.clientWidth > 0 ? (o(this, D, (typeof window < "u" && window.devicePixelRatio || 1) * I(this, _g)), o(this, K, g.width = Math.round(g.clientWidth * I(this, D))), o(this, H, g.height = Math.round(g.clientHeight * I(this, D)))) : (o(this, K, g.width), o(this, H, g.height)), !(I(this, K) === 0 || I(this, H) === 0) && (o(this, P, Math.max(1, Math.round(I(this, K) * I(this, Ag)))), o(this, _, Math.max(1, Math.round(I(this, H) * I(this, Ag)))), h(this, nI, TI).call(this));
-}, nI = new WeakSet(), TI = function() {
-  if (h(this, rI, JI).call(this), I(this, F)) {
-    const { device: g } = I(this, F), C = "rgba16float", i = I(this, P), s = I(this, _);
-    o(this, x, DI(g, C, i, s)), o(this, b, DI(g, C, i, s)), o(this, sg, DI(g, C, i, s)), o(this, Gg, KI(g, C, i, s)), o(this, pg, KI(g, C, i, s));
-  } else {
-    const g = I(this, j), C = I(this, mI), i = I(this, P), s = I(this, _);
-    o(this, M, FI(g, C, i, s)), o(this, X, FI(g, C, i, s)), o(this, Cg, FI(g, C, i, s)), o(this, Ig, VI(g, C, i, s)), o(this, ig, VI(g, C, i, s));
-  }
-}, wg = new WeakSet(), Qg = function() {
-  if (!(!I(this, U) || I(this, K) === 0 || I(this, H) === 0)) {
-    if (h(this, GI, zI).call(this), I(this, F)) {
-      const { device: g } = I(this, F);
-      I(this, U).type === "text" ? o(this, E, pC(
-        g,
-        I(this, K),
-        I(this, H),
-        I(this, U).opts,
-        I(this, N),
-        I(this, Lg)
-      )) : o(this, E, LC(
-        g,
-        I(this, U).bitmap,
-        I(this, K),
-        I(this, H),
-        I(this, U).effect,
-        I(this, U).size,
-        I(this, N),
-        I(this, Lg)
-      ));
-    } else {
-      const g = I(this, j);
-      if (I(this, U).type === "text") {
-        const { backgroundTex: C, obstacleTex: i, coverageTex: s } = rC(
-          g,
-          I(this, K),
-          I(this, H),
-          I(this, U).opts,
-          I(this, N),
-          I(this, Lg)
-        );
-        o(this, og, C), o(this, Q, i), o(this, eg, s);
-      } else {
-        const { backgroundTex: C, obstacleTex: i, coverageTex: s } = GC(
-          g,
-          I(this, U).bitmap,
-          I(this, K),
-          I(this, H),
-          I(this, U).effect,
-          I(this, U).size,
-          I(this, N),
-          I(this, Lg)
-        );
-        o(this, og, C), o(this, Q, i), o(this, eg, s);
-      }
-    }
-    o(this, xg, !0);
-  }
-}, Dg = new WeakSet(), AI = function() {
-  I(this, xg) && !this.isRunning && this.start();
-}, rI = new WeakSet(), JI = function() {
-  var g, C, i, s, t, l, u, Z;
-  if (I(this, F))
-    (g = I(this, x)) == null || g.dispose(), (C = I(this, b)) == null || C.dispose(), (i = I(this, sg)) == null || i.dispose(), (s = I(this, Gg)) == null || s.tex.destroy(), (t = I(this, pg)) == null || t.tex.destroy(), o(this, x, o(this, b, o(this, sg, null))), o(this, Gg, o(this, pg, null));
-  else {
-    const d = I(this, j);
-    (l = I(this, M)) == null || l.dispose(), (u = I(this, X)) == null || u.dispose(), (Z = I(this, Cg)) == null || Z.dispose(), I(this, Ig) && (d.deleteTexture(I(this, Ig).tex), d.deleteFramebuffer(I(this, Ig).fbo)), I(this, ig) && (d.deleteTexture(I(this, ig).tex), d.deleteFramebuffer(I(this, ig).fbo)), o(this, M, o(this, X, o(this, Cg, o(this, Ig, o(this, ig, null)))));
-  }
-}, GI = new WeakSet(), zI = function() {
-  if (I(this, F))
-    I(this, E) && (I(this, E).backgroundTex.destroy(), I(this, E).obstacleTex.destroy(), I(this, E).sharedCoverage || I(this, E).coverageTex.destroy(), o(this, E, null));
-  else {
-    const g = I(this, j);
-    I(this, og) && g.deleteTexture(I(this, og)), I(this, Q) && g.deleteTexture(I(this, Q)), I(this, eg) && I(this, eg) !== I(this, Q) && g.deleteTexture(I(this, eg)), o(this, og, o(this, Q, o(this, eg, null)));
-  }
-}, vI = new WeakSet(), lC = function() {
-  !I(this, xg) || I(this, K) === 0 || (I(this, F) ? h(this, WI, oC).call(this) : h(this, YI, AC).call(this));
-}, WI = new WeakSet(), oC = function() {
-  const g = I(this, F), C = g.device, i = I(this, jg), s = I(this, Xg), t = I(this, Pg), l = I(this, ug), u = I(this, E);
-  if (!I(this, x) || !I(this, b))
-    return;
-  I(this, L).x += (I(this, L).targetX - I(this, L).x) * 0.15, I(this, L).y += (I(this, L).targetY - I(this, L).y) * 0.15;
-  const Z = I(this, P), d = I(this, _), S = I(this, K), a = I(this, H), c = 1 / Z, m = 1 / d;
-  _I(C, I(this, Hg), c, m, cI, l.velocityDissipation), hI(C, I(this, Wg), c, m), hI(C, I(this, Rg), c, m), hI(C, I(this, Ug), c, m), hI(C, I(this, Yg), c, m), OC(C, I(this, kg), c, m, l.curl, cI), jC(
-    C,
-    I(this, Mg),
-    1 / S,
-    1 / a,
-    l.refraction,
-    l.specularExp,
-    wI(l.waterColor),
-    wI(l.glowColor),
-    l.shine,
-    l.warpStrength ?? 0.015,
-    $I[l.algorithm] ?? 0,
-    I(this, fg)
-  );
-  const B = C.createCommandEncoder(), r = (n, y) => C.createBindGroup({ layout: n.getBindGroupLayout(0), entries: y }), w = { binding: 1, resource: t };
-  {
-    const n = r(i.advection, [
-      { binding: 0, resource: { buffer: I(this, Hg) } },
-      w,
-      { binding: 2, resource: I(this, b).read.view },
-      { binding: 3, resource: I(this, b).read.view },
-      { binding: 4, resource: u.obstacleView }
-    ]);
-    O(B, i.advection, n, s, I(this, b).write.view);
-  }
-  I(this, b).swap();
-  {
-    _I(C, I(this, vg), c, m, cI, l.densityDissipation);
-    const n = r(i.advection, [
-      { binding: 0, resource: { buffer: I(this, vg) } },
-      w,
-      { binding: 2, resource: I(this, b).read.view },
-      { binding: 3, resource: I(this, x).read.view },
-      { binding: 4, resource: u.obstacleView }
-    ]);
-    O(B, i.advection, n, s, I(this, x).write.view);
-  }
-  I(this, x).swap();
-  {
-    const n = r(i.curl, [
-      { binding: 0, resource: { buffer: I(this, Yg) } },
-      w,
-      { binding: 2, resource: I(this, b).read.view }
-    ]);
-    O(B, i.curl, n, s, I(this, pg).view);
-  }
-  {
-    const n = r(i.vorticity, [
-      { binding: 0, resource: { buffer: I(this, kg) } },
-      w,
-      { binding: 2, resource: I(this, b).read.view },
-      { binding: 3, resource: I(this, pg).view }
-    ]);
-    O(B, i.vorticity, n, s, I(this, b).write.view);
-  }
-  if (I(this, b).swap(), I(this, L).moved) {
-    const n = I(this, L).x * I(this, D) / S, y = I(this, L).y * I(this, D) / a;
-    bI(
-      C,
-      I(this, cg),
-      c,
-      m,
-      S / a,
-      l.splatRadius,
-      I(this, L).dx * l.splatForce,
-      I(this, L).dy * l.splatForce,
-      0,
-      n,
-      y
-    );
-    {
-      const v = r(i.splat, [
-        { binding: 0, resource: { buffer: I(this, cg) } },
-        w,
-        { binding: 2, resource: I(this, b).read.view }
-      ]);
-      O(B, i.splat, v, s, I(this, b).write.view);
-    }
-    I(this, b).swap(), bI(
-      C,
-      I(this, dg),
-      c,
-      m,
-      S / a,
-      l.splatRadius,
-      1,
-      1,
-      1,
-      n,
-      y
-    );
-    {
-      const v = r(i.splat, [
-        { binding: 0, resource: { buffer: I(this, dg) } },
-        w,
-        { binding: 2, resource: I(this, x).read.view }
-      ]);
-      O(B, i.splat, v, s, I(this, x).write.view);
-    }
-    I(this, x).swap(), I(this, L).moved = !1;
-  }
-  {
-    const n = r(i.divergence, [
-      { binding: 0, resource: { buffer: I(this, Wg) } },
-      w,
-      { binding: 2, resource: I(this, b).read.view },
-      { binding: 3, resource: u.obstacleView }
-    ]);
-    O(B, i.divergence, n, s, I(this, Gg).view);
-  }
-  for (let n = 0; n < l.pressureIterations; n++) {
-    const y = r(i.pressure, [
-      { binding: 0, resource: { buffer: I(this, Rg) } },
-      w,
-      { binding: 2, resource: I(this, sg).read.view },
-      { binding: 3, resource: I(this, Gg).view },
-      { binding: 4, resource: u.obstacleView }
-    ]);
-    O(B, i.pressure, y, s, I(this, sg).write.view), I(this, sg).swap();
-  }
-  {
-    const n = r(i.gradientSubtract, [
-      { binding: 0, resource: { buffer: I(this, Ug) } },
-      w,
-      { binding: 2, resource: I(this, sg).read.view },
-      { binding: 3, resource: I(this, b).read.view },
-      { binding: 4, resource: u.obstacleView }
-    ]);
-    O(B, i.gradientSubtract, n, s, I(this, b).write.view);
-  }
-  I(this, b).swap();
-  {
-    const n = g.context.getCurrentTexture().createView(), y = r(i.display, [
-      { binding: 0, resource: { buffer: I(this, Mg) } },
-      w,
-      { binding: 2, resource: I(this, x).read.view },
-      { binding: 3, resource: u.obstacleView },
-      { binding: 4, resource: u.backgroundView },
-      { binding: 5, resource: u.coverageView },
-      { binding: 6, resource: I(this, b).read.view }
-    ]);
-    PC(B, i.display, y, s, n);
-  }
-  C.queue.submit([B.finish()]);
-}, RI = new WeakSet(), cC = function(g, C, i, s, t) {
-  const u = I(this, F).device, Z = I(this, jg).splat, d = I(this, Xg), S = I(this, Pg), a = I(this, ug), c = I(this, P), m = I(this, _), B = 1 / c, r = 1 / m, w = u.createCommandEncoder(), n = { binding: 1, resource: S }, y = (T) => u.createBindGroup({ layout: Z.getBindGroupLayout(0), entries: T }), v = g * I(this, D) / I(this, K), Y = C * I(this, D) / I(this, H);
-  bI(
-    u,
-    I(this, cg),
-    B,
-    r,
-    I(this, K) / I(this, H),
-    a.splatRadius,
-    i * a.splatForce * t,
-    s * a.splatForce * t,
-    0,
-    v,
-    Y
-  );
-  {
-    const T = y([
-      { binding: 0, resource: { buffer: I(this, cg) } },
-      n,
-      { binding: 2, resource: I(this, b).read.view }
-    ]);
-    O(w, Z, T, d, I(this, b).write.view);
-  }
-  I(this, b).swap(), bI(
-    u,
-    I(this, dg),
-    B,
-    r,
-    I(this, K) / I(this, H),
-    a.splatRadius,
-    t,
-    t,
-    t,
-    v,
-    Y
-  );
-  {
-    const T = y([
-      { binding: 0, resource: { buffer: I(this, dg) } },
-      n,
-      { binding: 2, resource: I(this, x).read.view }
-    ]);
-    O(w, Z, T, d, I(this, x).write.view);
-  }
-  I(this, x).swap(), u.queue.submit([w.finish()]);
-}, UI = new WeakSet(), dC = function(g, C, i, s, t) {
-  const l = I(this, j), u = I(this, ug), Z = I(this, Kg).splat, d = I(this, Og);
-  l.viewport(0, 0, I(this, P), I(this, _)), Z.bind(), l.uniform1f(Z.uniforms.aspectRatio, I(this, K) / I(this, H)), l.uniform2f(Z.uniforms.point, g * I(this, D) / I(this, K), 1 - C * I(this, D) / I(this, H)), l.uniform1f(Z.uniforms.radius, u.splatRadius), l.uniform1i(Z.uniforms.uTarget, 0), l.activeTexture(l.TEXTURE0), l.bindTexture(l.TEXTURE_2D, I(this, X).read.tex), l.uniform3f(Z.uniforms.color, i * u.splatForce * t, -s * u.splatForce * t, 0), d(I(this, X).write.fbo), I(this, X).swap(), l.activeTexture(l.TEXTURE0), l.bindTexture(l.TEXTURE_2D, I(this, M).read.tex), l.uniform3f(Z.uniforms.color, t, t, t), d(I(this, M).write.fbo), I(this, M).swap();
-}, YI = new WeakSet(), AC = function() {
-  if (!I(this, M) || !I(this, X))
-    return;
-  const g = I(this, j), C = I(this, ug), { advection: i, divergence: s, pressure: t, gradientSubtract: l, splat: u, curl: Z, vorticity: d, display: S } = I(this, Kg);
-  I(this, L).x += (I(this, L).targetX - I(this, L).x) * 0.15, I(this, L).y += (I(this, L).targetY - I(this, L).y) * 0.15;
-  const a = I(this, P), c = I(this, _), m = I(this, Og);
-  g.viewport(0, 0, a, c), i.bind(), g.uniform2f(i.uniforms.texelSize, 1 / a, 1 / c), g.uniform1f(i.uniforms.dt, cI), g.uniform1i(i.uniforms.uObstacle, 0), g.activeTexture(g.TEXTURE0), g.bindTexture(g.TEXTURE_2D, I(this, Q)), g.uniform1f(i.uniforms.dissipation, C.velocityDissipation), g.uniform1i(i.uniforms.uVelocity, 1), g.activeTexture(g.TEXTURE1), g.bindTexture(g.TEXTURE_2D, I(this, X).read.tex), g.uniform1i(i.uniforms.uSource, 1), m(I(this, X).write.fbo), I(this, X).swap(), g.uniform1f(i.uniforms.dissipation, C.densityDissipation), g.uniform1i(i.uniforms.uSource, 2), g.activeTexture(g.TEXTURE2), g.bindTexture(g.TEXTURE_2D, I(this, M).read.tex), m(I(this, M).write.fbo), I(this, M).swap(), Z.bind(), g.uniform2f(Z.uniforms.texelSize, 1 / a, 1 / c), g.uniform1i(Z.uniforms.uVelocity, 0), g.activeTexture(g.TEXTURE0), g.bindTexture(g.TEXTURE_2D, I(this, X).read.tex), m(I(this, ig).fbo), d.bind(), g.uniform2f(d.uniforms.texelSize, 1 / a, 1 / c), g.uniform1f(d.uniforms.curl, C.curl), g.uniform1f(d.uniforms.dt, cI), g.uniform1i(d.uniforms.uVelocity, 0), g.activeTexture(g.TEXTURE0), g.bindTexture(g.TEXTURE_2D, I(this, X).read.tex), g.uniform1i(d.uniforms.uCurl, 1), g.activeTexture(g.TEXTURE1), g.bindTexture(g.TEXTURE_2D, I(this, ig).tex), m(I(this, X).write.fbo), I(this, X).swap(), I(this, L).moved && (u.bind(), g.uniform1f(u.uniforms.aspectRatio, I(this, K) / I(this, H)), g.uniform2f(u.uniforms.point, I(this, L).x * I(this, D) / I(this, K), 1 - I(this, L).y * I(this, D) / I(this, H)), g.uniform1f(u.uniforms.radius, C.splatRadius), g.uniform1i(u.uniforms.uTarget, 0), g.activeTexture(g.TEXTURE0), g.bindTexture(g.TEXTURE_2D, I(this, X).read.tex), g.uniform3f(u.uniforms.color, I(this, L).dx * C.splatForce, -I(this, L).dy * C.splatForce, 0), m(I(this, X).write.fbo), I(this, X).swap(), g.activeTexture(g.TEXTURE0), g.bindTexture(g.TEXTURE_2D, I(this, M).read.tex), g.uniform3f(u.uniforms.color, 1, 1, 1), m(I(this, M).write.fbo), I(this, M).swap(), I(this, L).moved = !1), s.bind(), g.uniform2f(s.uniforms.texelSize, 1 / a, 1 / c), g.uniform1i(s.uniforms.uVelocity, 0), g.activeTexture(g.TEXTURE0), g.bindTexture(g.TEXTURE_2D, I(this, X).read.tex), g.uniform1i(s.uniforms.uObstacle, 1), g.activeTexture(g.TEXTURE1), g.bindTexture(g.TEXTURE_2D, I(this, Q)), m(I(this, Ig).fbo), t.bind(), g.uniform2f(t.uniforms.texelSize, 1 / a, 1 / c), g.uniform1i(t.uniforms.uDivergence, 0), g.activeTexture(g.TEXTURE0), g.bindTexture(g.TEXTURE_2D, I(this, Ig).tex), g.uniform1i(t.uniforms.uObstacle, 1), g.activeTexture(g.TEXTURE1), g.bindTexture(g.TEXTURE_2D, I(this, Q));
-  for (let B = 0; B < C.pressureIterations; B++)
-    g.uniform1i(t.uniforms.uPressure, 2), g.activeTexture(g.TEXTURE2), g.bindTexture(g.TEXTURE_2D, I(this, Cg).read.tex), m(I(this, Cg).write.fbo), I(this, Cg).swap();
-  l.bind(), g.uniform2f(l.uniforms.texelSize, 1 / a, 1 / c), g.uniform1i(l.uniforms.uPressure, 0), g.activeTexture(g.TEXTURE0), g.bindTexture(g.TEXTURE_2D, I(this, Cg).read.tex), g.uniform1i(l.uniforms.uVelocity, 1), g.activeTexture(g.TEXTURE1), g.bindTexture(g.TEXTURE_2D, I(this, X).read.tex), g.uniform1i(l.uniforms.uObstacle, 2), g.activeTexture(g.TEXTURE2), g.bindTexture(g.TEXTURE_2D, I(this, Q)), m(I(this, X).write.fbo), I(this, X).swap(), g.viewport(0, 0, I(this, K), I(this, H)), g.bindFramebuffer(g.FRAMEBUFFER, null), g.clear(g.COLOR_BUFFER_BIT), S.bind(), g.uniform2f(S.uniforms.texelSize, 1 / I(this, K), 1 / I(this, H)), g.uniform3fv(S.uniforms.uWaterColor, wI(C.waterColor)), g.uniform3fv(S.uniforms.uGlowColor, wI(C.glowColor)), g.uniform1f(S.uniforms.uRefraction, C.refraction), g.uniform1f(S.uniforms.uSpecularExp, C.specularExp), g.uniform1f(S.uniforms.uShine, C.shine), g.uniform1f(S.uniforms.uWarpStrength, C.warpStrength ?? 0.015), g.uniform1i(S.uniforms.uAlgorithm, $I[C.algorithm] ?? 0), g.uniform1i(S.uniforms.uEnableAlpha, I(this, fg) ? 1 : 0), g.activeTexture(g.TEXTURE0), g.bindTexture(g.TEXTURE_2D, I(this, M).read.tex), g.activeTexture(g.TEXTURE1), g.bindTexture(g.TEXTURE_2D, I(this, Q)), g.activeTexture(g.TEXTURE2), g.bindTexture(g.TEXTURE_2D, I(this, og)), g.activeTexture(g.TEXTURE3), g.bindTexture(g.TEXTURE_2D, I(this, eg)), g.activeTexture(g.TEXTURE4), g.bindTexture(g.TEXTURE_2D, I(this, X).read.tex), g.uniform1i(S.uniforms.uTexture, 0), g.uniform1i(S.uniforms.uObstacle, 1), g.uniform1i(S.uniforms.uBackground, 2), g.uniform1i(S.uniforms.uCoverage, 3), g.uniform1i(S.uniforms.uVelocity, 4), m(null);
-};
-let XI = EI;
-const uC="var yt = Object.defineProperty;\nvar St = (i, e, r) => e in i ? yt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[e] = r;\nvar ke = (i, e, r) => (St(i, typeof e != \"symbol\" ? e + \"\" : e, r), r), tt = (i, e, r) => {\n  if (!e.has(i))\n    throw TypeError(\"Cannot \" + r);\n};\nvar t = (i, e, r) => (tt(i, e, \"read from private field\"), r ? r.call(i) : e.get(i)), f = (i, e, r) => {\n  if (e.has(i))\n    throw TypeError(\"Cannot add the same private member more than once\");\n  e instanceof WeakSet ? e.add(i) : e.set(i, r);\n}, l = (i, e, r, s) => (tt(i, e, \"write to private field\"), s ? s.call(i, r) : e.set(i, r), r);\nvar S = (i, e, r) => (tt(i, e, \"access private method\"), r);\nconst xt = {\n  densityDissipation: 0.83,\n  velocityDissipation: 0.91,\n  pressureIterations: 1,\n  curl: 0,\n  splatRadius: 0.1,\n  splatForce: 0.08,\n  refraction: 1,\n  specularExp: 0,\n  shine: 0,\n  waterColor: \"#000000\",\n  glowColor: \"#b3d9ff\",\n  algorithm: \"aurora\",\n  warpStrength: 0.04\n};\n({\n  ...xt\n});\nconst Rt = {\n  calm: {\n    densityDissipation: 0.98,\n    velocityDissipation: 0.81,\n    curl: 1e-4,\n    splatRadius: 0.05,\n    splatForce: 0.08,\n    refraction: 0.15,\n    shine: 0.03,\n    glowColor: \"#99d9ff\",\n    waterColor: \"#00050d\"\n  },\n  sand: {\n    densityDissipation: 0.95,\n    velocityDissipation: 0.81,\n    curl: 1,\n    splatRadius: 0.23,\n    splatForce: 0.16,\n    refraction: 0.8,\n    specularExp: 0,\n    shine: 0.33,\n    glowColor: \"#070707\",\n    waterColor: \"#735420\"\n  },\n  wave: {\n    densityDissipation: 0.9,\n    velocityDissipation: 0.2,\n    curl: 0.2,\n    splatRadius: 0.1,\n    splatForce: 0.22,\n    refraction: 0.35,\n    shine: 0.2,\n    glowColor: \"#80ccff\",\n    waterColor: \"#000308\"\n  },\n  neon: {\n    densityDissipation: 0.75,\n    velocityDissipation: 0.3,\n    curl: 0.05,\n    splatRadius: 0.18,\n    splatForce: 0.29,\n    refraction: 0.25,\n    specularExp: 0.04,\n    shine: 0.93,\n    glowColor: \"#ff33cc\",\n    waterColor: \"#0d0014\"\n  },\n  smoke: {\n    densityDissipation: 0.93,\n    velocityDissipation: 0.71,\n    curl: 0.04,\n    splatRadius: 0.21,\n    splatForce: 0.14,\n    refraction: 0.08,\n    shine: 0,\n    glowColor: \"#808080\",\n    waterColor: \"#0f0f0f\"\n  }\n};\nfunction Ne(i) {\n  if (Array.isArray(i))\n    return i;\n  const e = i.slice(1, 7);\n  return e.length === 3 ? [\n    parseInt(e[0] + e[0], 16) / 255,\n    parseInt(e[1] + e[1], 16) / 255,\n    parseInt(e[2] + e[2], 16) / 255\n  ] : [\n    parseInt(e.slice(0, 2), 16) / 255,\n    parseInt(e.slice(2, 4), 16) / 255,\n    parseInt(e.slice(4, 6), 16) / 255\n  ];\n}\nfunction wt(i = {}, e, r = xt) {\n  return { ...e ? { ...r, ...Rt[e] } : r, ...i };\n}\nconst re = `precision highp float;\nattribute vec2 aPosition;\nvarying vec2 vUv;\nvarying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\nuniform vec2 texelSize;\nvoid main () {\nvUv = aPosition * 0.5 + 0.5;\nvL = vUv - vec2(texelSize.x, 0.0);\nvR = vUv + vec2(texelSize.x, 0.0);\nvT = vUv + vec2(0.0, texelSize.y);\nvB = vUv - vec2(0.0, texelSize.y);\ngl_Position = vec4(aPosition, 0.0, 1.0);\n}`, Et = `precision highp float;\nvarying vec2 vUv;\nuniform sampler2D uVelocity;\nuniform sampler2D uSource;\nuniform sampler2D uObstacle;\nuniform vec2 texelSize;\nuniform float dt;\nuniform float dissipation;\nvoid main () {\nfloat obs  = texture2D(uObstacle, vUv).r;\nvec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize;\ngl_FragColor = dissipation * texture2D(uSource, coord) * (1.0 - obs);\n}`, Ut = `precision highp float;\nvarying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\nuniform sampler2D uVelocity;\nuniform sampler2D uObstacle;\nvoid main () {\nfloat L = texture2D(uVelocity, vL).x * (1.0 - texture2D(uObstacle, vL).r);\nfloat R = texture2D(uVelocity, vR).x * (1.0 - texture2D(uObstacle, vR).r);\nfloat T = texture2D(uVelocity, vT).y * (1.0 - texture2D(uObstacle, vT).r);\nfloat B = texture2D(uVelocity, vB).y * (1.0 - texture2D(uObstacle, vB).r);\ngl_FragColor = vec4(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);\n}`, Dt = `precision highp float;\nvarying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\nuniform sampler2D uPressure;\nuniform sampler2D uDivergence;\nuniform sampler2D uObstacle;\nvoid main () {\nfloat C = texture2D(uPressure, vUv).x;\nfloat L = mix(texture2D(uPressure, vL).x, C, texture2D(uObstacle, vL).r);\nfloat R = mix(texture2D(uPressure, vR).x, C, texture2D(uObstacle, vR).r);\nfloat T = mix(texture2D(uPressure, vT).x, C, texture2D(uObstacle, vT).r);\nfloat B = mix(texture2D(uPressure, vB).x, C, texture2D(uObstacle, vB).r);\nfloat div = texture2D(uDivergence, vUv).x;\ngl_FragColor = vec4((L + R + B + T - div) * 0.25, 0.0, 0.0, 1.0);\n}`, _t = `precision highp float;\nvarying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\nuniform sampler2D uPressure;\nuniform sampler2D uVelocity;\nuniform sampler2D uObstacle;\nvoid main () {\nfloat obs = texture2D(uObstacle, vUv).r;\nfloat C   = texture2D(uPressure, vUv).x;\nfloat L   = mix(texture2D(uPressure, vL).x, C, texture2D(uObstacle, vL).r);\nfloat R   = mix(texture2D(uPressure, vR).x, C, texture2D(uObstacle, vR).r);\nfloat T   = mix(texture2D(uPressure, vT).x, C, texture2D(uObstacle, vT).r);\nfloat B   = mix(texture2D(uPressure, vB).x, C, texture2D(uObstacle, vB).r);\nvec2 vel  = (texture2D(uVelocity, vUv).xy - vec2(R - L, T - B)) * (1.0 - obs);\ngl_FragColor = vec4(vel, 0.0, 1.0);\n}`, Ct = `precision highp float;\nvarying vec2 vUv;\nuniform sampler2D uTarget;\nuniform float aspectRatio;\nuniform vec3 color;\nuniform vec2 point;\nuniform float radius;\nvoid main () {\nvec2 p = vUv - point.xy;\np.x *= aspectRatio;\nvec3 splat = exp(-dot(p, p) / radius) * color;\ngl_FragColor = vec4(texture2D(uTarget, vUv).xyz + splat, 1.0);\n}`, Bt = `precision highp float;\nvarying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\nuniform sampler2D uVelocity;\nvoid main () {\nfloat L = texture2D(uVelocity, vL).y;\nfloat R = texture2D(uVelocity, vR).y;\nfloat T = texture2D(uVelocity, vT).x;\nfloat B = texture2D(uVelocity, vB).x;\ngl_FragColor = vec4(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);\n}`, Ot = `precision highp float;\nvarying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\nuniform sampler2D uVelocity;\nuniform sampler2D uCurl;\nuniform float curl;\nuniform float dt;\nvoid main () {\nfloat L = texture2D(uCurl, vL).x;\nfloat R = texture2D(uCurl, vR).x;\nfloat T = texture2D(uCurl, vT).x;\nfloat B = texture2D(uCurl, vB).x;\nfloat C = texture2D(uCurl, vUv).x;\nvec2 force = 0.5 * vec2(abs(T) - abs(B), abs(R) - abs(L));\nforce /= length(force) + 0.0001;\nforce *= curl * 30.0 * C;\ngl_FragColor = vec4(texture2D(uVelocity, vUv).xy + force * dt, 0.0, 1.0);\n}`, Vt = `precision highp float;\nvarying vec2 vUv;\nuniform sampler2D uTexture;\nuniform sampler2D uObstacle;\nuniform sampler2D uBackground;\nuniform sampler2D uCoverage;\nuniform sampler2D uVelocity;\nuniform vec2  texelSize;\nuniform vec3  uWaterColor;\nuniform vec3  uGlowColor;\nuniform float uRefraction;\nuniform float uSpecularExp;\nuniform float uShine;\nuniform float uWarpStrength;\nuniform int   uAlgorithm;\nuniform int   uEnableAlpha;\nvoid main () {\nfloat obs      = texture2D(uObstacle,  vUv).r;\nfloat density  = max(texture2D(uTexture, vUv).r, 0.0) * (1.0 - obs);\nfloat coverage = texture2D(uCoverage,  vUv).r;\nfloat sx = texelSize.x * 6.0, sy = texelSize.y * 6.0;\nfloat d00 = max(texture2D(uTexture, vUv + vec2(-sx, -sy)).r, 0.0);\nfloat d10 = max(texture2D(uTexture, vUv + vec2(0.0, -sy)).r, 0.0);\nfloat d20 = max(texture2D(uTexture, vUv + vec2( sx, -sy)).r, 0.0);\nfloat d01 = max(texture2D(uTexture, vUv + vec2(-sx, 0.0)).r, 0.0);\nfloat d21 = max(texture2D(uTexture, vUv + vec2( sx, 0.0)).r, 0.0);\nfloat d02 = max(texture2D(uTexture, vUv + vec2(-sx,  sy)).r, 0.0);\nfloat d12 = max(texture2D(uTexture, vUv + vec2(0.0,  sy)).r, 0.0);\nfloat d22 = max(texture2D(uTexture, vUv + vec2( sx,  sy)).r, 0.0);\nfloat gx  = (d20 + 2.0*d21 + d22) - (d00 + 2.0*d01 + d02);\nfloat gy  = (d02 + 2.0*d12 + d22) - (d00 + 2.0*d10 + d20);\nvec3  normal   = normalize(vec3(gx, gy, 1.2));\nvec3  lightDir = normalize(vec3(0.5, 1.0, 0.5));\nvec3  halfV    = normalize(lightDir + vec3(0.0, 0.0, 1.0));\nfloat specDen  = density * min(density * 5.0, 1.0);\nfloat spec     = pow(max(dot(normal, halfV), 0.0), uSpecularExp) * uShine * specDen;\nvec3 bgRaw = texture2D(uBackground, vUv).rgb;\nvec3 bg    = mix(uWaterColor, bgRaw, coverage);\nvec3 color = bg;\nif (uAlgorithm == 1) {\nvec2 refrUv = clamp(vUv + normal.xy * uRefraction * density * 3.0, 0.0, 1.0);\nvec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);\ncolor = refrBg + spec * uGlowColor * 2.5;\ncolor = mix(color, bg * 0.6, obs * 0.3);\n} else if (uAlgorithm == 2) {\nfloat inkD  = min(density * 4.0, 1.0);\nvec2 refrUv = clamp(vUv + normal.xy * uRefraction * density * 0.4, 0.0, 1.0);\nvec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);\ncolor = mix(refrBg, uWaterColor + spec * uGlowColor, inkD);\ncolor = mix(color, bg * 0.5, obs * 0.15);\n} else if (uAlgorithm == 3) {\nvec2  vel    = texture2D(uVelocity, vUv).xy;\nfloat velMag = clamp(length(vel) * 20.0, 0.0, 1.0);\nvec2  warpUv = clamp(vUv + vel * uWarpStrength, 0.0, 1.0);\nvec3  warpBg = mix(uWaterColor, texture2D(uBackground, warpUv).rgb, coverage);\ncolor  = mix(bg, warpBg, velMag * (1.0 - obs));\ncolor += spec * uGlowColor * velMag * 1.5;\ncolor += uWaterColor * density * 0.3;\ncolor  = mix(color, bg * 0.5, obs * 0.2);\n} else if (uAlgorithm == 4) {\nvec2  rippleUv = clamp(vUv + normal.xy * uRefraction * density * 6.0, 0.0, 1.0);\nvec3  refrBg   = mix(uWaterColor, texture2D(uBackground, mix(vUv, rippleUv, 1.0 - obs)).rgb, coverage);\nfloat fresnel  = pow(clamp(1.0 - dot(normal, vec3(0.0, 0.0, 1.0)), 0.0, 1.0), 3.0) * density;\ncolor  = refrBg;\ncolor += fresnel * uGlowColor * 2.0;\ncolor += spec * uGlowColor * density * 2.0;\ncolor  = mix(color, bg * 0.5, obs * 0.2);\n} else {\nvec2 refrUv = vUv + normal.xy * uRefraction * density;\nvec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);\ncolor  = mix(refrBg, uWaterColor, min(density * 1.5, 0.8));\ncolor += spec * uGlowColor;\ncolor  = mix(color, bg * 0.5, obs * 0.2);\n}\nfloat alpha = clamp(max(density * 1.5, coverage), 0.0, 1.0);\nif (uEnableAlpha == 1) {\ngl_FragColor = vec4(color * alpha, alpha);\n} else {\ngl_FragColor = vec4(color, 1.0);\n}\n}`;\nfunction Pt(i, e = !0) {\n  const r = { alpha: e, depth: !1, stencil: !1, antialias: !0, preserveDrawingBuffer: !1 };\n  let s = i.getContext(\"webgl2\", r);\n  const o = !!s;\n  o || (s = i.getContext(\"webgl\", r), s.getExtension(\"EXT_color_buffer_half_float\"));\n  const a = o ? null : s.getExtension(\"OES_texture_half_float\"), u = o ? s.HALF_FLOAT : a.HALF_FLOAT_OES;\n  return s.getExtension(\"EXT_color_buffer_float\"), s.getExtension(\"OES_texture_half_float_linear\"), {\n    type: o ? \"webgl2\" : \"webgl1\",\n    gl: s,\n    isWebGL2: o,\n    ext: {\n      internalFormat: o ? s.RGBA16F : s.RGBA,\n      format: s.RGBA,\n      type: u\n    }\n  };\n}\nasync function Ft(i, e = !0) {\n  if (typeof navigator > \"u\" || !navigator.gpu)\n    return null;\n  try {\n    const r = await navigator.gpu.requestAdapter();\n    if (!r)\n      return null;\n    const s = await r.requestDevice(), o = i.getContext(\"webgpu\");\n    if (!o)\n      return null;\n    const a = navigator.gpu.getPreferredCanvasFormat();\n    return o.configure({ device: s, format: a, alphaMode: e ? \"premultiplied\" : \"opaque\" }), { type: \"webgpu\", adapter: r, device: s, context: o, format: a };\n  } catch {\n    return null;\n  }\n}\nclass ie {\n  constructor(e, r, s) {\n    ke(this, \"program\");\n    ke(this, \"uniforms\", {});\n    ke(this, \"_gl\");\n    this._gl = e, this.program = e.createProgram(), e.attachShader(this.program, this._compile(e.VERTEX_SHADER, r)), e.attachShader(this.program, this._compile(e.FRAGMENT_SHADER, s)), e.linkProgram(this.program);\n    const o = e.getProgramParameter(this.program, e.ACTIVE_UNIFORMS);\n    for (let a = 0; a < o; a++) {\n      const u = e.getActiveUniform(this.program, a).name;\n      this.uniforms[u] = e.getUniformLocation(this.program, u);\n    }\n  }\n  _compile(e, r) {\n    const s = this._gl, o = s.createShader(e);\n    return s.shaderSource(o, r), s.compileShader(o), o;\n  }\n  bind() {\n    this._gl.useProgram(this.program);\n  }\n  dispose() {\n    this._gl.deleteProgram(this.program);\n  }\n}\nfunction Lt(i) {\n  return {\n    advection: new ie(i, re, Et),\n    divergence: new ie(i, re, Ut),\n    pressure: new ie(i, re, Dt),\n    gradientSubtract: new ie(i, re, _t),\n    splat: new ie(i, re, Ct),\n    curl: new ie(i, re, Bt),\n    vorticity: new ie(i, re, Ot),\n    display: new ie(i, re, Vt)\n  };\n}\nfunction He(i, e, r, s) {\n  i.activeTexture(i.TEXTURE0);\n  const o = i.createTexture();\n  i.bindTexture(i.TEXTURE_2D, o), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MIN_FILTER, i.LINEAR), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MAG_FILTER, i.LINEAR), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_S, i.CLAMP_TO_EDGE), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_T, i.CLAMP_TO_EDGE), i.texImage2D(i.TEXTURE_2D, 0, e.internalFormat, r, s, 0, e.format, e.type, null);\n  const a = i.createFramebuffer();\n  return i.bindFramebuffer(i.FRAMEBUFFER, a), i.framebufferTexture2D(i.FRAMEBUFFER, i.COLOR_ATTACHMENT0, i.TEXTURE_2D, o, 0), { tex: o, fbo: a, width: r, height: s };\n}\nfunction rt(i, e, r, s) {\n  let o = He(i, e, r, s), a = He(i, e, r, s);\n  return {\n    get read() {\n      return o;\n    },\n    get write() {\n      return a;\n    },\n    swap() {\n      [o, a] = [a, o];\n    },\n    dispose() {\n      i.deleteTexture(o.tex), i.deleteFramebuffer(o.fbo), i.deleteTexture(a.tex), i.deleteFramebuffer(a.fbo);\n    }\n  };\n}\nfunction At(i) {\n  const e = i.createBuffer();\n  return i.bindBuffer(i.ARRAY_BUFFER, e), i.bufferData(i.ARRAY_BUFFER, new Float32Array([-1, -1, -1, 1, 1, 1, 1, -1]), i.STATIC_DRAW), i.vertexAttribPointer(0, 2, i.FLOAT, !1, 0, 0), i.enableVertexAttribArray(0), function(s) {\n    i.bindFramebuffer(i.FRAMEBUFFER, s), i.drawArrays(i.TRIANGLE_FAN, 0, 4);\n  };\n}\nconst le = `struct VSOut {\n@builtin(position) pos : vec4f,\n@location(0)       uv  : vec2f,\n@location(1)       vL  : vec2f,\n@location(2)       vR  : vec2f,\n@location(3)       vT  : vec2f,\n@location(4)       vB  : vec2f,\n}`, Xt = `${le}\nstruct U {\ntexelSize  : vec2f,\ndt         : f32,\ndissipation: f32,\n}\n@group(0) @binding(0) var<uniform> u     : U;\n@group(0) @binding(1) var          samp  : sampler;\n@group(0) @binding(2) var          uVel  : texture_2d<f32>;\n@group(0) @binding(3) var          uSrc  : texture_2d<f32>;\n@group(0) @binding(4) var          uObs  : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\nvar o: VSOut;\no.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\no.vL = o.uv - vec2f(u.texelSize.x, 0.0);\no.vR = o.uv + vec2f(u.texelSize.x, 0.0);\no.vT = o.uv + vec2f(0.0, u.texelSize.y);\no.vB = o.uv - vec2f(0.0, u.texelSize.y);\no.pos = vec4f(a, 0.0, 1.0);\nreturn o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\nlet obs   = textureSample(uObs, samp, i.uv).r;\nlet vel   = textureSample(uVel, samp, i.uv).xy;\nlet coord = i.uv - u.dt * vel * u.texelSize;\nlet src   = textureSample(uSrc, samp, coord);\nreturn u.dissipation * src * (1.0 - obs);\n}`, zt = `${le}\nstruct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u    : U;\n@group(0) @binding(1) var          samp : sampler;\n@group(0) @binding(2) var          uVel : texture_2d<f32>;\n@group(0) @binding(3) var          uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\nvar o: VSOut;\no.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\no.vL = o.uv - vec2f(u.texelSize.x, 0.0);\no.vR = o.uv + vec2f(u.texelSize.x, 0.0);\no.vT = o.uv + vec2f(0.0, u.texelSize.y);\no.vB = o.uv - vec2f(0.0, u.texelSize.y);\no.pos = vec4f(a, 0.0, 1.0);\nreturn o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\nlet L = textureSample(uVel, samp, i.vL).x * (1.0 - textureSample(uObs, samp, i.vL).r);\nlet R = textureSample(uVel, samp, i.vR).x * (1.0 - textureSample(uObs, samp, i.vR).r);\nlet T = textureSample(uVel, samp, i.vT).y * (1.0 - textureSample(uObs, samp, i.vT).r);\nlet B = textureSample(uVel, samp, i.vB).y * (1.0 - textureSample(uObs, samp, i.vB).r);\nreturn vec4f(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);\n}`, Gt = `${le}\nstruct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u    : U;\n@group(0) @binding(1) var          samp : sampler;\n@group(0) @binding(2) var          uPres: texture_2d<f32>;\n@group(0) @binding(3) var          uDiv : texture_2d<f32>;\n@group(0) @binding(4) var          uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\nvar o: VSOut;\no.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\no.vL = o.uv - vec2f(u.texelSize.x, 0.0);\no.vR = o.uv + vec2f(u.texelSize.x, 0.0);\no.vT = o.uv + vec2f(0.0, u.texelSize.y);\no.vB = o.uv - vec2f(0.0, u.texelSize.y);\no.pos = vec4f(a, 0.0, 1.0);\nreturn o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\nlet C  = textureSample(uPres, samp, i.uv).x;\nlet L  = mix(textureSample(uPres, samp, i.vL).x, C, textureSample(uObs, samp, i.vL).r);\nlet R  = mix(textureSample(uPres, samp, i.vR).x, C, textureSample(uObs, samp, i.vR).r);\nlet T  = mix(textureSample(uPres, samp, i.vT).x, C, textureSample(uObs, samp, i.vT).r);\nlet B  = mix(textureSample(uPres, samp, i.vB).x, C, textureSample(uObs, samp, i.vB).r);\nlet dv = textureSample(uDiv, samp, i.uv).x;\nreturn vec4f((L + R + B + T - dv) * 0.25, 0.0, 0.0, 1.0);\n}`, Mt = `${le}\nstruct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u    : U;\n@group(0) @binding(1) var          samp : sampler;\n@group(0) @binding(2) var          uPres: texture_2d<f32>;\n@group(0) @binding(3) var          uVel : texture_2d<f32>;\n@group(0) @binding(4) var          uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\nvar o: VSOut;\no.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\no.vL = o.uv - vec2f(u.texelSize.x, 0.0);\no.vR = o.uv + vec2f(u.texelSize.x, 0.0);\no.vT = o.uv + vec2f(0.0, u.texelSize.y);\no.vB = o.uv - vec2f(0.0, u.texelSize.y);\no.pos = vec4f(a, 0.0, 1.0);\nreturn o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\nlet obs = textureSample(uObs, samp, i.uv).r;\nlet C   = textureSample(uPres, samp, i.uv).x;\nlet L   = mix(textureSample(uPres, samp, i.vL).x, C, textureSample(uObs, samp, i.vL).r);\nlet R   = mix(textureSample(uPres, samp, i.vR).x, C, textureSample(uObs, samp, i.vR).r);\nlet T   = mix(textureSample(uPres, samp, i.vT).x, C, textureSample(uObs, samp, i.vT).r);\nlet B   = mix(textureSample(uPres, samp, i.vB).x, C, textureSample(uObs, samp, i.vB).r);\nlet vel = (textureSample(uVel, samp, i.uv).xy - vec2f(R - L, T - B)) * (1.0 - obs);\nreturn vec4f(vel, 0.0, 1.0);\n}`, It = `${le}\nstruct U {\ntexelSize  : vec2f,\naspectRatio: f32,\nradius     : f32,\ncolor      : vec4f,  \npoint      : vec2f,\n_pad       : vec2f,\n}\n@group(0) @binding(0) var<uniform> u    : U;\n@group(0) @binding(1) var          samp : sampler;\n@group(0) @binding(2) var          uTgt : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\nvar o: VSOut;\no.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\no.vL = o.uv - vec2f(u.texelSize.x, 0.0);\no.vR = o.uv + vec2f(u.texelSize.x, 0.0);\no.vT = o.uv + vec2f(0.0, u.texelSize.y);\no.vB = o.uv - vec2f(0.0, u.texelSize.y);\no.pos = vec4f(a, 0.0, 1.0);\nreturn o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\nvar p  = i.uv - u.point;\np.x   *= u.aspectRatio;\nlet sp = exp(-dot(p, p) / u.radius) * u.color.xyz;\nreturn vec4f(textureSample(uTgt, samp, i.uv).xyz + sp, 1.0);\n}`, Wt = `${le}\nstruct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u    : U;\n@group(0) @binding(1) var          samp : sampler;\n@group(0) @binding(2) var          uVel : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\nvar o: VSOut;\no.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\no.vL = o.uv - vec2f(u.texelSize.x, 0.0);\no.vR = o.uv + vec2f(u.texelSize.x, 0.0);\no.vT = o.uv + vec2f(0.0, u.texelSize.y);\no.vB = o.uv - vec2f(0.0, u.texelSize.y);\no.pos = vec4f(a, 0.0, 1.0);\nreturn o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\nlet L = textureSample(uVel, samp, i.vL).y;\nlet R = textureSample(uVel, samp, i.vR).y;\nlet T = textureSample(uVel, samp, i.vT).x;\nlet B = textureSample(uVel, samp, i.vB).x;\nreturn vec4f(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);\n}`, kt = `${le}\nstruct U {\ntexelSize: vec2f,\ncurl     : f32,\ndt       : f32,\n}\n@group(0) @binding(0) var<uniform> u    : U;\n@group(0) @binding(1) var          samp : sampler;\n@group(0) @binding(2) var          uVel : texture_2d<f32>;\n@group(0) @binding(3) var          uCrl : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\nvar o: VSOut;\no.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\no.vL = o.uv - vec2f(u.texelSize.x, 0.0);\no.vR = o.uv + vec2f(u.texelSize.x, 0.0);\no.vT = o.uv + vec2f(0.0, u.texelSize.y);\no.vB = o.uv - vec2f(0.0, u.texelSize.y);\no.pos = vec4f(a, 0.0, 1.0);\nreturn o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\nlet L     = textureSample(uCrl, samp, i.vL).x;\nlet R     = textureSample(uCrl, samp, i.vR).x;\nlet T     = textureSample(uCrl, samp, i.vT).x;\nlet B     = textureSample(uCrl, samp, i.vB).x;\nlet C     = textureSample(uCrl, samp, i.uv).x;\nvar force = 0.5 * vec2f(abs(T) - abs(B), abs(R) - abs(L));\nforce    /= length(force) + 0.0001;\nforce    *= u.curl * 30.0 * C;\nlet vel   = textureSample(uVel, samp, i.uv).xy + force * u.dt;\nreturn vec4f(vel, 0.0, 1.0);\n}`, Nt = `${le}\nstruct U {\ntexelSize   : vec2f,\nrefraction  : f32,\nspecularExp : f32,\nwaterColor  : vec4f,\nglowColor   : vec4f,\nshine       : f32,\nwarpStrength: f32,\nalgorithm   : i32,\nenableAlpha : i32,\n}\n@group(0) @binding(0) var<uniform> u    : U;\n@group(0) @binding(1) var          samp : sampler;\n@group(0) @binding(2) var          uTex : texture_2d<f32>;\n@group(0) @binding(3) var          uObs : texture_2d<f32>;\n@group(0) @binding(4) var          uBg  : texture_2d<f32>;\n@group(0) @binding(5) var          uCov : texture_2d<f32>;\n@group(0) @binding(6) var          uVel : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\nvar o: VSOut;\no.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\no.vL = o.uv - vec2f(u.texelSize.x, 0.0);\no.vR = o.uv + vec2f(u.texelSize.x, 0.0);\no.vT = o.uv + vec2f(0.0, u.texelSize.y);\no.vB = o.uv - vec2f(0.0, u.texelSize.y);\no.pos = vec4f(a, 0.0, 1.0);\nreturn o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\nlet obs     = textureSample(uObs, samp, i.uv).r;\nlet density = max(textureSample(uTex, samp, i.uv).r, 0.0) * (1.0 - obs);\nlet cov     = textureSample(uCov, samp, i.uv).r;\nlet sx  = u.texelSize.x * 6.0;\nlet sy  = u.texelSize.y * 6.0;\nlet d00 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, -sy)).r, 0.0);\nlet d10 = max(textureSample(uTex, samp, i.uv + vec2f(0.0, -sy)).r, 0.0);\nlet d20 = max(textureSample(uTex, samp, i.uv + vec2f( sx, -sy)).r, 0.0);\nlet d01 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, 0.0)).r, 0.0);\nlet d21 = max(textureSample(uTex, samp, i.uv + vec2f( sx, 0.0)).r, 0.0);\nlet d02 = max(textureSample(uTex, samp, i.uv + vec2f(-sx,  sy)).r, 0.0);\nlet d12 = max(textureSample(uTex, samp, i.uv + vec2f(0.0,  sy)).r, 0.0);\nlet d22 = max(textureSample(uTex, samp, i.uv + vec2f( sx,  sy)).r, 0.0);\nlet gx  = (d20 + 2.0*d21 + d22) - (d00 + 2.0*d01 + d02);\nlet gy  = (d02 + 2.0*d12 + d22) - (d00 + 2.0*d10 + d20);\nlet norm    = normalize(vec3f(gx, gy, 1.2));\nlet ldir    = normalize(vec3f(0.5, 1.0, 0.5));\nlet halfV   = normalize(ldir + vec3f(0.0, 0.0, 1.0));\nlet specDen = density * min(density * 5.0, 1.0);\nlet spec    = pow(max(dot(norm, halfV), 0.0), u.specularExp) * u.shine * specDen;\nlet bgRaw = textureSample(uBg, samp, i.uv).rgb;\nlet wc    = u.waterColor.rgb;\nlet gc    = u.glowColor.rgb;\nlet bg    = mix(wc, bgRaw, cov);\nvar color = bg;\nif (u.algorithm == 1) {\nlet ruv = clamp(i.uv + norm.xy * u.refraction * density * 3.0, vec2f(0.0), vec2f(1.0));\nlet rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\ncolor   = rbg + spec * gc * 2.5;\ncolor   = mix(color, bg * 0.6, obs * 0.3);\n} else if (u.algorithm == 2) {\nlet inkD = min(density * 4.0, 1.0);\nlet ruv  = clamp(i.uv + norm.xy * u.refraction * density * 0.4, vec2f(0.0), vec2f(1.0));\nlet rbg  = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\ncolor    = mix(rbg, wc + spec * gc, inkD);\ncolor    = mix(color, bg * 0.5, obs * 0.15);\n} else if (u.algorithm == 3) {\nlet vel    = textureSample(uVel, samp, i.uv).xy;\nlet velMag = clamp(length(vel) * 20.0, 0.0, 1.0);\nlet wuv    = clamp(i.uv + vel * u.warpStrength, vec2f(0.0), vec2f(1.0));\nlet wbg    = mix(wc, textureSample(uBg, samp, wuv).rgb, cov);\ncolor      = mix(bg, wbg, velMag * (1.0 - obs));\ncolor     += spec * gc * velMag * 1.5;\ncolor     += wc * density * 0.3;\ncolor      = mix(color, bg * 0.5, obs * 0.2);\n} else if (u.algorithm == 4) {\nlet ruv   = clamp(i.uv + norm.xy * u.refraction * density * 6.0, vec2f(0.0), vec2f(1.0));\nlet rbg   = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\nlet fres  = pow(clamp(1.0 - dot(norm, vec3f(0.0, 0.0, 1.0)), 0.0, 1.0), 3.0) * density;\ncolor     = rbg;\ncolor    += fres * gc * 2.0;\ncolor    += spec * gc * density * 2.0;\ncolor     = mix(color, bg * 0.5, obs * 0.2);\n} else {\nlet ruv = i.uv + norm.xy * u.refraction * density;\nlet rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\ncolor   = mix(rbg, wc, min(density * 1.5, 0.8));\ncolor  += spec * gc;\ncolor   = mix(color, bg * 0.5, obs * 0.2);\n}\nlet alpha = clamp(max(density * 1.5, cov), 0.0, 1.0);\nif (u.enableAlpha == 1) {\nreturn vec4f(color * alpha, alpha);\n}\nreturn vec4f(color, 1.0);\n}`, $t = {\n  arrayStride: 8,\n  attributes: [{ shaderLocation: 0, offset: 0, format: \"float32x2\" }]\n}, lt = new Float32Array([\n  -1,\n  -1,\n  -1,\n  1,\n  1,\n  -1,\n  1,\n  -1,\n  -1,\n  1,\n  1,\n  1\n]);\nfunction qt(i) {\n  const e = i.createBuffer({ size: lt.byteLength, usage: GPUBufferUsage.VERTEX | GPUBufferUsage.COPY_DST });\n  return i.queue.writeBuffer(e, 0, lt), e;\n}\nfunction Ye(i, e, r, s) {\n  const o = i.createTexture({\n    size: [r, s],\n    format: e,\n    usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.COPY_SRC\n  });\n  return { tex: o, view: o.createView(), width: r, height: s };\n}\nfunction it(i, e, r, s) {\n  let o = Ye(i, e, r, s), a = Ye(i, e, r, s);\n  return {\n    get read() {\n      return o;\n    },\n    get write() {\n      return a;\n    },\n    swap() {\n      [o, a] = [a, o];\n    },\n    dispose() {\n      o.tex.destroy(), a.tex.destroy();\n    }\n  };\n}\nfunction se(i, e, r, s) {\n  const o = i.createShaderModule({ code: e });\n  return i.createRenderPipeline({\n    layout: \"auto\",\n    vertex: { module: o, entryPoint: \"vs\", buffers: [$t] },\n    fragment: { module: o, entryPoint: \"fs\", targets: [{ format: r, ...s ? { blend: s } : {} }] },\n    primitive: { topology: \"triangle-list\" }\n  });\n}\nconst Ht = {\n  color: { operation: \"add\", srcFactor: \"one\", dstFactor: \"zero\" },\n  alpha: { operation: \"add\", srcFactor: \"one\", dstFactor: \"zero\" }\n};\nfunction Yt(i, e, r = !0) {\n  const s = \"rgba16float\";\n  return {\n    advection: se(i, Xt, s),\n    divergence: se(i, zt, s),\n    pressure: se(i, Gt, s),\n    gradientSubtract: se(i, Mt, s),\n    splat: se(i, It, s),\n    curl: se(i, Wt, s),\n    vorticity: se(i, kt, s),\n    display: se(i, Nt, e, r ? void 0 : Ht)\n  };\n}\nfunction Qt(i) {\n  return i.createSampler({ magFilter: \"linear\", minFilter: \"linear\", addressModeU: \"clamp-to-edge\", addressModeV: \"clamp-to-edge\" });\n}\nfunction k(i, e) {\n  return i.createBuffer({ size: e, usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST });\n}\nfunction ct(i, e, r, s, o, a) {\n  const u = new Float32Array([r, s, o, a]);\n  i.queue.writeBuffer(e, 0, u);\n}\nfunction $e(i, e, r, s) {\n  const o = new Float32Array([r, s, 0, 0]);\n  i.queue.writeBuffer(e, 0, o);\n}\nfunction jt(i, e, r, s, o, a) {\n  const u = new Float32Array([r, s, o, a]);\n  i.queue.writeBuffer(e, 0, u);\n}\nfunction qe(i, e, r, s, o, a, u, v, p, c, m) {\n  const x = new Float32Array(12);\n  x[0] = r, x[1] = s, x[2] = o, x[3] = a, x[4] = u, x[5] = v, x[6] = p, x[7] = 0, x[8] = c, x[9] = m, x[10] = 0, x[11] = 0, i.queue.writeBuffer(e, 0, x);\n}\nfunction Kt(i, e, r, s, o, a, u, v, p, c, m, x) {\n  const n = new Float32Array(16), d = new Int32Array(n.buffer);\n  n[0] = r, n[1] = s, n[2] = o, n[3] = a, n[4] = u[0], n[5] = u[1], n[6] = u[2], n[7] = 0, n[8] = v[0], n[9] = v[1], n[10] = v[2], n[11] = 0, n[12] = p, n[13] = c, d[14] = m, d[15] = x ? 1 : 0, i.queue.writeBuffer(e, 0, n);\n}\nfunction z(i, e, r, s, o) {\n  const a = i.beginRenderPass({\n    colorAttachments: [{\n      view: o,\n      clearValue: [0, 0, 0, 0],\n      loadOp: \"clear\",\n      storeOp: \"store\"\n    }]\n  });\n  a.setPipeline(e), a.setBindGroup(0, r), a.setVertexBuffer(0, s), a.draw(6), a.end();\n}\nfunction Jt(i, e, r, s, o) {\n  const a = i.beginRenderPass({\n    colorAttachments: [{\n      view: o,\n      clearValue: [0, 0, 0, 0],\n      loadOp: \"clear\",\n      storeOp: \"store\"\n    }]\n  });\n  a.setPipeline(e), a.setBindGroup(0, r), a.setVertexBuffer(0, s), a.draw(6), a.end();\n}\nfunction Be(i, e, r, s, o = \"cover\") {\n  let a;\n  o === \"cover\" ? a = Math.max(r / i, s / e) : o === \"contain\" ? a = Math.min(r / i, s / e) : typeof o == \"string\" && o.endsWith(\"%\") ? a = Math.min(r / i, s / e) * (parseFloat(o) / 100) : typeof o == \"string\" && o.endsWith(\"px\") ? a = parseFloat(o) / Math.max(i, e) : typeof o == \"number\" ? a = o : a = Math.max(r / i, s / e);\n  const u = i * a, v = e * a;\n  return { x: (r - u) / 2, y: (s - v) / 2, drawW: u, drawH: v };\n}\nfunction Zt(i, e, r, s, o = null, a = \"cover\") {\n  const { text: u, fontSize: v, color: p, fontFamily: c = \"sans-serif\", fontWeight: m = 900 } = s, x = new OffscreenCanvas(e, r), n = x.getContext(\"2d\");\n  ((D) => {\n    if (o) {\n      n.clearRect(0, 0, e, r), n.fillStyle = \"black\", n.fillRect(0, 0, e, r);\n      const { x: g, y: _, drawW: F, drawH: W } = Be(\n        o.width,\n        o.height,\n        e,\n        r,\n        a\n      );\n      n.drawImage(o, g, _, F, W);\n    } else\n      n.fillStyle = \"black\", n.fillRect(0, 0, e, r);\n    n.fillStyle = D, n.font = `${m} ${v}px ${c}`, n.textAlign = \"center\", n.textBaseline = \"middle\", n.fillText(u, e / 2, r / 2);\n  })(p);\n  const b = Le(i, x);\n  n.fillStyle = \"black\", n.fillRect(0, 0, e, r), n.fillStyle = \"white\", n.font = `${m} ${v}px ${c}`, n.textAlign = \"center\", n.textBaseline = \"middle\", n.fillText(u, e / 2, r / 2);\n  const y = Le(i, x);\n  return { backgroundTex: b, obstacleTex: y, coverageTex: y };\n}\nfunction er(i, e, r, s, o = 0, a = \"cover\", u = null, v = \"cover\") {\n  const p = new OffscreenCanvas(r, s), c = p.getContext(\"2d\"), { x: m, y: x, drawW: n, drawH: d } = Be(e.width, e.height, r, s, a);\n  if (c.clearRect(0, 0, r, s), c.fillStyle = \"black\", c.fillRect(0, 0, r, s), u) {\n    const {\n      x: g,\n      y: _,\n      drawW: F,\n      drawH: W\n    } = Be(u.width, u.height, r, s, v);\n    c.filter = `brightness(${o}) blur(8px)`, c.drawImage(u, g, _, F, W), c.filter = \"none\";\n  }\n  c.drawImage(e, m, x, n, d);\n  const b = Le(i, p);\n  c.clearRect(0, 0, r, s), c.fillStyle = \"black\", c.fillRect(0, 0, r, s), c.filter = `brightness(${o}) blur(8px)`, c.drawImage(e, m, x, n, d), c.filter = \"none\";\n  const y = Le(i, p);\n  c.clearRect(0, 0, r, s), c.fillStyle = \"black\", c.fillRect(0, 0, r, s), c.fillStyle = \"white\", c.fillRect(\n    Math.max(0, m),\n    Math.max(0, x),\n    Math.min(n, r - Math.max(0, m)),\n    Math.min(d, s - Math.max(0, x))\n  );\n  const D = Le(i, p);\n  return { backgroundTex: b, obstacleTex: y, coverageTex: D };\n}\nfunction Le(i, e) {\n  const r = i.createTexture();\n  return i.bindTexture(i.TEXTURE_2D, r), i.pixelStorei(i.UNPACK_FLIP_Y_WEBGL, !0), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, i.RGBA, i.UNSIGNED_BYTE, e), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MIN_FILTER, i.LINEAR), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MAG_FILTER, i.LINEAR), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_S, i.CLAMP_TO_EDGE), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_T, i.CLAMP_TO_EDGE), r;\n}\nfunction tr(i, e, r, s, o = null, a = \"cover\") {\n  const { text: u, fontSize: v, color: p, fontFamily: c = \"sans-serif\", fontWeight: m = 900 } = s, x = new OffscreenCanvas(e, r), n = x.getContext(\"2d\");\n  ((D) => {\n    if (o) {\n      n.clearRect(0, 0, e, r), n.fillStyle = \"black\", n.fillRect(0, 0, e, r);\n      const { x: g, y: _, drawW: F, drawH: W } = Be(\n        o.width,\n        o.height,\n        e,\n        r,\n        a\n      );\n      n.drawImage(o, g, _, F, W);\n    } else\n      n.fillStyle = \"black\", n.fillRect(0, 0, e, r);\n    n.fillStyle = D, n.font = `${m} ${v}px ${c}`, n.textAlign = \"center\", n.textBaseline = \"middle\", n.fillText(u, e / 2, r / 2);\n  })(p);\n  const b = Ae(i, x, e, r);\n  n.fillStyle = \"black\", n.fillRect(0, 0, e, r), n.fillStyle = \"white\", n.font = `${m} ${v}px ${c}`, n.textAlign = \"center\", n.textBaseline = \"middle\", n.fillText(u, e / 2, r / 2);\n  const y = Ae(i, x, e, r);\n  return {\n    backgroundTex: b,\n    backgroundView: b.createView(),\n    obstacleTex: y,\n    obstacleView: y.createView(),\n    coverageTex: y,\n    coverageView: y.createView(),\n    sharedCoverage: !0\n  };\n}\nfunction rr(i, e, r, s, o = 0, a = \"cover\", u = null, v = \"cover\") {\n  const p = new OffscreenCanvas(r, s), c = p.getContext(\"2d\"), { x: m, y: x, drawW: n, drawH: d } = Be(e.width, e.height, r, s, a);\n  if (c.clearRect(0, 0, r, s), c.fillStyle = \"black\", c.fillRect(0, 0, r, s), u) {\n    const { x: g, y: _, drawW: F, drawH: W } = Be(\n      u.width,\n      u.height,\n      r,\n      s,\n      v\n    );\n    c.filter = `brightness(${o}) blur(8px)`, c.drawImage(u, g, _, F, W), c.filter = \"none\";\n  }\n  c.drawImage(e, m, x, n, d);\n  const b = Ae(i, p, r, s);\n  c.clearRect(0, 0, r, s), c.fillStyle = \"black\", c.fillRect(0, 0, r, s), c.filter = `brightness(${o}) blur(8px)`, c.drawImage(e, m, x, n, d), c.filter = \"none\";\n  const y = Ae(i, p, r, s);\n  c.clearRect(0, 0, r, s), c.fillStyle = \"black\", c.fillRect(0, 0, r, s), c.fillStyle = \"white\", c.fillRect(Math.max(0, m), Math.max(0, x), Math.min(n, r - Math.max(0, m)), Math.min(d, s - Math.max(0, x)));\n  const D = Ae(i, p, r, s);\n  return {\n    backgroundTex: b,\n    backgroundView: b.createView(),\n    obstacleTex: y,\n    obstacleView: y.createView(),\n    coverageTex: D,\n    coverageView: D.createView(),\n    sharedCoverage: !1\n  };\n}\nfunction Ae(i, e, r, s) {\n  const o = i.createTexture({\n    size: [r, s],\n    format: \"rgba8unorm\",\n    usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT\n  });\n  return i.queue.copyExternalImageToTexture(\n    { source: e },\n    { texture: o },\n    [r, s]\n  ), o;\n}\nasync function ir(i) {\n  const e = await fetch(i);\n  if (!e.ok)\n    throw new Error(`Failed to fetch image: ${i} (${e.status})`);\n  const r = await e.blob();\n  return createImageBitmap(r);\n}\nconst ft = typeof requestAnimationFrame < \"u\" ? requestAnimationFrame.bind(globalThis) : (i) => setTimeout(i, 1e3 / 60), sr = typeof cancelAnimationFrame < \"u\" ? cancelAnimationFrame.bind(globalThis) : clearTimeout, Ve = 0.016, vt = { standard: 0, glass: 1, ink: 2, aurora: 3, ripple: 4 };\nvar ce, G, Xe, fe, Ue, B, w, $, q, H, K, L, Y, V, De, ve, _e, O, T, oe, Q, ae, X, xe, me, pe, de, he, J, Z, ge, be, Te, R, U, M, I, P, Ce, ee, A, ue, te, h, ze, C, j, ye, Ge, Se, Qe, mt, Re, Pe, Me, ot, ne, Ee, we, Fe, Ie, at, We, ut, je, pt, Ke, dt, Je, ht, Ze, gt, et, bt;\nconst nt = class nt {\n  // ── Constructor ─────────────────────────────────────────────────────────────\n  constructor(e, r = {}, s = {}, o, a = !0) {\n    // ---------------------------------------------------------------------------\n    // Private — GPU initialisation\n    // ---------------------------------------------------------------------------\n    f(this, Qe);\n    // ---------------------------------------------------------------------------\n    // Private — shared helpers\n    // ---------------------------------------------------------------------------\n    f(this, Re);\n    f(this, Me);\n    f(this, ne);\n    f(this, we);\n    f(this, Ie);\n    f(this, We);\n    // ---------------------------------------------------------------------------\n    // Private — frame dispatch\n    // ---------------------------------------------------------------------------\n    f(this, je);\n    // ---------------------------------------------------------------------------\n    // Private — WebGPU simulation step\n    // ---------------------------------------------------------------------------\n    f(this, Ke);\n    // ---------------------------------------------------------------------------\n    // Private — WebGPU direct splat\n    // ---------------------------------------------------------------------------\n    f(this, Je);\n    // ---------------------------------------------------------------------------\n    // Private — WebGL splat\n    // ---------------------------------------------------------------------------\n    f(this, Ze);\n    // ---------------------------------------------------------------------------\n    // Private — WebGL simulation step (unchanged from original)\n    // ---------------------------------------------------------------------------\n    f(this, et);\n    f(this, ce, void 0);\n    // ── WebGL path ──────────────────────────────────────────────────────────────\n    f(this, G, null);\n    f(this, Xe, null);\n    f(this, fe, null);\n    f(this, Ue, null);\n    f(this, B, null);\n    f(this, w, null);\n    f(this, $, null);\n    f(this, q, null);\n    f(this, H, null);\n    f(this, K, null);\n    f(this, L, null);\n    f(this, Y, null);\n    // ── WebGPU path ─────────────────────────────────────────────────────────────\n    f(this, V, null);\n    f(this, De, null);\n    f(this, ve, null);\n    f(this, _e, null);\n    f(this, O, null);\n    f(this, T, null);\n    f(this, oe, null);\n    f(this, Q, null);\n    f(this, ae, null);\n    f(this, X, null);\n    // Pre-allocated uniform buffers (sizes: see gpu-utils writeXxx docs)\n    // Velocity/density advection use separate buffers — writeBuffer is a queue op;\n    // a second write to the same buffer before queue.submit() aliases both passes.\n    f(this, xe, null);\n    // 16 bytes — velocity advection\n    f(this, me, null);\n    // 16 bytes — density advection\n    f(this, pe, null);\n    // 16 bytes\n    f(this, de, null);\n    // 16 bytes\n    f(this, he, null);\n    // 16 bytes\n    f(this, J, null);\n    // 48 bytes — velocity splat\n    f(this, Z, null);\n    // 48 bytes — density splat\n    f(this, ge, null);\n    // 16 bytes\n    f(this, be, null);\n    // 16 bytes\n    f(this, Te, null);\n    // 64 bytes\n    // ── Shared state ────────────────────────────────────────────────────────────\n    f(this, R, 0);\n    f(this, U, 0);\n    f(this, M, 0);\n    f(this, I, 0);\n    f(this, P, 1);\n    f(this, Ce, 1);\n    f(this, ee, 0.5);\n    f(this, A, null);\n    f(this, ue, \"cover\");\n    f(this, te, void 0);\n    f(this, h, { x: 0, y: 0, dx: 0, dy: 0, targetX: 0, targetY: 0, moved: !1 });\n    f(this, ze, !1);\n    f(this, C, null);\n    f(this, j, null);\n    f(this, ye, !1);\n    f(this, Ge, !1);\n    f(this, Se, !0);\n    if (l(this, ce, e), l(this, Ce, Math.max(0.1, Math.min(1, s.dpr ?? 1))), l(this, ee, Math.max(0.1, Math.min(1, s.sim ?? 0.5))), l(this, te, wt(r)), l(this, Se, a), o)\n      l(this, V, o), S(this, Qe, mt).call(this, o);\n    else {\n      const { gl: u, ext: v } = Pt(e, a);\n      l(this, G, u), l(this, Xe, v), l(this, fe, Lt(u)), l(this, Ue, At(u)), u.clearColor(0, 0, 0, a ? 0 : 1);\n    }\n  }\n  /**\n   * WebGPU-first factory. Tries WebGPU, falls back to WebGL2 → WebGL1.\n   * This is the recommended entry point when WebGPU support is desired.\n   */\n  static async create(e, r = {}, s = {}, o = !0, a = !0) {\n    const u = o ? await Ft(e, a) : null;\n    return new nt(e, r, s, u ?? void 0, a);\n  }\n  // ---------------------------------------------------------------------------\n  // Public API\n  // ---------------------------------------------------------------------------\n  setTextSource(e) {\n    l(this, C, { type: \"text\", opts: e }), S(this, Re, Pe).call(this), S(this, ne, Ee).call(this), S(this, we, Fe).call(this);\n  }\n  async setImageSource(e, r = 0, s = \"cover\") {\n    const o = await ir(e);\n    if (t(this, Ge)) {\n      o.close();\n      return;\n    }\n    l(this, C, { type: \"image\", bitmap: o, effect: r, size: s }), S(this, Re, Pe).call(this), S(this, ne, Ee).call(this), S(this, we, Fe).call(this);\n  }\n  setImageBitmap(e, r = 0, s = \"cover\") {\n    l(this, C, { type: \"image\", bitmap: e, effect: r, size: s }), S(this, Re, Pe).call(this), S(this, ne, Ee).call(this), S(this, we, Fe).call(this);\n  }\n  setBackground(e, r = \"cover\") {\n    t(this, A) && t(this, A) !== e && t(this, A).close(), l(this, A, e), l(this, ue, r ?? \"cover\"), t(this, C) && t(this, R) > 0 && t(this, U) > 0 && S(this, ne, Ee).call(this);\n  }\n  handleMove(e, r, s = 1) {\n    if (!t(this, ze)) {\n      t(this, h).x = t(this, h).targetX = e, t(this, h).y = t(this, h).targetY = r, l(this, ze, !0);\n      return;\n    }\n    t(this, h).moved = !0, t(this, h).dx = (e - t(this, h).targetX) * s, t(this, h).dy = (r - t(this, h).targetY) * s, t(this, h).targetX = e, t(this, h).targetY = r;\n  }\n  /**\n   * Immediately applies one fluid splat at (x, y) with explicit velocity (vx, vy).\n   * Safe to call multiple times per frame — each call writes directly to the FBOs.\n   * Designed for programmatic use cases (e.g. particle systems, attractor paths)\n   * where you want N independent injection points per frame without flooding the\n   * mouse-state machine or the worker message queue.\n   */\n  splat(e, r, s, o, a = 1) {\n    !t(this, ye) || t(this, R) === 0 || (t(this, V) ? S(this, Je, ht).call(this, e, r, s, o, a) : S(this, Ze, gt).call(this, e, r, s, o, a));\n  }\n  updateQuality(e) {\n    e.dpr !== void 0 && l(this, Ce, Math.max(0.1, Math.min(1, e.dpr))), e.sim !== void 0 && l(this, ee, Math.max(0.1, Math.min(1, e.sim)));\n  }\n  resize(e, r, s) {\n    if (s !== void 0 ? l(this, P, s) : typeof window < \"u\" && window.devicePixelRatio && l(this, P, window.devicePixelRatio), e !== void 0 && e > 0) {\n      if (r === void 0 || r <= 0)\n        return;\n      l(this, R, t(this, ce).width = e), l(this, U, t(this, ce).height = r), l(this, M, Math.max(1, Math.round(e * t(this, ee)))), l(this, I, Math.max(1, Math.round(r * t(this, ee)))), S(this, Me, ot).call(this);\n    } else\n      S(this, Re, Pe).call(this);\n    t(this, C) && S(this, ne, Ee).call(this), S(this, we, Fe).call(this);\n  }\n  updateConfig(e) {\n    Object.assign(t(this, te), e);\n  }\n  destroy() {\n    var e, r, s, o, a, u, v, p, c, m, x;\n    if (l(this, Ge, !0), this.stop(), S(this, Ie, at).call(this), S(this, We, ut).call(this), t(this, A) && (t(this, A).close(), l(this, A, null)), t(this, V))\n      (e = t(this, xe)) == null || e.destroy(), (r = t(this, me)) == null || r.destroy(), (s = t(this, pe)) == null || s.destroy(), (o = t(this, de)) == null || o.destroy(), (a = t(this, he)) == null || a.destroy(), (u = t(this, J)) == null || u.destroy(), (v = t(this, Z)) == null || v.destroy(), (p = t(this, ge)) == null || p.destroy(), (c = t(this, be)) == null || c.destroy(), (m = t(this, Te)) == null || m.destroy(), (x = t(this, ve)) == null || x.destroy(), t(this, V).device.destroy();\n    else {\n      const n = t(this, G);\n      for (const b of Object.values(t(this, fe)))\n        b.dispose();\n      const d = n.getExtension(\"WEBGL_lose_context\");\n      d == null || d.loseContext();\n    }\n  }\n  // ---------------------------------------------------------------------------\n  // Loop control\n  // ---------------------------------------------------------------------------\n  start() {\n    if (t(this, j) !== null)\n      return;\n    const e = () => {\n      S(this, je, pt).call(this), l(this, j, ft(e));\n    };\n    l(this, j, ft(e));\n  }\n  stop() {\n    t(this, j) !== null && (sr(t(this, j)), l(this, j, null));\n  }\n  get isRunning() {\n    return t(this, j) !== null;\n  }\n};\nce = new WeakMap(), G = new WeakMap(), Xe = new WeakMap(), fe = new WeakMap(), Ue = new WeakMap(), B = new WeakMap(), w = new WeakMap(), $ = new WeakMap(), q = new WeakMap(), H = new WeakMap(), K = new WeakMap(), L = new WeakMap(), Y = new WeakMap(), V = new WeakMap(), De = new WeakMap(), ve = new WeakMap(), _e = new WeakMap(), O = new WeakMap(), T = new WeakMap(), oe = new WeakMap(), Q = new WeakMap(), ae = new WeakMap(), X = new WeakMap(), xe = new WeakMap(), me = new WeakMap(), pe = new WeakMap(), de = new WeakMap(), he = new WeakMap(), J = new WeakMap(), Z = new WeakMap(), ge = new WeakMap(), be = new WeakMap(), Te = new WeakMap(), R = new WeakMap(), U = new WeakMap(), M = new WeakMap(), I = new WeakMap(), P = new WeakMap(), Ce = new WeakMap(), ee = new WeakMap(), A = new WeakMap(), ue = new WeakMap(), te = new WeakMap(), h = new WeakMap(), ze = new WeakMap(), C = new WeakMap(), j = new WeakMap(), ye = new WeakMap(), Ge = new WeakMap(), Se = new WeakMap(), Qe = new WeakSet(), mt = function(e) {\n  const { device: r, format: s } = e;\n  l(this, De, Yt(r, s, t(this, Se))), l(this, ve, qt(r)), l(this, _e, Qt(r)), l(this, xe, k(r, 16)), l(this, me, k(r, 16)), l(this, pe, k(r, 16)), l(this, de, k(r, 16)), l(this, he, k(r, 16)), l(this, J, k(r, 48)), l(this, Z, k(r, 48)), l(this, ge, k(r, 16)), l(this, be, k(r, 16)), l(this, Te, k(r, 64));\n}, Re = new WeakSet(), Pe = function() {\n  const e = t(this, ce);\n  \"clientWidth\" in e && e.clientWidth > 0 ? (l(this, P, (typeof window < \"u\" && window.devicePixelRatio || 1) * t(this, Ce)), l(this, R, e.width = Math.round(e.clientWidth * t(this, P))), l(this, U, e.height = Math.round(e.clientHeight * t(this, P)))) : (l(this, R, e.width), l(this, U, e.height)), !(t(this, R) === 0 || t(this, U) === 0) && (l(this, M, Math.max(1, Math.round(t(this, R) * t(this, ee)))), l(this, I, Math.max(1, Math.round(t(this, U) * t(this, ee)))), S(this, Me, ot).call(this));\n}, Me = new WeakSet(), ot = function() {\n  if (S(this, Ie, at).call(this), t(this, V)) {\n    const { device: e } = t(this, V), r = \"rgba16float\", s = t(this, M), o = t(this, I);\n    l(this, O, it(e, r, s, o)), l(this, T, it(e, r, s, o)), l(this, Q, it(e, r, s, o)), l(this, oe, Ye(e, r, s, o)), l(this, ae, Ye(e, r, s, o));\n  } else {\n    const e = t(this, G), r = t(this, Xe), s = t(this, M), o = t(this, I);\n    l(this, B, rt(e, r, s, o)), l(this, w, rt(e, r, s, o)), l(this, q, rt(e, r, s, o)), l(this, $, He(e, r, s, o)), l(this, H, He(e, r, s, o));\n  }\n}, ne = new WeakSet(), Ee = function() {\n  if (!(!t(this, C) || t(this, R) === 0 || t(this, U) === 0)) {\n    if (S(this, We, ut).call(this), t(this, V)) {\n      const { device: e } = t(this, V);\n      t(this, C).type === \"text\" ? l(this, X, tr(\n        e,\n        t(this, R),\n        t(this, U),\n        t(this, C).opts,\n        t(this, A),\n        t(this, ue)\n      )) : l(this, X, rr(\n        e,\n        t(this, C).bitmap,\n        t(this, R),\n        t(this, U),\n        t(this, C).effect,\n        t(this, C).size,\n        t(this, A),\n        t(this, ue)\n      ));\n    } else {\n      const e = t(this, G);\n      if (t(this, C).type === \"text\") {\n        const { backgroundTex: r, obstacleTex: s, coverageTex: o } = Zt(\n          e,\n          t(this, R),\n          t(this, U),\n          t(this, C).opts,\n          t(this, A),\n          t(this, ue)\n        );\n        l(this, K, r), l(this, L, s), l(this, Y, o);\n      } else {\n        const { backgroundTex: r, obstacleTex: s, coverageTex: o } = er(\n          e,\n          t(this, C).bitmap,\n          t(this, R),\n          t(this, U),\n          t(this, C).effect,\n          t(this, C).size,\n          t(this, A),\n          t(this, ue)\n        );\n        l(this, K, r), l(this, L, s), l(this, Y, o);\n      }\n    }\n    l(this, ye, !0);\n  }\n}, we = new WeakSet(), Fe = function() {\n  t(this, ye) && !this.isRunning && this.start();\n}, Ie = new WeakSet(), at = function() {\n  var e, r, s, o, a, u, v, p;\n  if (t(this, V))\n    (e = t(this, O)) == null || e.dispose(), (r = t(this, T)) == null || r.dispose(), (s = t(this, Q)) == null || s.dispose(), (o = t(this, oe)) == null || o.tex.destroy(), (a = t(this, ae)) == null || a.tex.destroy(), l(this, O, l(this, T, l(this, Q, null))), l(this, oe, l(this, ae, null));\n  else {\n    const c = t(this, G);\n    (u = t(this, B)) == null || u.dispose(), (v = t(this, w)) == null || v.dispose(), (p = t(this, q)) == null || p.dispose(), t(this, $) && (c.deleteTexture(t(this, $).tex), c.deleteFramebuffer(t(this, $).fbo)), t(this, H) && (c.deleteTexture(t(this, H).tex), c.deleteFramebuffer(t(this, H).fbo)), l(this, B, l(this, w, l(this, q, l(this, $, l(this, H, null)))));\n  }\n}, We = new WeakSet(), ut = function() {\n  if (t(this, V))\n    t(this, X) && (t(this, X).backgroundTex.destroy(), t(this, X).obstacleTex.destroy(), t(this, X).sharedCoverage || t(this, X).coverageTex.destroy(), l(this, X, null));\n  else {\n    const e = t(this, G);\n    t(this, K) && e.deleteTexture(t(this, K)), t(this, L) && e.deleteTexture(t(this, L)), t(this, Y) && t(this, Y) !== t(this, L) && e.deleteTexture(t(this, Y)), l(this, K, l(this, L, l(this, Y, null)));\n  }\n}, je = new WeakSet(), pt = function() {\n  !t(this, ye) || t(this, R) === 0 || (t(this, V) ? S(this, Ke, dt).call(this) : S(this, et, bt).call(this));\n}, Ke = new WeakSet(), dt = function() {\n  const e = t(this, V), r = e.device, s = t(this, De), o = t(this, ve), a = t(this, _e), u = t(this, te), v = t(this, X);\n  if (!t(this, O) || !t(this, T))\n    return;\n  t(this, h).x += (t(this, h).targetX - t(this, h).x) * 0.15, t(this, h).y += (t(this, h).targetY - t(this, h).y) * 0.15;\n  const p = t(this, M), c = t(this, I), m = t(this, R), x = t(this, U), n = 1 / p, d = 1 / c;\n  ct(r, t(this, xe), n, d, Ve, u.velocityDissipation), $e(r, t(this, pe), n, d), $e(r, t(this, de), n, d), $e(r, t(this, he), n, d), $e(r, t(this, ge), n, d), jt(r, t(this, be), n, d, u.curl, Ve), Kt(\n    r,\n    t(this, Te),\n    1 / m,\n    1 / x,\n    u.refraction,\n    u.specularExp,\n    Ne(u.waterColor),\n    Ne(u.glowColor),\n    u.shine,\n    u.warpStrength ?? 0.015,\n    vt[u.algorithm] ?? 0,\n    t(this, Se)\n  );\n  const b = r.createCommandEncoder(), y = (g, _) => r.createBindGroup({ layout: g.getBindGroupLayout(0), entries: _ }), D = { binding: 1, resource: a };\n  {\n    const g = y(s.advection, [\n      { binding: 0, resource: { buffer: t(this, xe) } },\n      D,\n      { binding: 2, resource: t(this, T).read.view },\n      { binding: 3, resource: t(this, T).read.view },\n      { binding: 4, resource: v.obstacleView }\n    ]);\n    z(b, s.advection, g, o, t(this, T).write.view);\n  }\n  t(this, T).swap();\n  {\n    ct(r, t(this, me), n, d, Ve, u.densityDissipation);\n    const g = y(s.advection, [\n      { binding: 0, resource: { buffer: t(this, me) } },\n      D,\n      { binding: 2, resource: t(this, T).read.view },\n      { binding: 3, resource: t(this, O).read.view },\n      { binding: 4, resource: v.obstacleView }\n    ]);\n    z(b, s.advection, g, o, t(this, O).write.view);\n  }\n  t(this, O).swap();\n  {\n    const g = y(s.curl, [\n      { binding: 0, resource: { buffer: t(this, ge) } },\n      D,\n      { binding: 2, resource: t(this, T).read.view }\n    ]);\n    z(b, s.curl, g, o, t(this, ae).view);\n  }\n  {\n    const g = y(s.vorticity, [\n      { binding: 0, resource: { buffer: t(this, be) } },\n      D,\n      { binding: 2, resource: t(this, T).read.view },\n      { binding: 3, resource: t(this, ae).view }\n    ]);\n    z(b, s.vorticity, g, o, t(this, T).write.view);\n  }\n  if (t(this, T).swap(), t(this, h).moved) {\n    const g = t(this, h).x * t(this, P) / m, _ = t(this, h).y * t(this, P) / x;\n    qe(\n      r,\n      t(this, J),\n      n,\n      d,\n      m / x,\n      u.splatRadius,\n      t(this, h).dx * u.splatForce,\n      t(this, h).dy * u.splatForce,\n      0,\n      g,\n      _\n    );\n    {\n      const F = y(s.splat, [\n        { binding: 0, resource: { buffer: t(this, J) } },\n        D,\n        { binding: 2, resource: t(this, T).read.view }\n      ]);\n      z(b, s.splat, F, o, t(this, T).write.view);\n    }\n    t(this, T).swap(), qe(\n      r,\n      t(this, Z),\n      n,\n      d,\n      m / x,\n      u.splatRadius,\n      1,\n      1,\n      1,\n      g,\n      _\n    );\n    {\n      const F = y(s.splat, [\n        { binding: 0, resource: { buffer: t(this, Z) } },\n        D,\n        { binding: 2, resource: t(this, O).read.view }\n      ]);\n      z(b, s.splat, F, o, t(this, O).write.view);\n    }\n    t(this, O).swap(), t(this, h).moved = !1;\n  }\n  {\n    const g = y(s.divergence, [\n      { binding: 0, resource: { buffer: t(this, pe) } },\n      D,\n      { binding: 2, resource: t(this, T).read.view },\n      { binding: 3, resource: v.obstacleView }\n    ]);\n    z(b, s.divergence, g, o, t(this, oe).view);\n  }\n  for (let g = 0; g < u.pressureIterations; g++) {\n    const _ = y(s.pressure, [\n      { binding: 0, resource: { buffer: t(this, de) } },\n      D,\n      { binding: 2, resource: t(this, Q).read.view },\n      { binding: 3, resource: t(this, oe).view },\n      { binding: 4, resource: v.obstacleView }\n    ]);\n    z(b, s.pressure, _, o, t(this, Q).write.view), t(this, Q).swap();\n  }\n  {\n    const g = y(s.gradientSubtract, [\n      { binding: 0, resource: { buffer: t(this, he) } },\n      D,\n      { binding: 2, resource: t(this, Q).read.view },\n      { binding: 3, resource: t(this, T).read.view },\n      { binding: 4, resource: v.obstacleView }\n    ]);\n    z(b, s.gradientSubtract, g, o, t(this, T).write.view);\n  }\n  t(this, T).swap();\n  {\n    const g = e.context.getCurrentTexture().createView(), _ = y(s.display, [\n      { binding: 0, resource: { buffer: t(this, Te) } },\n      D,\n      { binding: 2, resource: t(this, O).read.view },\n      { binding: 3, resource: v.obstacleView },\n      { binding: 4, resource: v.backgroundView },\n      { binding: 5, resource: v.coverageView },\n      { binding: 6, resource: t(this, T).read.view }\n    ]);\n    Jt(b, s.display, _, o, g);\n  }\n  r.queue.submit([b.finish()]);\n}, Je = new WeakSet(), ht = function(e, r, s, o, a) {\n  const v = t(this, V).device, p = t(this, De).splat, c = t(this, ve), m = t(this, _e), x = t(this, te), n = t(this, M), d = t(this, I), b = 1 / n, y = 1 / d, D = v.createCommandEncoder(), g = { binding: 1, resource: m }, _ = (Oe) => v.createBindGroup({ layout: p.getBindGroupLayout(0), entries: Oe }), F = e * t(this, P) / t(this, R), W = r * t(this, P) / t(this, U);\n  qe(\n    v,\n    t(this, J),\n    b,\n    y,\n    t(this, R) / t(this, U),\n    x.splatRadius,\n    s * x.splatForce * a,\n    o * x.splatForce * a,\n    0,\n    F,\n    W\n  );\n  {\n    const Oe = _([\n      { binding: 0, resource: { buffer: t(this, J) } },\n      g,\n      { binding: 2, resource: t(this, T).read.view }\n    ]);\n    z(D, p, Oe, c, t(this, T).write.view);\n  }\n  t(this, T).swap(), qe(\n    v,\n    t(this, Z),\n    b,\n    y,\n    t(this, R) / t(this, U),\n    x.splatRadius,\n    a,\n    a,\n    a,\n    F,\n    W\n  );\n  {\n    const Oe = _([\n      { binding: 0, resource: { buffer: t(this, Z) } },\n      g,\n      { binding: 2, resource: t(this, O).read.view }\n    ]);\n    z(D, p, Oe, c, t(this, O).write.view);\n  }\n  t(this, O).swap(), v.queue.submit([D.finish()]);\n}, Ze = new WeakSet(), gt = function(e, r, s, o, a) {\n  const u = t(this, G), v = t(this, te), p = t(this, fe).splat, c = t(this, Ue);\n  u.viewport(0, 0, t(this, M), t(this, I)), p.bind(), u.uniform1f(p.uniforms.aspectRatio, t(this, R) / t(this, U)), u.uniform2f(p.uniforms.point, e * t(this, P) / t(this, R), 1 - r * t(this, P) / t(this, U)), u.uniform1f(p.uniforms.radius, v.splatRadius), u.uniform1i(p.uniforms.uTarget, 0), u.activeTexture(u.TEXTURE0), u.bindTexture(u.TEXTURE_2D, t(this, w).read.tex), u.uniform3f(p.uniforms.color, s * v.splatForce * a, -o * v.splatForce * a, 0), c(t(this, w).write.fbo), t(this, w).swap(), u.activeTexture(u.TEXTURE0), u.bindTexture(u.TEXTURE_2D, t(this, B).read.tex), u.uniform3f(p.uniforms.color, a, a, a), c(t(this, B).write.fbo), t(this, B).swap();\n}, et = new WeakSet(), bt = function() {\n  if (!t(this, B) || !t(this, w))\n    return;\n  const e = t(this, G), r = t(this, te), { advection: s, divergence: o, pressure: a, gradientSubtract: u, splat: v, curl: p, vorticity: c, display: m } = t(this, fe);\n  t(this, h).x += (t(this, h).targetX - t(this, h).x) * 0.15, t(this, h).y += (t(this, h).targetY - t(this, h).y) * 0.15;\n  const x = t(this, M), n = t(this, I), d = t(this, Ue);\n  e.viewport(0, 0, x, n), s.bind(), e.uniform2f(s.uniforms.texelSize, 1 / x, 1 / n), e.uniform1f(s.uniforms.dt, Ve), e.uniform1i(s.uniforms.uObstacle, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, t(this, L)), e.uniform1f(s.uniforms.dissipation, r.velocityDissipation), e.uniform1i(s.uniforms.uVelocity, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, t(this, w).read.tex), e.uniform1i(s.uniforms.uSource, 1), d(t(this, w).write.fbo), t(this, w).swap(), e.uniform1f(s.uniforms.dissipation, r.densityDissipation), e.uniform1i(s.uniforms.uSource, 2), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, t(this, B).read.tex), d(t(this, B).write.fbo), t(this, B).swap(), p.bind(), e.uniform2f(p.uniforms.texelSize, 1 / x, 1 / n), e.uniform1i(p.uniforms.uVelocity, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, t(this, w).read.tex), d(t(this, H).fbo), c.bind(), e.uniform2f(c.uniforms.texelSize, 1 / x, 1 / n), e.uniform1f(c.uniforms.curl, r.curl), e.uniform1f(c.uniforms.dt, Ve), e.uniform1i(c.uniforms.uVelocity, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, t(this, w).read.tex), e.uniform1i(c.uniforms.uCurl, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, t(this, H).tex), d(t(this, w).write.fbo), t(this, w).swap(), t(this, h).moved && (v.bind(), e.uniform1f(v.uniforms.aspectRatio, t(this, R) / t(this, U)), e.uniform2f(v.uniforms.point, t(this, h).x * t(this, P) / t(this, R), 1 - t(this, h).y * t(this, P) / t(this, U)), e.uniform1f(v.uniforms.radius, r.splatRadius), e.uniform1i(v.uniforms.uTarget, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, t(this, w).read.tex), e.uniform3f(v.uniforms.color, t(this, h).dx * r.splatForce, -t(this, h).dy * r.splatForce, 0), d(t(this, w).write.fbo), t(this, w).swap(), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, t(this, B).read.tex), e.uniform3f(v.uniforms.color, 1, 1, 1), d(t(this, B).write.fbo), t(this, B).swap(), t(this, h).moved = !1), o.bind(), e.uniform2f(o.uniforms.texelSize, 1 / x, 1 / n), e.uniform1i(o.uniforms.uVelocity, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, t(this, w).read.tex), e.uniform1i(o.uniforms.uObstacle, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, t(this, L)), d(t(this, $).fbo), a.bind(), e.uniform2f(a.uniforms.texelSize, 1 / x, 1 / n), e.uniform1i(a.uniforms.uDivergence, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, t(this, $).tex), e.uniform1i(a.uniforms.uObstacle, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, t(this, L));\n  for (let b = 0; b < r.pressureIterations; b++)\n    e.uniform1i(a.uniforms.uPressure, 2), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, t(this, q).read.tex), d(t(this, q).write.fbo), t(this, q).swap();\n  u.bind(), e.uniform2f(u.uniforms.texelSize, 1 / x, 1 / n), e.uniform1i(u.uniforms.uPressure, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, t(this, q).read.tex), e.uniform1i(u.uniforms.uVelocity, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, t(this, w).read.tex), e.uniform1i(u.uniforms.uObstacle, 2), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, t(this, L)), d(t(this, w).write.fbo), t(this, w).swap(), e.viewport(0, 0, t(this, R), t(this, U)), e.bindFramebuffer(e.FRAMEBUFFER, null), e.clear(e.COLOR_BUFFER_BIT), m.bind(), e.uniform2f(m.uniforms.texelSize, 1 / t(this, R), 1 / t(this, U)), e.uniform3fv(m.uniforms.uWaterColor, Ne(r.waterColor)), e.uniform3fv(m.uniforms.uGlowColor, Ne(r.glowColor)), e.uniform1f(m.uniforms.uRefraction, r.refraction), e.uniform1f(m.uniforms.uSpecularExp, r.specularExp), e.uniform1f(m.uniforms.uShine, r.shine), e.uniform1f(m.uniforms.uWarpStrength, r.warpStrength ?? 0.015), e.uniform1i(m.uniforms.uAlgorithm, vt[r.algorithm] ?? 0), e.uniform1i(m.uniforms.uEnableAlpha, t(this, Se) ? 1 : 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, t(this, B).read.tex), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, t(this, L)), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, t(this, K)), e.activeTexture(e.TEXTURE3), e.bindTexture(e.TEXTURE_2D, t(this, Y)), e.activeTexture(e.TEXTURE4), e.bindTexture(e.TEXTURE_2D, t(this, w).read.tex), e.uniform1i(m.uniforms.uTexture, 0), e.uniform1i(m.uniforms.uObstacle, 1), e.uniform1i(m.uniforms.uBackground, 2), e.uniform1i(m.uniforms.uCoverage, 3), e.uniform1i(m.uniforms.uVelocity, 4), d(null);\n};\nlet st = nt;\nconst or = () => {\n};\nlet E = null, Tt;\nconst N = new Promise((i) => {\n  Tt = i;\n});\nself.onmessage = async (i) => {\n  const { type: e, ...r } = i.data;\n  try {\n    switch (e) {\n      case \"init\": {\n        const { canvas: s, width: o, height: a, config: u, dpr: v, quality: p, useWebGPU: c, enableAlpha: m } = r;\n        s.width = o, s.height = a, E = await st.create(s, u, p ?? {}, c ?? !0, m ?? !0), E.resize(o, a, v || 1), Tt(), self.postMessage({ type: \"ready\" });\n        break;\n      }\n      case \"setTextSource\": {\n        if (await N, !E)\n          return;\n        E.setTextSource(r.opts);\n        break;\n      }\n      case \"setImageSource\": {\n        if (await N, !E)\n          return;\n        await E.setImageSource(\n          r.src,\n          r.effect,\n          r.size\n        );\n        break;\n      }\n      case \"setImageBitmap\": {\n        if (await N, !E)\n          return;\n        E.setImageBitmap(\n          r.bitmap,\n          r.effect,\n          r.size\n        );\n        break;\n      }\n      case \"setBackground\": {\n        if (await N, !E)\n          return;\n        E.setBackground(r.bitmap, r.size);\n        break;\n      }\n      case \"splat\": {\n        if (await N, !E)\n          return;\n        E.splat(\n          r.x,\n          r.y,\n          r.vx,\n          r.vy,\n          r.strength ?? 1\n        );\n        break;\n      }\n      case \"move\": {\n        if (await N, !E)\n          return;\n        E.handleMove(r.x, r.y, r.strength ?? 1);\n        break;\n      }\n      case \"resize\": {\n        if (await N, !E)\n          return;\n        E.resize(r.width, r.height, r.dpr);\n        break;\n      }\n      case \"updateQuality\": {\n        if (await N, !E)\n          return;\n        E.updateQuality(r.quality);\n        break;\n      }\n      case \"updateConfig\": {\n        if (await N, !E)\n          return;\n        E.updateConfig(r.config);\n        break;\n      }\n      case \"destroy\": {\n        await N, E == null || E.destroy(), E = null;\n        break;\n      }\n      default:\n        or(\"Unknown message type:\", e);\n    }\n  } catch (s) {\n    self.postMessage({ type: \"error\", message: (s == null ? void 0 : s.message) ?? String(s) });\n  }\n};\n", gC = typeof window < "u" && window.Blob && new Blob([uC], { type: "text/javascript;charset=utf-8" });
-function qC() {
-  let e;
-  try {
-    if (e = gC && (window.URL || window.webkitURL).createObjectURL(gC), !e)
-      throw "";
-    return new Worker(e);
-  } catch {
-    return new Worker("data:application/javascript;base64," + uC, { type: "module" });
-  } finally {
-    e && (window.URL || window.webkitURL).revokeObjectURL(e);
-  }
+//#endregion
+//#region src/core/simulation.ts
+var me = typeof requestAnimationFrame < "u" ? requestAnimationFrame.bind(globalThis) : (e) => setTimeout(e, 1e3 / 60), he = typeof cancelAnimationFrame < "u" ? cancelAnimationFrame.bind(globalThis) : clearTimeout, Z = .016, ge = {
+	standard: 0,
+	glass: 1,
+	ink: 2,
+	aurora: 3,
+	ripple: 4
+}, Q = class e {
+	#e;
+	#t = null;
+	#n = null;
+	#r = null;
+	#i = null;
+	#a = null;
+	#o = null;
+	#s = null;
+	#c = null;
+	#l = null;
+	#u = null;
+	#d = null;
+	#f = null;
+	#p = null;
+	#m = null;
+	#h = null;
+	#g = null;
+	#_ = null;
+	#v = null;
+	#y = null;
+	#b = null;
+	#x = null;
+	#S = null;
+	#C = null;
+	#w = null;
+	#T = null;
+	#E = null;
+	#D = null;
+	#O = null;
+	#k = null;
+	#A = null;
+	#j = null;
+	#M = null;
+	#N = 0;
+	#P = 0;
+	#F = 0;
+	#I = 0;
+	#L = 1;
+	#R = 1;
+	#z = .5;
+	#B = null;
+	#V = "cover";
+	#H;
+	#U = {
+		x: 0,
+		y: 0,
+		dx: 0,
+		dy: 0,
+		targetX: 0,
+		targetY: 0,
+		moved: !1
+	};
+	#W = !1;
+	#G = null;
+	#K = null;
+	#q = !1;
+	#J = !1;
+	#Y = !0;
+	constructor(e, t = {}, n = {}, r, i = !0) {
+		if (this.#e = e, this.#R = Math.max(.1, Math.min(1, n.dpr ?? 1)), this.#z = Math.max(.1, Math.min(1, n.sim ?? .5)), this.#H = h(t), this.#Y = i, r) this.#p = r, this.#X(r);
+		else {
+			let { gl: t, ext: n } = N(e, i);
+			this.#t = t, this.#n = n, this.#r = I(t), this.#i = z(t), t.clearColor(0, 0, 0, +!i);
+		}
+	}
+	static async create(t, n = {}, r = {}, i = !0, a = !0) {
+		return new e(t, n, r, (i ? await P(t, a) : null) ?? void 0, a);
+	}
+	setTextSource(e) {
+		this.#G = {
+			type: "text",
+			opts: e
+		}, this.#Z(), this.#$(), this.#ee();
+	}
+	async setImageSource(e, t = 0, n = "cover") {
+		let r = await C(e);
+		if (this.#J) {
+			r.close();
+			return;
+		}
+		this.#G = {
+			type: "image",
+			bitmap: r,
+			effect: t,
+			size: n
+		}, this.#Z(), this.#$(), this.#ee();
+	}
+	setImageBitmap(e, t = 0, n = "cover") {
+		this.#G = {
+			type: "image",
+			bitmap: e,
+			effect: t,
+			size: n
+		}, this.#Z(), this.#$(), this.#ee();
+	}
+	setBackground(e, t = "cover") {
+		this.#B && this.#B !== e && this.#B.close(), this.#B = e, this.#V = t ?? "cover", this.#G && this.#N > 0 && this.#P > 0 && this.#$();
+	}
+	handleMove(e, t, n = 1) {
+		if (!this.#W) {
+			this.#U.x = this.#U.targetX = e, this.#U.y = this.#U.targetY = t, this.#W = !0;
+			return;
+		}
+		this.#U.moved = !0, this.#U.dx = (e - this.#U.targetX) * n, this.#U.dy = (t - this.#U.targetY) * n, this.#U.targetX = e, this.#U.targetY = t;
+	}
+	splat(e, t, n, r, i = 1) {
+		!this.#q || this.#N === 0 || (this.#p ? this.#ae(e, t, n, r, i) : this.#oe(e, t, n, r, i));
+	}
+	updateQuality(e) {
+		e.dpr !== void 0 && (this.#R = Math.max(.1, Math.min(1, e.dpr))), e.sim !== void 0 && (this.#z = Math.max(.1, Math.min(1, e.sim)));
+	}
+	resize(e, t, n) {
+		if (n === void 0 ? typeof window < "u" && window.devicePixelRatio && (this.#L = window.devicePixelRatio) : this.#L = n, e !== void 0 && e > 0) {
+			if (t === void 0 || t <= 0) return;
+			this.#N = this.#e.width = e, this.#P = this.#e.height = t, this.#F = Math.max(1, Math.round(e * this.#z)), this.#I = Math.max(1, Math.round(t * this.#z)), this.#Q();
+		} else this.#Z();
+		this.#G && this.#$(), this.#ee();
+	}
+	updateConfig(e) {
+		Object.assign(this.#H, e);
+	}
+	destroy() {
+		if (this.#J = !0, this.stop(), this.#te(), this.#ne(), this.#B &&= (this.#B.close(), null), this.#p) this.#C?.destroy(), this.#w?.destroy(), this.#T?.destroy(), this.#E?.destroy(), this.#D?.destroy(), this.#O?.destroy(), this.#k?.destroy(), this.#A?.destroy(), this.#j?.destroy(), this.#M?.destroy(), this.#h?.destroy(), this.#p.device.destroy();
+		else {
+			let e = this.#t;
+			for (let e of Object.values(this.#r)) e.dispose();
+			e.getExtension("WEBGL_lose_context")?.loseContext();
+		}
+	}
+	start() {
+		if (this.#K !== null) return;
+		let e = () => {
+			this.#re(), this.#K = me(e);
+		};
+		this.#K = me(e);
+	}
+	stop() {
+		this.#K !== null && (he(this.#K), this.#K = null);
+	}
+	get isRunning() {
+		return this.#K !== null;
+	}
+	#X(e) {
+		let { device: t, format: n } = e;
+		this.#m = ce(t, n, this.#Y), this.#h = oe(t), this.#g = le(t), this.#C = q(t, 16), this.#w = q(t, 16), this.#T = q(t, 16), this.#E = q(t, 16), this.#D = q(t, 16), this.#O = q(t, 48), this.#k = q(t, 48), this.#A = q(t, 16), this.#j = q(t, 16), this.#M = q(t, 64);
+	}
+	#Z() {
+		let e = this.#e;
+		"clientWidth" in e && e.clientWidth > 0 ? (this.#L = (typeof window < "u" && window.devicePixelRatio || 1) * this.#R, this.#N = e.width = Math.round(e.clientWidth * this.#L), this.#P = e.height = Math.round(e.clientHeight * this.#L)) : (this.#N = e.width, this.#P = e.height), !(this.#N === 0 || this.#P === 0) && (this.#F = Math.max(1, Math.round(this.#N * this.#z)), this.#I = Math.max(1, Math.round(this.#P * this.#z)), this.#Q());
+	}
+	#Q() {
+		if (this.#te(), this.#p) {
+			let { device: e } = this.#p, t = "rgba16float", n = this.#F, r = this.#I;
+			this.#_ = G(e, t, n, r), this.#v = G(e, t, n, r), this.#b = G(e, t, n, r), this.#y = W(e, t, n, r), this.#x = W(e, t, n, r);
+		} else {
+			let e = this.#t, t = this.#n, n = this.#F, r = this.#I;
+			this.#a = R(e, t, n, r), this.#o = R(e, t, n, r), this.#c = R(e, t, n, r), this.#s = L(e, t, n, r), this.#l = L(e, t, n, r);
+		}
+	}
+	#$() {
+		if (!(!this.#G || this.#N === 0 || this.#P === 0)) {
+			if (this.#ne(), this.#p) {
+				let { device: e } = this.#p;
+				this.#G.type === "text" ? this.#S = b(e, this.#N, this.#P, this.#G.opts, this.#B, this.#V) : this.#S = x(e, this.#G.bitmap, this.#N, this.#P, this.#G.effect, this.#G.size, this.#B, this.#V);
+			} else {
+				let e = this.#t;
+				if (this.#G.type === "text") {
+					let { backgroundTex: t, obstacleTex: n, coverageTex: r } = _(e, this.#N, this.#P, this.#G.opts, this.#B, this.#V);
+					this.#u = t, this.#d = n, this.#f = r;
+				} else {
+					let { backgroundTex: t, obstacleTex: n, coverageTex: r } = v(e, this.#G.bitmap, this.#N, this.#P, this.#G.effect, this.#G.size, this.#B, this.#V);
+					this.#u = t, this.#d = n, this.#f = r;
+				}
+			}
+			this.#q = !0;
+		}
+	}
+	#ee() {
+		this.#q && !this.isRunning && this.start();
+	}
+	#te() {
+		if (this.#p) this.#_?.dispose(), this.#v?.dispose(), this.#b?.dispose(), this.#y?.tex.destroy(), this.#x?.tex.destroy(), this.#_ = this.#v = this.#b = null, this.#y = this.#x = null;
+		else {
+			let e = this.#t;
+			this.#a?.dispose(), this.#o?.dispose(), this.#c?.dispose(), this.#s && (e.deleteTexture(this.#s.tex), e.deleteFramebuffer(this.#s.fbo)), this.#l && (e.deleteTexture(this.#l.tex), e.deleteFramebuffer(this.#l.fbo)), this.#a = this.#o = this.#c = this.#s = this.#l = null;
+		}
+	}
+	#ne() {
+		if (this.#p) this.#S &&= (this.#S.backgroundTex.destroy(), this.#S.obstacleTex.destroy(), this.#S.sharedCoverage || this.#S.coverageTex.destroy(), null);
+		else {
+			let e = this.#t;
+			this.#u && e.deleteTexture(this.#u), this.#d && e.deleteTexture(this.#d), this.#f && this.#f !== this.#d && e.deleteTexture(this.#f), this.#u = this.#d = this.#f = null;
+		}
+	}
+	#re() {
+		!this.#q || this.#N === 0 || (this.#p ? this.#ie() : this.#se());
+	}
+	#ie() {
+		let e = this.#p, t = e.device, n = this.#m, r = this.#h, i = this.#g, a = this.#H, o = this.#S;
+		if (!this.#_ || !this.#v) return;
+		this.#U.x += (this.#U.targetX - this.#U.x) * .15, this.#U.y += (this.#U.targetY - this.#U.y) * .15;
+		let s = this.#F, c = this.#I, l = this.#N, u = this.#P, d = 1 / s, f = 1 / c;
+		ue(t, this.#C, d, f, Z, a.velocityDissipation), J(t, this.#T, d, f), J(t, this.#E, d, f), J(t, this.#D, d, f), J(t, this.#A, d, f), de(t, this.#j, d, f, a.curl, Z), fe(t, this.#M, 1 / l, 1 / u, a.refraction, a.specularExp, m(a.waterColor), m(a.glowColor), a.shine, a.warpStrength ?? .015, ge[a.algorithm] ?? 0, this.#Y);
+		let p = t.createCommandEncoder(), h = (e, n) => t.createBindGroup({
+			layout: e.getBindGroupLayout(0),
+			entries: n
+		}), g = {
+			binding: 1,
+			resource: i
+		};
+		{
+			let e = h(n.advection, [
+				{
+					binding: 0,
+					resource: { buffer: this.#C }
+				},
+				g,
+				{
+					binding: 2,
+					resource: this.#v.read.view
+				},
+				{
+					binding: 3,
+					resource: this.#v.read.view
+				},
+				{
+					binding: 4,
+					resource: o.obstacleView
+				}
+			]);
+			X(p, n.advection, e, r, this.#v.write.view);
+		}
+		this.#v.swap();
+		{
+			ue(t, this.#w, d, f, Z, a.densityDissipation);
+			let e = h(n.advection, [
+				{
+					binding: 0,
+					resource: { buffer: this.#w }
+				},
+				g,
+				{
+					binding: 2,
+					resource: this.#v.read.view
+				},
+				{
+					binding: 3,
+					resource: this.#_.read.view
+				},
+				{
+					binding: 4,
+					resource: o.obstacleView
+				}
+			]);
+			X(p, n.advection, e, r, this.#_.write.view);
+		}
+		this.#_.swap();
+		{
+			let e = h(n.curl, [
+				{
+					binding: 0,
+					resource: { buffer: this.#A }
+				},
+				g,
+				{
+					binding: 2,
+					resource: this.#v.read.view
+				}
+			]);
+			X(p, n.curl, e, r, this.#x.view);
+		}
+		{
+			let e = h(n.vorticity, [
+				{
+					binding: 0,
+					resource: { buffer: this.#j }
+				},
+				g,
+				{
+					binding: 2,
+					resource: this.#v.read.view
+				},
+				{
+					binding: 3,
+					resource: this.#x.view
+				}
+			]);
+			X(p, n.vorticity, e, r, this.#v.write.view);
+		}
+		if (this.#v.swap(), this.#U.moved) {
+			let e = this.#U.x * this.#L / l, i = this.#U.y * this.#L / u;
+			Y(t, this.#O, d, f, l / u, a.splatRadius, this.#U.dx * a.splatForce, this.#U.dy * a.splatForce, 0, e, i);
+			{
+				let e = h(n.splat, [
+					{
+						binding: 0,
+						resource: { buffer: this.#O }
+					},
+					g,
+					{
+						binding: 2,
+						resource: this.#v.read.view
+					}
+				]);
+				X(p, n.splat, e, r, this.#v.write.view);
+			}
+			this.#v.swap(), Y(t, this.#k, d, f, l / u, a.splatRadius, 1, 1, 1, e, i);
+			{
+				let e = h(n.splat, [
+					{
+						binding: 0,
+						resource: { buffer: this.#k }
+					},
+					g,
+					{
+						binding: 2,
+						resource: this.#_.read.view
+					}
+				]);
+				X(p, n.splat, e, r, this.#_.write.view);
+			}
+			this.#_.swap(), this.#U.moved = !1;
+		}
+		{
+			let e = h(n.divergence, [
+				{
+					binding: 0,
+					resource: { buffer: this.#T }
+				},
+				g,
+				{
+					binding: 2,
+					resource: this.#v.read.view
+				},
+				{
+					binding: 3,
+					resource: o.obstacleView
+				}
+			]);
+			X(p, n.divergence, e, r, this.#y.view);
+		}
+		for (let e = 0; e < a.pressureIterations; e++) {
+			let e = h(n.pressure, [
+				{
+					binding: 0,
+					resource: { buffer: this.#E }
+				},
+				g,
+				{
+					binding: 2,
+					resource: this.#b.read.view
+				},
+				{
+					binding: 3,
+					resource: this.#y.view
+				},
+				{
+					binding: 4,
+					resource: o.obstacleView
+				}
+			]);
+			X(p, n.pressure, e, r, this.#b.write.view), this.#b.swap();
+		}
+		{
+			let e = h(n.gradientSubtract, [
+				{
+					binding: 0,
+					resource: { buffer: this.#D }
+				},
+				g,
+				{
+					binding: 2,
+					resource: this.#b.read.view
+				},
+				{
+					binding: 3,
+					resource: this.#v.read.view
+				},
+				{
+					binding: 4,
+					resource: o.obstacleView
+				}
+			]);
+			X(p, n.gradientSubtract, e, r, this.#v.write.view);
+		}
+		this.#v.swap();
+		{
+			let t = e.context.getCurrentTexture().createView(), i = h(n.display, [
+				{
+					binding: 0,
+					resource: { buffer: this.#M }
+				},
+				g,
+				{
+					binding: 2,
+					resource: this.#_.read.view
+				},
+				{
+					binding: 3,
+					resource: o.obstacleView
+				},
+				{
+					binding: 4,
+					resource: o.backgroundView
+				},
+				{
+					binding: 5,
+					resource: o.coverageView
+				},
+				{
+					binding: 6,
+					resource: this.#v.read.view
+				}
+			]);
+			pe(p, n.display, i, r, t);
+		}
+		t.queue.submit([p.finish()]);
+	}
+	#ae(e, t, n, r, i) {
+		let a = this.#p.device, o = this.#m.splat, s = this.#h, c = this.#g, l = this.#H, u = this.#F, d = this.#I, f = 1 / u, p = 1 / d, m = a.createCommandEncoder(), h = {
+			binding: 1,
+			resource: c
+		}, g = (e) => a.createBindGroup({
+			layout: o.getBindGroupLayout(0),
+			entries: e
+		}), _ = e * this.#L / this.#N, v = t * this.#L / this.#P;
+		Y(a, this.#O, f, p, this.#N / this.#P, l.splatRadius, n * l.splatForce * i, r * l.splatForce * i, 0, _, v), X(m, o, g([
+			{
+				binding: 0,
+				resource: { buffer: this.#O }
+			},
+			h,
+			{
+				binding: 2,
+				resource: this.#v.read.view
+			}
+		]), s, this.#v.write.view), this.#v.swap(), Y(a, this.#k, f, p, this.#N / this.#P, l.splatRadius, i, i, i, _, v), X(m, o, g([
+			{
+				binding: 0,
+				resource: { buffer: this.#k }
+			},
+			h,
+			{
+				binding: 2,
+				resource: this.#_.read.view
+			}
+		]), s, this.#_.write.view), this.#_.swap(), a.queue.submit([m.finish()]);
+	}
+	#oe(e, t, n, r, i) {
+		let a = this.#t, o = this.#H, s = this.#r.splat, c = this.#i;
+		a.viewport(0, 0, this.#F, this.#I), s.bind(), a.uniform1f(s.uniforms.aspectRatio, this.#N / this.#P), a.uniform2f(s.uniforms.point, e * this.#L / this.#N, 1 - t * this.#L / this.#P), a.uniform1f(s.uniforms.radius, o.splatRadius), a.uniform1i(s.uniforms.uTarget, 0), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, this.#o.read.tex), a.uniform3f(s.uniforms.color, n * o.splatForce * i, -r * o.splatForce * i, 0), c(this.#o.write.fbo), this.#o.swap(), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, this.#a.read.tex), a.uniform3f(s.uniforms.color, i, i, i), c(this.#a.write.fbo), this.#a.swap();
+	}
+	#se() {
+		if (!this.#a || !this.#o) return;
+		let e = this.#t, t = this.#H, { advection: n, divergence: r, pressure: i, gradientSubtract: a, splat: o, curl: s, vorticity: c, display: l } = this.#r;
+		this.#U.x += (this.#U.targetX - this.#U.x) * .15, this.#U.y += (this.#U.targetY - this.#U.y) * .15;
+		let u = this.#F, d = this.#I, f = this.#i;
+		e.viewport(0, 0, u, d), n.bind(), e.uniform2f(n.uniforms.texelSize, 1 / u, 1 / d), e.uniform1f(n.uniforms.dt, Z), e.uniform1i(n.uniforms.uObstacle, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#d), e.uniform1f(n.uniforms.dissipation, t.velocityDissipation), e.uniform1i(n.uniforms.uVelocity, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#o.read.tex), e.uniform1i(n.uniforms.uSource, 1), f(this.#o.write.fbo), this.#o.swap(), e.uniform1f(n.uniforms.dissipation, t.densityDissipation), e.uniform1i(n.uniforms.uSource, 2), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, this.#a.read.tex), f(this.#a.write.fbo), this.#a.swap(), s.bind(), e.uniform2f(s.uniforms.texelSize, 1 / u, 1 / d), e.uniform1i(s.uniforms.uVelocity, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#o.read.tex), f(this.#l.fbo), c.bind(), e.uniform2f(c.uniforms.texelSize, 1 / u, 1 / d), e.uniform1f(c.uniforms.curl, t.curl), e.uniform1f(c.uniforms.dt, Z), e.uniform1i(c.uniforms.uVelocity, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#o.read.tex), e.uniform1i(c.uniforms.uCurl, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#l.tex), f(this.#o.write.fbo), this.#o.swap(), this.#U.moved && (o.bind(), e.uniform1f(o.uniforms.aspectRatio, this.#N / this.#P), e.uniform2f(o.uniforms.point, this.#U.x * this.#L / this.#N, 1 - this.#U.y * this.#L / this.#P), e.uniform1f(o.uniforms.radius, t.splatRadius), e.uniform1i(o.uniforms.uTarget, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#o.read.tex), e.uniform3f(o.uniforms.color, this.#U.dx * t.splatForce, -this.#U.dy * t.splatForce, 0), f(this.#o.write.fbo), this.#o.swap(), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#a.read.tex), e.uniform3f(o.uniforms.color, 1, 1, 1), f(this.#a.write.fbo), this.#a.swap(), this.#U.moved = !1), r.bind(), e.uniform2f(r.uniforms.texelSize, 1 / u, 1 / d), e.uniform1i(r.uniforms.uVelocity, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#o.read.tex), e.uniform1i(r.uniforms.uObstacle, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#d), f(this.#s.fbo), i.bind(), e.uniform2f(i.uniforms.texelSize, 1 / u, 1 / d), e.uniform1i(i.uniforms.uDivergence, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#s.tex), e.uniform1i(i.uniforms.uObstacle, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#d);
+		for (let n = 0; n < t.pressureIterations; n++) e.uniform1i(i.uniforms.uPressure, 2), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, this.#c.read.tex), f(this.#c.write.fbo), this.#c.swap();
+		a.bind(), e.uniform2f(a.uniforms.texelSize, 1 / u, 1 / d), e.uniform1i(a.uniforms.uPressure, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#c.read.tex), e.uniform1i(a.uniforms.uVelocity, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#o.read.tex), e.uniform1i(a.uniforms.uObstacle, 2), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, this.#d), f(this.#o.write.fbo), this.#o.swap(), e.viewport(0, 0, this.#N, this.#P), e.bindFramebuffer(e.FRAMEBUFFER, null), e.clear(e.COLOR_BUFFER_BIT), l.bind(), e.uniform2f(l.uniforms.texelSize, 1 / this.#N, 1 / this.#P), e.uniform3fv(l.uniforms.uWaterColor, m(t.waterColor)), e.uniform3fv(l.uniforms.uGlowColor, m(t.glowColor)), e.uniform1f(l.uniforms.uRefraction, t.refraction), e.uniform1f(l.uniforms.uSpecularExp, t.specularExp), e.uniform1f(l.uniforms.uShine, t.shine), e.uniform1f(l.uniforms.uWarpStrength, t.warpStrength ?? .015), e.uniform1i(l.uniforms.uAlgorithm, ge[t.algorithm] ?? 0), e.uniform1i(l.uniforms.uEnableAlpha, +!!this.#Y), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#a.read.tex), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#d), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, this.#u), e.activeTexture(e.TEXTURE3), e.bindTexture(e.TEXTURE_2D, this.#f), e.activeTexture(e.TEXTURE4), e.bindTexture(e.TEXTURE_2D, this.#o.read.tex), e.uniform1i(l.uniforms.uTexture, 0), e.uniform1i(l.uniforms.uObstacle, 1), e.uniform1i(l.uniforms.uBackground, 2), e.uniform1i(l.uniforms.uCoverage, 3), e.uniform1i(l.uniforms.uVelocity, 4), f(null);
+	}
+}, _e = "const e={densityDissipation:.83,velocityDissipation:.91,pressureIterations:1,curl:0,splatRadius:.1,splatForce:.08,refraction:1,specularExp:0,shine:0,waterColor:`#000000`,glowColor:`#b3d9ff`,algorithm:`aurora`,warpStrength:.04};({...e}),typeof window<`u`&&1/(window.devicePixelRatio||1);const t={backgroundColor:`#0a0a0a`,backgroundSize:`cover`,mouseEnabled:!0,workerEnabled:!0};({...t}),{...t};const n={calm:{densityDissipation:.98,velocityDissipation:.81,curl:1e-4,splatRadius:.05,splatForce:.08,refraction:.15,shine:.03,glowColor:`#99d9ff`,waterColor:`#00050d`},sand:{densityDissipation:.95,velocityDissipation:.81,curl:1,splatRadius:.23,splatForce:.16,refraction:.8,specularExp:0,shine:.33,glowColor:`#070707`,waterColor:`#735420`},wave:{densityDissipation:.9,velocityDissipation:.2,curl:.2,splatRadius:.1,splatForce:.22,refraction:.35,shine:.2,glowColor:`#80ccff`,waterColor:`#000308`},neon:{densityDissipation:.75,velocityDissipation:.3,curl:.05,splatRadius:.18,splatForce:.29,refraction:.25,specularExp:.04,shine:.93,glowColor:`#ff33cc`,waterColor:`#0d0014`},smoke:{densityDissipation:.93,velocityDissipation:.71,curl:.04,splatRadius:.21,splatForce:.14,refraction:.08,shine:0,glowColor:`#808080`,waterColor:`#0f0f0f`}};function r(e){if(Array.isArray(e))return e;let t=e.slice(1,7);return t.length===3?[parseInt(t[0]+t[0],16)/255,parseInt(t[1]+t[1],16)/255,parseInt(t[2]+t[2],16)/255]:[parseInt(t.slice(0,2),16)/255,parseInt(t.slice(2,4),16)/255,parseInt(t.slice(4,6),16)/255]}function i(t={},r,i=e){return{...r?{...i,...n[r]}:i,...t}}const a=`precision highp float;\n attribute vec2 aPosition;\n varying vec2 vUv;\n varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform vec2 texelSize;\n void main () {\n vUv = aPosition * 0.5 + 0.5;\n vL = vUv - vec2(texelSize.x, 0.0);\n vR = vUv + vec2(texelSize.x, 0.0);\n vT = vUv + vec2(0.0, texelSize.y);\n vB = vUv - vec2(0.0, texelSize.y);\n gl_Position = vec4(aPosition, 0.0, 1.0);\n }`;function o(e,t=!0){let n={alpha:t,depth:!1,stencil:!1,antialias:!0,preserveDrawingBuffer:!1},r=e.getContext(`webgl2`,n),i=!!r;i||(r=e.getContext(`webgl`,n),r.getExtension(`EXT_color_buffer_half_float`));let a=i?null:r.getExtension(`OES_texture_half_float`),o=i?r.HALF_FLOAT:a.HALF_FLOAT_OES;return r.getExtension(`EXT_color_buffer_float`),r.getExtension(`OES_texture_half_float_linear`),{type:i?`webgl2`:`webgl1`,gl:r,isWebGL2:i,ext:{internalFormat:i?r.RGBA16F:r.RGBA,format:r.RGBA,type:o}}}async function s(e,t=!0){if(typeof navigator>`u`||!navigator.gpu)return null;try{let n=await navigator.gpu.requestAdapter();if(!n)return null;let r=await n.requestDevice(),i=e.getContext(`webgpu`);if(!i)return null;let a=navigator.gpu.getPreferredCanvasFormat();return i.configure({device:r,format:a,alphaMode:t?`premultiplied`:`opaque`}),{type:`webgpu`,adapter:n,device:r,context:i,format:a}}catch{return null}}var c=class{program;uniforms={};_gl;constructor(e,t,n){this._gl=e,this.program=e.createProgram(),e.attachShader(this.program,this._compile(e.VERTEX_SHADER,t)),e.attachShader(this.program,this._compile(e.FRAGMENT_SHADER,n)),e.linkProgram(this.program);let r=e.getProgramParameter(this.program,e.ACTIVE_UNIFORMS);for(let t=0;t<r;t++){let n=e.getActiveUniform(this.program,t).name;this.uniforms[n]=e.getUniformLocation(this.program,n)}}_compile(e,t){let n=this._gl,r=n.createShader(e);return n.shaderSource(r,t),n.compileShader(r),r}bind(){this._gl.useProgram(this.program)}dispose(){this._gl.deleteProgram(this.program)}};function l(e){return{advection:new c(e,a,`precision highp float;\n varying vec2 vUv;\n uniform sampler2D uVelocity;\n uniform sampler2D uSource;\n uniform sampler2D uObstacle;\n uniform vec2 texelSize;\n uniform float dt;\n uniform float dissipation;\n void main () {\n float obs = texture2D(uObstacle, vUv).r;\n vec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize;\n \n \n \n gl_FragColor = dissipation * texture2D(uSource, coord) * (1.0 - obs);\n }`),divergence:new c(e,a,`precision highp float;\n varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uVelocity;\n uniform sampler2D uObstacle;\n void main () {\n float L = texture2D(uVelocity, vL).x * (1.0 - texture2D(uObstacle, vL).r);\n float R = texture2D(uVelocity, vR).x * (1.0 - texture2D(uObstacle, vR).r);\n float T = texture2D(uVelocity, vT).y * (1.0 - texture2D(uObstacle, vT).r);\n float B = texture2D(uVelocity, vB).y * (1.0 - texture2D(uObstacle, vB).r);\n gl_FragColor = vec4(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);\n }`),pressure:new c(e,a,`precision highp float;\n varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uPressure;\n uniform sampler2D uDivergence;\n uniform sampler2D uObstacle;\n void main () {\n float C = texture2D(uPressure, vUv).x;\n float L = mix(texture2D(uPressure, vL).x, C, texture2D(uObstacle, vL).r);\n float R = mix(texture2D(uPressure, vR).x, C, texture2D(uObstacle, vR).r);\n float T = mix(texture2D(uPressure, vT).x, C, texture2D(uObstacle, vT).r);\n float B = mix(texture2D(uPressure, vB).x, C, texture2D(uObstacle, vB).r);\n float div = texture2D(uDivergence, vUv).x;\n gl_FragColor = vec4((L + R + B + T - div) * 0.25, 0.0, 0.0, 1.0);\n }`),gradientSubtract:new c(e,a,`precision highp float;\n varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uPressure;\n uniform sampler2D uVelocity;\n uniform sampler2D uObstacle;\n void main () {\n float obs = texture2D(uObstacle, vUv).r;\n float C = texture2D(uPressure, vUv).x;\n float L = mix(texture2D(uPressure, vL).x, C, texture2D(uObstacle, vL).r);\n float R = mix(texture2D(uPressure, vR).x, C, texture2D(uObstacle, vR).r);\n float T = mix(texture2D(uPressure, vT).x, C, texture2D(uObstacle, vT).r);\n float B = mix(texture2D(uPressure, vB).x, C, texture2D(uObstacle, vB).r);\n vec2 vel = (texture2D(uVelocity, vUv).xy - vec2(R - L, T - B)) * (1.0 - obs);\n gl_FragColor = vec4(vel, 0.0, 1.0);\n }`),splat:new c(e,a,`precision highp float;\n varying vec2 vUv;\n uniform sampler2D uTarget;\n uniform float aspectRatio;\n uniform vec3 color;\n uniform vec2 point;\n uniform float radius;\n void main () {\n vec2 p = vUv - point.xy;\n p.x *= aspectRatio;\n vec3 splat = exp(-dot(p, p) / radius) * color;\n gl_FragColor = vec4(texture2D(uTarget, vUv).xyz + splat, 1.0);\n }`),curl:new c(e,a,`precision highp float;\n varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uVelocity;\n void main () {\n float L = texture2D(uVelocity, vL).y;\n float R = texture2D(uVelocity, vR).y;\n float T = texture2D(uVelocity, vT).x;\n float B = texture2D(uVelocity, vB).x;\n gl_FragColor = vec4(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);\n }`),vorticity:new c(e,a,`precision highp float;\n varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uVelocity;\n uniform sampler2D uCurl;\n uniform float curl;\n uniform float dt;\n void main () {\n float L = texture2D(uCurl, vL).x;\n float R = texture2D(uCurl, vR).x;\n float T = texture2D(uCurl, vT).x;\n float B = texture2D(uCurl, vB).x;\n float C = texture2D(uCurl, vUv).x;\n vec2 force = 0.5 * vec2(abs(T) - abs(B), abs(R) - abs(L));\n force /= length(force) + 0.0001;\n force *= curl * 30.0 * C;\n gl_FragColor = vec4(texture2D(uVelocity, vUv).xy + force * dt, 0.0, 1.0);\n }`),display:new c(e,a,`precision highp float;\n varying vec2 vUv;\n uniform sampler2D uTexture;\n uniform sampler2D uObstacle;\n uniform sampler2D uBackground;\n uniform sampler2D uCoverage;\n uniform sampler2D uVelocity;\n uniform vec2 texelSize;\n uniform vec3 uWaterColor;\n uniform vec3 uGlowColor;\n uniform float uRefraction;\n uniform float uSpecularExp;\n uniform float uShine;\n uniform float uWarpStrength;\n uniform int uAlgorithm;\n uniform int uEnableAlpha;\n void main () {\n float obs = texture2D(uObstacle, vUv).r;\n \n \n float density = max(texture2D(uTexture, vUv).r, 0.0) * (1.0 - obs);\n float coverage = texture2D(uCoverage, vUv).r;\n \n \n \n \n float sx = texelSize.x * 6.0, sy = texelSize.y * 6.0;\n float d00 = max(texture2D(uTexture, vUv + vec2(-sx, -sy)).r, 0.0);\n float d10 = max(texture2D(uTexture, vUv + vec2(0.0, -sy)).r, 0.0);\n float d20 = max(texture2D(uTexture, vUv + vec2( sx, -sy)).r, 0.0);\n float d01 = max(texture2D(uTexture, vUv + vec2(-sx, 0.0)).r, 0.0);\n float d21 = max(texture2D(uTexture, vUv + vec2( sx, 0.0)).r, 0.0);\n float d02 = max(texture2D(uTexture, vUv + vec2(-sx, sy)).r, 0.0);\n float d12 = max(texture2D(uTexture, vUv + vec2(0.0, sy)).r, 0.0);\n float d22 = max(texture2D(uTexture, vUv + vec2( sx, sy)).r, 0.0);\n float gx = (d20 + 2.0*d21 + d22) - (d00 + 2.0*d01 + d02);\n float gy = (d02 + 2.0*d12 + d22) - (d00 + 2.0*d10 + d20);\n vec3 normal = normalize(vec3(gx, gy, 1.2));\n vec3 lightDir = normalize(vec3(0.5, 1.0, 0.5));\n vec3 halfV = normalize(lightDir + vec3(0.0, 0.0, 1.0));\n \n \n float specDen = density * min(density * 5.0, 1.0);\n float spec = pow(max(dot(normal, halfV), 0.0), uSpecularExp) * uShine * specDen;\n \n \n \n vec3 bgRaw = texture2D(uBackground, vUv).rgb;\n vec3 bg = mix(uWaterColor, bgRaw, coverage);\n vec3 color = bg;\n if (uAlgorithm == 1) {\n \n \n vec2 refrUv = clamp(vUv + normal.xy * uRefraction * density * 3.0, 0.0, 1.0);\n vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);\n color = refrBg + spec * uGlowColor * 2.5;\n color = mix(color, bg * 0.6, obs * 0.3);\n } else if (uAlgorithm == 2) {\n \n \n float inkD = min(density * 4.0, 1.0);\n vec2 refrUv = clamp(vUv + normal.xy * uRefraction * density * 0.4, 0.0, 1.0);\n vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);\n color = mix(refrBg, uWaterColor + spec * uGlowColor, inkD);\n color = mix(color, bg * 0.5, obs * 0.15);\n } else if (uAlgorithm == 3) {\n \n \n vec2 vel = texture2D(uVelocity, vUv).xy;\n float velMag = clamp(length(vel) * 20.0, 0.0, 1.0);\n vec2 warpUv = clamp(vUv + vel * uWarpStrength, 0.0, 1.0);\n vec3 warpBg = mix(uWaterColor, texture2D(uBackground, warpUv).rgb, coverage);\n color = mix(bg, warpBg, velMag * (1.0 - obs));\n color += spec * uGlowColor * velMag * 1.5;\n color += uWaterColor * density * 0.3;\n color = mix(color, bg * 0.5, obs * 0.2);\n } else if (uAlgorithm == 4) {\n \n \n vec2 rippleUv = clamp(vUv + normal.xy * uRefraction * density * 6.0, 0.0, 1.0);\n vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, rippleUv, 1.0 - obs)).rgb, coverage);\n float fresnel = pow(clamp(1.0 - dot(normal, vec3(0.0, 0.0, 1.0)), 0.0, 1.0), 3.0) * density;\n color = refrBg;\n color += fresnel * uGlowColor * 2.0;\n color += spec * uGlowColor * density * 2.0;\n color = mix(color, bg * 0.5, obs * 0.2);\n } else {\n \n \n vec2 refrUv = vUv + normal.xy * uRefraction * density;\n vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);\n color = mix(refrBg, uWaterColor, min(density * 1.5, 0.8));\n color += spec * uGlowColor;\n color = mix(color, bg * 0.5, obs * 0.2);\n }\n \n \n float alpha = clamp(max(density * 1.5, coverage), 0.0, 1.0);\n if (uEnableAlpha == 1) {\n gl_FragColor = vec4(color * alpha, alpha);\n } else {\n gl_FragColor = vec4(color, 1.0);\n }\n }`)}}function u(e,t,n,r){e.activeTexture(e.TEXTURE0);let i=e.createTexture();e.bindTexture(e.TEXTURE_2D,i),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),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.texImage2D(e.TEXTURE_2D,0,t.internalFormat,n,r,0,t.format,t.type,null);let a=e.createFramebuffer();return e.bindFramebuffer(e.FRAMEBUFFER,a),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,i,0),{tex:i,fbo:a,width:n,height:r}}function d(e,t,n,r){let i=u(e,t,n,r),a=u(e,t,n,r);return{get read(){return i},get write(){return a},swap(){[i,a]=[a,i]},dispose(){e.deleteTexture(i.tex),e.deleteFramebuffer(i.fbo),e.deleteTexture(a.tex),e.deleteFramebuffer(a.fbo)}}}function f(e){let t=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,t),e.bufferData(e.ARRAY_BUFFER,new Float32Array([-1,-1,-1,1,1,1,1,-1]),e.STATIC_DRAW),e.vertexAttribPointer(0,2,e.FLOAT,!1,0,0),e.enableVertexAttribArray(0),function(t){e.bindFramebuffer(e.FRAMEBUFFER,t),e.drawArrays(e.TRIANGLE_FAN,0,4)}}const p={arrayStride:8,attributes:[{shaderLocation:0,offset:0,format:`float32x2`}]},m=new Float32Array([-1,-1,-1,1,1,-1,1,-1,-1,1,1,1]);function h(e){let t=e.createBuffer({size:m.byteLength,usage:GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST});return e.queue.writeBuffer(t,0,m),t}function g(e,t,n,r){let i=e.createTexture({size:[n,r],format:t,usage:GPUTextureUsage.TEXTURE_BINDING|GPUTextureUsage.RENDER_ATTACHMENT|GPUTextureUsage.COPY_SRC});return{tex:i,view:i.createView(),width:n,height:r}}function _(e,t,n,r){let i=g(e,t,n,r),a=g(e,t,n,r);return{get read(){return i},get write(){return a},swap(){[i,a]=[a,i]},dispose(){i.tex.destroy(),a.tex.destroy()}}}function v(e,t,n,r){let i=e.createShaderModule({code:t});return e.createRenderPipeline({layout:`auto`,vertex:{module:i,entryPoint:`vs`,buffers:[p]},fragment:{module:i,entryPoint:`fs`,targets:[{format:n,...r?{blend:r}:{}}]},primitive:{topology:`triangle-list`}})}const y={color:{operation:`add`,srcFactor:`one`,dstFactor:`zero`},alpha:{operation:`add`,srcFactor:`one`,dstFactor:`zero`}};function b(e,t,n=!0){let r=`rgba16float`;return{advection:v(e,`struct U {\n texelSize : vec2f,\n dt : f32,\n dissipation: f32,\n}\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uVel : texture_2d<f32>;\n@group(0) @binding(3) var uSrc : texture_2d<f32>;\n@group(0) @binding(4) var uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let obs = textureSample(uObs, samp, i.uv).r;\n let vel = textureSample(uVel, samp, i.uv).xy;\n let coord = i.uv - u.dt * vel * u.texelSize;\n let src = textureSample(uSrc, samp, coord);\n return u.dissipation * src * (1.0 - obs);\n}`,r),divergence:v(e,`struct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uVel : texture_2d<f32>;\n@group(0) @binding(3) var uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let L = textureSample(uVel, samp, i.vL).x * (1.0 - textureSample(uObs, samp, i.vL).r);\n let R = textureSample(uVel, samp, i.vR).x * (1.0 - textureSample(uObs, samp, i.vR).r);\n let T = textureSample(uVel, samp, i.vT).y * (1.0 - textureSample(uObs, samp, i.vT).r);\n let B = textureSample(uVel, samp, i.vB).y * (1.0 - textureSample(uObs, samp, i.vB).r);\n return vec4f(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);\n}`,r),pressure:v(e,`struct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uPres: texture_2d<f32>;\n@group(0) @binding(3) var uDiv : texture_2d<f32>;\n@group(0) @binding(4) var uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let C = textureSample(uPres, samp, i.uv).x;\n let L = mix(textureSample(uPres, samp, i.vL).x, C, textureSample(uObs, samp, i.vL).r);\n let R = mix(textureSample(uPres, samp, i.vR).x, C, textureSample(uObs, samp, i.vR).r);\n let T = mix(textureSample(uPres, samp, i.vT).x, C, textureSample(uObs, samp, i.vT).r);\n let B = mix(textureSample(uPres, samp, i.vB).x, C, textureSample(uObs, samp, i.vB).r);\n let dv = textureSample(uDiv, samp, i.uv).x;\n return vec4f((L + R + B + T - dv) * 0.25, 0.0, 0.0, 1.0);\n}`,r),gradientSubtract:v(e,`struct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uPres: texture_2d<f32>;\n@group(0) @binding(3) var uVel : texture_2d<f32>;\n@group(0) @binding(4) var uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let obs = textureSample(uObs, samp, i.uv).r;\n let C = textureSample(uPres, samp, i.uv).x;\n let L = mix(textureSample(uPres, samp, i.vL).x, C, textureSample(uObs, samp, i.vL).r);\n let R = mix(textureSample(uPres, samp, i.vR).x, C, textureSample(uObs, samp, i.vR).r);\n let T = mix(textureSample(uPres, samp, i.vT).x, C, textureSample(uObs, samp, i.vT).r);\n let B = mix(textureSample(uPres, samp, i.vB).x, C, textureSample(uObs, samp, i.vB).r);\n let vel = (textureSample(uVel, samp, i.uv).xy - vec2f(R - L, T - B)) * (1.0 - obs);\n return vec4f(vel, 0.0, 1.0);\n}`,r),splat:v(e,`struct U {\n texelSize : vec2f,\n aspectRatio: f32,\n radius : f32,\n color : vec4f, \n point : vec2f,\n _pad : vec2f,\n}\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uTgt : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n var p = i.uv - u.point;\n p.x *= u.aspectRatio;\n let sp = exp(-dot(p, p) / u.radius) * u.color.xyz;\n return vec4f(textureSample(uTgt, samp, i.uv).xyz + sp, 1.0);\n}`,r),curl:v(e,`struct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uVel : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let L = textureSample(uVel, samp, i.vL).y;\n let R = textureSample(uVel, samp, i.vR).y;\n let T = textureSample(uVel, samp, i.vT).x;\n let B = textureSample(uVel, samp, i.vB).x;\n return vec4f(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);\n}`,r),vorticity:v(e,`struct U {\n texelSize: vec2f,\n curl : f32,\n dt : f32,\n}\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uVel : texture_2d<f32>;\n@group(0) @binding(3) var uCrl : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let L = textureSample(uCrl, samp, i.vL).x;\n let R = textureSample(uCrl, samp, i.vR).x;\n let T = textureSample(uCrl, samp, i.vT).x;\n let B = textureSample(uCrl, samp, i.vB).x;\n let C = textureSample(uCrl, samp, i.uv).x;\n var force = 0.5 * vec2f(abs(T) - abs(B), abs(R) - abs(L));\n force /= length(force) + 0.0001;\n force *= u.curl * 30.0 * C;\n let vel = textureSample(uVel, samp, i.uv).xy + force * u.dt;\n return vec4f(vel, 0.0, 1.0);\n}`,r),display:v(e,`struct U {\n texelSize : vec2f,\n refraction : f32,\n specularExp : f32,\n waterColor : vec4f,\n glowColor : vec4f,\n shine : f32,\n warpStrength: f32,\n algorithm : i32,\n enableAlpha : i32,\n}\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uTex : texture_2d<f32>;\n@group(0) @binding(3) var uObs : texture_2d<f32>;\n@group(0) @binding(4) var uBg : texture_2d<f32>;\n@group(0) @binding(5) var uCov : texture_2d<f32>;\n@group(0) @binding(6) var uVel : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let obs = textureSample(uObs, samp, i.uv).r;\n let density = max(textureSample(uTex, samp, i.uv).r, 0.0) * (1.0 - obs);\n let cov = textureSample(uCov, samp, i.uv).r;\n let sx = u.texelSize.x * 6.0;\n let sy = u.texelSize.y * 6.0;\n let d00 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, -sy)).r, 0.0);\n let d10 = max(textureSample(uTex, samp, i.uv + vec2f(0.0, -sy)).r, 0.0);\n let d20 = max(textureSample(uTex, samp, i.uv + vec2f( sx, -sy)).r, 0.0);\n let d01 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, 0.0)).r, 0.0);\n let d21 = max(textureSample(uTex, samp, i.uv + vec2f( sx, 0.0)).r, 0.0);\n let d02 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, sy)).r, 0.0);\n let d12 = max(textureSample(uTex, samp, i.uv + vec2f(0.0, sy)).r, 0.0);\n let d22 = max(textureSample(uTex, samp, i.uv + vec2f( sx, sy)).r, 0.0);\n let gx = (d20 + 2.0*d21 + d22) - (d00 + 2.0*d01 + d02);\n let gy = (d02 + 2.0*d12 + d22) - (d00 + 2.0*d10 + d20);\n let norm = normalize(vec3f(gx, gy, 1.2));\n let ldir = normalize(vec3f(0.5, 1.0, 0.5));\n let halfV = normalize(ldir + vec3f(0.0, 0.0, 1.0));\n let specDen = density * min(density * 5.0, 1.0);\n let spec = pow(max(dot(norm, halfV), 0.0), u.specularExp) * u.shine * specDen;\n let bgRaw = textureSample(uBg, samp, i.uv).rgb;\n let wc = u.waterColor.rgb;\n let gc = u.glowColor.rgb;\n let bg = mix(wc, bgRaw, cov);\n var color = bg;\n if (u.algorithm == 1) {\n let ruv = clamp(i.uv + norm.xy * u.refraction * density * 3.0, vec2f(0.0), vec2f(1.0));\n let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\n color = rbg + spec * gc * 2.5;\n color = mix(color, bg * 0.6, obs * 0.3);\n } else if (u.algorithm == 2) {\n let inkD = min(density * 4.0, 1.0);\n let ruv = clamp(i.uv + norm.xy * u.refraction * density * 0.4, vec2f(0.0), vec2f(1.0));\n let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\n color = mix(rbg, wc + spec * gc, inkD);\n color = mix(color, bg * 0.5, obs * 0.15);\n } else if (u.algorithm == 3) {\n let vel = textureSample(uVel, samp, i.uv).xy;\n let velMag = clamp(length(vel) * 20.0, 0.0, 1.0);\n let wuv = clamp(i.uv + vel * u.warpStrength, vec2f(0.0), vec2f(1.0));\n let wbg = mix(wc, textureSample(uBg, samp, wuv).rgb, cov);\n color = mix(bg, wbg, velMag * (1.0 - obs));\n color += spec * gc * velMag * 1.5;\n color += wc * density * 0.3;\n color = mix(color, bg * 0.5, obs * 0.2);\n } else if (u.algorithm == 4) {\n let ruv = clamp(i.uv + norm.xy * u.refraction * density * 6.0, vec2f(0.0), vec2f(1.0));\n let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\n let fres = pow(clamp(1.0 - dot(norm, vec3f(0.0, 0.0, 1.0)), 0.0, 1.0), 3.0) * density;\n color = rbg;\n color += fres * gc * 2.0;\n color += spec * gc * density * 2.0;\n color = mix(color, bg * 0.5, obs * 0.2);\n } else {\n let ruv = i.uv + norm.xy * u.refraction * density;\n let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\n color = mix(rbg, wc, min(density * 1.5, 0.8));\n color += spec * gc;\n color = mix(color, bg * 0.5, obs * 0.2);\n }\n let alpha = clamp(max(density * 1.5, cov), 0.0, 1.0);\n if (u.enableAlpha == 1) {\n return vec4f(color * alpha, alpha);\n }\n return vec4f(color, 1.0);\n}`,t,n?void 0:y)}}function x(e){return e.createSampler({magFilter:`linear`,minFilter:`linear`,addressModeU:`clamp-to-edge`,addressModeV:`clamp-to-edge`})}function S(e,t){return e.createBuffer({size:t,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST})}function C(e,t,n,r,i,a){let o=new Float32Array([n,r,i,a]);e.queue.writeBuffer(t,0,o)}function w(e,t,n,r){let i=new Float32Array([n,r,0,0]);e.queue.writeBuffer(t,0,i)}function T(e,t,n,r,i,a){let o=new Float32Array([n,r,i,a]);e.queue.writeBuffer(t,0,o)}function E(e,t,n,r,i,a,o,s,c,l,u){let d=new Float32Array(12);d[0]=n,d[1]=r,d[2]=i,d[3]=a,d[4]=o,d[5]=s,d[6]=c,d[7]=0,d[8]=l,d[9]=u,d[10]=0,d[11]=0,e.queue.writeBuffer(t,0,d)}function D(e,t,n,r,i,a,o,s,c,l,u,d){let f=new Float32Array(16),p=new Int32Array(f.buffer);f[0]=n,f[1]=r,f[2]=i,f[3]=a,f[4]=o[0],f[5]=o[1],f[6]=o[2],f[7]=0,f[8]=s[0],f[9]=s[1],f[10]=s[2],f[11]=0,f[12]=c,f[13]=l,p[14]=u,p[15]=+!!d,e.queue.writeBuffer(t,0,f)}function O(e,t,n,r,i){let a=e.beginRenderPass({colorAttachments:[{view:i,clearValue:[0,0,0,0],loadOp:`clear`,storeOp:`store`}]});a.setPipeline(t),a.setBindGroup(0,n),a.setVertexBuffer(0,r),a.draw(6),a.end()}function k(e,t,n,r,i){let a=e.beginRenderPass({colorAttachments:[{view:i,clearValue:[0,0,0,0],loadOp:`clear`,storeOp:`store`}]});a.setPipeline(t),a.setBindGroup(0,n),a.setVertexBuffer(0,r),a.draw(6),a.end()}function A(e,t,n,r,i=`cover`){let a;a=i===`cover`?Math.max(n/e,r/t):i===`contain`?Math.min(n/e,r/t):typeof i==`string`&&i.endsWith(`%`)?Math.min(n/e,r/t)*(parseFloat(i)/100):typeof i==`string`&&i.endsWith(`px`)?parseFloat(i)/Math.max(e,t):typeof i==`number`?i:Math.max(n/e,r/t);let o=e*a,s=t*a;return{x:(n-o)/2,y:(r-s)/2,drawW:o,drawH:s}}function j(e,t,n,r,i=null,a=`cover`){let{text:o,fontSize:s,color:c,fontFamily:l=`sans-serif`,fontWeight:u=900}=r,d=new OffscreenCanvas(t,n),f=d.getContext(`2d`);(e=>{if(i){f.clearRect(0,0,t,n),f.fillStyle=`black`,f.fillRect(0,0,t,n);let{x:e,y:r,drawW:o,drawH:s}=A(i.width,i.height,t,n,a);f.drawImage(i,e,r,o,s)}else f.fillStyle=`black`,f.fillRect(0,0,t,n);f.fillStyle=e,f.font=`${u} ${s}px ${l}`,f.textAlign=`center`,f.textBaseline=`middle`,f.fillText(o,t/2,n/2)})(c);let p=N(e,d);f.fillStyle=`black`,f.fillRect(0,0,t,n),f.fillStyle=`white`,f.font=`${u} ${s}px ${l}`,f.textAlign=`center`,f.textBaseline=`middle`,f.fillText(o,t/2,n/2);let m=N(e,d);return{backgroundTex:p,obstacleTex:m,coverageTex:m}}function M(e,t,n,r,i=0,a=`cover`,o=null,s=`cover`){let c=new OffscreenCanvas(n,r),l=c.getContext(`2d`),{x:u,y:d,drawW:f,drawH:p}=A(t.width,t.height,n,r,a);if(l.clearRect(0,0,n,r),l.fillStyle=`black`,l.fillRect(0,0,n,r),o){let{x:e,y:t,drawW:a,drawH:c}=A(o.width,o.height,n,r,s);l.filter=`brightness(${i}) blur(8px)`,l.drawImage(o,e,t,a,c),l.filter=`none`}l.drawImage(t,u,d,f,p);let m=N(e,c);l.clearRect(0,0,n,r),l.fillStyle=`black`,l.fillRect(0,0,n,r),l.filter=`brightness(${i}) blur(8px)`,l.drawImage(t,u,d,f,p),l.filter=`none`;let h=N(e,c);return l.clearRect(0,0,n,r),l.fillStyle=`black`,l.fillRect(0,0,n,r),l.fillStyle=`white`,l.fillRect(Math.max(0,u),Math.max(0,d),Math.min(f,n-Math.max(0,u)),Math.min(p,r-Math.max(0,d))),{backgroundTex:m,obstacleTex:h,coverageTex:N(e,c)}}function N(e,t){let n=e.createTexture();return e.bindTexture(e.TEXTURE_2D,n),e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL,!0),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),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),n}function P(e,t,n,r,i=null,a=`cover`){let{text:o,fontSize:s,color:c,fontFamily:l=`sans-serif`,fontWeight:u=900}=r,d=new OffscreenCanvas(t,n),f=d.getContext(`2d`);(e=>{if(i){f.clearRect(0,0,t,n),f.fillStyle=`black`,f.fillRect(0,0,t,n);let{x:e,y:r,drawW:o,drawH:s}=A(i.width,i.height,t,n,a);f.drawImage(i,e,r,o,s)}else f.fillStyle=`black`,f.fillRect(0,0,t,n);f.fillStyle=e,f.font=`${u} ${s}px ${l}`,f.textAlign=`center`,f.textBaseline=`middle`,f.fillText(o,t/2,n/2)})(c);let p=I(e,d,t,n);f.fillStyle=`black`,f.fillRect(0,0,t,n),f.fillStyle=`white`,f.font=`${u} ${s}px ${l}`,f.textAlign=`center`,f.textBaseline=`middle`,f.fillText(o,t/2,n/2);let m=I(e,d,t,n);return{backgroundTex:p,backgroundView:p.createView(),obstacleTex:m,obstacleView:m.createView(),coverageTex:m,coverageView:m.createView(),sharedCoverage:!0}}function F(e,t,n,r,i=0,a=`cover`,o=null,s=`cover`){let c=new OffscreenCanvas(n,r),l=c.getContext(`2d`),{x:u,y:d,drawW:f,drawH:p}=A(t.width,t.height,n,r,a);if(l.clearRect(0,0,n,r),l.fillStyle=`black`,l.fillRect(0,0,n,r),o){let{x:e,y:t,drawW:a,drawH:c}=A(o.width,o.height,n,r,s);l.filter=`brightness(${i}) blur(8px)`,l.drawImage(o,e,t,a,c),l.filter=`none`}l.drawImage(t,u,d,f,p);let m=I(e,c,n,r);l.clearRect(0,0,n,r),l.fillStyle=`black`,l.fillRect(0,0,n,r),l.filter=`brightness(${i}) blur(8px)`,l.drawImage(t,u,d,f,p),l.filter=`none`;let h=I(e,c,n,r);l.clearRect(0,0,n,r),l.fillStyle=`black`,l.fillRect(0,0,n,r),l.fillStyle=`white`,l.fillRect(Math.max(0,u),Math.max(0,d),Math.min(f,n-Math.max(0,u)),Math.min(p,r-Math.max(0,d)));let g=I(e,c,n,r);return{backgroundTex:m,backgroundView:m.createView(),obstacleTex:h,obstacleView:h.createView(),coverageTex:g,coverageView:g.createView(),sharedCoverage:!1}}function I(e,t,n,r){let i=e.createTexture({size:[n,r],format:`rgba8unorm`,usage:GPUTextureUsage.TEXTURE_BINDING|GPUTextureUsage.COPY_DST|GPUTextureUsage.RENDER_ATTACHMENT});return e.queue.copyExternalImageToTexture({source:t},{texture:i},[n,r]),i}async function L(e){let t=await fetch(e);if(!t.ok)throw Error(`Failed to fetch image: ${e} (${t.status})`);let n=await t.blob();return createImageBitmap(n)}const R=typeof requestAnimationFrame<`u`?requestAnimationFrame.bind(globalThis):e=>setTimeout(e,1e3/60),z=typeof cancelAnimationFrame<`u`?cancelAnimationFrame.bind(globalThis):clearTimeout,B=.016,V={standard:0,glass:1,ink:2,aurora:3,ripple:4};var H=class e{#e;#t=null;#n=null;#r=null;#i=null;#a=null;#o=null;#s=null;#c=null;#l=null;#u=null;#d=null;#f=null;#p=null;#m=null;#h=null;#g=null;#_=null;#v=null;#y=null;#b=null;#x=null;#S=null;#C=null;#w=null;#T=null;#E=null;#D=null;#O=null;#k=null;#A=null;#j=null;#M=null;#N=0;#P=0;#F=0;#I=0;#L=1;#R=1;#z=.5;#B=null;#V=`cover`;#H;#U={x:0,y:0,dx:0,dy:0,targetX:0,targetY:0,moved:!1};#W=!1;#G=null;#K=null;#q=!1;#J=!1;#Y=!0;constructor(e,t={},n={},r,a=!0){if(this.#e=e,this.#R=Math.max(.1,Math.min(1,n.dpr??1)),this.#z=Math.max(.1,Math.min(1,n.sim??.5)),this.#H=i(t),this.#Y=a,r)this.#p=r,this.#X(r);else{let{gl:t,ext:n}=o(e,a);this.#t=t,this.#n=n,this.#r=l(t),this.#i=f(t),t.clearColor(0,0,0,+!a)}}static async create(t,n={},r={},i=!0,a=!0){return new e(t,n,r,(i?await s(t,a):null)??void 0,a)}setTextSource(e){this.#G={type:`text`,opts:e},this.#Z(),this.#$(),this.#ee()}async setImageSource(e,t=0,n=`cover`){let r=await L(e);if(this.#J){r.close();return}this.#G={type:`image`,bitmap:r,effect:t,size:n},this.#Z(),this.#$(),this.#ee()}setImageBitmap(e,t=0,n=`cover`){this.#G={type:`image`,bitmap:e,effect:t,size:n},this.#Z(),this.#$(),this.#ee()}setBackground(e,t=`cover`){this.#B&&this.#B!==e&&this.#B.close(),this.#B=e,this.#V=t??`cover`,this.#G&&this.#N>0&&this.#P>0&&this.#$()}handleMove(e,t,n=1){if(!this.#W){this.#U.x=this.#U.targetX=e,this.#U.y=this.#U.targetY=t,this.#W=!0;return}this.#U.moved=!0,this.#U.dx=(e-this.#U.targetX)*n,this.#U.dy=(t-this.#U.targetY)*n,this.#U.targetX=e,this.#U.targetY=t}splat(e,t,n,r,i=1){!this.#q||this.#N===0||(this.#p?this.#ae(e,t,n,r,i):this.#oe(e,t,n,r,i))}updateQuality(e){e.dpr!==void 0&&(this.#R=Math.max(.1,Math.min(1,e.dpr))),e.sim!==void 0&&(this.#z=Math.max(.1,Math.min(1,e.sim)))}resize(e,t,n){if(n===void 0?typeof window<`u`&&window.devicePixelRatio&&(this.#L=window.devicePixelRatio):this.#L=n,e!==void 0&&e>0){if(t===void 0||t<=0)return;this.#N=this.#e.width=e,this.#P=this.#e.height=t,this.#F=Math.max(1,Math.round(e*this.#z)),this.#I=Math.max(1,Math.round(t*this.#z)),this.#Q()}else this.#Z();this.#G&&this.#$(),this.#ee()}updateConfig(e){Object.assign(this.#H,e)}destroy(){if(this.#J=!0,this.stop(),this.#te(),this.#ne(),this.#B&&=(this.#B.close(),null),this.#p)this.#C?.destroy(),this.#w?.destroy(),this.#T?.destroy(),this.#E?.destroy(),this.#D?.destroy(),this.#O?.destroy(),this.#k?.destroy(),this.#A?.destroy(),this.#j?.destroy(),this.#M?.destroy(),this.#h?.destroy(),this.#p.device.destroy();else{let e=this.#t;for(let e of Object.values(this.#r))e.dispose();e.getExtension(`WEBGL_lose_context`)?.loseContext()}}start(){if(this.#K!==null)return;let e=()=>{this.#re(),this.#K=R(e)};this.#K=R(e)}stop(){this.#K!==null&&(z(this.#K),this.#K=null)}get isRunning(){return this.#K!==null}#X(e){let{device:t,format:n}=e;this.#m=b(t,n,this.#Y),this.#h=h(t),this.#g=x(t),this.#C=S(t,16),this.#w=S(t,16),this.#T=S(t,16),this.#E=S(t,16),this.#D=S(t,16),this.#O=S(t,48),this.#k=S(t,48),this.#A=S(t,16),this.#j=S(t,16),this.#M=S(t,64)}#Z(){let e=this.#e;`clientWidth`in e&&e.clientWidth>0?(this.#L=(typeof window<`u`&&window.devicePixelRatio||1)*this.#R,this.#N=e.width=Math.round(e.clientWidth*this.#L),this.#P=e.height=Math.round(e.clientHeight*this.#L)):(this.#N=e.width,this.#P=e.height),!(this.#N===0||this.#P===0)&&(this.#F=Math.max(1,Math.round(this.#N*this.#z)),this.#I=Math.max(1,Math.round(this.#P*this.#z)),this.#Q())}#Q(){if(this.#te(),this.#p){let{device:e}=this.#p,t=`rgba16float`,n=this.#F,r=this.#I;this.#_=_(e,t,n,r),this.#v=_(e,t,n,r),this.#b=_(e,t,n,r),this.#y=g(e,t,n,r),this.#x=g(e,t,n,r)}else{let e=this.#t,t=this.#n,n=this.#F,r=this.#I;this.#a=d(e,t,n,r),this.#o=d(e,t,n,r),this.#c=d(e,t,n,r),this.#s=u(e,t,n,r),this.#l=u(e,t,n,r)}}#$(){if(!(!this.#G||this.#N===0||this.#P===0)){if(this.#ne(),this.#p){let{device:e}=this.#p;this.#G.type===`text`?this.#S=P(e,this.#N,this.#P,this.#G.opts,this.#B,this.#V):this.#S=F(e,this.#G.bitmap,this.#N,this.#P,this.#G.effect,this.#G.size,this.#B,this.#V)}else{let e=this.#t;if(this.#G.type===`text`){let{backgroundTex:t,obstacleTex:n,coverageTex:r}=j(e,this.#N,this.#P,this.#G.opts,this.#B,this.#V);this.#u=t,this.#d=n,this.#f=r}else{let{backgroundTex:t,obstacleTex:n,coverageTex:r}=M(e,this.#G.bitmap,this.#N,this.#P,this.#G.effect,this.#G.size,this.#B,this.#V);this.#u=t,this.#d=n,this.#f=r}}this.#q=!0}}#ee(){this.#q&&!this.isRunning&&this.start()}#te(){if(this.#p)this.#_?.dispose(),this.#v?.dispose(),this.#b?.dispose(),this.#y?.tex.destroy(),this.#x?.tex.destroy(),this.#_=this.#v=this.#b=null,this.#y=this.#x=null;else{let e=this.#t;this.#a?.dispose(),this.#o?.dispose(),this.#c?.dispose(),this.#s&&(e.deleteTexture(this.#s.tex),e.deleteFramebuffer(this.#s.fbo)),this.#l&&(e.deleteTexture(this.#l.tex),e.deleteFramebuffer(this.#l.fbo)),this.#a=this.#o=this.#c=this.#s=this.#l=null}}#ne(){if(this.#p)this.#S&&=(this.#S.backgroundTex.destroy(),this.#S.obstacleTex.destroy(),this.#S.sharedCoverage||this.#S.coverageTex.destroy(),null);else{let e=this.#t;this.#u&&e.deleteTexture(this.#u),this.#d&&e.deleteTexture(this.#d),this.#f&&this.#f!==this.#d&&e.deleteTexture(this.#f),this.#u=this.#d=this.#f=null}}#re(){!this.#q||this.#N===0||(this.#p?this.#ie():this.#se())}#ie(){let e=this.#p,t=e.device,n=this.#m,i=this.#h,a=this.#g,o=this.#H,s=this.#S;if(!this.#_||!this.#v)return;this.#U.x+=(this.#U.targetX-this.#U.x)*.15,this.#U.y+=(this.#U.targetY-this.#U.y)*.15;let c=this.#F,l=this.#I,u=this.#N,d=this.#P,f=1/c,p=1/l;C(t,this.#C,f,p,B,o.velocityDissipation),w(t,this.#T,f,p),w(t,this.#E,f,p),w(t,this.#D,f,p),w(t,this.#A,f,p),T(t,this.#j,f,p,o.curl,B),D(t,this.#M,1/u,1/d,o.refraction,o.specularExp,r(o.waterColor),r(o.glowColor),o.shine,o.warpStrength??.015,V[o.algorithm]??0,this.#Y);let m=t.createCommandEncoder(),h=(e,n)=>t.createBindGroup({layout:e.getBindGroupLayout(0),entries:n}),g={binding:1,resource:a};{let e=h(n.advection,[{binding:0,resource:{buffer:this.#C}},g,{binding:2,resource:this.#v.read.view},{binding:3,resource:this.#v.read.view},{binding:4,resource:s.obstacleView}]);O(m,n.advection,e,i,this.#v.write.view)}this.#v.swap();{C(t,this.#w,f,p,B,o.densityDissipation);let e=h(n.advection,[{binding:0,resource:{buffer:this.#w}},g,{binding:2,resource:this.#v.read.view},{binding:3,resource:this.#_.read.view},{binding:4,resource:s.obstacleView}]);O(m,n.advection,e,i,this.#_.write.view)}this.#_.swap();{let e=h(n.curl,[{binding:0,resource:{buffer:this.#A}},g,{binding:2,resource:this.#v.read.view}]);O(m,n.curl,e,i,this.#x.view)}{let e=h(n.vorticity,[{binding:0,resource:{buffer:this.#j}},g,{binding:2,resource:this.#v.read.view},{binding:3,resource:this.#x.view}]);O(m,n.vorticity,e,i,this.#v.write.view)}if(this.#v.swap(),this.#U.moved){let e=this.#U.x*this.#L/u,r=this.#U.y*this.#L/d;E(t,this.#O,f,p,u/d,o.splatRadius,this.#U.dx*o.splatForce,this.#U.dy*o.splatForce,0,e,r);{let e=h(n.splat,[{binding:0,resource:{buffer:this.#O}},g,{binding:2,resource:this.#v.read.view}]);O(m,n.splat,e,i,this.#v.write.view)}this.#v.swap(),E(t,this.#k,f,p,u/d,o.splatRadius,1,1,1,e,r);{let e=h(n.splat,[{binding:0,resource:{buffer:this.#k}},g,{binding:2,resource:this.#_.read.view}]);O(m,n.splat,e,i,this.#_.write.view)}this.#_.swap(),this.#U.moved=!1}{let e=h(n.divergence,[{binding:0,resource:{buffer:this.#T}},g,{binding:2,resource:this.#v.read.view},{binding:3,resource:s.obstacleView}]);O(m,n.divergence,e,i,this.#y.view)}for(let e=0;e<o.pressureIterations;e++){let e=h(n.pressure,[{binding:0,resource:{buffer:this.#E}},g,{binding:2,resource:this.#b.read.view},{binding:3,resource:this.#y.view},{binding:4,resource:s.obstacleView}]);O(m,n.pressure,e,i,this.#b.write.view),this.#b.swap()}{let e=h(n.gradientSubtract,[{binding:0,resource:{buffer:this.#D}},g,{binding:2,resource:this.#b.read.view},{binding:3,resource:this.#v.read.view},{binding:4,resource:s.obstacleView}]);O(m,n.gradientSubtract,e,i,this.#v.write.view)}this.#v.swap();{let t=e.context.getCurrentTexture().createView(),r=h(n.display,[{binding:0,resource:{buffer:this.#M}},g,{binding:2,resource:this.#_.read.view},{binding:3,resource:s.obstacleView},{binding:4,resource:s.backgroundView},{binding:5,resource:s.coverageView},{binding:6,resource:this.#v.read.view}]);k(m,n.display,r,i,t)}t.queue.submit([m.finish()])}#ae(e,t,n,r,i){let a=this.#p.device,o=this.#m.splat,s=this.#h,c=this.#g,l=this.#H,u=this.#F,d=this.#I,f=1/u,p=1/d,m=a.createCommandEncoder(),h={binding:1,resource:c},g=e=>a.createBindGroup({layout:o.getBindGroupLayout(0),entries:e}),_=e*this.#L/this.#N,v=t*this.#L/this.#P;E(a,this.#O,f,p,this.#N/this.#P,l.splatRadius,n*l.splatForce*i,r*l.splatForce*i,0,_,v),O(m,o,g([{binding:0,resource:{buffer:this.#O}},h,{binding:2,resource:this.#v.read.view}]),s,this.#v.write.view),this.#v.swap(),E(a,this.#k,f,p,this.#N/this.#P,l.splatRadius,i,i,i,_,v),O(m,o,g([{binding:0,resource:{buffer:this.#k}},h,{binding:2,resource:this.#_.read.view}]),s,this.#_.write.view),this.#_.swap(),a.queue.submit([m.finish()])}#oe(e,t,n,r,i){let a=this.#t,o=this.#H,s=this.#r.splat,c=this.#i;a.viewport(0,0,this.#F,this.#I),s.bind(),a.uniform1f(s.uniforms.aspectRatio,this.#N/this.#P),a.uniform2f(s.uniforms.point,e*this.#L/this.#N,1-t*this.#L/this.#P),a.uniform1f(s.uniforms.radius,o.splatRadius),a.uniform1i(s.uniforms.uTarget,0),a.activeTexture(a.TEXTURE0),a.bindTexture(a.TEXTURE_2D,this.#o.read.tex),a.uniform3f(s.uniforms.color,n*o.splatForce*i,-r*o.splatForce*i,0),c(this.#o.write.fbo),this.#o.swap(),a.activeTexture(a.TEXTURE0),a.bindTexture(a.TEXTURE_2D,this.#a.read.tex),a.uniform3f(s.uniforms.color,i,i,i),c(this.#a.write.fbo),this.#a.swap()}#se(){if(!this.#a||!this.#o)return;let e=this.#t,t=this.#H,{advection:n,divergence:i,pressure:a,gradientSubtract:o,splat:s,curl:c,vorticity:l,display:u}=this.#r;this.#U.x+=(this.#U.targetX-this.#U.x)*.15,this.#U.y+=(this.#U.targetY-this.#U.y)*.15;let d=this.#F,f=this.#I,p=this.#i;e.viewport(0,0,d,f),n.bind(),e.uniform2f(n.uniforms.texelSize,1/d,1/f),e.uniform1f(n.uniforms.dt,B),e.uniform1i(n.uniforms.uObstacle,0),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#d),e.uniform1f(n.uniforms.dissipation,t.velocityDissipation),e.uniform1i(n.uniforms.uVelocity,1),e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,this.#o.read.tex),e.uniform1i(n.uniforms.uSource,1),p(this.#o.write.fbo),this.#o.swap(),e.uniform1f(n.uniforms.dissipation,t.densityDissipation),e.uniform1i(n.uniforms.uSource,2),e.activeTexture(e.TEXTURE2),e.bindTexture(e.TEXTURE_2D,this.#a.read.tex),p(this.#a.write.fbo),this.#a.swap(),c.bind(),e.uniform2f(c.uniforms.texelSize,1/d,1/f),e.uniform1i(c.uniforms.uVelocity,0),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#o.read.tex),p(this.#l.fbo),l.bind(),e.uniform2f(l.uniforms.texelSize,1/d,1/f),e.uniform1f(l.uniforms.curl,t.curl),e.uniform1f(l.uniforms.dt,B),e.uniform1i(l.uniforms.uVelocity,0),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#o.read.tex),e.uniform1i(l.uniforms.uCurl,1),e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,this.#l.tex),p(this.#o.write.fbo),this.#o.swap(),this.#U.moved&&(s.bind(),e.uniform1f(s.uniforms.aspectRatio,this.#N/this.#P),e.uniform2f(s.uniforms.point,this.#U.x*this.#L/this.#N,1-this.#U.y*this.#L/this.#P),e.uniform1f(s.uniforms.radius,t.splatRadius),e.uniform1i(s.uniforms.uTarget,0),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#o.read.tex),e.uniform3f(s.uniforms.color,this.#U.dx*t.splatForce,-this.#U.dy*t.splatForce,0),p(this.#o.write.fbo),this.#o.swap(),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#a.read.tex),e.uniform3f(s.uniforms.color,1,1,1),p(this.#a.write.fbo),this.#a.swap(),this.#U.moved=!1),i.bind(),e.uniform2f(i.uniforms.texelSize,1/d,1/f),e.uniform1i(i.uniforms.uVelocity,0),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#o.read.tex),e.uniform1i(i.uniforms.uObstacle,1),e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,this.#d),p(this.#s.fbo),a.bind(),e.uniform2f(a.uniforms.texelSize,1/d,1/f),e.uniform1i(a.uniforms.uDivergence,0),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#s.tex),e.uniform1i(a.uniforms.uObstacle,1),e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,this.#d);for(let n=0;n<t.pressureIterations;n++)e.uniform1i(a.uniforms.uPressure,2),e.activeTexture(e.TEXTURE2),e.bindTexture(e.TEXTURE_2D,this.#c.read.tex),p(this.#c.write.fbo),this.#c.swap();o.bind(),e.uniform2f(o.uniforms.texelSize,1/d,1/f),e.uniform1i(o.uniforms.uPressure,0),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#c.read.tex),e.uniform1i(o.uniforms.uVelocity,1),e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,this.#o.read.tex),e.uniform1i(o.uniforms.uObstacle,2),e.activeTexture(e.TEXTURE2),e.bindTexture(e.TEXTURE_2D,this.#d),p(this.#o.write.fbo),this.#o.swap(),e.viewport(0,0,this.#N,this.#P),e.bindFramebuffer(e.FRAMEBUFFER,null),e.clear(e.COLOR_BUFFER_BIT),u.bind(),e.uniform2f(u.uniforms.texelSize,1/this.#N,1/this.#P),e.uniform3fv(u.uniforms.uWaterColor,r(t.waterColor)),e.uniform3fv(u.uniforms.uGlowColor,r(t.glowColor)),e.uniform1f(u.uniforms.uRefraction,t.refraction),e.uniform1f(u.uniforms.uSpecularExp,t.specularExp),e.uniform1f(u.uniforms.uShine,t.shine),e.uniform1f(u.uniforms.uWarpStrength,t.warpStrength??.015),e.uniform1i(u.uniforms.uAlgorithm,V[t.algorithm]??0),e.uniform1i(u.uniforms.uEnableAlpha,+!!this.#Y),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#a.read.tex),e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,this.#d),e.activeTexture(e.TEXTURE2),e.bindTexture(e.TEXTURE_2D,this.#u),e.activeTexture(e.TEXTURE3),e.bindTexture(e.TEXTURE_2D,this.#f),e.activeTexture(e.TEXTURE4),e.bindTexture(e.TEXTURE_2D,this.#o.read.tex),e.uniform1i(u.uniforms.uTexture,0),e.uniform1i(u.uniforms.uObstacle,1),e.uniform1i(u.uniforms.uBackground,2),e.uniform1i(u.uniforms.uCoverage,3),e.uniform1i(u.uniforms.uVelocity,4),p(null)}};let U=null,W;const G=new Promise(e=>{W=e});self.onmessage=async e=>{let{type:t,...n}=e.data;try{switch(t){case`init`:{let{canvas:e,width:t,height:r,config:i,dpr:a,quality:o,useWebGPU:s,enableAlpha:c}=n;e.width=t,e.height=r,U=await H.create(e,i,o??{},s??!0,c??!0),U.resize(t,r,a||1),W(),self.postMessage({type:`ready`});break}case`setTextSource`:if(await G,!U)return;U.setTextSource(n.opts);break;case`setImageSource`:if(await G,!U)return;await U.setImageSource(n.src,n.effect,n.size);break;case`setImageBitmap`:if(await G,!U)return;U.setImageBitmap(n.bitmap,n.effect,n.size);break;case`setBackground`:if(await G,!U)return;U.setBackground(n.bitmap,n.size);break;case`splat`:if(await G,!U)return;U.splat(n.x,n.y,n.vx,n.vy,n.strength??1);break;case`move`:if(await G,!U)return;U.handleMove(n.x,n.y,n.strength??1);break;case`resize`:if(await G,!U)return;U.resize(n.width,n.height,n.dpr);break;case`updateQuality`:if(await G,!U)return;U.updateQuality(n.quality);break;case`updateConfig`:if(await G,!U)return;U.updateConfig(n.config);break;case`destroy`:await G,U?.destroy(),U=null;break;default:}}catch(e){self.postMessage({type:`error`,message:e?.message??String(e)})}};", ve = typeof self < "u" && self.Blob && new Blob(["URL.revokeObjectURL(import.meta.url);", _e], { type: "text/javascript;charset=utf-8" });
+function ye(e) {
+	let t;
+	try {
+		if (t = ve && (self.URL || self.webkitURL).createObjectURL(ve), !t) throw "";
+		let n = new Worker(t, {
+			type: "module",
+			name: e?.name
+		});
+		return n.addEventListener("error", () => {
+			(self.URL || self.webkitURL).revokeObjectURL(t);
+		}), n;
+	} catch {
+		return new Worker("data:text/javascript;charset=utf-8," + encodeURIComponent(_e), {
+			type: "module",
+			name: e?.name
+		});
+	}
 }
-const $C = typeof Worker < "u" && typeof OffscreenCanvas < "u";
-var W, f, qg, $g, Tg, q, ag, hg, bg, pI, QI, kI, aC;
-class gi {
-  constructor(g, {
-    workerEnabled: C = !0,
-    webGPUEnabled: i = !0,
-    alphaEnabled: s = !0,
-    quality: t = {},
-    config: l = {}
-  } = {}) {
-    // ---------------------------------------------------------------------------
-    // Private
-    // ---------------------------------------------------------------------------
-    /**
-     * Main-thread renderer init.
-     *
-     * When `navigator.gpu` is present we attempt WebGPU asynchronously and
-     * queue any source calls that arrive before the init resolves.
-     *
-     * When `navigator.gpu` is absent we fall back to WebGL synchronously —
-     * this is the common path in jsdom/test environments and keeps the
-     * constructor behaviour synchronous where possible.
-     */
-    A(this, pI);
-    A(this, kI);
-    A(this, W, null);
-    A(this, f, null);
-    A(this, qg, void 0);
-    A(this, $g, void 0);
-    A(this, Tg, void 0);
-    A(this, q, void 0);
-    A(this, ag, void 0);
-    // Pending source calls queued while WebGPU async init is in progress (main-thread only)
-    A(this, hg, null);
-    A(this, bg, null);
-    o(this, q, Math.max(0.1, Math.min(1, t.dpr ?? 1))), o(this, ag, Math.max(0.1, Math.min(1, t.sim ?? 0.5))), o(this, $g, i), o(this, Tg, s), o(this, qg, C && $C), I(this, qg) ? h(this, kI, aC).call(this, g, l) : h(this, pI, QI).call(this, g, l);
-  }
-  // ---------------------------------------------------------------------------
-  // Source setters
-  // ---------------------------------------------------------------------------
-  setTextSource(g) {
-    I(this, W) ? I(this, W).postMessage({ type: "setTextSource", opts: g }) : I(this, f) ? I(this, f).setTextSource(g) : (o(this, hg, g), o(this, bg, null));
-  }
-  setImageSource(g, C = rg.effect, i = rg.imageSize) {
-    if (I(this, W)) {
-      const s = new URL(g, location.href).href;
-      I(this, W).postMessage({ type: "setImageSource", src: s, effect: C, size: i });
-    } else
-      I(this, f) ? I(this, f).setImageSource(g, C, i) : (o(this, bg, { src: g, effect: C, size: i }), o(this, hg, null));
-  }
-  setBackground(g, C = "cover") {
-    var i;
-    if (I(this, W)) {
-      const s = g ? [g] : [];
-      I(this, W).postMessage({ type: "setBackground", bitmap: g ?? null, size: C }, s);
-    } else
-      (i = I(this, f)) == null || i.setBackground(g ?? null, C);
-  }
-  // ---------------------------------------------------------------------------
-  // Interaction
-  // ---------------------------------------------------------------------------
-  /**
-   * Immediately injects one splat at (x, y) with explicit velocity (vx, vy).
-   * Safe to call multiple times per frame. See FluidSimulation.splat for details.
-   */
-  splat(g, C, i, s, t = 1) {
-    I(this, W) ? I(this, W).postMessage({ type: "splat", x: g, y: C, vx: i, vy: s, strength: t }) : I(this, f).splat(g, C, i, s, t);
-  }
-  handleMove(g, C, i = 1) {
-    I(this, W) ? I(this, W).postMessage({ type: "move", x: g, y: C, strength: i }) : I(this, f).handleMove(g, C, i);
-  }
-  // ---------------------------------------------------------------------------
-  // Config + control
-  // ---------------------------------------------------------------------------
-  updateQuality(g) {
-    o(this, q, Math.max(0.1, Math.min(1, g.dpr ?? I(this, q)))), o(this, ag, Math.max(0.1, Math.min(1, g.sim ?? I(this, ag)))), I(this, W) ? I(this, W).postMessage({ type: "updateQuality", quality: { dpr: I(this, q), sim: I(this, ag) } }) : I(this, f).updateQuality(g);
-  }
-  updateConfig(g) {
-    I(this, W) ? I(this, W).postMessage({ type: "updateConfig", config: g }) : I(this, f).updateConfig(g);
-  }
-  resize(g, C) {
-    var s;
-    const i = (typeof window < "u" && window.devicePixelRatio || 1) * I(this, q);
-    I(this, W) ? I(this, W).postMessage({ type: "resize", width: g, height: C, dpr: i }) : (s = I(this, f)) == null || s.resize(g, C, i);
-  }
-  destroy() {
-    var g;
-    if (I(this, W)) {
-      const C = I(this, W);
-      o(this, W, null), C.postMessage({ type: "destroy" }), setTimeout(() => C.terminate(), 50);
-    } else
-      (g = I(this, f)) == null || g.destroy(), o(this, f, null);
-  }
-}
-W = new WeakMap(), f = new WeakMap(), qg = new WeakMap(), $g = new WeakMap(), Tg = new WeakMap(), q = new WeakMap(), ag = new WeakMap(), hg = new WeakMap(), bg = new WeakMap(), pI = new WeakSet(), QI = function(g, C) {
-  const i = { dpr: I(this, q), sim: I(this, ag) };
-  I(this, $g) && typeof navigator < "u" && !!navigator.gpu ? XI.create(g, C, i, !0, I(this, Tg)).then((t) => {
-    if (o(this, f, t), I(this, hg))
-      t.setTextSource(I(this, hg)), o(this, hg, null);
-    else if (I(this, bg)) {
-      const { src: l, effect: u, size: Z } = I(this, bg);
-      t.setImageSource(l, u, Z), o(this, bg, null);
-    }
-  }).catch((t) => {
-  }) : o(this, f, new XI(g, C, i, void 0, I(this, Tg)));
-}, kI = new WeakSet(), aC = function(g, C) {
-  const i = (typeof window < "u" && window.devicePixelRatio || 1) * I(this, q), s = Math.round(g.clientWidth * i), t = Math.round(g.clientHeight * i);
-  g.width = s, g.height = t;
-  let l;
-  try {
-    l = g.transferControlToOffscreen();
-  } catch {
-    o(this, qg, !1), h(this, pI, QI).call(this, g, C);
-    return;
-  }
-  const u = o(this, W, new qC());
-  u.onerror = (Z) => yI("Worker error:", Z.message), u.onmessage = (Z) => {
-    Z.data.type === "error" && yI("Simulation error:", Z.data.message);
-  }, u.postMessage(
-    {
-      type: "init",
-      canvas: l,
-      width: s,
-      height: t,
-      config: C,
-      dpr: i,
-      quality: { dpr: I(this, q), sim: I(this, ag) },
-      useWebGPU: I(this, $g),
-      enableAlpha: I(this, Tg)
-    },
-    [l]
-  );
+//#endregion
+//#region src/fluid-controller.ts
+var be = typeof Worker < "u" && typeof OffscreenCanvas < "u", xe = class {
+	#e = null;
+	#t = null;
+	#n;
+	#r;
+	#i;
+	#a;
+	#o;
+	#s = null;
+	#c = null;
+	constructor(e, { workerEnabled: t = !0, webGPUEnabled: n = !0, alphaEnabled: r = !0, quality: i = {}, config: a = {} } = {}) {
+		this.#a = Math.max(.1, Math.min(1, i.dpr ?? 1)), this.#o = Math.max(.1, Math.min(1, i.sim ?? .5)), this.#r = n, this.#i = r, this.#n = t && be, this.#n ? this.#u(e, a) : this.#l(e, a);
+	}
+	setTextSource(e) {
+		this.#e ? this.#e.postMessage({
+			type: "setTextSource",
+			opts: e
+		}) : this.#t ? this.#t.setTextSource(e) : (this.#s = e, this.#c = null);
+	}
+	setImageSource(e, t = d.effect, n = d.imageSize) {
+		if (this.#e) {
+			let r = new URL(e, location.href).href;
+			this.#e.postMessage({
+				type: "setImageSource",
+				src: r,
+				effect: t,
+				size: n
+			});
+		} else this.#t ? this.#t.setImageSource(e, t, n) : (this.#c = {
+			src: e,
+			effect: t,
+			size: n
+		}, this.#s = null);
+	}
+	setBackground(e, t = "cover") {
+		if (this.#e) {
+			let n = e ? [e] : [];
+			this.#e.postMessage({
+				type: "setBackground",
+				bitmap: e ?? null,
+				size: t
+			}, n);
+		} else this.#t?.setBackground(e ?? null, t);
+	}
+	splat(e, t, n, r, i = 1) {
+		this.#e ? this.#e.postMessage({
+			type: "splat",
+			x: e,
+			y: t,
+			vx: n,
+			vy: r,
+			strength: i
+		}) : this.#t.splat(e, t, n, r, i);
+	}
+	handleMove(e, t, n = 1) {
+		this.#e ? this.#e.postMessage({
+			type: "move",
+			x: e,
+			y: t,
+			strength: n
+		}) : this.#t.handleMove(e, t, n);
+	}
+	updateQuality(e) {
+		this.#a = Math.max(.1, Math.min(1, e.dpr ?? this.#a)), this.#o = Math.max(.1, Math.min(1, e.sim ?? this.#o)), this.#e ? this.#e.postMessage({
+			type: "updateQuality",
+			quality: {
+				dpr: this.#a,
+				sim: this.#o
+			}
+		}) : this.#t.updateQuality(e);
+	}
+	updateConfig(e) {
+		this.#e ? this.#e.postMessage({
+			type: "updateConfig",
+			config: e
+		}) : this.#t.updateConfig(e);
+	}
+	resize(e, t) {
+		let n = (typeof window < "u" && window.devicePixelRatio || 1) * this.#a;
+		this.#e ? this.#e.postMessage({
+			type: "resize",
+			width: e,
+			height: t,
+			dpr: n
+		}) : this.#t?.resize(e, t, n);
+	}
+	destroy() {
+		if (this.#e) {
+			let e = this.#e;
+			this.#e = null, e.postMessage({ type: "destroy" }), setTimeout(() => e.terminate(), 50);
+		} else this.#t?.destroy(), this.#t = null;
+	}
+	#l(e, t) {
+		let n = {
+			dpr: this.#a,
+			sim: this.#o
+		};
+		this.#r && typeof navigator < "u" && navigator.gpu ? Q.create(e, t, n, !0, this.#i).then((e) => {
+			if (this.#t = e, this.#s) e.setTextSource(this.#s), this.#s = null;
+			else if (this.#c) {
+				let { src: t, effect: n, size: r } = this.#c;
+				e.setImageSource(t, n, r), this.#c = null;
+			}
+		}).catch((e) => {}) : this.#t = new Q(e, t, n, void 0, this.#i);
+	}
+	#u(e, t) {
+		let n = (typeof window < "u" && window.devicePixelRatio || 1) * this.#a, r = Math.round(e.clientWidth * n), i = Math.round(e.clientHeight * n);
+		e.width = r, e.height = i;
+		let a;
+		try {
+			a = e.transferControlToOffscreen();
+		} catch {
+			this.#n = !1, this.#l(e, t);
+			return;
+		}
+		let o = this.#e = new ye();
+		o.onerror = (e) => (e.message, void 0), o.onmessage = (e) => {
+			e.data.type === "error" && e.data.message;
+		}, o.postMessage({
+			type: "init",
+			canvas: a,
+			width: r,
+			height: i,
+			config: t,
+			dpr: n,
+			quality: {
+				dpr: this.#a,
+				sim: this.#o
+			},
+			useWebGPU: this.#r,
+			enableAlpha: this.#i
+		}, [a]);
+	}
 };
-function ZC(e, {
-  workerEnabled: g = !0,
-  webGPUEnabled: C = !0,
-  alphaEnabled: i = !0,
-  pixelRatio: s,
-  simResolution: t,
-  config: l = {}
-} = {}) {
-  const u = { dpr: s, sim: t }, Z = Ng(null), d = Ng({ workerEnabled: g, quality: u, config: l }), S = Ng(Math.max(0.1, Math.min(1, s ?? gI.dpr ?? 1))), a = Ng({
-    pixelRatio: s,
-    simResolution: t
-  });
-  return lg(() => {
-    const c = e.current;
-    if (!c)
-      return;
-    const m = document.createElement("canvas");
-    m.id = `fluid_canvas_${Date.now()}`, m.style.cssText = "position:absolute;inset:0;width:100%;height:100%;display:block;", c.appendChild(m);
-    const { workerEnabled: B, quality: r, config: w } = d.current, n = (window.devicePixelRatio || 1) * S.current, y = c.getBoundingClientRect(), v = Math.round((y.width || c.clientWidth) * n) || 0, Y = Math.round((y.height || c.clientHeight) * n) || 0;
-    v > 0 && (m.width = v, m.height = Y);
-    const T = new gi(m, {
-      workerEnabled: B,
-      webGPUEnabled: C,
-      alphaEnabled: i,
-      quality: r,
-      config: w
-    });
-    Z.current = T, v > 0 && Y > 0 && T.resize(v, Y);
-    const Jg = new ResizeObserver((CI) => {
-      for (const iI of CI) {
-        const zg = (window.devicePixelRatio || 1) * S.current, { inlineSize: eI, blockSize: sI } = iI.contentBoxSize[0];
-        T.resize(Math.round(eI * zg), Math.round(sI * zg));
-      }
-    });
-    return Jg.observe(c), () => {
-      Jg.disconnect(), T.destroy(), m.remove(), Z.current = null;
-    };
-  }, [C, i]), lg(() => {
-    S.current = Math.max(0.1, Math.min(1, s ?? gI.dpr ?? 1));
-    const c = a.current;
-    a.current = { pixelRatio: s, simResolution: t };
-    const m = Z.current, B = e.current;
-    if (!m || !B || c.pixelRatio === s && c.simResolution === t)
-      return;
-    m.updateQuality({ dpr: s, sim: t });
-    const r = (window.devicePixelRatio || 1) * S.current, w = B.clientWidth, n = B.clientHeight;
-    w > 0 && n > 0 && m.resize(Math.round(w * r), Math.round(n * r));
-  }, [s, t, C, i]), Z;
+//#endregion
+//#region src/react/useFluid.ts
+function $(e, { workerEnabled: n = !0, webGPUEnabled: i = !0, alphaEnabled: a = !0, pixelRatio: o, simResolution: s, config: c = {} } = {}) {
+	let u = {
+		dpr: o,
+		sim: s
+	}, d = r(null), f = r({
+		workerEnabled: n,
+		quality: u,
+		config: c
+	}), p = r(Math.max(.1, Math.min(1, o ?? l.dpr ?? 1))), m = r({
+		pixelRatio: o,
+		simResolution: s
+	});
+	return t(() => {
+		let t = e.current;
+		if (!t) return;
+		let n = document.createElement("canvas");
+		n.id = `fluid_canvas_${Date.now()}`, n.style.cssText = "position:absolute;inset:0;width:100%;height:100%;display:block;", t.appendChild(n);
+		let { workerEnabled: r, quality: o, config: s } = f.current, c = (window.devicePixelRatio || 1) * p.current, l = t.getBoundingClientRect(), u = Math.round((l.width || t.clientWidth) * c) || 0, m = Math.round((l.height || t.clientHeight) * c) || 0;
+		u > 0 && (n.width = u, n.height = m);
+		let h = new xe(n, {
+			workerEnabled: r,
+			webGPUEnabled: i,
+			alphaEnabled: a,
+			quality: o,
+			config: s
+		});
+		d.current = h, u > 0 && m > 0 && h.resize(u, m);
+		let g = new ResizeObserver((e) => {
+			for (let t of e) {
+				let e = (window.devicePixelRatio || 1) * p.current, { inlineSize: n, blockSize: r } = t.contentBoxSize[0];
+				h.resize(Math.round(n * e), Math.round(r * e));
+			}
+		});
+		return g.observe(t), () => {
+			g.disconnect(), h.destroy(), n.remove(), d.current = null;
+		};
+	}, [i, a]), t(() => {
+		p.current = Math.max(.1, Math.min(1, o ?? l.dpr ?? 1));
+		let t = m.current;
+		m.current = {
+			pixelRatio: o,
+			simResolution: s
+		};
+		let n = d.current, r = e.current;
+		if (!n || !r || t.pixelRatio === o && t.simResolution === s) return;
+		n.updateQuality({
+			dpr: o,
+			sim: s
+		});
+		let i = (window.devicePixelRatio || 1) * p.current, a = r.clientWidth, c = r.clientHeight;
+		a > 0 && c > 0 && n.resize(Math.round(a * i), Math.round(c * i));
+	}, [
+		o,
+		s,
+		i,
+		a
+	]), d;
 }
-const ei = CC(function({
-  text: g,
-  fontSize: C = mg.fontSize,
-  color: i = mg.color,
-  fontFamily: s = mg.fontFamily,
-  fontWeight: t = mg.fontWeight,
-  className: l,
-  style: u,
-  preset: Z,
-  algorithm: d,
-  backgroundColor: S = mg.backgroundColor,
-  backgroundSrc: a,
-  backgroundSize: c = mg.backgroundSize,
-  mouseEnabled: m = mg.mouseEnabled,
-  workerEnabled: B = mg.workerEnabled,
-  webGPUEnabled: r = !0,
-  alphaEnabled: w = !0,
-  pixelRatio: n = gI.dpr,
-  simResolution: y = gI.sim,
-  // FluidConfig flat props
-  densityDissipation: v,
-  velocityDissipation: Y,
-  pressureIterations: T,
-  curl: Jg,
-  splatRadius: CI,
-  splatForce: iI,
-  refraction: zg,
-  specularExp: eI,
-  shine: sI,
-  waterColor: MI,
-  glowColor: xI,
-  warpStrength: tI
-}, lI) {
-  const J = Ng(null), oI = Object.fromEntries(
-    Object.entries({
-      densityDissipation: v,
-      velocityDissipation: Y,
-      pressureIterations: T,
-      curl: Jg,
-      splatRadius: CI,
-      splatForce: iI,
-      refraction: zg,
-      specularExp: eI,
-      shine: sI,
-      waterColor: MI,
-      glowColor: xI,
-      algorithm: d,
-      warpStrength: tI
-    }).filter(([, p]) => p !== void 0)
-  ), G = ZC(J, {
-    workerEnabled: B,
-    webGPUEnabled: r,
-    alphaEnabled: w,
-    pixelRatio: n,
-    simResolution: y,
-    config: Eg(ZI(oI, Z, jI))
-  });
-  iC(
-    lI,
-    () => ({
-      reset() {
-        var p;
-        (p = G.current) == null || p.setTextSource({ text: g, fontSize: C, color: i, fontFamily: s, fontWeight: t });
-      },
-      move(p, V, k = 1) {
-        var R;
-        (R = G.current) == null || R.handleMove(p, V, k);
-      },
-      splat(p, V, k, R, $ = 1) {
-        var Zg;
-        (Zg = G.current) == null || Zg.splat(p, V, k, R, $);
-      },
-      updateConfig(p) {
-        var V;
-        (V = G.current) == null || V.updateConfig(Eg(p));
-      }
-    }),
-    [g, C, i, s, t]
-  ), lg(() => {
-    var p;
-    (p = G.current) == null || p.setTextSource({ text: g, fontSize: C, color: i, fontFamily: s, fontWeight: t });
-  }, [g, C, i, s, t, r, w]);
-  const z = JSON.stringify(oI);
-  return lg(() => {
-    var p;
-    (p = G.current) == null || p.updateConfig(
-      Eg(ZI(oI, Z, jI))
-    );
-  }, [Z, z, r, w]), lg(() => {
-    var V;
-    if (!a) {
-      (V = G.current) == null || V.setBackground(null);
-      return;
-    }
-    let p = !1;
-    return NI(a).then((k) => {
-      var R;
-      if (p) {
-        k.close();
-        return;
-      }
-      (R = G.current) == null || R.setBackground(k, c);
-    }).catch((k) => yI()), () => {
-      p = !0;
-    };
-  }, [a, c, r, w]), lg(() => {
-    if (!m)
-      return;
-    const p = J.current;
-    if (!p)
-      return;
-    const V = (R) => {
-      var Zg;
-      const $ = p.getBoundingClientRect();
-      (Zg = G.current) == null || Zg.handleMove(R.clientX - $.left, R.clientY - $.top, 2);
-    }, k = (R) => {
-      var OI;
-      R.preventDefault();
-      const $ = p.getBoundingClientRect(), Zg = R.touches[0];
-      (OI = G.current) == null || OI.handleMove(Zg.clientX - $.left, Zg.clientY - $.top, 1);
-    };
-    return p.addEventListener("mousemove", V), p.addEventListener("touchmove", k, { passive: !1 }), () => {
-      p.removeEventListener("mousemove", V), p.removeEventListener("touchmove", k);
-    };
-  }, [m]), /* @__PURE__ */ IC(
-    "div",
-    {
-      ref: J,
-      className: l,
-      style: {
-        position: "relative",
-        display: "block",
-        width: "100%",
-        height: "100%",
-        background: S,
-        ...u
-      }
-    }
-  );
-}), si = CC(function({
-  src: g,
-  effect: C = rg.effect,
-  imageSize: i = rg.imageSize,
-  className: s,
-  style: t,
-  preset: l,
-  algorithm: u,
-  backgroundColor: Z = rg.backgroundColor,
-  backgroundSrc: d,
-  backgroundSize: S = rg.backgroundSize,
-  mouseEnabled: a = rg.mouseEnabled,
-  workerEnabled: c = rg.workerEnabled,
-  webGPUEnabled: m = !0,
-  alphaEnabled: B = !0,
-  pixelRatio: r = gI.dpr,
-  simResolution: w = gI.sim,
-  // FluidConfig flat props
-  densityDissipation: n,
-  velocityDissipation: y,
-  pressureIterations: v,
-  curl: Y,
-  splatRadius: T,
-  splatForce: Jg,
-  refraction: CI,
-  specularExp: iI,
-  shine: zg,
-  waterColor: eI,
-  glowColor: sI,
-  warpStrength: MI
-}, xI) {
-  const tI = Ng(null), lI = Object.fromEntries(
-    Object.entries({
-      densityDissipation: n,
-      velocityDissipation: y,
-      pressureIterations: v,
-      curl: Y,
-      splatRadius: T,
-      splatForce: Jg,
-      refraction: CI,
-      specularExp: iI,
-      shine: zg,
-      waterColor: eI,
-      glowColor: sI,
-      algorithm: u,
-      warpStrength: MI
-    }).filter(([, G]) => G !== void 0)
-  ), J = ZC(tI, {
-    workerEnabled: c,
-    webGPUEnabled: m,
-    alphaEnabled: B,
-    pixelRatio: r,
-    simResolution: w,
-    config: Eg(ZI(lI, l))
-  });
-  iC(
-    xI,
-    () => ({
-      reset() {
-        var G;
-        g && ((G = J.current) == null || G.setImageSource(g, C, i));
-      },
-      move(G, z, p = 1) {
-        var V;
-        (V = J.current) == null || V.handleMove(G, z, p);
-      },
-      splat(G, z, p, V, k = 1) {
-        var R;
-        (R = J.current) == null || R.splat(G, z, p, V, k);
-      },
-      updateConfig(G) {
-        var z;
-        (z = J.current) == null || z.updateConfig(Eg(G));
-      }
-    }),
-    [g, C, i]
-  ), lg(() => {
-    var G;
-    g && ((G = J.current) == null || G.setImageSource(g, C, i));
-  }, [g, C, i, m, B]);
-  const oI = JSON.stringify(lI);
-  return lg(() => {
-    var G;
-    (G = J.current) == null || G.updateConfig(Eg(ZI(lI, l)));
-  }, [l, oI, m, B]), lg(() => {
-    var z;
-    if (!d) {
-      (z = J.current) == null || z.setBackground(null);
-      return;
-    }
-    let G = !1;
-    return NI(d).then((p) => {
-      var V;
-      if (G) {
-        p.close();
-        return;
-      }
-      (V = J.current) == null || V.setBackground(p, S);
-    }).catch((p) => yI()), () => {
-      G = !0;
-    };
-  }, [d, S, m, B]), lg(() => {
-    if (!a)
-      return;
-    const G = tI.current;
-    if (!G)
-      return;
-    const z = (V) => {
-      var R;
-      const k = G.getBoundingClientRect();
-      (R = J.current) == null || R.handleMove(V.clientX - k.left, V.clientY - k.top, 2);
-    }, p = (V) => {
-      var $;
-      V.preventDefault();
-      const k = G.getBoundingClientRect(), R = V.touches[0];
-      ($ = J.current) == null || $.handleMove(R.clientX - k.left, R.clientY - k.top, 1);
-    };
-    return G.addEventListener("mousemove", z), G.addEventListener("touchmove", p, { passive: !1 }), () => {
-      G.removeEventListener("mousemove", z), G.removeEventListener("touchmove", p);
-    };
-  }, [a]), /* @__PURE__ */ IC(
-    "div",
-    {
-      ref: tI,
-      className: s,
-      style: {
-        position: "relative",
-        display: "block",
-        width: "100%",
-        height: "100%",
-        background: Z,
-        ...t
-      }
-    }
-  );
+//#endregion
+//#region src/react/FluidText.tsx
+var Se = e(function({ text: e, fontSize: a = f.fontSize, color: s = f.color, fontFamily: u = f.fontFamily, fontWeight: d = f.fontWeight, className: p, style: m, preset: g, algorithm: _, backgroundColor: v = f.backgroundColor, backgroundSrc: y, backgroundSize: b = f.backgroundSize, mouseEnabled: x = f.mouseEnabled, workerEnabled: S = f.workerEnabled, webGPUEnabled: w = !0, alphaEnabled: T = !0, pixelRatio: E = l.dpr, simResolution: D = l.sim, densityDissipation: O, velocityDissipation: k, pressureIterations: A, curl: j, splatRadius: M, splatForce: N, refraction: P, specularExp: F, shine: I, waterColor: L, glowColor: R, warpStrength: z }, B) {
+	let V = r(null), H = Object.fromEntries(Object.entries({
+		densityDissipation: O,
+		velocityDissipation: k,
+		pressureIterations: A,
+		curl: j,
+		splatRadius: M,
+		splatForce: N,
+		refraction: P,
+		specularExp: F,
+		shine: I,
+		waterColor: L,
+		glowColor: R,
+		algorithm: _,
+		warpStrength: z
+	}).filter(([, e]) => e !== void 0)), U = $(V, {
+		workerEnabled: S,
+		webGPUEnabled: w,
+		alphaEnabled: T,
+		pixelRatio: E,
+		simResolution: D,
+		config: o(h(H, g, c))
+	});
+	return n(B, () => ({
+		reset() {
+			U.current?.setTextSource({
+				text: e,
+				fontSize: a,
+				color: s,
+				fontFamily: u,
+				fontWeight: d
+			});
+		},
+		move(e, t, n = 1) {
+			U.current?.handleMove(e, t, n);
+		},
+		splat(e, t, n, r, i = 1) {
+			U.current?.splat(e, t, n, r, i);
+		},
+		updateConfig(e) {
+			U.current?.updateConfig(o(e));
+		}
+	}), [
+		e,
+		a,
+		s,
+		u,
+		d
+	]), t(() => {
+		U.current?.setTextSource({
+			text: e,
+			fontSize: a,
+			color: s,
+			fontFamily: u,
+			fontWeight: d
+		});
+	}, [
+		e,
+		a,
+		s,
+		u,
+		d,
+		w,
+		T
+	]), t(() => {
+		U.current?.updateConfig(o(h(H, g, c)));
+	}, [
+		g,
+		JSON.stringify(H),
+		w,
+		T
+	]), t(() => {
+		if (!y) {
+			U.current?.setBackground(null);
+			return;
+		}
+		let e = !1;
+		return C(y).then((t) => {
+			if (e) {
+				t.close();
+				return;
+			}
+			U.current?.setBackground(t, b);
+		}).catch((e) => void 0), () => {
+			e = !0;
+		};
+	}, [
+		y,
+		b,
+		w,
+		T
+	]), t(() => {
+		if (!x) return;
+		let e = V.current;
+		if (!e) return;
+		let t = (t) => {
+			let n = e.getBoundingClientRect();
+			U.current?.handleMove(t.clientX - n.left, t.clientY - n.top, 2);
+		}, n = (t) => {
+			t.preventDefault();
+			let n = e.getBoundingClientRect(), r = t.touches[0];
+			U.current?.handleMove(r.clientX - n.left, r.clientY - n.top, 1);
+		};
+		return e.addEventListener("mousemove", t), e.addEventListener("touchmove", n, { passive: !1 }), () => {
+			e.removeEventListener("mousemove", t), e.removeEventListener("touchmove", n);
+		};
+	}, [x]), /* @__PURE__ */ i("div", {
+		ref: V,
+		className: p,
+		style: {
+			position: "relative",
+			display: "block",
+			width: "100%",
+			height: "100%",
+			background: v,
+			...m
+		}
+	});
+}), Ce = e(function({ src: e, effect: a = d.effect, imageSize: s = d.imageSize, className: c, style: u, preset: f, algorithm: p, backgroundColor: m = d.backgroundColor, backgroundSrc: g, backgroundSize: _ = d.backgroundSize, mouseEnabled: v = d.mouseEnabled, workerEnabled: y = d.workerEnabled, webGPUEnabled: b = !0, alphaEnabled: x = !0, pixelRatio: S = l.dpr, simResolution: w = l.sim, densityDissipation: T, velocityDissipation: E, pressureIterations: D, curl: O, splatRadius: k, splatForce: A, refraction: j, specularExp: M, shine: N, waterColor: P, glowColor: F, warpStrength: I }, L) {
+	let R = r(null), z = Object.fromEntries(Object.entries({
+		densityDissipation: T,
+		velocityDissipation: E,
+		pressureIterations: D,
+		curl: O,
+		splatRadius: k,
+		splatForce: A,
+		refraction: j,
+		specularExp: M,
+		shine: N,
+		waterColor: P,
+		glowColor: F,
+		algorithm: p,
+		warpStrength: I
+	}).filter(([, e]) => e !== void 0)), B = $(R, {
+		workerEnabled: y,
+		webGPUEnabled: b,
+		alphaEnabled: x,
+		pixelRatio: S,
+		simResolution: w,
+		config: o(h(z, f))
+	});
+	return n(L, () => ({
+		reset() {
+			e && B.current?.setImageSource(e, a, s);
+		},
+		move(e, t, n = 1) {
+			B.current?.handleMove(e, t, n);
+		},
+		splat(e, t, n, r, i = 1) {
+			B.current?.splat(e, t, n, r, i);
+		},
+		updateConfig(e) {
+			B.current?.updateConfig(o(e));
+		}
+	}), [
+		e,
+		a,
+		s
+	]), t(() => {
+		e && B.current?.setImageSource(e, a, s);
+	}, [
+		e,
+		a,
+		s,
+		b,
+		x
+	]), t(() => {
+		B.current?.updateConfig(o(h(z, f)));
+	}, [
+		f,
+		JSON.stringify(z),
+		b,
+		x
+	]), t(() => {
+		if (!g) {
+			B.current?.setBackground(null);
+			return;
+		}
+		let e = !1;
+		return C(g).then((t) => {
+			if (e) {
+				t.close();
+				return;
+			}
+			B.current?.setBackground(t, _);
+		}).catch((e) => void 0), () => {
+			e = !0;
+		};
+	}, [
+		g,
+		_,
+		b,
+		x
+	]), t(() => {
+		if (!v) return;
+		let e = R.current;
+		if (!e) return;
+		let t = (t) => {
+			let n = e.getBoundingClientRect();
+			B.current?.handleMove(t.clientX - n.left, t.clientY - n.top, 2);
+		}, n = (t) => {
+			t.preventDefault();
+			let n = e.getBoundingClientRect(), r = t.touches[0];
+			B.current?.handleMove(r.clientX - n.left, r.clientY - n.top, 1);
+		};
+		return e.addEventListener("mousemove", t), e.addEventListener("touchmove", n, { passive: !1 }), () => {
+			e.removeEventListener("mousemove", t), e.removeEventListener("touchmove", n);
+		};
+	}, [v]), /* @__PURE__ */ i("div", {
+		ref: R,
+		className: c,
+		style: {
+			position: "relative",
+			display: "block",
+			width: "100%",
+			height: "100%",
+			background: m,
+			...u
+		}
+	});
 });
-export {
-  eC as DEFAULT_CONFIG,
-  jI as DEFAULT_CONFIG_TEXT,
-  rg as DEFAULT_PROPS_IMAGE,
-  sC as DEFAULT_PROPS_SHARED,
-  mg as DEFAULT_PROPS_TEXT,
-  gi as FluidController,
-  si as FluidImage,
-  XI as FluidSimulation,
-  ei as FluidText,
-  nC as PRESETS,
-  BC as PROP_RANGES,
-  NI as loadImageBitmap,
-  ZI as mergeConfig,
-  Eg as normalizeConfig,
-  wI as parseColor,
-  ZC as useFluid
-};
+//#endregion
+export { s as DEFAULT_CONFIG, c as DEFAULT_CONFIG_TEXT, d as DEFAULT_PROPS_IMAGE, u as DEFAULT_PROPS_SHARED, f as DEFAULT_PROPS_TEXT, xe as FluidController, Ce as FluidImage, Q as FluidSimulation, Se as FluidText, p as PRESETS, a as PROP_RANGES, C as loadImageBitmap, h as mergeConfig, o as normalizeConfig, m as parseColor, $ as useFluid };