cascading-reel 1.0.2 → 2.0.0

package/dist/index.es.js

@@ -1,1069 +0,0 @@
-var U = [
-  0.04,
-  0,
-  -0.04
-], S = {
-  columnStaggerMs: 76,
-  fallMs: 800,
-  outroOverlapMs: 88,
-  outroRowGapMs: 14,
-  rowBaseSpacingRatio: 0.05,
-  incomingAlphaRampMs: 34,
-  fixedStepMs: 1e3 / 120,
-  maxCatchUpStepsPerFrame: 6
-}, nt = S.outroRowGapMs, ot = S.rowBaseSpacingRatio, v = 1800, N = 0.15, L = [
-  255,
-  235,
-  110
-], lt = S.columnStaggerMs, ht = S.fallMs, at = S.outroOverlapMs;
-function M(e, t, i) {
-  return e < t ? t : e > i ? i : e;
-}
-function q(e) {
-  return Math.floor(Math.random() * e);
-}
-function b(e, t) {
-  return (e % t + t) % t;
-}
-function R(e) {
-  return M(Math.round(e), 0, 255);
-}
-function T(e) {
-  const t = [];
-  for (let i = 0; i < 3; i += 1) {
-    const s = [];
-    for (let r = 0; r < 3; r += 1) s.push(q(e));
-    t.push(s);
-  }
-  return t;
-}
-function W(e) {
-  const t = /* @__PURE__ */ new Map();
-  for (let n = 0; n < 3; n += 1) for (let o = 0; o < 3; o += 1) {
-    const l = e[n][o];
-    t.set(l, (t.get(l) ?? 0) + 1);
-  }
-  let i = e[0][0], s = -1;
-  for (const [n, o] of t.entries()) o > s && (s = o, i = n);
-  const r = [];
-  for (let n = 0; n < 3; n += 1) for (let o = 0; o < 3; o += 1) e[n][o] === i && r.push({
-    col: n,
-    row: o
-  });
-  return r;
-}
-function g() {
-  return Array.from({ length: 3 }, () => Array.from({ length: 3 }, () => 0));
-}
-function m(e, t) {
-  for (let i = 0; i < 3; i += 1) for (let s = 0; s < 3; s += 1) e[i][s] = t;
-}
-var z = class {
-  rafId = null;
-  step = null;
-  start(e) {
-    this.rafId === null && (this.step = e, this.rafId = requestAnimationFrame(this.tick));
-  }
-  stop() {
-    this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null), this.step = null;
-  }
-  isRunning() {
-    return this.rafId !== null;
-  }
-  tick = (e) => {
-    if (!this.step) {
-      this.stop();
-      return;
-    }
-    if (this.step(e) === !1) {
-      this.stop();
-      return;
-    }
-    this.rafId !== null && (this.rafId = requestAnimationFrame(this.tick));
-  };
-};
-function X(e) {
-  const t = M(e, 0, 1);
-  return t * t * t * (t * (t * 6 - 15) + 10);
-}
-function y(e, t) {
-  if (e.endMs <= e.startMs) return {
-    value: e.to,
-    t: 1,
-    done: !0
-  };
-  const i = M((t - e.startMs) / (e.endMs - e.startMs), 0, 1), s = X(i);
-  return {
-    value: e.from + (e.to - e.from) * s,
-    t: i,
-    done: i >= 1
-  };
-}
-function k(e, t, i, s) {
-  const r = [
-    0,
-    0,
-    0
-  ];
-  let n = 0;
-  for (let o = 2; o >= 0; o -= 1) {
-    if (e[o] === 0) {
-      r[o] = 0;
-      continue;
-    }
-    r[o] = n;
-    const l = Math.floor(t * s);
-    n += l + i;
-  }
-  return r;
-}
-function V(e) {
-  const t = e.height - e.boardY + e.cellH + 2, i = [
-    t,
-    t,
-    t
-  ];
-  return {
-    columnStaggerMs: e.motionProfile.columnStaggerMs,
-    fallMs: e.motionProfile.fallMs,
-    incomingAlphaRampMs: e.motionProfile.incomingAlphaRampMs,
-    outgoingDistance: t,
-    incomingFromOffsets: [
-      -e.cellH,
-      -e.cellH * 2,
-      -e.cellH * 3
-    ],
-    rowStartDelays: k(i, e.motionProfile.fallMs, e.motionProfile.outroRowGapMs, e.motionProfile.rowBaseSpacingRatio),
-    incomingStartShift: Math.max(0, e.motionProfile.fallMs - e.motionProfile.outroOverlapMs)
-  };
-}
-function D(e) {
-  let t = !0, i = !0;
-  for (let s = 0; s < e.scriptedOutgoingOffsets.length; s += 1) {
-    const r = e.elapsedMs - s * e.motionPlan.columnStaggerMs;
-    for (let n = 0; n < 3; n += 1) {
-      const o = r - e.motionPlan.rowStartDelays[n];
-      if (o <= 0) {
-        e.scriptedOutgoingOffsets[s][n] = 0, e.scriptedIncomingOffsets[s][n] = e.motionPlan.incomingFromOffsets[n], e.scriptedIncomingAlpha[s][n] = 0, e.scriptedIncomingVisibility[s][n] = "hidden", t = !1, i = !1;
-        continue;
-      }
-      const l = y({
-        startMs: 0,
-        endMs: e.motionPlan.fallMs,
-        from: 0,
-        to: e.motionPlan.outgoingDistance
-      }, o);
-      e.scriptedOutgoingOffsets[s][n] = l.value, e.scriptedIncomingVisibility[s][n] = l.done ? "entering" : "exiting", l.done || (t = !1);
-      const u = o - e.motionPlan.incomingStartShift;
-      if (u <= 0) {
-        e.scriptedIncomingOffsets[s][n] = e.motionPlan.incomingFromOffsets[n], e.scriptedIncomingAlpha[s][n] = 0, e.scriptedIncomingVisibility[s][n] = "hidden", i = !1;
-        continue;
-      }
-      const c = y({
-        startMs: 0,
-        endMs: e.motionPlan.fallMs,
-        from: e.motionPlan.incomingFromOffsets[n],
-        to: 0
-      }, u);
-      e.scriptedIncomingOffsets[s][n] = c.value, e.scriptedIncomingAlpha[s][n] = M(u / Math.max(1, e.motionPlan.incomingAlphaRampMs), 0, 1), e.scriptedIncomingVisibility[s][n] = c.done ? "active" : "entering", c.done || (i = !1);
-    }
-  }
-  return {
-    allOutgoingDone: t,
-    allIncomingDone: i
-  };
-}
-function Y(e) {
-  if (e === "rainbow") return {
-    mode: "rainbow",
-    rgb: L
-  };
-  const t = e ?? L;
-  return {
-    mode: "solid",
-    rgb: [
-      R(t[0]),
-      R(t[1]),
-      R(t[2])
-    ]
-  };
-}
-function $(e, t) {
-  return typeof e != "number" || !Number.isFinite(e) ? t : M(e, 0.5, 1.2);
-}
-function x(e) {
-  if (e.length !== 3) throw new Error("rows must contain 3 rows");
-  for (let t = 0; t < 3; t += 1) if (!Array.isArray(e[t]) || e[t].length !== 3) throw new Error(`rows[${t}] must contain 3 columns`);
-  return [
-    [
-      e[0][0],
-      e[1][0],
-      e[2][0]
-    ],
-    [
-      e[0][1],
-      e[1][1],
-      e[2][1]
-    ],
-    [
-      e[0][2],
-      e[1][2],
-      e[2][2]
-    ]
-  ];
-}
-function C(e, t) {
-  if (e.length !== 3) throw new Error("stopGrid must contain 3 columns");
-  const i = [];
-  for (let s = 0; s < 3; s += 1) {
-    const r = e[s];
-    if (!Array.isArray(r) || r.length !== 3) throw new Error(`stopGrid[${s}] must contain 3 rows`);
-    i[s] = [
-      b(r[0], t),
-      b(r[1], t),
-      b(r[2], t)
-    ];
-  }
-  return i;
-}
-function K(e, t) {
-  return C(x(e), t);
-}
-function Q(e) {
-  return {
-    stopGrid: e.stopGrid?.map((t) => [...t]),
-    stopRows: e.stopRows?.map((t) => [...t]),
-    finaleSequence: e.finaleSequence?.map((t) => t.map((i) => [...i])),
-    finaleSequenceRows: e.finaleSequenceRows?.map((t) => t.map((i) => [...i])),
-    highlightWin: e.highlightWin,
-    callback: e.callback
-  };
-}
-var j = class {
-  queue;
-  constructor(e) {
-    this.queue = (e ?? []).map((t) => Q(t));
-  }
-  hasPending() {
-    return this.queue.length > 0;
-  }
-  consume() {
-    return this.queue.length === 0 ? null : this.queue.shift() ?? null;
-  }
-};
-function Z() {
-  return {
-    isSpinning: !1,
-    hasStartedFirstSpin: !1,
-    queueFinished: !1,
-    shouldHighlightCurrentSpin: !1,
-    activeSpinState: null,
-    phase: "idle",
-    winFlashStartedAt: 0,
-    outroStartedAt: 0,
-    idleStartedAt: 0,
-    preSpinStartedAt: 0,
-    winEffectsEnvelope: 1
-  };
-}
-function J(e, t) {
-  e.hasStartedFirstSpin = !0, e.isSpinning = !0, e.phase = "outro", e.outroStartedAt = t.startedAt, e.activeSpinState = t.activeSpinState, e.shouldHighlightCurrentSpin = t.shouldHighlightCurrentSpin;
-}
-function tt(e, t, i) {
-  e.phase = "idle", e.idleStartedAt = i, e.isSpinning = !1, e.shouldHighlightCurrentSpin = !1, e.queueFinished = !t, e.activeSpinState = null;
-}
-function F(e, t) {
-  e.winFlashStartedAt = t, e.phase = "winFlash";
-}
-function it(e) {
-  e.isSpinning = !1, e.queueFinished = !0;
-}
-var et = `
-attribute vec2 a_pos;
-uniform vec2 u_resolution;
-uniform mediump vec4 u_destRect;
-varying vec2 v_uv;
-
-void main() {
-  vec2 local = a_pos;
-  vec2 pixel = vec2(
-    u_destRect.x + local.x * u_destRect.z,
-    u_destRect.y + local.y * u_destRect.w
-  );
-
-  vec2 zeroToOne = pixel / u_resolution;
-  vec2 clip = vec2(
-    zeroToOne.x * 2.0 - 1.0,
-    1.0 - zeroToOne.y * 2.0
-  );
-
-  gl_Position = vec4(clip, 0.0, 1.0);
-  v_uv = local;
-}
-`, st = `
-precision mediump float;
-
-uniform sampler2D u_texture;
-uniform mediump vec4 u_destRect;
-uniform vec4 u_srcRect;
-uniform vec4 u_color;
-uniform float u_useTexture;
-uniform float u_shapeMode;
-uniform float u_time;
-uniform float u_borderPx;
-uniform float u_borderInsetPx;
-uniform float u_cornerRadiusPx;
-uniform float u_noiseAmp;
-uniform float u_pulseStrength;
-varying vec2 v_uv;
-
-float hash1(float n) {
-  return fract(sin(n) * 43758.5453);
-}
-
-void main() {
-  if (u_shapeMode > 1.5) {
-    vec2 sizePx = max(vec2(1.0), u_destRect.zw);
-    vec2 px = v_uv * sizePx;
-    float cornerRadius = clamp(u_cornerRadiusPx, 0.0, max(0.0, min(sizePx.x, sizePx.y) * 0.5 - 0.01));
-
-    vec2 halfSize = sizePx * 0.5;
-    vec2 p = px - halfSize;
-    vec2 q = abs(p) - (halfSize - vec2(cornerRadius));
-    float outside = length(max(q, vec2(0.0)));
-    float inside = min(max(q.x, q.y), 0.0);
-    float d = -(outside + inside - cornerRadius);
-
-    float left = px.x;
-    float right = sizePx.x - px.x;
-    float top = px.y;
-    float bottom = sizePx.y - px.y;
-
-    float side = 0.0;
-    float s = 0.0;
-    float perimeter = max(1.0, (sizePx.x + sizePx.y) * 2.0);
-    if (top <= left && top <= right && top <= bottom) {
-      side = 0.0;
-      s = px.x;
-    } else if (right <= left && right <= top && right <= bottom) {
-      side = 1.0;
-      s = sizePx.x + px.y;
-    } else if (bottom <= left && bottom <= right && bottom <= top) {
-      side = 2.0;
-      s = sizePx.x + sizePx.y + (sizePx.x - px.x);
-    } else {
-      side = 3.0;
-      s = sizePx.x + sizePx.y + sizePx.x + (sizePx.y - px.y);
-    }
-
-    float sideSeed = hash1(side * 17.31 + sizePx.x * 0.013 + sizePx.y * 0.007);
-    float phase = s * (0.12 + sideSeed * 0.06) + u_time * (6.0 + sideSeed * 4.0);
-    float n1 = sin(phase);
-    float n2 = sin(phase * 1.87 + 1.6 + sideSeed * 5.1);
-    float n3 = sin(phase * 2.53 + 0.73);
-    float waviness = (n1 * 0.58 + n2 * 0.3 + n3 * 0.12) * u_noiseAmp;
-
-    float borderCenter = max(0.5, u_borderInsetPx + waviness);
-    float borderDist = d - borderCenter;
-    float core = exp(-pow(borderDist / max(1.0, u_borderPx * 0.72), 2.0));
-    float glow = exp(-pow(borderDist / max(1.0, u_borderPx * 2.1), 2.0)) * 0.55;
-
-    float pulseA = fract(u_time * 0.11 + 0.07);
-    float pulseB = fract(u_time * 0.11 + 0.41);
-    float pulseC = fract(u_time * 0.11 + 0.78);
-    float posA = pulseA * perimeter;
-    float posB = pulseB * perimeter;
-    float posC = pulseC * perimeter;
-    float dsA = min(abs(s - posA), perimeter - abs(s - posA));
-    float dsB = min(abs(s - posB), perimeter - abs(s - posB));
-    float dsC = min(abs(s - posC), perimeter - abs(s - posC));
-    float pulseBand = exp(-pow(dsA / 18.0, 2.0)) + exp(-pow(dsB / 22.0, 2.0)) + exp(-pow(dsC / 16.0, 2.0));
-    pulseBand *= exp(-pow(borderDist / max(1.0, u_borderPx * 1.25), 2.0));
-    float outerFade = smoothstep(0.0, max(0.75, u_borderInsetPx * 0.95), d);
-
-    float flicker = 0.84 + 0.16 * sin(u_time * 21.0 + s * 0.2 + side * 3.1);
-    float alpha = (core + glow + pulseBand * u_pulseStrength) * u_color.a * flicker * outerFade;
-    if (alpha <= 0.003) {
-      discard;
-    }
-    gl_FragColor = vec4(u_color.rgb * (0.9 + pulseBand * 0.24), alpha);
-  } else if (u_shapeMode > 0.5) {
-    vec2 centered = v_uv - vec2(0.5, 0.5);
-    float dist = length(centered) * 2.0;
-    if (dist > 1.0) {
-      discard;
-    }
-    float feather = smoothstep(1.0, 0.72, dist);
-    gl_FragColor = vec4(u_color.rgb, u_color.a * feather);
-  } else if (u_useTexture > 0.5) {
-    vec2 uv = vec2(
-      mix(u_srcRect.x, u_srcRect.z, v_uv.x),
-      mix(u_srcRect.y, u_srcRect.w, v_uv.y)
-    );
-    vec4 tex = texture2D(u_texture, uv);
-    gl_FragColor = tex * u_color;
-  } else {
-    gl_FragColor = u_color;
-  }
-}
-`, rt = class {
-  canvas;
-  spriteImage;
-  spriteElementsCount;
-  gl;
-  program;
-  uniforms;
-  quadBuffer;
-  texture;
-  viewportW = 1;
-  viewportH = 1;
-  spriteWidth;
-  spriteHeight;
-  spriteSegmentHeight;
-  constructor(e) {
-    this.canvas = e.canvas, this.spriteImage = e.spriteImage, this.spriteElementsCount = Math.max(1, e.spriteElementsCount), this.spriteWidth = this.spriteImage.width, this.spriteHeight = this.spriteImage.height, this.spriteSegmentHeight = this.spriteHeight / this.spriteElementsCount;
-    const t = this.canvas.getContext("webgl2", {
-      alpha: !0,
-      antialias: !1
-    }) ?? this.canvas.getContext("webgl", {
-      alpha: !0,
-      antialias: !1
-    });
-    if (!t) throw new Error("WebGL context is not available");
-    this.gl = t;
-    const i = this.createShader(this.gl.VERTEX_SHADER, et), s = this.createShader(this.gl.FRAGMENT_SHADER, st);
-    this.program = this.createProgram(i, s), this.gl.deleteShader(i), this.gl.deleteShader(s);
-    const r = this.gl.createBuffer();
-    if (!r) throw new Error("Failed to create WebGL quad buffer");
-    this.quadBuffer = r, this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.quadBuffer), this.gl.bufferData(this.gl.ARRAY_BUFFER, new Float32Array([
-      0,
-      0,
-      1,
-      0,
-      0,
-      1,
-      0,
-      1,
-      1,
-      0,
-      1,
-      1
-    ]), this.gl.STATIC_DRAW);
-    const n = this.gl.createTexture();
-    if (!n) throw new Error("Failed to create WebGL texture");
-    this.texture = n, this.gl.bindTexture(this.gl.TEXTURE_2D, this.texture), this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL, 0), this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 1), this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.gl.RGBA, this.gl.UNSIGNED_BYTE, this.spriteImage), this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 0), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MIN_FILTER, this.gl.LINEAR), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MAG_FILTER, this.gl.LINEAR), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_S, this.gl.CLAMP_TO_EDGE), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_T, this.gl.CLAMP_TO_EDGE), this.gl.useProgram(this.program);
-    const o = this.gl.getAttribLocation(this.program, "a_pos");
-    this.gl.enableVertexAttribArray(o), this.gl.vertexAttribPointer(o, 2, this.gl.FLOAT, !1, 8, 0), this.uniforms = {
-      resolution: this.gl.getUniformLocation(this.program, "u_resolution"),
-      destRect: this.gl.getUniformLocation(this.program, "u_destRect"),
-      srcRect: this.gl.getUniformLocation(this.program, "u_srcRect"),
-      color: this.gl.getUniformLocation(this.program, "u_color"),
-      useTexture: this.gl.getUniformLocation(this.program, "u_useTexture"),
-      shapeMode: this.gl.getUniformLocation(this.program, "u_shapeMode"),
-      texture: this.gl.getUniformLocation(this.program, "u_texture"),
-      time: this.gl.getUniformLocation(this.program, "u_time"),
-      borderPx: this.gl.getUniformLocation(this.program, "u_borderPx"),
-      borderInsetPx: this.gl.getUniformLocation(this.program, "u_borderInsetPx"),
-      cornerRadiusPx: this.gl.getUniformLocation(this.program, "u_cornerRadiusPx"),
-      noiseAmp: this.gl.getUniformLocation(this.program, "u_noiseAmp"),
-      pulseStrength: this.gl.getUniformLocation(this.program, "u_pulseStrength")
-    }, this.gl.uniform1i(this.uniforms.texture, 0), this.gl.uniform1f(this.uniforms.time, 0), this.gl.uniform1f(this.uniforms.borderPx, 1), this.gl.uniform1f(this.uniforms.borderInsetPx, 0), this.gl.uniform1f(this.uniforms.cornerRadiusPx, 0), this.gl.uniform1f(this.uniforms.noiseAmp, 0), this.gl.uniform1f(this.uniforms.pulseStrength, 0), this.gl.clearColor(0, 0, 0, 0), this.gl.enable(this.gl.BLEND), this.gl.blendFunc(this.gl.ONE, this.gl.ONE_MINUS_SRC_ALPHA);
-  }
-  resize(e, t) {
-    this.viewportW = Math.max(1, Math.floor(e)), this.viewportH = Math.max(1, Math.floor(t)), this.gl.viewport(0, 0, this.viewportW, this.viewportH);
-  }
-  beginFrame() {
-    this.gl.useProgram(this.program), this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.quadBuffer), this.gl.activeTexture(this.gl.TEXTURE0), this.gl.bindTexture(this.gl.TEXTURE_2D, this.texture), this.gl.uniform2f(this.uniforms.resolution, this.viewportW, this.viewportH), this.gl.uniform1f(this.uniforms.shapeMode, 0), this.gl.clear(this.gl.COLOR_BUFFER_BIT);
-  }
-  drawSprite(e, t, i, s, r, n = 1) {
-    const o = b(e, this.spriteElementsCount) * this.spriteSegmentHeight, l = o + this.spriteSegmentHeight, u = 0.5, c = u / this.spriteWidth, a = 1 - u / this.spriteWidth, d = 1 - (l - u) / this.spriteHeight, f = 1 - (o + u) / this.spriteHeight;
-    this.gl.uniform4f(this.uniforms.destRect, t, i, s, r), this.gl.uniform4f(this.uniforms.srcRect, c, d, a, f), this.gl.uniform4f(this.uniforms.color, 1, 1, 1, n), this.gl.uniform1f(this.uniforms.shapeMode, 0), this.gl.uniform1f(this.uniforms.useTexture, 1), this.gl.drawArrays(this.gl.TRIANGLES, 0, 6);
-  }
-  drawSolidRect(e, t, i, s, r) {
-    this.gl.uniform4f(this.uniforms.destRect, e, t, i, s), this.gl.uniform4f(this.uniforms.srcRect, 0, 0, 1, 1), this.gl.uniform4f(this.uniforms.color, r[0], r[1], r[2], r[3]), this.gl.uniform1f(this.uniforms.shapeMode, 0), this.gl.uniform1f(this.uniforms.useTexture, 0), this.gl.drawArrays(this.gl.TRIANGLES, 0, 6);
-  }
-  drawSoftCircle(e, t, i, s) {
-    const r = i * 2;
-    this.gl.uniform4f(this.uniforms.destRect, e - i, t - i, r, r), this.gl.uniform4f(this.uniforms.srcRect, 0, 0, 1, 1), this.gl.uniform4f(this.uniforms.color, s[0], s[1], s[2], s[3]), this.gl.uniform1f(this.uniforms.useTexture, 0), this.gl.uniform1f(this.uniforms.shapeMode, 1), this.gl.drawArrays(this.gl.TRIANGLES, 0, 6), this.gl.uniform1f(this.uniforms.shapeMode, 0);
-  }
-  drawElectricBorder(e) {
-    this.gl.uniform4f(this.uniforms.destRect, e.x, e.y, e.width, e.height), this.gl.uniform4f(this.uniforms.srcRect, 0, 0, 1, 1), this.gl.uniform4f(this.uniforms.color, e.rgba[0], e.rgba[1], e.rgba[2], e.rgba[3]), this.gl.uniform1f(this.uniforms.useTexture, 0), this.gl.uniform1f(this.uniforms.shapeMode, 2), this.gl.uniform1f(this.uniforms.time, e.timeMs * 1e-3), this.gl.uniform1f(this.uniforms.borderPx, Math.max(0.5, e.borderThicknessPx)), this.gl.uniform1f(this.uniforms.borderInsetPx, Math.max(0, e.borderInsetPx)), this.gl.uniform1f(this.uniforms.cornerRadiusPx, Math.max(0, e.cornerRadiusPx)), this.gl.uniform1f(this.uniforms.noiseAmp, Math.max(0, e.noiseAmplitudePx)), this.gl.uniform1f(this.uniforms.pulseStrength, Math.max(0, e.pulseStrength)), this.gl.drawArrays(this.gl.TRIANGLES, 0, 6), this.gl.uniform1f(this.uniforms.shapeMode, 0);
-  }
-  beginAdditiveBlend() {
-    this.gl.blendFunc(this.gl.SRC_ALPHA, this.gl.ONE);
-  }
-  endAdditiveBlend() {
-    this.gl.blendFunc(this.gl.ONE, this.gl.ONE_MINUS_SRC_ALPHA);
-  }
-  dispose() {
-    this.gl.deleteTexture(this.texture), this.gl.deleteBuffer(this.quadBuffer), this.gl.deleteProgram(this.program);
-  }
-  createShader(e, t) {
-    const i = this.gl.createShader(e);
-    if (!i) throw new Error("Failed to create WebGL shader");
-    if (this.gl.shaderSource(i, t), this.gl.compileShader(i), !this.gl.getShaderParameter(i, this.gl.COMPILE_STATUS)) {
-      const s = this.gl.getShaderInfoLog(i) ?? "unknown error";
-      throw this.gl.deleteShader(i), new Error(`WebGL shader compile failed: ${s}`);
-    }
-    return i;
-  }
-  createProgram(e, t) {
-    const i = this.gl.createProgram();
-    if (!i) throw new Error("Failed to create WebGL program");
-    if (this.gl.attachShader(i, e), this.gl.attachShader(i, t), this.gl.linkProgram(i), !this.gl.getProgramParameter(i, this.gl.LINK_STATUS)) {
-      const s = this.gl.getProgramInfoLog(i) ?? "unknown error";
-      throw this.gl.deleteProgram(i), new Error(`WebGL program link failed: ${s}`);
-    }
-    return i;
-  }
-}, ct = class h {
-  static RAINBOW_HUE_BUCKETS = 24;
-  static PARTICLE_GLOBAL_ALPHA = 0.9;
-  static PARTICLE_MAX_DISTANCE = 0.72;
-  static PARTICLE_BASE_RADIUS = 0.028;
-  static DEFAULT_SYMBOL_SCALE = 0.9;
-  canvas;
-  container;
-  button;
-  spinQueueController;
-  spriteSource;
-  spriteCrossOrigin;
-  spriteElementsCount;
-  highlightInitialWinningCells;
-  particleColorRgb;
-  particleColorMode;
-  symbolScale;
-  motionProfile;
-  isCoarsePointerDevice;
-  spriteImage = null;
-  spriteLoadError = null;
-  webglRenderer = null;
-  rafLoop = new z();
-  runtime = Z();
-  width = 0;
-  height = 0;
-  cellW = 0;
-  cellH = 0;
-  boardX = 0;
-  boardY = 0;
-  scriptedCascadeQueue = [];
-  scriptedOutgoingGrid = null;
-  scriptedPendingGrid = null;
-  scriptedOutroStartedAt = 0;
-  scriptedOutroElapsedMs = 0;
-  outroMotionPlan = null;
-  scriptedOutgoingOffsets = g();
-  scriptedOutgoingOffsetsPrev = g();
-  scriptedIncomingOffsets = g();
-  scriptedIncomingOffsetsPrev = g();
-  scriptedIncomingAlpha = g();
-  scriptedIncomingAlphaPrev = g();
-  scriptedIncomingVisibility = h.createVisibilityGrid("hidden");
-  scriptedIncomingVisibilityPrev = h.createVisibilityGrid("hidden");
-  winningCells = [];
-  winningCellKeys = /* @__PURE__ */ new Set();
-  grid;
-  particlesPerCell = 34;
-  lastRafTime = 0;
-  initialHighlightRequestedAt = 0;
-  simulationLastNow = 0;
-  simulationAccumulatorMs = 0;
-  outroInterpolationAlpha = 1;
-  isOutroPipelineWarmedUp = !1;
-  isGpuPipelineWarmedUp = !1;
-  perfWindowStartedAt = 0;
-  perfFrameCount = 0;
-  perfOver20MsCount = 0;
-  perfDtSamples = [];
-  mobileDprCap = 2;
-  mobilePerfGoodWindows = 0;
-  mobilePerfBadWindows = 0;
-  static PERF_WINDOW_MS = 1500;
-  static PERF_BAD_P95_DT_MS = 19;
-  static PERF_GOOD_P95_DT_MS = 17.5;
-  static PERF_BAD_SLOW_RATIO = 0.03;
-  static MOBILE_BAD_WINDOWS_TO_DECREASE_DPR = 2;
-  static MOBILE_GOOD_WINDOWS_TO_INCREASE_DPR = 4;
-  static MOBILE_DPR_CAP_MIN = 1.25;
-  static MOBILE_DPR_CAP_MAX = 1.5;
-  static MOBILE_DPR_STEP_DOWN = 0.1;
-  static MOBILE_DPR_STEP_UP = 0.05;
-  static DPR_QUANT_STEP = 0.25;
-  static MAX_CANVAS_AREA_PX_COARSE = 900 * 900;
-  static MAX_CANVAS_AREA_PX_FINE = 1400 * 1400;
-  static PRE_SPIN_MS = 150;
-  static WIN_EFFECTS_ENVELOPE_TAU_MS = 120;
-  static MAX_FRAME_DELTA_MS = 100;
-  static WIN_BORDER_ALPHA = 0.72;
-  static WIN_BORDER_INSET_RATIO = 0.08;
-  static particleSeedsCache = /* @__PURE__ */ new Map();
-  constructor(t) {
-    this.canvas = t.canvas, this.container = t.container, this.button = t.button, this.spriteSource = t.sprite, this.spriteCrossOrigin = t.spriteCrossOrigin ?? "anonymous", this.spriteElementsCount = Math.max(1, t.spriteElementsCount ?? 6), this.highlightInitialWinningCells = t.highlightInitialWinningCells !== !1, this.spinQueueController = new j(t.queuedSpinStates);
-    const i = Y(t.particleColor);
-    this.particleColorRgb = i.rgb, this.particleColorMode = i.mode, this.symbolScale = $(t.symbolScale, h.DEFAULT_SYMBOL_SCALE), this.motionProfile = S, this.isCoarsePointerDevice = h.detectCoarsePointerDevice(), this.mobileDprCap = this.isCoarsePointerDevice ? h.MOBILE_DPR_CAP_MAX : 2, this.grid = t.initialSegments ? K(t.initialSegments, this.spriteElementsCount) : T(this.spriteElementsCount);
-  }
-  async init() {
-    if (this.bindEvents(), this.resize(), await this.loadSpriteIfProvided(), !this.spriteImage) {
-      const t = this.spriteLoadError ? ` (${this.spriteLoadError})` : "";
-      throw new Error(`sprite is required for WebGL renderer${t}`);
-    }
-    this.webglRenderer = new rt({
-      canvas: this.canvas,
-      spriteImage: this.spriteImage,
-      spriteElementsCount: this.spriteElementsCount
-    }), this.webglRenderer.resize(this.width, this.height), this.warmUpOutroPipeline(), this.warmUpGpuPipeline(), this.applyInitialHighlightIfNeeded(), requestAnimationFrame((t) => {
-      this.render(t), this.startLoop();
-    });
-  }
-  destroy() {
-    this.unbindEvents(), this.rafLoop.stop(), this.simulationLastNow = 0, this.simulationAccumulatorMs = 0, it(this.runtime), this.webglRenderer?.dispose(), this.webglRenderer = null, this.clearWinningCells();
-  }
-  spin() {
-    if (this.dismissHighlightIfActive(), this.runtime.isSpinning || this.runtime.queueFinished) return;
-    if (!this.spinQueueController.hasPending()) {
-      this.runtime.queueFinished = !0, this.button && (this.button.disabled = !0);
-      return;
-    }
-    const t = this.spinQueueController.consume(), i = t?.highlightWin === !0;
-    this.runtime.isSpinning = !0, this.runtime.phase = "preSpin", this.runtime.preSpinStartedAt = performance.now(), this.runtime.activeSpinState = t, this.runtime.shouldHighlightCurrentSpin = i, this.runtime.hasStartedFirstSpin = !0, this.simulationLastNow = 0, this.simulationAccumulatorMs = 0, this.button && (this.button.disabled = !0), this.startLoop();
-  }
-  bindEvents() {
-    window.addEventListener("resize", this.resize), document.addEventListener("visibilitychange", this.onVisibilityChange), this.button?.addEventListener("click", this.onSpinClick);
-  }
-  unbindEvents() {
-    window.removeEventListener("resize", this.resize), document.removeEventListener("visibilitychange", this.onVisibilityChange), this.button?.removeEventListener("click", this.onSpinClick);
-  }
-  onVisibilityChange = () => {
-    this.lastRafTime = 0, this.simulationLastNow = 0, this.simulationAccumulatorMs = 0, this.resetPerfWindow();
-  };
-  onSpinClick = () => {
-    this.runtime.isSpinning && this.runtime.phase !== "winFlash" || this.spin();
-  };
-  getNextGrid(t) {
-    return t ? C(t, this.spriteElementsCount) : T(this.spriteElementsCount);
-  }
-  update(t) {
-    if (this.runtime.isSpinning) {
-      if (this.runtime.phase === "preSpin") {
-        if (t - this.runtime.preSpinStartedAt < h.PRE_SPIN_MS) return;
-        J(this.runtime, {
-          activeSpinState: this.runtime.activeSpinState,
-          shouldHighlightCurrentSpin: this.runtime.shouldHighlightCurrentSpin,
-          startedAt: t
-        }), this.runtime.preSpinStartedAt = 0, this.scriptedCascadeQueue = (this.runtime.activeSpinState?.finaleSequenceRows ? this.runtime.activeSpinState.finaleSequenceRows.map((r) => x(r)) : this.runtime.activeSpinState?.finaleSequence ?? []).map((r) => r.map((n) => [...n])), this.clearWinningCells();
-        const i = this.runtime.activeSpinState?.stopRows ? x(this.runtime.activeSpinState.stopRows) : this.runtime.activeSpinState?.stopGrid, s = this.getNextGrid(i);
-        this.startOutroTransition(s, t);
-      }
-      this.runtime.phase;
-    }
-  }
-  stepScriptedOutro(t) {
-    if (!this.scriptedOutgoingGrid || !this.scriptedPendingGrid) {
-      this.finishSpinWithUi();
-      return;
-    }
-    this.outroMotionPlan || (this.outroMotionPlan = this.createOutroMotionPlan()), this.scriptedOutroElapsedMs += t;
-    const { allOutgoingDone: i, allIncomingDone: s } = D({
-      elapsedMs: this.scriptedOutroElapsedMs,
-      scriptedOutgoingOffsets: this.scriptedOutgoingOffsets,
-      scriptedIncomingOffsets: this.scriptedIncomingOffsets,
-      scriptedIncomingAlpha: this.scriptedIncomingAlpha,
-      scriptedIncomingVisibility: this.scriptedIncomingVisibility,
-      motionPlan: this.outroMotionPlan
-    });
-    if (!(!i || !s) && (this.grid = this.scriptedPendingGrid, this.scriptedOutgoingGrid = null, this.scriptedPendingGrid = null, this.outroMotionPlan = null, this.clearWinningCells(), this.resetOutroBuffers(1, "active"), !this.tryStartScriptedCascade(this.scriptedOutroStartedAt + this.scriptedOutroElapsedMs))) {
-      if (!this.runtime.shouldHighlightCurrentSpin) {
-        this.finishSpinWithUi();
-        return;
-      }
-      this.setWinningCells(W(this.grid)), F(this.runtime, this.scriptedOutroStartedAt + this.scriptedOutroElapsedMs), this.runtime.activeSpinState?.callback?.(), this.button && this.runtime.shouldHighlightCurrentSpin && this.spinQueueController.hasPending() && (this.button.disabled = !1);
-    }
-  }
-  tryStartScriptedCascade(t) {
-    if (this.scriptedCascadeQueue.length === 0) return !1;
-    const i = this.scriptedCascadeQueue.shift();
-    return i ? (this.startOutroTransition(C(i, this.spriteElementsCount), t), !0) : !1;
-  }
-  startOutroTransition(t, i) {
-    this.scriptedOutgoingGrid = this.grid.map((s) => [...s]), this.scriptedPendingGrid = t.map((s) => [...s]), this.outroMotionPlan = this.createOutroMotionPlan(), this.resetOutroBuffers(0, "hidden"), this.clearWinningCells(), this.runtime.phase = "outro", this.scriptedOutroStartedAt = i, this.scriptedOutroElapsedMs = 0, this.outroInterpolationAlpha = 1;
-  }
-  finishSpinWithUi(t = !1) {
-    const i = this.runtime.activeSpinState, s = t ? void 0 : i?.callback, r = this.spinQueueController.hasPending();
-    tt(this.runtime, r, performance.now()), this.button && (this.button.disabled = this.runtime.queueFinished), s?.();
-  }
-  dismissHighlightIfActive() {
-    this.runtime.phase === "winFlash" && this.finishSpinWithUi(!0);
-  }
-  applyInitialHighlightIfNeeded() {
-    this.highlightInitialWinningCells && (this.setWinningCells(W(this.grid)), this.initialHighlightRequestedAt = performance.now());
-  }
-  warmUpOutroPipeline() {
-    if (this.isOutroPipelineWarmedUp) return;
-    const t = this.createOutroMotionPlan(), i = g(), s = g(), r = g(), n = h.createVisibilityGrid("hidden"), o = Math.max(...t.rowStartDelays), l = 2 * t.columnStaggerMs, u = [
-      0,
-      this.motionProfile.fixedStepMs,
-      t.incomingStartShift + this.motionProfile.fixedStepMs,
-      t.fallMs + o + l + this.motionProfile.fixedStepMs
-    ];
-    for (const c of u) D({
-      elapsedMs: c,
-      scriptedOutgoingOffsets: i,
-      scriptedIncomingOffsets: s,
-      scriptedIncomingAlpha: r,
-      scriptedIncomingVisibility: n,
-      motionPlan: t
-    });
-    this.isOutroPipelineWarmedUp = !0;
-  }
-  createOutroMotionPlan() {
-    const t = V({
-      height: this.height,
-      boardY: this.boardY,
-      cellH: this.cellH,
-      motionProfile: this.motionProfile
-    });
-    if (!this.isCoarsePointerDevice) return t;
-    const i = 1e3 / 60;
-    return {
-      ...t,
-      columnStaggerMs: this.quantizeMs(t.columnStaggerMs, i),
-      incomingStartShift: this.quantizeMs(t.incomingStartShift, i),
-      rowStartDelays: [
-        this.quantizeMs(t.rowStartDelays[0], i),
-        this.quantizeMs(t.rowStartDelays[1], i),
-        this.quantizeMs(t.rowStartDelays[2], i)
-      ]
-    };
-  }
-  quantizeMs(t, i) {
-    return t <= 0 ? 0 : Math.max(1, Math.round(t / i)) * i;
-  }
-  warmUpGpuPipeline() {
-    if (this.isGpuPipelineWarmedUp) return;
-    const t = this.webglRenderer;
-    if (!t) return;
-    const i = Math.max(8, this.cellW * 0.2), s = Math.max(8, this.cellH * 0.2), r = this.boardX + 2, n = this.boardY + 2;
-    t.beginFrame(), t.drawSprite(0, r, n, i, s, 1), t.drawSolidRect(r + i + 2, n, i, s, [
-      1,
-      1,
-      1,
-      0.35
-    ]), t.beginAdditiveBlend(), t.drawSoftCircle(r + i * 0.5, n + s * 0.5, Math.max(2, i * 0.25), [
-      1,
-      0.9,
-      0.4,
-      0.4
-    ]), t.endAdditiveBlend(), this.isGpuPipelineWarmedUp = !0;
-  }
-  trackOutroPerf(t, i) {
-    if (this.runtime.phase !== "outro") {
-      this.resetPerfWindow();
-      return;
-    }
-    this.perfWindowStartedAt <= 0 && (this.perfWindowStartedAt = i), this.perfFrameCount += 1, t > 20 && (this.perfOver20MsCount += 1), this.perfDtSamples.push(t), !(i - this.perfWindowStartedAt < h.PERF_WINDOW_MS) && (this.flushPerfWindow(), this.perfWindowStartedAt = i);
-  }
-  resetPerfWindow() {
-    this.perfWindowStartedAt = 0, this.perfFrameCount = 0, this.perfOver20MsCount = 0, this.perfDtSamples.length = 0;
-  }
-  flushPerfWindow() {
-    if (this.perfFrameCount === 0) return;
-    const t = [...this.perfDtSamples].sort((s, r) => s - r), i = t[Math.max(0, Math.min(t.length - 1, Math.floor(t.length * 0.95)))];
-    this.adjustMobileDprCap(i, this.perfOver20MsCount, this.perfFrameCount), this.perfFrameCount = 0, this.perfOver20MsCount = 0, this.perfDtSamples.length = 0;
-  }
-  adjustMobileDprCap(t, i, s) {
-    if (!this.isCoarsePointerDevice || s <= 0) return;
-    const r = i / s, n = t > h.PERF_BAD_P95_DT_MS || r > h.PERF_BAD_SLOW_RATIO, o = t <= h.PERF_GOOD_P95_DT_MS && i === 0;
-    let l = this.mobileDprCap;
-    n ? (this.mobilePerfBadWindows += 1, this.mobilePerfGoodWindows = 0, this.mobilePerfBadWindows >= h.MOBILE_BAD_WINDOWS_TO_DECREASE_DPR && (l = Math.max(h.MOBILE_DPR_CAP_MIN, this.mobileDprCap - h.MOBILE_DPR_STEP_DOWN), this.mobilePerfBadWindows = 0)) : o ? (this.mobilePerfGoodWindows += 1, this.mobilePerfBadWindows = 0, this.mobilePerfGoodWindows >= h.MOBILE_GOOD_WINDOWS_TO_INCREASE_DPR && (l = Math.min(h.MOBILE_DPR_CAP_MAX, this.mobileDprCap + h.MOBILE_DPR_STEP_UP), this.mobilePerfGoodWindows = 0)) : (this.mobilePerfGoodWindows = 0, this.mobilePerfBadWindows = 0), !(Math.abs(l - this.mobileDprCap) < 1e-3) && (this.mobileDprCap = l, this.resize());
-  }
-  render(t) {
-    if (!this.webglRenderer) return;
-    this.initialHighlightRequestedAt > 0 && t - this.initialHighlightRequestedAt >= 200 && (F(this.runtime, this.initialHighlightRequestedAt), this.runtime.winEffectsEnvelope = 1, this.initialHighlightRequestedAt = 0, this.button && (this.button.disabled = !1));
-    const i = this.runtime.phase === "preSpin" ? 0 : this.runtime.phase === "winFlash" ? 1 : 0;
-    if (this.lastRafTime > 0) {
-      const l = Math.min(t - this.lastRafTime, 50);
-      this.trackOutroPerf(l, t);
-      const u = 1 - Math.exp(-l / h.WIN_EFFECTS_ENVELOPE_TAU_MS);
-      this.runtime.winEffectsEnvelope += (i - this.runtime.winEffectsEnvelope) * u;
-    } else this.resetPerfWindow();
-    this.lastRafTime = t, this.webglRenderer.beginFrame();
-    const s = this.runtime.phase === "winFlash" || this.runtime.phase === "preSpin" || this.initialHighlightRequestedAt > 0 && this.winningCells.length > 0;
-    this.runtime.phase === "outro" && this.scriptedOutgoingGrid && this.scriptedPendingGrid ? (this.drawGridInterpolated(this.scriptedOutgoingGrid, this.scriptedOutgoingOffsetsPrev, this.scriptedOutgoingOffsets, this.outroInterpolationAlpha, s), this.drawGridInterpolated(this.scriptedPendingGrid, this.scriptedIncomingOffsetsPrev, this.scriptedIncomingOffsets, this.outroInterpolationAlpha, s, this.scriptedIncomingAlphaPrev, this.scriptedIncomingAlpha, this.scriptedIncomingVisibility)) : this.drawGrid(this.grid, null, s);
-    const r = this.initialHighlightRequestedAt > 0 ? "winFlash" : this.runtime.phase, n = this.initialHighlightRequestedAt > 0 ? this.initialHighlightRequestedAt : this.runtime.winFlashStartedAt, o = this.initialHighlightRequestedAt > 0 ? 1 : this.runtime.winEffectsEnvelope;
-    this.drawWinningEffects({
-      now: t,
-      phase: r,
-      winFlashStartedAt: n,
-      winEffectsEnvelope: o
-    });
-  }
-  isWinningCell = (t, i) => this.winningCellKeys.has(`${t}:${i}`);
-  getRowCompactOffset(t) {
-    return (U[t] ?? 0) * this.cellH;
-  }
-  applyPixelSnapY(t) {
-    return this.isCoarsePointerDevice ? Math.round(t * 2) / 2 : t;
-  }
-  drawGrid(t, i, s) {
-    this.drawGridWithSampler({
-      grid: t,
-      skipWinningCells: s,
-      sampleOffsetY: (r, n) => i ? i[r][n] : 0,
-      sampleAlpha: () => 1,
-      isVisible: () => !0
-    });
-  }
-  drawGridInterpolated(t, i, s, r, n, o, l, u) {
-    this.drawGridWithSampler({
-      grid: t,
-      skipWinningCells: n,
-      sampleOffsetY: (c, a) => i[c][a] + (s[c][a] - i[c][a]) * r,
-      sampleAlpha: (c, a) => o && l ? o[c][a] + (l[c][a] - o[c][a]) * r : 1,
-      isVisible: (c, a) => !u || u[c][a] !== "hidden"
-    });
-  }
-  drawGridWithSampler(t) {
-    const i = this.webglRenderer;
-    if (i)
-      for (let s = 0; s < 3; s += 1) {
-        const r = this.boardX + s * this.cellW;
-        for (let n = 0; n < 3; n += 1) {
-          if (t.skipWinningCells && this.isWinningCell(s, n) || !t.isVisible(s, n)) continue;
-          const o = t.sampleOffsetY(s, n), l = this.applyPixelSnapY(this.boardY + n * this.cellH + o + this.getRowCompactOffset(n));
-          if (l > this.height || l + this.cellH < 0) continue;
-          const u = t.sampleAlpha(s, n);
-          if (u <= 0) continue;
-          const c = this.cellW * this.symbolScale, a = this.cellH * this.symbolScale, d = (this.cellW - c) * 0.5, f = (this.cellH - a) * 0.5;
-          i.drawSprite(t.grid[s][n], r + d, l + f, c, a, u);
-        }
-      }
-  }
-  drawWinningEffects(t) {
-    const i = this.webglRenderer;
-    if (!i || this.winningCells.length === 0 || t.phase !== "winFlash" && t.phase !== "preSpin") return;
-    const s = Math.max(0, Math.min(1, t.winEffectsEnvelope)), r = Math.max(0, t.now - t.winFlashStartedAt), n = r % v / v, o = 1 + Math.sin(n * Math.PI * 2) * N * s, l = Math.max(1, this.cellW * h.WIN_BORDER_INSET_RATIO), u = Math.max(1, this.cellW * 0.022), c = this.runtime.phase === "winFlash" && this.runtime.shouldHighlightCurrentSpin && this.runtime.hasStartedFirstSpin;
-    for (const a of this.winningCells) {
-      const d = this.boardX + a.col * this.cellW, f = this.boardY + a.row * this.cellH + this.getRowCompactOffset(a.row), p = this.grid[a.col][a.row], E = h.WIN_BORDER_ALPHA * s, w = this.particleColorMode === "rainbow" ? h.hslToRgb01((r * 0.2 + a.col * 36 + a.row * 22) % 360, 0.96, 0.64) : [
-        this.particleColorRgb[0] / 255,
-        this.particleColorRgb[1] / 255,
-        this.particleColorRgb[2] / 255
-      ], _ = this.cellW * this.symbolScale * o, P = this.cellH * this.symbolScale * o, A = (this.cellW - _) * 0.5, B = (this.cellH - P) * 0.5;
-      i.drawSprite(p, d + A, f + B, _, P, 1);
-      const G = d + l, H = f + l, O = this.cellW - l * 2, I = this.cellH - l * 2;
-      O <= u * 2 || I <= u * 2 || (this.drawElectricBorder({
-        renderer: i,
-        cell: a,
-        x: G,
-        y: H,
-        w: O,
-        h: I,
-        borderThickness: u,
-        borderColor: w,
-        alpha: E,
-        elapsed: r,
-        envelope: s
-      }), c && this.drawCellParticleBurst({
-        renderer: i,
-        cell: a,
-        centerX: d + this.cellW * 0.5,
-        centerY: f + this.cellH * 0.5,
-        elapsed: r,
-        envelope: s
-      }));
-    }
-  }
-  drawCellParticleBurst(t) {
-    const i = Math.min(this.cellW, this.cellH) * h.PARTICLE_MAX_DISTANCE, s = Math.min(this.cellW, this.cellH) * h.PARTICLE_BASE_RADIUS, r = h.getParticleSeeds(t.cell.col, t.cell.row), n = [
-      this.particleColorRgb[0] / 255,
-      this.particleColorRgb[1] / 255,
-      this.particleColorRgb[2] / 255
-    ];
-    t.renderer.beginAdditiveBlend();
-    for (let o = 0; o < this.particlesPerCell; o += 1) {
-      const l = r[o], u = l.phaseOffset * 720, c = t.elapsed - u;
-      if (c < 0) continue;
-      const a = c % 720 / 720, d = l.seedA * Math.PI * 2, f = i * a * (0.35 + l.seedB * 0.65), p = t.centerX + Math.cos(d) * f, E = t.centerY + Math.sin(d) * f, w = 0.7 + 0.9 * Math.max(0, Math.sin((t.elapsed * 0.012 + l.twinkleSeed * 2) * Math.PI * 2)), _ = Math.max(1, s * (0.55 + l.seedC * 0.6) * (1 - a * 0.5)), P = Math.max(0, Math.min(1, (0.9 + w * 0.2) * h.PARTICLE_GLOBAL_ALPHA * t.envelope));
-      if (P <= 0) continue;
-      const A = this.particleColorMode === "rainbow" ? h.getRainbowParticleColor(t.elapsed, t.cell.col, t.cell.row, l.seedA) : n;
-      t.renderer.drawSoftCircle(p, E, _, [
-        A[0],
-        A[1],
-        A[2],
-        P
-      ]);
-    }
-    t.renderer.endAdditiveBlend();
-  }
-  drawElectricBorder(t) {
-    const i = Math.max(0, Math.min(1, t.alpha * t.envelope)), s = t.borderThickness * 1.8, r = t.elapsed + t.cell.col * 170 + t.cell.row * 290;
-    t.renderer.beginAdditiveBlend(), t.renderer.drawElectricBorder({
-      x: t.x - s,
-      y: t.y - s,
-      width: t.w + s * 2,
-      height: t.h + s * 2,
-      rgba: [
-        t.borderColor[0],
-        t.borderColor[1],
-        t.borderColor[2],
-        i * 0.55
-      ],
-      timeMs: r,
-      borderThicknessPx: Math.max(0.8, t.borderThickness * 1.1),
-      borderInsetPx: s * 0.85,
-      cornerRadiusPx: Math.max(2, t.borderThickness * 2.5),
-      noiseAmplitudePx: Math.max(0.15, t.borderThickness * 0.6),
-      pulseStrength: 0.9
-    }), t.renderer.drawElectricBorder({
-      x: t.x - s * 0.5,
-      y: t.y - s * 0.5,
-      width: t.w + s,
-      height: t.h + s,
-      rgba: [
-        t.borderColor[0],
-        t.borderColor[1],
-        t.borderColor[2],
-        i * 0.9
-      ],
-      timeMs: r * 1.03,
-      borderThicknessPx: Math.max(0.7, t.borderThickness * 0.8),
-      borderInsetPx: s * 0.5,
-      cornerRadiusPx: Math.max(1.5, t.borderThickness * 1.7),
-      noiseAmplitudePx: Math.max(0.12, t.borderThickness * 0.42),
-      pulseStrength: 1.25
-    }), t.renderer.endAdditiveBlend();
-  }
-  static hslToRgb01(t, i, s) {
-    const r = (t % 360 + 360) % 360, n = Math.max(0, Math.min(1, i)), o = Math.max(0, Math.min(1, s)), l = (1 - Math.abs(2 * o - 1)) * n, u = r / 60, c = l * (1 - Math.abs(u % 2 - 1));
-    let a = 0, d = 0, f = 0;
-    u >= 0 && u < 1 ? (a = l, d = c) : u < 2 ? (a = c, d = l) : u < 3 ? (d = l, f = c) : u < 4 ? (d = c, f = l) : u < 5 ? (a = c, f = l) : (a = l, f = c);
-    const p = o - l * 0.5;
-    return [
-      a + p,
-      d + p,
-      f + p
-    ];
-  }
-  static getRainbowParticleColor(t, i, s, r) {
-    const n = (r * 360 + t * 0.24 + i * 38 + s * 22) % 360, o = 360 / h.RAINBOW_HUE_BUCKETS, l = Math.floor(n / o) * o;
-    return h.hslToRgb01(l, 0.98, 0.64);
-  }
-  static detectCoarsePointerDevice() {
-    if (typeof window > "u") return !1;
-    const t = typeof window.matchMedia == "function" && window.matchMedia("(pointer: coarse)").matches, i = typeof navigator < "u" && typeof navigator.maxTouchPoints == "number" ? navigator.maxTouchPoints : 0;
-    return t || i > 0;
-  }
-  quantizeDprCap(t) {
-    const i = h.DPR_QUANT_STEP;
-    return Math.max(1, Math.round(t / i) * i);
-  }
-  static hash01(t, i, s, r) {
-    const n = Math.sin(t * 127.1 + i * 311.7 + s * 74.7 + r * 19.3) * 43758.5453;
-    return n - Math.floor(n);
-  }
-  static getParticleSeeds(t, i) {
-    const s = `${t},${i}`, r = h.particleSeedsCache.get(s);
-    if (r) return r;
-    const n = [];
-    for (let o = 0; o < 34; o += 1) n.push({
-      seedA: h.hash01(t, i, o, 1),
-      seedB: h.hash01(t, i, o, 2),
-      seedC: h.hash01(t, i, o, 3),
-      phaseOffset: h.hash01(t, i, o, 4),
-      twinkleSeed: h.hash01(t, i, o, 5)
-    });
-    return h.particleSeedsCache.set(s, n), n;
-  }
-  clearWinningCells() {
-    this.winningCells = [], this.winningCellKeys.clear();
-  }
-  setWinningCells(t) {
-    this.winningCells = t, this.winningCellKeys.clear();
-    for (const i of t) this.winningCellKeys.add(`${i.col}:${i.row}`);
-  }
-  resize = () => {
-    const t = this.container.getBoundingClientRect(), i = Math.max(300, Math.floor(t.width)), s = Math.max(1, i * i), r = this.isCoarsePointerDevice ? h.MAX_CANVAS_AREA_PX_COARSE : h.MAX_CANVAS_AREA_PX_FINE, n = Math.max(1, Math.sqrt(r / s)), o = this.isCoarsePointerDevice ? this.mobileDprCap : 2, l = this.quantizeDprCap(Math.min(o, n)), u = Math.max(1, Math.min(window.devicePixelRatio || 1, l)), c = Math.max(300, Math.floor(i * u));
-    this.width = c, this.height = c;
-    const a = Math.floor(Math.min(this.width / 3, this.height / 3));
-    this.cellW = a, this.cellH = a, this.boardX = Math.floor((this.width - this.cellW * 3) / 2), this.boardY = Math.floor((this.height - this.cellH * 3) / 2), this.canvas.width = this.width, this.canvas.height = this.height, this.webglRenderer?.resize(this.width, this.height);
-  };
-  async loadSpriteIfProvided() {
-    if (!this.spriteSource) {
-      this.spriteImage = null, this.spriteLoadError = null;
-      return;
-    }
-    if (typeof this.spriteSource != "string") {
-      try {
-        await this.decodeSpriteImage(this.spriteSource), this.spriteImage = this.spriteSource, this.spriteLoadError = null;
-      } catch (i) {
-        this.spriteImage = null, this.spriteLoadError = this.toSpriteLoadErrorMessage(i, "[HTMLImageElement]");
-      }
-      return;
-    }
-    const t = new Image();
-    t.decoding = "async", t.crossOrigin = this.spriteCrossOrigin, t.src = this.spriteSource;
-    try {
-      await this.decodeSpriteImage(t), this.spriteImage = t, this.spriteLoadError = null;
-    } catch (i) {
-      this.spriteImage = null, this.spriteLoadError = this.toSpriteLoadErrorMessage(i, this.spriteSource);
-    }
-  }
-  async decodeSpriteImage(t) {
-    t.complete && t.naturalWidth > 0 && t.naturalHeight > 0 || await t.decode();
-  }
-  toSpriteLoadErrorMessage(t, i) {
-    return `failed to load sprite "${i}" - ${t instanceof Error ? `${t.name}: ${t.message}` : String(t)}`;
-  }
-  advanceSimulation(t) {
-    if (this.simulationLastNow <= 0) {
-      this.simulationLastNow = t, this.update(t);
-      return;
-    }
-    const i = Math.max(0, Math.min(t - this.simulationLastNow, h.MAX_FRAME_DELTA_MS));
-    if (this.simulationLastNow = t, this.update(t), this.runtime.phase !== "outro") {
-      this.outroInterpolationAlpha = 1;
-      return;
-    }
-    this.advanceOutroFixedStep(i);
-  }
-  advanceOutroFixedStep(t) {
-    this.simulationAccumulatorMs += t;
-    const i = this.motionProfile.fixedStepMs;
-    let s = 0;
-    for (; this.simulationAccumulatorMs >= i && s < this.motionProfile.maxCatchUpStepsPerFrame && this.runtime.phase === "outro"; )
-      this.snapshotOutroState(), this.stepScriptedOutro(i), this.simulationAccumulatorMs -= i, s += 1;
-    if (this.runtime.phase !== "outro") {
-      this.outroInterpolationAlpha = 1;
-      return;
-    }
-    this.outroInterpolationAlpha = Math.max(0, Math.min(1, this.simulationAccumulatorMs / i));
-  }
-  snapshotOutroState() {
-    this.copyOffsets(this.scriptedOutgoingOffsetsPrev, this.scriptedOutgoingOffsets), this.copyOffsets(this.scriptedIncomingOffsetsPrev, this.scriptedIncomingOffsets), this.copyOffsets(this.scriptedIncomingAlphaPrev, this.scriptedIncomingAlpha), this.copyVisibility(this.scriptedIncomingVisibilityPrev, this.scriptedIncomingVisibility);
-  }
-  copyOffsets(t, i) {
-    for (let s = 0; s < 3; s += 1) for (let r = 0; r < 3; r += 1) t[s][r] = i[s][r];
-  }
-  copyVisibility(t, i) {
-    for (let s = 0; s < 3; s += 1) for (let r = 0; r < 3; r += 1) t[s][r] = i[s][r];
-  }
-  resetOutroBuffers(t, i) {
-    m(this.scriptedOutgoingOffsets, 0), m(this.scriptedIncomingOffsets, 0), m(this.scriptedOutgoingOffsetsPrev, 0), m(this.scriptedIncomingOffsetsPrev, 0), m(this.scriptedIncomingAlpha, t), m(this.scriptedIncomingAlphaPrev, t), this.fillVisibilityGrid(this.scriptedIncomingVisibility, i), this.fillVisibilityGrid(this.scriptedIncomingVisibilityPrev, i);
-  }
-  static createVisibilityGrid(t) {
-    return Array.from({ length: 3 }, () => Array.from({ length: 3 }, () => t));
-  }
-  fillVisibilityGrid(t, i) {
-    for (let s = 0; s < 3; s += 1) for (let r = 0; r < 3; r += 1) t[s][r] = i;
-  }
-  startLoop() {
-    this.rafLoop.isRunning() || this.rafLoop.start((t) => (this.advanceSimulation(t), this.render(t), this.shouldKeepAnimating()));
-  }
-  shouldKeepAnimating() {
-    return this.runtime.isSpinning || this.initialHighlightRequestedAt > 0 ? !0 : this.runtime.winEffectsEnvelope > 1e-3;
-  }
-};
-export {
-  ct as CascadingReel
-};
-
-//# sourceMappingURL=index.es.js.map