@cliquify.me/elements-ui 8.0.8 → 8.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.es.js +201 -201
  2. package/package.json +4 -4
package/dist/index.es.js CHANGED
@@ -150,7 +150,7 @@ const Mt = (t, r) => {
150
150
  options: r,
151
151
  children: n
152
152
  }) => {
153
- var y, v, $, x;
153
+ var y, v, $, g;
154
154
  const { details: e } = t, { fps: c, isTransition: s } = r, { from: a, durationInFrames: o } = Mt(
155
155
  {
156
156
  from: t.display.from,
@@ -163,8 +163,8 @@ const Mt = (t, r) => {
163
163
  }, i = ((y = e == null ? void 0 : e.background) == null ? void 0 : y.type) === "color" ? (v = e == null ? void 0 : e.background) == null ? void 0 : v.value : typeof (e == null ? void 0 : e.background) == "string" ? e == null ? void 0 : e.background : "transparent", d = ["template", "composition"].includes(t.type), h = ["image", "video"].includes(t.type), u = ["text", "caption"].includes(t.type);
164
164
  let l = Ct(e, p, { background: i });
165
165
  if (h) {
166
- const { background: b, ...g } = l;
167
- l = g;
166
+ const { background: b, ...x } = l;
167
+ l = x;
168
168
  }
169
169
  u && (delete l.boxShadow, delete l.filter);
170
170
  const m = d ? "!pointer-events-auto" : "";
@@ -234,7 +234,7 @@ const Mt = (t, r) => {
234
234
  boxShadow: "",
235
235
  overflow: "visible",
236
236
  visibility: e.visibility,
237
- background: t.type === "text" ? "transparent" : t.type === "template" && ((x = ($ = t.details) == null ? void 0 : $.background) == null ? void 0 : x.value) || "transparent",
237
+ background: t.type === "text" ? "transparent" : t.type === "template" && ((g = ($ = t.details) == null ? void 0 : $.background) == null ? void 0 : g.value) || "transparent",
238
238
  pointerEvents: t.type === "audio" ? "none" : "auto"
239
239
  },
240
240
  children: n
@@ -344,11 +344,11 @@ const Lr = (t, r, n, e) => {
344
344
  }, gr = (t, r, n) => {
345
345
  var h, u, l, m, y;
346
346
  const e = ((h = n.details) == null ? void 0 : h.transform) || "", c = Mo(e), s = (u = document.getElementById("artboard")) == null ? void 0 : u.getBoundingClientRect(), a = (l = document.getElementById(n.id || "")) == null ? void 0 : l.getBoundingClientRect(), o = ((m = n.details) == null ? void 0 : m.width) || (a == null ? void 0 : a.width) || 1, p = ((y = n.details) == null ? void 0 : y.height) || (a == null ? void 0 : a.height) || 1, i = (v) => {
347
- const $ = t.includes("In") ? v : Number(r.from || 0), x = t.includes("In") ? Number(r.to || 0) : v;
347
+ const $ = t.includes("In") ? v : Number(r.from || 0), g = t.includes("In") ? Number(r.to || 0) : v;
348
348
  return {
349
349
  property: r.property,
350
350
  from: $,
351
- to: x,
351
+ to: g,
352
352
  durationInFrames: r.durationInFrames,
353
353
  ease: r.ease || Y.linear,
354
354
  delay: r.delay
@@ -361,7 +361,7 @@ const Lr = (t, r, n, e) => {
361
361
  p,
362
362
  c,
363
363
  1
364
- ), $ = s.left, b = a.left - $, g = v / (a.width || 1), w = (-(b * (g || 1)) - v) / o * 100;
364
+ ), $ = s.left, b = a.left - $, x = v / (a.width || 1), w = (-(b * (x || 1)) - v) / o * 100;
365
365
  return i(w);
366
366
  } else if (t === "slideInRight" || t === "slideOutRight") {
367
367
  const v = Lr(
@@ -369,7 +369,7 @@ const Lr = (t, r, n, e) => {
369
369
  p,
370
370
  c,
371
371
  1
372
- ), $ = s.left, b = a.left - $, g = (s.width || 0) / (a.width || 1), M = v / (a.width || 1), k = b * (M || 1), I = (v * g - k) / o * 100;
372
+ ), $ = s.left, b = a.left - $, x = (s.width || 0) / (a.width || 1), M = v / (a.width || 1), k = b * (M || 1), I = (v * x - k) / o * 100;
373
373
  return i(I);
374
374
  } else if (t === "slideInTop" || t === "slideOutTop") {
375
375
  const v = Hr(
@@ -377,7 +377,7 @@ const Lr = (t, r, n, e) => {
377
377
  p,
378
378
  c,
379
379
  1
380
- ), $ = s.top, b = a.top - $, g = v / (a.height || 1), w = (-(b * g) - v) / p * 100;
380
+ ), $ = s.top, b = a.top - $, x = v / (a.height || 1), w = (-(b * x) - v) / p * 100;
381
381
  return i(w);
382
382
  } else if (t === "slideInBottom" || t === "slideOutBottom") {
383
383
  const v = Hr(
@@ -385,7 +385,7 @@ const Lr = (t, r, n, e) => {
385
385
  p,
386
386
  c,
387
387
  1
388
- ), $ = s.top, x = a.top, b = (s.height || 0) / (a.height || 1), g = x - $, M = v / (a.height || 1), k = g * M, I = (v * b - k) / p * 100;
388
+ ), $ = s.top, g = a.top, b = (s.height || 0) / (a.height || 1), x = g - $, M = v / (a.height || 1), k = x * M, I = (v * b - k) / p * 100;
389
389
  return i(I);
390
390
  }
391
391
  }
@@ -481,7 +481,7 @@ const Lr = (t, r, n, e) => {
481
481
  fps: p,
482
482
  textDecoration: i
483
483
  }) => {
484
- const { start: d, end: h } = t, u = (d + r) / 1e3 * p, l = (h + r) / 1e3 * p, m = o >= u && o < l, y = o >= u, v = m ? n : y ? c : s, $ = Ro.includes(a) && m ? 1.2 : 1, x = t.word.length, b = l - u;
484
+ const { start: d, end: h } = t, u = (d + r) / 1e3 * p, l = (h + r) / 1e3 * p, m = o >= u && o < l, y = o >= u, v = m ? n : y ? c : s, $ = Ro.includes(a) && m ? 1.2 : 1, g = t.word.length, b = l - u;
485
485
  return /* @__PURE__ */ f(
486
486
  Io,
487
487
  {
@@ -490,8 +490,8 @@ const Lr = (t, r, n, e) => {
490
490
  scale: $,
491
491
  animation: a,
492
492
  textDecoration: i,
493
- children: /* @__PURE__ */ f(ko, { wordColor: v, children: t.word.split("").map((g, M) => {
494
- const k = b / x, w = u + M * k, S = w + k;
493
+ children: /* @__PURE__ */ f(ko, { wordColor: v, children: t.word.split("").map((x, M) => {
494
+ const k = b / g, w = u + M * k, S = w + k;
495
495
  let I = 1, N = !0;
496
496
  return No.includes(a) && (N = o >= w), a === "letterTracy" && (I = W(
497
497
  o,
@@ -511,7 +511,7 @@ const Lr = (t, r, n, e) => {
511
511
  textDecoration: "inherit",
512
512
  color: "inherit"
513
513
  },
514
- children: g
514
+ children: x
515
515
  },
516
516
  M
517
517
  );
@@ -529,81 +529,81 @@ function vn({
529
529
  e,
530
530
  n,
531
531
  r
532
- ), { from: d, durationInFrames: h } = Mt(t.display, n), [u] = c.words, l = s.from - ((u == null ? void 0 : u.start) || 0);
533
- let m = Math.max((e ?? 0) - d, 0), y = {};
532
+ ), { from: d, durationInFrames: h } = Mt(t.display, n), u = Array.isArray(c.words) ? c.words : [], [l] = u, m = s.from - ((l == null ? void 0 : l.start) || 0);
533
+ let y = Math.max((e ?? 0) - d, 0), v = {};
534
534
  switch (c == null ? void 0 : c.animation) {
535
535
  case "letterElla":
536
- y = wo(m);
536
+ v = wo(y);
537
537
  break;
538
538
  case "letterHormozi":
539
- y.scale = Ur(
540
- m,
539
+ v.scale = Ur(
540
+ y,
541
541
  t.display.to,
542
542
  n
543
543
  );
544
544
  break;
545
545
  case "letterBeasty":
546
- y.scale = Ur(
547
- m,
546
+ v.scale = Ur(
547
+ y,
548
548
  t.display.to,
549
549
  n,
550
550
  50
551
551
  );
552
552
  break;
553
553
  }
554
- const v = {
555
- ...y.translateX !== void 0 && y.translateY !== void 0 && {
556
- transform: `translate(${y.translateX}px, ${y.translateY}px)`
554
+ const $ = {
555
+ ...v.translateX !== void 0 && v.translateY !== void 0 && {
556
+ transform: `translate(${v.translateX}px, ${v.translateY}px)`
557
557
  },
558
- ...y.scale !== void 0 && {
559
- transform: `scale(${y.scale})`
558
+ ...v.scale !== void 0 && {
559
+ transform: `scale(${v.scale})`
560
560
  }
561
- }, $ = (e || 0) - t.display.from * n / 1e3, { boxShadow: x, ...b } = Ct(c), { color: g, textShadow: M, ...k } = qt(c);
561
+ }, g = (e || 0) - t.display.from * n / 1e3, { boxShadow: b, ...x } = Ct(c), { color: M, textShadow: k, ...w } = qt(c);
562
562
  return mt({
563
563
  item: t,
564
564
  options: r,
565
565
  children: /* @__PURE__ */ f(
566
566
  Gt,
567
567
  {
568
- style: b,
568
+ style: x,
569
569
  animationIn: o,
570
570
  animationOut: p,
571
- frame: $,
571
+ frame: g,
572
572
  durationInFrames: h,
573
573
  children: /* @__PURE__ */ f(
574
574
  jt,
575
575
  {
576
576
  animationTimed: i,
577
577
  durationInFrames: h,
578
- frame: $,
578
+ frame: g,
579
579
  children: /* @__PURE__ */ f(
580
580
  "div",
581
581
  {
582
582
  "data-text-id": t.id,
583
583
  style: {
584
- ...k,
585
- ...v,
584
+ ...w,
585
+ ...$,
586
586
  display: "block",
587
587
  textAlign: c.textAlign || "center",
588
588
  boxShadow: "none",
589
- textShadow: M || "none",
589
+ textShadow: k || "none",
590
590
  transition: "transform 0.2s ease"
591
591
  },
592
- children: t.details.words.map((w, S) => /* @__PURE__ */ f(
592
+ children: u.map((S, I) => /* @__PURE__ */ f(
593
593
  Yo,
594
594
  {
595
595
  color: c.color,
596
596
  appearedColor: c.appearedColor || c.color,
597
597
  activeColor: c.activeColor || c.color,
598
598
  activeFillColor: c.activeFillColor || "transparent",
599
- offsetFrom: l,
599
+ offsetFrom: m,
600
600
  animation: c.animation || "",
601
- word: w,
601
+ word: S,
602
602
  currentFrame: r.frame || 0,
603
603
  fps: n,
604
604
  textDecoration: c.textDecoration
605
605
  },
606
- S
606
+ I
607
607
  ))
608
608
  }
609
609
  )
@@ -701,7 +701,7 @@ const gn = ({
701
701
  marqueeDetails: l,
702
702
  effects: m
703
703
  }) => {
704
- const y = kt(), v = typeof n == "number" && !isNaN(n) ? n : y, $ = Math.max(0, v - (e || 0)), x = Math.min(1, Math.max(0, $ / (c || 1))), b = o || 300, g = p || 300, M = (l == null ? void 0 : l.direction) || "horizontal", k = M === "static", w = Math.min(15, Math.max(1, Number((l == null ? void 0 : l.repeatX) ?? 5))), S = Math.min(15, Math.max(1, Number((l == null ? void 0 : l.repeatY) ?? 5))), I = (l == null ? void 0 : l.baseSpeed) !== void 0 ? Number(l.baseSpeed) : 2, N = (l == null ? void 0 : l.speedVariation) !== void 0 ? Number(l.speedVariation) : 0.5, P = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialBaseSpeed) !== void 0 ? Number(l.initialBaseSpeed) : I, E = l != null && l.hasInitialValue ? P + (I - P) * x : I, _ = k ? 0 : E * 400, X = k ? 0 : E * 400, z = (l == null ? void 0 : l.scaleFactor) !== void 0 ? Number(l.scaleFactor) : 1, F = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialScaleFactor) !== void 0 ? Number(l.initialScaleFactor) : z, V = l != null && l.hasInitialValue ? F + (z - F) * x : z, Q = (l == null ? void 0 : l.lineOffset) !== void 0 ? Number(l.lineOffset) : 0.5, G = (l == null ? void 0 : l.gapX) !== void 0 ? Number(l.gapX) : 60, T = (l == null ? void 0 : l.gapY) !== void 0 ? Number(l.gapY) : 60, ct = G / 100 * b, rt = T / 100 * g, Z = b, D = g, A = Z * V + ct, U = D * V + rt, ut = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0, C = M === "vertical" || M === "up" || M === "down", j = M === "diagonal", J = (w - 1) / 2, dt = (S - 1) / 2, O = S, at = w, L = Array.from({ length: O }, (q, ot) => ot - dt), St = Array.from({ length: at }, (q, ot) => ot - J), ft = (q, ot, nt, it) => /* @__PURE__ */ f(
704
+ const y = kt(), v = typeof n == "number" && !isNaN(n) ? n : y, $ = Math.max(0, v - (e || 0)), g = Math.min(1, Math.max(0, $ / (c || 1))), b = o || 300, x = p || 300, M = (l == null ? void 0 : l.direction) || "horizontal", k = M === "static", w = Math.min(15, Math.max(1, Number((l == null ? void 0 : l.repeatX) ?? 5))), S = Math.min(15, Math.max(1, Number((l == null ? void 0 : l.repeatY) ?? 5))), I = (l == null ? void 0 : l.baseSpeed) !== void 0 ? Number(l.baseSpeed) : 2, N = (l == null ? void 0 : l.speedVariation) !== void 0 ? Number(l.speedVariation) : 0.5, P = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialBaseSpeed) !== void 0 ? Number(l.initialBaseSpeed) : I, E = l != null && l.hasInitialValue ? P + (I - P) * g : I, _ = k ? 0 : E * 400, X = k ? 0 : E * 400, z = (l == null ? void 0 : l.scaleFactor) !== void 0 ? Number(l.scaleFactor) : 1, F = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialScaleFactor) !== void 0 ? Number(l.initialScaleFactor) : z, V = l != null && l.hasInitialValue ? F + (z - F) * g : z, Q = (l == null ? void 0 : l.lineOffset) !== void 0 ? Number(l.lineOffset) : 0.5, G = (l == null ? void 0 : l.gapX) !== void 0 ? Number(l.gapX) : 60, T = (l == null ? void 0 : l.gapY) !== void 0 ? Number(l.gapY) : 60, ct = G / 100 * b, rt = T / 100 * x, Z = b, D = x, A = Z * V + ct, U = D * V + rt, ut = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0, C = M === "vertical" || M === "up" || M === "down", j = M === "diagonal", J = (w - 1) / 2, dt = (S - 1) / 2, O = S, at = w, L = Array.from({ length: O }, (q, ot) => ot - dt), St = Array.from({ length: at }, (q, ot) => ot - J), ft = (q, ot, nt, it) => /* @__PURE__ */ f(
705
705
  "div",
706
706
  {
707
707
  style: {
@@ -858,10 +858,10 @@ const gn = ({
858
858
  echoesDetails: l,
859
859
  effects: m
860
860
  }) => {
861
- const y = kt(), v = typeof n == "number" && !isNaN(n) ? n : y, $ = o || 300, x = p || 300, b = (l == null ? void 0 : l.keepStill) || "both", g = Number((l == null ? void 0 : l.toRepeatCount) ?? 5), M = Number((l == null ? void 0 : l.toScaleDown) ?? 0.3), k = Number((l == null ? void 0 : l.toCenterX) ?? 0.5), w = Number((l == null ? void 0 : l.toCenterY) ?? 0.5), S = (l == null ? void 0 : l.initialRepeatCount) !== void 0 ? Number(l.initialRepeatCount) : g, I = (l == null ? void 0 : l.initialScaleDown) !== void 0 ? Number(l.initialScaleDown) : 1, N = (l == null ? void 0 : l.initialCenterX) !== void 0 ? Number(l.initialCenterX) : k, P = (l == null ? void 0 : l.initialCenterY) !== void 0 ? Number(l.initialCenterY) : w, E = Math.max(0, v - (e || 0)), _ = Math.min(1, Math.max(0, E / (c || 1)));
861
+ const y = kt(), v = typeof n == "number" && !isNaN(n) ? n : y, $ = o || 300, g = p || 300, b = (l == null ? void 0 : l.keepStill) || "both", x = Number((l == null ? void 0 : l.toRepeatCount) ?? 5), M = Number((l == null ? void 0 : l.toScaleDown) ?? 0.3), k = Number((l == null ? void 0 : l.toCenterX) ?? 0.5), w = Number((l == null ? void 0 : l.toCenterY) ?? 0.5), S = (l == null ? void 0 : l.initialRepeatCount) !== void 0 ? Number(l.initialRepeatCount) : x, I = (l == null ? void 0 : l.initialScaleDown) !== void 0 ? Number(l.initialScaleDown) : 1, N = (l == null ? void 0 : l.initialCenterX) !== void 0 ? Number(l.initialCenterX) : k, P = (l == null ? void 0 : l.initialCenterY) !== void 0 ? Number(l.initialCenterY) : w, E = Math.max(0, v - (e || 0)), _ = Math.min(1, Math.max(0, E / (c || 1)));
862
862
  let z = s + (a - s) * _;
863
863
  b === "initial" ? z = 0 : b === "final" && (z = 1);
864
- const F = Math.max(1, Math.round(W(z, [0, 1], [S, g]))), V = W(z, [0, 1], [I, M]), Q = W(z, [0, 1], [N, k]), G = W(z, [0, 1], [P, w]), T = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0, ct = Array.from({ length: F }, (rt, Z) => Z);
864
+ const F = Math.max(1, Math.round(W(z, [0, 1], [S, x]))), V = W(z, [0, 1], [I, M]), Q = W(z, [0, 1], [N, k]), G = W(z, [0, 1], [P, w]), T = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0, ct = Array.from({ length: F }, (rt, Z) => Z);
865
865
  return /* @__PURE__ */ f(
866
866
  "div",
867
867
  {
@@ -873,7 +873,7 @@ const gn = ({
873
873
  borderRadius: i || 0
874
874
  },
875
875
  children: ct.map((rt) => {
876
- const Z = F > 1 ? rt / (F - 1) : 0, D = 1 - Z * (1 - Math.max(0.01, V)), A = (Q - 0.5) * $ * Z, U = (G - 0.5) * x * Z;
876
+ const Z = F > 1 ? rt / (F - 1) : 0, D = 1 - Z * (1 - Math.max(0.01, V)), A = (Q - 0.5) * $ * Z, U = (G - 0.5) * g * Z;
877
877
  return /* @__PURE__ */ f(
878
878
  "div",
879
879
  {
@@ -882,7 +882,7 @@ const gn = ({
882
882
  left: "50%",
883
883
  top: "50%",
884
884
  width: `${$}px`,
885
- height: `${x}px`,
885
+ height: `${g}px`,
886
886
  transform: `translate(-50%, -50%) translate(${A}px, ${U}px) scale(${D})`,
887
887
  transformOrigin: "center center",
888
888
  borderRadius: i || 0,
@@ -960,7 +960,7 @@ const gn = ({
960
960
  wiggleDetails: l,
961
961
  effects: m
962
962
  }) => {
963
- const y = kt(), v = typeof n == "number" && !isNaN(n) ? n : y, $ = o || 300, x = p || 300, b = Number((l == null ? void 0 : l.wiggleX) ?? 20), g = Number((l == null ? void 0 : l.wiggleY) ?? 20), M = Number((l == null ? void 0 : l.speed) ?? 3), k = Number((l == null ? void 0 : l.angle) ?? 10), w = Number((l == null ? void 0 : l.seed) ?? 1), S = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialWiggleX) !== void 0 ? Number(l.initialWiggleX) : b, I = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialWiggleY) !== void 0 ? Number(l.initialWiggleY) : g, N = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialSpeed) !== void 0 ? Number(l.initialSpeed) : M, P = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialAngle) !== void 0 ? Number(l.initialAngle) : k, E = Math.max(0, v - (e || 0)), _ = Math.min(1, Math.max(0, E / (c || 1))), X = l != null && l.hasInitialValue ? S + (b - S) * _ : b, z = l != null && l.hasInitialValue ? I + (g - I) * _ : g, F = l != null && l.hasInitialValue ? N + (M - N) * _ : M, V = l != null && l.hasInitialValue ? P + (k - P) * _ : k, Q = v * (F * 0.08), G = w * 12.345, T = Math.sin(Q + G) * Math.cos(Q * 0.65 + G) * X, ct = Math.cos(Q * 0.85 + G) * Math.sin(Q * 1.15 + G) * z, rt = Math.sin(Q * 0.9 + G * 1.35) * V, Z = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0;
963
+ const y = kt(), v = typeof n == "number" && !isNaN(n) ? n : y, $ = o || 300, g = p || 300, b = Number((l == null ? void 0 : l.wiggleX) ?? 20), x = Number((l == null ? void 0 : l.wiggleY) ?? 20), M = Number((l == null ? void 0 : l.speed) ?? 3), k = Number((l == null ? void 0 : l.angle) ?? 10), w = Number((l == null ? void 0 : l.seed) ?? 1), S = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialWiggleX) !== void 0 ? Number(l.initialWiggleX) : b, I = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialWiggleY) !== void 0 ? Number(l.initialWiggleY) : x, N = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialSpeed) !== void 0 ? Number(l.initialSpeed) : M, P = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialAngle) !== void 0 ? Number(l.initialAngle) : k, E = Math.max(0, v - (e || 0)), _ = Math.min(1, Math.max(0, E / (c || 1))), X = l != null && l.hasInitialValue ? S + (b - S) * _ : b, z = l != null && l.hasInitialValue ? I + (x - I) * _ : x, F = l != null && l.hasInitialValue ? N + (M - N) * _ : M, V = l != null && l.hasInitialValue ? P + (k - P) * _ : k, Q = v * (F * 0.08), G = w * 12.345, T = Math.sin(Q + G) * Math.cos(Q * 0.65 + G) * X, ct = Math.cos(Q * 0.85 + G) * Math.sin(Q * 1.15 + G) * z, rt = Math.sin(Q * 0.9 + G * 1.35) * V, Z = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0;
964
964
  return /* @__PURE__ */ f(
965
965
  "div",
966
966
  {
@@ -975,7 +975,7 @@ const gn = ({
975
975
  {
976
976
  style: {
977
977
  width: `${$}px`,
978
- height: `${x}px`,
978
+ height: `${g}px`,
979
979
  position: "absolute",
980
980
  left: "50%",
981
981
  top: "50%",
@@ -1039,10 +1039,10 @@ const gn = ({
1039
1039
  children: d,
1040
1040
  style: h = {}
1041
1041
  }) => {
1042
- const u = kt(), l = typeof t == "number" && !isNaN(t) ? t : u, m = s || 300, y = a || 300, v = (i == null ? void 0 : i.keepStill) || "both", $ = Number((i == null ? void 0 : i.toRotationX) ?? 0), x = Number((i == null ? void 0 : i.toRotationY) ?? 360), b = Number((i == null ? void 0 : i.toRotationZ) ?? 0), g = Number((i == null ? void 0 : i.toPivotX) ?? 0), M = Number((i == null ? void 0 : i.toPivotY) ?? 0), k = Number((i == null ? void 0 : i.toPerspective) ?? 0.45), w = !!(i != null && i.hasInitialValue), S = w ? Number((i == null ? void 0 : i.initialRotationX) ?? 0) : 0, I = w ? Number((i == null ? void 0 : i.initialRotationY) ?? 0) : 0, N = w ? Number((i == null ? void 0 : i.initialRotationZ) ?? 0) : 0, P = w ? Number((i == null ? void 0 : i.initialPivotX) ?? 0) : g, E = w ? Number((i == null ? void 0 : i.initialPivotY) ?? 0) : M, _ = w ? Number((i == null ? void 0 : i.initialPerspective) ?? 0.45) : k, X = (i == null ? void 0 : i.frontFace) ?? !0, z = (i == null ? void 0 : i.backFace) ?? !0, F = Math.max(0, l - (r || 0)), V = Math.min(1, Math.max(0, F / (n || 1)));
1042
+ const u = kt(), l = typeof t == "number" && !isNaN(t) ? t : u, m = s || 300, y = a || 300, v = (i == null ? void 0 : i.keepStill) || "both", $ = Number((i == null ? void 0 : i.toRotationX) ?? 0), g = Number((i == null ? void 0 : i.toRotationY) ?? 360), b = Number((i == null ? void 0 : i.toRotationZ) ?? 0), x = Number((i == null ? void 0 : i.toPivotX) ?? 0), M = Number((i == null ? void 0 : i.toPivotY) ?? 0), k = Number((i == null ? void 0 : i.toPerspective) ?? 0.45), w = !!(i != null && i.hasInitialValue), S = w ? Number((i == null ? void 0 : i.initialRotationX) ?? 0) : 0, I = w ? Number((i == null ? void 0 : i.initialRotationY) ?? 0) : 0, N = w ? Number((i == null ? void 0 : i.initialRotationZ) ?? 0) : 0, P = w ? Number((i == null ? void 0 : i.initialPivotX) ?? 0) : x, E = w ? Number((i == null ? void 0 : i.initialPivotY) ?? 0) : M, _ = w ? Number((i == null ? void 0 : i.initialPerspective) ?? 0.45) : k, X = (i == null ? void 0 : i.frontFace) ?? !0, z = (i == null ? void 0 : i.backFace) ?? !0, F = Math.max(0, l - (r || 0)), V = Math.min(1, Math.max(0, F / (n || 1)));
1043
1043
  let G = e + (c - e) * V;
1044
1044
  v === "initial" ? G = 0 : v === "final" && (G = 1);
1045
- const T = W(G, [0, 1], [S, $]), ct = W(G, [0, 1], [I, x]), rt = W(G, [0, 1], [N, b]), Z = W(G, [0, 1], [P, g]), D = W(G, [0, 1], [E, M]), A = W(G, [0, 1], [_, k]), U = Math.max(m, y), ut = Math.max(
1045
+ const T = W(G, [0, 1], [S, $]), ct = W(G, [0, 1], [I, g]), rt = W(G, [0, 1], [N, b]), Z = W(G, [0, 1], [P, x]), D = W(G, [0, 1], [E, M]), A = W(G, [0, 1], [_, k]), U = Math.max(m, y), ut = Math.max(
1046
1046
  1200,
1047
1047
  Math.round(U * 2.5 / Math.max(0.05, A))
1048
1048
  ), C = T * Math.PI / 180, j = ct * Math.PI / 180, J = Math.cos(C) * Math.cos(j), dt = J >= 0, O = J < 0;
@@ -1100,7 +1100,7 @@ const gn = ({
1100
1100
  l == null || l.forEach((b) => {
1101
1101
  b.type === "blur" && b.radius && $.push(`blur(${b.radius}px)`), b.type === "grayscale" && b.amount !== void 0 && $.push(`grayscale(${b.amount * 100}%)`), b.type === "contrast" && b.amount !== void 0 && $.push(`contrast(${b.amount * 100}%)`), b.type === "brightness" && b.amount !== void 0 && $.push(`brightness(${100 + b.amount * 100}%)`), b.type === "hue" && b.rotation !== void 0 && $.push(`hue-rotate(${b.rotation}deg)`), b.type === "saturation" && b.amount !== void 0 && $.push(`saturate(${b.amount * 100}%)`);
1102
1102
  });
1103
- const x = $.length > 0 ? $.join(" ") : void 0;
1103
+ const g = $.length > 0 ? $.join(" ") : void 0;
1104
1104
  return /* @__PURE__ */ f(
1105
1105
  Wr,
1106
1106
  {
@@ -1134,7 +1134,7 @@ const gn = ({
1134
1134
  height: "100%",
1135
1135
  objectFit: "cover",
1136
1136
  borderRadius: p || 0,
1137
- filter: x
1137
+ filter: g
1138
1138
  },
1139
1139
  effects: m
1140
1140
  }
@@ -1204,7 +1204,7 @@ function Sn(t, r, n, e = 0) {
1204
1204
  a[O] = c[O & 255], o[O] = a[O] % 12;
1205
1205
  const p = 1 / 3, i = 1 / 6;
1206
1206
  let d = 0, h = 0, u = 0, l = 0;
1207
- const m = (t + r + n) * p, y = Math.floor(t + m), v = Math.floor(r + m), $ = Math.floor(n + m), x = (y + v + $) * i, b = y - x, g = v - x, M = $ - x, k = t - b, w = r - g, S = n - M;
1207
+ const m = (t + r + n) * p, y = Math.floor(t + m), v = Math.floor(r + m), $ = Math.floor(n + m), g = (y + v + $) * i, b = y - g, x = v - g, M = $ - g, k = t - b, w = r - x, S = n - M;
1208
1208
  let I = 0, N = 0, P = 0, E = 0, _ = 0, X = 0;
1209
1209
  k >= w ? w >= S ? (I = 1, N = 0, P = 0, E = 1, _ = 1, X = 0) : k >= S ? (I = 1, N = 0, P = 0, E = 1, _ = 0, X = 1) : (I = 0, N = 0, P = 1, E = 1, _ = 0, X = 1) : w < S ? (I = 0, N = 0, P = 1, E = 0, _ = 1, X = 1) : k < S ? (I = 0, N = 1, P = 0, E = 0, _ = 1, X = 1) : (I = 0, N = 1, P = 0, E = 1, _ = 1, X = 0);
1210
1210
  const z = k - I + i, F = w - N + i, V = S - P + i, Q = k - E + 2 * i, G = w - _ + 2 * i, T = S - X + 2 * i, ct = k - 1 + 3 * i, rt = w - 1 + 3 * i, Z = S - 1 + 3 * i, D = y & 255, A = v & 255, U = $ & 255;
@@ -1234,10 +1234,10 @@ const Bo = ({
1234
1234
  boxShadow: h,
1235
1235
  noiseTileDetails: u
1236
1236
  }) => {
1237
- const l = kt(), m = typeof r == "number" && !isNaN(r) ? r : l, y = a || 300, v = o || 300, $ = (u == null ? void 0 : u.keepStill) || "both", x = Number((u == null ? void 0 : u.toXRepetitions) ?? (u == null ? void 0 : u.xRepetitions) ?? 5), b = Number((u == null ? void 0 : u.toYRepetitions) ?? (u == null ? void 0 : u.yRepetitions) ?? 5), g = Number((u == null ? void 0 : u.toGapX) ?? (u == null ? void 0 : u.gapX) ?? 12), M = Number((u == null ? void 0 : u.toGapY) ?? (u == null ? void 0 : u.gapY) ?? 12), k = Number((u == null ? void 0 : u.toScale) ?? (u == null ? void 0 : u.scale) ?? 1), w = Number((u == null ? void 0 : u.toNoiseScale) ?? (u == null ? void 0 : u.noiseScale) ?? 1.5), S = Number((u == null ? void 0 : u.toNoiseMoveX) ?? (u == null ? void 0 : u.noiseMoveX) ?? 0.6), I = Number((u == null ? void 0 : u.toNoiseMoveY) ?? (u == null ? void 0 : u.noiseMoveY) ?? 0.4), N = Number((u == null ? void 0 : u.toFps) ?? (u == null ? void 0 : u.fps) ?? 12), P = Number((u == null ? void 0 : u.toThreshold) ?? (u == null ? void 0 : u.threshold) ?? 0.45), E = Number((u == null ? void 0 : u.toSeedOffset) ?? (u == null ? void 0 : u.seedOffset) ?? 0), _ = !!(u != null && u.hasInitialValue), X = _ ? Number((u == null ? void 0 : u.initialXRepetitions) ?? x) : x, z = _ ? Number((u == null ? void 0 : u.initialYRepetitions) ?? b) : b, F = _ ? Number((u == null ? void 0 : u.initialGapX) ?? g) : g, V = _ ? Number((u == null ? void 0 : u.initialGapY) ?? M) : M, Q = _ ? Number((u == null ? void 0 : u.initialScale) ?? k) : k, G = _ ? Number((u == null ? void 0 : u.initialNoiseScale) ?? w) : w, T = _ ? Number((u == null ? void 0 : u.initialNoiseMoveX) ?? S) : S, ct = _ ? Number((u == null ? void 0 : u.initialNoiseMoveY) ?? I) : I, rt = _ ? Number((u == null ? void 0 : u.initialFps) ?? N) : N, Z = _ ? Number((u == null ? void 0 : u.initialThreshold) ?? P) : P, D = _ ? Number((u == null ? void 0 : u.initialSeedOffset) ?? E) : E, A = Math.max(0, m - (n || 0)), U = Math.min(1, Math.max(0, A / (e || 1)));
1237
+ const l = kt(), m = typeof r == "number" && !isNaN(r) ? r : l, y = a || 300, v = o || 300, $ = (u == null ? void 0 : u.keepStill) || "both", g = Number((u == null ? void 0 : u.toXRepetitions) ?? (u == null ? void 0 : u.xRepetitions) ?? 5), b = Number((u == null ? void 0 : u.toYRepetitions) ?? (u == null ? void 0 : u.yRepetitions) ?? 5), x = Number((u == null ? void 0 : u.toGapX) ?? (u == null ? void 0 : u.gapX) ?? 12), M = Number((u == null ? void 0 : u.toGapY) ?? (u == null ? void 0 : u.gapY) ?? 12), k = Number((u == null ? void 0 : u.toScale) ?? (u == null ? void 0 : u.scale) ?? 1), w = Number((u == null ? void 0 : u.toNoiseScale) ?? (u == null ? void 0 : u.noiseScale) ?? 1.5), S = Number((u == null ? void 0 : u.toNoiseMoveX) ?? (u == null ? void 0 : u.noiseMoveX) ?? 0.6), I = Number((u == null ? void 0 : u.toNoiseMoveY) ?? (u == null ? void 0 : u.noiseMoveY) ?? 0.4), N = Number((u == null ? void 0 : u.toFps) ?? (u == null ? void 0 : u.fps) ?? 12), P = Number((u == null ? void 0 : u.toThreshold) ?? (u == null ? void 0 : u.threshold) ?? 0.45), E = Number((u == null ? void 0 : u.toSeedOffset) ?? (u == null ? void 0 : u.seedOffset) ?? 0), _ = !!(u != null && u.hasInitialValue), X = _ ? Number((u == null ? void 0 : u.initialXRepetitions) ?? g) : g, z = _ ? Number((u == null ? void 0 : u.initialYRepetitions) ?? b) : b, F = _ ? Number((u == null ? void 0 : u.initialGapX) ?? x) : x, V = _ ? Number((u == null ? void 0 : u.initialGapY) ?? M) : M, Q = _ ? Number((u == null ? void 0 : u.initialScale) ?? k) : k, G = _ ? Number((u == null ? void 0 : u.initialNoiseScale) ?? w) : w, T = _ ? Number((u == null ? void 0 : u.initialNoiseMoveX) ?? S) : S, ct = _ ? Number((u == null ? void 0 : u.initialNoiseMoveY) ?? I) : I, rt = _ ? Number((u == null ? void 0 : u.initialFps) ?? N) : N, Z = _ ? Number((u == null ? void 0 : u.initialThreshold) ?? P) : P, D = _ ? Number((u == null ? void 0 : u.initialSeedOffset) ?? E) : E, A = Math.max(0, m - (n || 0)), U = Math.min(1, Math.max(0, A / (e || 1)));
1238
1238
  let C = c + (s - c) * U;
1239
1239
  $ === "initial" ? C = 0 : $ === "final" && (C = 1);
1240
- const j = Math.max(1, Math.round(W(C, [0, 1], [X, x]))), J = Math.max(1, Math.round(W(C, [0, 1], [z, b]))), dt = W(C, [0, 1], [F, g]), O = W(C, [0, 1], [V, M]), at = W(C, [0, 1], [Q, k]), L = W(C, [0, 1], [G, w]), St = W(C, [0, 1], [T, S]), ft = W(C, [0, 1], [ct, I]), q = Math.max(1, Math.round(W(C, [0, 1], [rt, N]))), ot = W(C, [0, 1], [Z, P]), nt = W(C, [0, 1], [D, E]), it = h ? typeof h == "string" ? h : `${h.x ?? 0}px ${h.y ?? 0}px ${h.blur ?? 0}px ${h.color ?? ""}` : void 0, lt = Math.floor(A * (q / 30)), yt = (j - 1) / 2, gt = (J - 1) / 2, wt = [];
1240
+ const j = Math.max(1, Math.round(W(C, [0, 1], [X, g]))), J = Math.max(1, Math.round(W(C, [0, 1], [z, b]))), dt = W(C, [0, 1], [F, x]), O = W(C, [0, 1], [V, M]), at = W(C, [0, 1], [Q, k]), L = W(C, [0, 1], [G, w]), St = W(C, [0, 1], [T, S]), ft = W(C, [0, 1], [ct, I]), q = Math.max(1, Math.round(W(C, [0, 1], [rt, N]))), ot = W(C, [0, 1], [Z, P]), nt = W(C, [0, 1], [D, E]), it = h ? typeof h == "string" ? h : `${h.x ?? 0}px ${h.y ?? 0}px ${h.blur ?? 0}px ${h.color ?? ""}` : void 0, lt = Math.floor(A * (q / 30)), yt = (j - 1) / 2, gt = (J - 1) / 2, wt = [];
1241
1241
  for (let ht = 0; ht < J; ht++)
1242
1242
  for (let xt = 0; xt < j; xt++) {
1243
1243
  const Rt = xt / Math.max(1, j) * L, Yt = ht / Math.max(1, J) * L, Ft = lt * 0.1 + nt, Xt = Sn(
@@ -1380,17 +1380,17 @@ function Or(t, r, n = 0) {
1380
1380
  if (!u) return;
1381
1381
  const l = u.property;
1382
1382
  if (h.includes(l)) {
1383
- const m = u.delay ?? 0, y = Math.max(1, u.durationInFrames ?? 30), v = m + y, $ = (g) => g === "contrast" || g === "brightness" || g === "saturation" ? 100 : g === "pixelate" ? 1 : 0;
1384
- let x = !1, b = $(l);
1383
+ const m = u.delay ?? 0, y = Math.max(1, u.durationInFrames ?? 30), v = m + y, $ = (x) => x === "contrast" || x === "brightness" || x === "saturation" ? 100 : x === "pixelate" ? 1 : 0;
1384
+ let g = !1, b = $(l);
1385
1385
  if (n >= m && n <= v) {
1386
- x = !0;
1387
- const g = Math.min(
1386
+ g = !0;
1387
+ const x = Math.min(
1388
1388
  1,
1389
1389
  Math.max(0, (n - m) / y)
1390
1390
  ), M = Number(u.from ?? $(l)), k = Number(u.to ?? $(l));
1391
- b = M + (k - M) * g;
1392
- } else n > v && u.persist === !0 && (x = !0, b = Number(u.to ?? $(l)));
1393
- if (!x) return;
1391
+ b = M + (k - M) * x;
1392
+ } else n > v && u.persist === !0 && (g = !0, b = Number(u.to ?? $(l)));
1393
+ if (!g) return;
1394
1394
  switch (c.add(l), l) {
1395
1395
  case "blur":
1396
1396
  s.push({ type: "blur", radius: b });
@@ -1438,13 +1438,13 @@ function Or(t, r, n = 0) {
1438
1438
  });
1439
1439
  break;
1440
1440
  case "duotone": {
1441
- const g = u.details;
1441
+ const x = u.details;
1442
1442
  s.push({
1443
1443
  type: "duotone",
1444
- color1: (g == null ? void 0 : g.color1) || "#ff0055",
1445
- color2: (g == null ? void 0 : g.color2) || "#00eeff",
1446
- darkColor: (g == null ? void 0 : g.color1) || "#ff0055",
1447
- lightColor: (g == null ? void 0 : g.color2) || "#00eeff"
1444
+ color1: (x == null ? void 0 : x.color1) || "#ff0055",
1445
+ color2: (x == null ? void 0 : x.color2) || "#00eeff",
1446
+ darkColor: (x == null ? void 0 : x.color1) || "#ff0055",
1447
+ lightColor: (x == null ? void 0 : x.color2) || "#00eeff"
1448
1448
  });
1449
1449
  break;
1450
1450
  }
@@ -1655,14 +1655,14 @@ vt.readBits = Go;
1655
1655
  blocks: function(u) {
1656
1656
  for (var l = 0, m = [], y = u.data.length, v = 0, $ = (0, n.readByte)()(u); $ !== l && $; $ = (0, n.readByte)()(u)) {
1657
1657
  if (u.pos + $ >= y) {
1658
- var x = y - u.pos;
1659
- m.push((0, n.readBytes)(x)(u)), v += x;
1658
+ var g = y - u.pos;
1659
+ m.push((0, n.readBytes)(g)(u)), v += g;
1660
1660
  break;
1661
1661
  }
1662
1662
  m.push((0, n.readBytes)($)(u)), v += $;
1663
1663
  }
1664
- for (var b = new Uint8Array(v), g = 0, M = 0; M < m.length; M++)
1665
- b.set(m[M], g), g += m[M].length;
1664
+ for (var b = new Uint8Array(v), x = 0, M = 0; M < m.length; M++)
1665
+ b.set(m[M], x), x += m[M].length;
1666
1666
  return b;
1667
1667
  }
1668
1668
  }, c = (0, r.conditional)({
@@ -1850,9 +1850,9 @@ Object.defineProperty(mr, "__esModule", {
1850
1850
  });
1851
1851
  mr.lzw = void 0;
1852
1852
  var Lo = function(r, n, e) {
1853
- var c = 4096, s = -1, a = e, o, p, i, d, h, u, l, k, m, y, M, v, w, S, N, I, $ = new Array(e), x = new Array(c), b = new Array(c), g = new Array(c + 1);
1853
+ var c = 4096, s = -1, a = e, o, p, i, d, h, u, l, k, m, y, M, v, w, S, N, I, $ = new Array(e), g = new Array(c), b = new Array(c), x = new Array(c + 1);
1854
1854
  for (v = r, p = 1 << v, h = p + 1, o = p + 2, l = s, d = v + 1, i = (1 << d) - 1, m = 0; m < p; m++)
1855
- x[m] = 0, b[m] = m;
1855
+ g[m] = 0, b[m] = m;
1856
1856
  var M, k, w, S, I, N;
1857
1857
  for (M = k = w = S = I = N = 0, y = 0; y < a; ) {
1858
1858
  if (S === 0) {
@@ -1867,14 +1867,14 @@ var Lo = function(r, n, e) {
1867
1867
  continue;
1868
1868
  }
1869
1869
  if (l == s) {
1870
- g[S++] = b[m], l = m, w = m;
1870
+ x[S++] = b[m], l = m, w = m;
1871
1871
  continue;
1872
1872
  }
1873
- for (u = m, m == o && (g[S++] = w, m = l); m > p; )
1874
- g[S++] = b[m], m = x[m];
1875
- w = b[m] & 255, g[S++] = w, o < c && (x[o] = l, b[o] = w, o++, !(o & i) && o < c && (d++, i += o)), l = u;
1873
+ for (u = m, m == o && (x[S++] = w, m = l); m > p; )
1874
+ x[S++] = b[m], m = g[m];
1875
+ w = b[m] & 255, x[S++] = w, o < c && (g[o] = l, b[o] = w, o++, !(o & i) && o < c && (d++, i += o)), l = u;
1876
1876
  }
1877
- S--, $[I++] = g[S], y++;
1877
+ S--, $[I++] = x[S], y++;
1878
1878
  }
1879
1879
  for (y = I; y < a; y++)
1880
1880
  $[y] = 0;
@@ -2016,7 +2016,7 @@ function Yn({
2016
2016
  s.effects,
2017
2017
  a,
2018
2018
  l
2019
- ), x = Vr($), { filter: b, overlays: g } = Mn($), M = s.width || h.width || 300, k = s.height || h.height || 300, w = te(s.src), S = (rt = (ct = a == null ? void 0 : a.loop) == null ? void 0 : ct.composition) == null ? void 0 : rt.find(
2019
+ ), g = Vr($), { filter: b, overlays: x } = Mn($), M = s.width || h.width || 300, k = s.height || h.height || 300, w = te(s.src), S = (rt = (ct = a == null ? void 0 : a.loop) == null ? void 0 : ct.composition) == null ? void 0 : rt.find(
2020
2020
  (L) => L.property === "textGridMarqueeTextAnimationLoop" || L.property === "textGridMarquee" || L.property === "imageGridMarqueeTextAnimationLoop" || L.property === "imageGridMarquee" || L.id === "textGridMarquee" || L.id === "imageGridMarquee"
2021
2021
  ), I = !!(S && l >= (S.delay || 0) && l <= (S.delay || 0) + (S.durationInFrames || 60)), N = (D = (Z = a == null ? void 0 : a.loop) == null ? void 0 : Z.composition) == null ? void 0 : D.find(
2022
2022
  (L) => L.property === "inwardEchoes" || L.id === "inwardEchoes"
@@ -2102,7 +2102,7 @@ function Yn({
2102
2102
  fps: n,
2103
2103
  cardFlipDetails: X == null ? void 0 : X.details,
2104
2104
  activeEffects: $,
2105
- effects: x
2105
+ effects: g
2106
2106
  }
2107
2107
  ) : V ? /* @__PURE__ */ f(
2108
2108
  Bo,
@@ -2183,16 +2183,16 @@ function Yn({
2183
2183
  boxShadow: I ? "none" : v.boxShadow
2184
2184
  },
2185
2185
  children: [
2186
- x ? /* @__PURE__ */ f(
2186
+ g ? /* @__PURE__ */ f(
2187
2187
  _r,
2188
2188
  {
2189
2189
  width: M,
2190
2190
  height: k,
2191
- effects: x,
2191
+ effects: g,
2192
2192
  children: G()
2193
2193
  }
2194
2194
  ) : G(),
2195
- g.map((L) => /* @__PURE__ */ f("div", { style: L.style }, L.id)),
2195
+ x.map((L) => /* @__PURE__ */ f("div", { style: L.style }, L.id)),
2196
2196
  !I && !P && !_ && !z && !V && /* @__PURE__ */ f(
2197
2197
  "div",
2198
2198
  {
@@ -2323,10 +2323,10 @@ const Fn = ({
2323
2323
  },
2324
2324
  r
2325
2325
  );
2326
- const x = W($, [0, m], [0, 1], {
2326
+ const g = W($, [0, m], [0, 1], {
2327
2327
  extrapolateLeft: "clamp",
2328
2328
  extrapolateRight: "clamp"
2329
- }), g = se(i)(x), M = o + (p - o) * g;
2329
+ }), x = se(i)(g), M = o + (p - o) * x;
2330
2330
  let k = {
2331
2331
  display: "inline-block",
2332
2332
  transformOrigin: "center"
@@ -3188,7 +3188,7 @@ const Xe = ({
3188
3188
  [0, c],
3189
3189
  [0.5, 1],
3190
3190
  { extrapolateRight: "clamp" }
3191
- ), x = W(
3191
+ ), g = W(
3192
3192
  v,
3193
3193
  [0, c],
3194
3194
  [0.15, 0],
@@ -3202,7 +3202,7 @@ const Xe = ({
3202
3202
  position: "absolute",
3203
3203
  top: 0,
3204
3204
  left: 0,
3205
- opacity: x,
3205
+ opacity: g,
3206
3206
  transform: `scale(${$ * 2})`,
3207
3207
  pointerEvents: "none"
3208
3208
  },
@@ -3320,22 +3320,22 @@ const Xe = ({
3320
3320
  if (!v) return [];
3321
3321
  v.font = `${m}px ${n.fontFamily || "Arial, sans-serif"}`;
3322
3322
  const $ = u.split(" ");
3323
- let x = [], b = "";
3324
- return $.forEach((g) => {
3325
- const M = b ? `${b} ${g}` : g;
3326
- v.measureText(M).width > l ? (x.push(b), b = g) : b = M;
3327
- }), b && x.push(b), x;
3323
+ let g = [], b = "";
3324
+ return $.forEach((x) => {
3325
+ const M = b ? `${b} ${x}` : x;
3326
+ v.measureText(M).width > l ? (g.push(b), b = x) : b = M;
3327
+ }), b && g.push(b), g;
3328
3328
  }, a = n.width || 300, o = s(t, a, n.fontSize), p = e / c, i = 0.3, d = p / o.length, h = o.map((u, l) => {
3329
- const m = l * d * (1 - i) * 1.5, y = m + d, v = m * c, $ = Math.max(y * c, p * c), x = W(r, [v, $], [0, 1], {
3329
+ const m = l * d * (1 - i) * 1.5, y = m + d, v = m * c, $ = Math.max(y * c, p * c), g = W(r, [v, $], [0, 1], {
3330
3330
  easing: Y.out(Y.cubic),
3331
3331
  extrapolateLeft: "clamp",
3332
3332
  extrapolateRight: "clamp"
3333
- }), b = W(x, [0, 1], [-n.fontSize, 0]);
3333
+ }), b = W(g, [0, 1], [-n.fontSize, 0]);
3334
3334
  return {
3335
3335
  text: u,
3336
- progress: x,
3336
+ progress: g,
3337
3337
  y: b,
3338
- opacity: x
3338
+ opacity: g
3339
3339
  };
3340
3340
  });
3341
3341
  return /* @__PURE__ */ f(
@@ -3567,7 +3567,7 @@ const ze = ({ text: t, frame: r }) => {
3567
3567
  details: a,
3568
3568
  marqueeDetails: o
3569
3569
  }) => {
3570
- const p = kt(), i = typeof r == "number" && !isNaN(r) ? r : p, d = Math.max(0, i - (n || 0)), h = Math.min(1, Math.max(0, d / (e || 1))), u = a.width || 300, l = a.height || 100, m = (o == null ? void 0 : o.direction) || "horizontal", y = m === "static", v = Math.min(15, Math.max(1, Number((o == null ? void 0 : o.repeatX) ?? 5))), $ = Math.min(15, Math.max(1, Number((o == null ? void 0 : o.repeatY) ?? 5))), x = (o == null ? void 0 : o.baseSpeed) !== void 0 ? Number(o.baseSpeed) : 2, b = (o == null ? void 0 : o.speedVariation) !== void 0 ? Number(o.speedVariation) : 0.5, g = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialBaseSpeed) !== void 0 ? Number(o.initialBaseSpeed) : x, M = o != null && o.hasInitialValue ? g + (x - g) * h : x, k = y ? 0 : M * 400, w = y ? 0 : M * 400, S = (o == null ? void 0 : o.scaleFactor) !== void 0 ? Number(o.scaleFactor) : 1, I = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialScaleFactor) !== void 0 ? Number(o.initialScaleFactor) : S, N = o != null && o.hasInitialValue ? I + (S - I) * h : S, P = (o == null ? void 0 : o.lineOffset) !== void 0 ? Number(o.lineOffset) : 0.5, E = (o == null ? void 0 : o.gapX) !== void 0 ? Number(o.gapX) : 60, _ = (o == null ? void 0 : o.gapY) !== void 0 ? Number(o.gapY) : 60, X = E / 100 * u, z = _ / 100 * l, F = u * N + X, V = l * N + z, Q = qt(a), G = m === "vertical" || m === "up" || m === "down", T = m === "diagonal", ct = (v - 1) / 2, rt = ($ - 1) / 2, Z = $, D = v, A = Array.from({ length: Z }, (C, j) => j - rt), U = Array.from({ length: D }, (C, j) => j - ct), ut = (C, j, J, dt) => /* @__PURE__ */ f(
3570
+ const p = kt(), i = typeof r == "number" && !isNaN(r) ? r : p, d = Math.max(0, i - (n || 0)), h = Math.min(1, Math.max(0, d / (e || 1))), u = a.width || 300, l = a.height || 100, m = (o == null ? void 0 : o.direction) || "horizontal", y = m === "static", v = Math.min(15, Math.max(1, Number((o == null ? void 0 : o.repeatX) ?? 5))), $ = Math.min(15, Math.max(1, Number((o == null ? void 0 : o.repeatY) ?? 5))), g = (o == null ? void 0 : o.baseSpeed) !== void 0 ? Number(o.baseSpeed) : 2, b = (o == null ? void 0 : o.speedVariation) !== void 0 ? Number(o.speedVariation) : 0.5, x = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialBaseSpeed) !== void 0 ? Number(o.initialBaseSpeed) : g, M = o != null && o.hasInitialValue ? x + (g - x) * h : g, k = y ? 0 : M * 400, w = y ? 0 : M * 400, S = (o == null ? void 0 : o.scaleFactor) !== void 0 ? Number(o.scaleFactor) : 1, I = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialScaleFactor) !== void 0 ? Number(o.initialScaleFactor) : S, N = o != null && o.hasInitialValue ? I + (S - I) * h : S, P = (o == null ? void 0 : o.lineOffset) !== void 0 ? Number(o.lineOffset) : 0.5, E = (o == null ? void 0 : o.gapX) !== void 0 ? Number(o.gapX) : 60, _ = (o == null ? void 0 : o.gapY) !== void 0 ? Number(o.gapY) : 60, X = E / 100 * u, z = _ / 100 * l, F = u * N + X, V = l * N + z, Q = qt(a), G = m === "vertical" || m === "up" || m === "down", T = m === "diagonal", ct = (v - 1) / 2, rt = ($ - 1) / 2, Z = $, D = v, A = Array.from({ length: Z }, (C, j) => j - rt), U = Array.from({ length: D }, (C, j) => j - ct), ut = (C, j, J, dt) => /* @__PURE__ */ f(
3571
3571
  "span",
3572
3572
  {
3573
3573
  style: {
@@ -3665,7 +3665,7 @@ const ze = ({ text: t, frame: r }) => {
3665
3665
  details: a,
3666
3666
  echoesDetails: o
3667
3667
  }) => {
3668
- const p = kt(), i = typeof r == "number" && !isNaN(r) ? r : p, d = a.width || 300, h = a.height || 100, u = (o == null ? void 0 : o.keepStill) || "both", l = Number((o == null ? void 0 : o.toRepeatCount) ?? 5), m = Number((o == null ? void 0 : o.toScaleDown) ?? 0.3), y = Number((o == null ? void 0 : o.toCenterX) ?? 0.5), v = Number((o == null ? void 0 : o.toCenterY) ?? 0.5), $ = (o == null ? void 0 : o.initialRepeatCount) !== void 0 ? Number(o.initialRepeatCount) : l, x = (o == null ? void 0 : o.initialScaleDown) !== void 0 ? Number(o.initialScaleDown) : 1, b = (o == null ? void 0 : o.initialCenterX) !== void 0 ? Number(o.initialCenterX) : y, g = (o == null ? void 0 : o.initialCenterY) !== void 0 ? Number(o.initialCenterY) : v, M = Math.max(0, i - (n || 0)), k = Math.min(1, Math.max(0, M / (e || 1)));
3668
+ const p = kt(), i = typeof r == "number" && !isNaN(r) ? r : p, d = a.width || 300, h = a.height || 100, u = (o == null ? void 0 : o.keepStill) || "both", l = Number((o == null ? void 0 : o.toRepeatCount) ?? 5), m = Number((o == null ? void 0 : o.toScaleDown) ?? 0.3), y = Number((o == null ? void 0 : o.toCenterX) ?? 0.5), v = Number((o == null ? void 0 : o.toCenterY) ?? 0.5), $ = (o == null ? void 0 : o.initialRepeatCount) !== void 0 ? Number(o.initialRepeatCount) : l, g = (o == null ? void 0 : o.initialScaleDown) !== void 0 ? Number(o.initialScaleDown) : 1, b = (o == null ? void 0 : o.initialCenterX) !== void 0 ? Number(o.initialCenterX) : y, x = (o == null ? void 0 : o.initialCenterY) !== void 0 ? Number(o.initialCenterY) : v, M = Math.max(0, i - (n || 0)), k = Math.min(1, Math.max(0, M / (e || 1)));
3669
3669
  let S = c + (s - c) * k;
3670
3670
  u === "initial" ? S = 0 : u === "final" && (S = 1);
3671
3671
  const I = Math.max(
@@ -3674,7 +3674,7 @@ const ze = ({ text: t, frame: r }) => {
3674
3674
  ), N = W(
3675
3675
  S,
3676
3676
  [0, 1],
3677
- [x, m]
3677
+ [g, m]
3678
3678
  ), P = W(
3679
3679
  S,
3680
3680
  [0, 1],
@@ -3682,7 +3682,7 @@ const ze = ({ text: t, frame: r }) => {
3682
3682
  ), E = W(
3683
3683
  S,
3684
3684
  [0, 1],
3685
- [g, v]
3685
+ [x, v]
3686
3686
  ), _ = qt(a), X = Array.from({ length: I }, (z, F) => F);
3687
3687
  return /* @__PURE__ */ f(
3688
3688
  "div",
@@ -3727,7 +3727,7 @@ const ze = ({ text: t, frame: r }) => {
3727
3727
  details: a,
3728
3728
  wiggleDetails: o
3729
3729
  }) => {
3730
- const p = kt(), i = typeof r == "number" && !isNaN(r) ? r : p, d = Number((o == null ? void 0 : o.wiggleX) ?? 20), h = Number((o == null ? void 0 : o.wiggleY) ?? 20), u = Number((o == null ? void 0 : o.speed) ?? 3), l = Number((o == null ? void 0 : o.angle) ?? 10), m = Number((o == null ? void 0 : o.seed) ?? 1), y = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialWiggleX) !== void 0 ? Number(o.initialWiggleX) : d, v = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialWiggleY) !== void 0 ? Number(o.initialWiggleY) : h, $ = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialSpeed) !== void 0 ? Number(o.initialSpeed) : u, x = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialAngle) !== void 0 ? Number(o.initialAngle) : l, b = Math.max(0, i - (n || 0)), g = Math.min(1, Math.max(0, b / (e || 1))), M = o != null && o.hasInitialValue ? y + (d - y) * g : d, k = o != null && o.hasInitialValue ? v + (h - v) * g : h, w = o != null && o.hasInitialValue ? $ + (u - $) * g : u, S = o != null && o.hasInitialValue ? x + (l - x) * g : l, I = i * (w * 0.08), N = m * 12.345, P = Math.sin(I + N) * Math.cos(I * 0.65 + N) * M, E = Math.cos(I * 0.85 + N) * Math.sin(I * 1.15 + N) * k, _ = Math.sin(I * 0.9 + N * 1.35) * S, X = qt(a);
3730
+ const p = kt(), i = typeof r == "number" && !isNaN(r) ? r : p, d = Number((o == null ? void 0 : o.wiggleX) ?? 20), h = Number((o == null ? void 0 : o.wiggleY) ?? 20), u = Number((o == null ? void 0 : o.speed) ?? 3), l = Number((o == null ? void 0 : o.angle) ?? 10), m = Number((o == null ? void 0 : o.seed) ?? 1), y = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialWiggleX) !== void 0 ? Number(o.initialWiggleX) : d, v = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialWiggleY) !== void 0 ? Number(o.initialWiggleY) : h, $ = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialSpeed) !== void 0 ? Number(o.initialSpeed) : u, g = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialAngle) !== void 0 ? Number(o.initialAngle) : l, b = Math.max(0, i - (n || 0)), x = Math.min(1, Math.max(0, b / (e || 1))), M = o != null && o.hasInitialValue ? y + (d - y) * x : d, k = o != null && o.hasInitialValue ? v + (h - v) * x : h, w = o != null && o.hasInitialValue ? $ + (u - $) * x : u, S = o != null && o.hasInitialValue ? g + (l - g) * x : l, I = i * (w * 0.08), N = m * 12.345, P = Math.sin(I + N) * Math.cos(I * 0.65 + N) * M, E = Math.cos(I * 0.85 + N) * Math.sin(I * 1.15 + N) * k, _ = Math.sin(I * 0.9 + N * 1.35) * S, X = qt(a);
3731
3731
  return /* @__PURE__ */ f(
3732
3732
  "div",
3733
3733
  {
@@ -3790,10 +3790,10 @@ const ze = ({ text: t, frame: r }) => {
3790
3790
  details: a,
3791
3791
  noiseTileDetails: o
3792
3792
  }) => {
3793
- const p = kt(), i = typeof r == "number" && !isNaN(r) ? r : p, d = a.width || 300, h = a.height || 100, u = (o == null ? void 0 : o.keepStill) || "both", l = Number((o == null ? void 0 : o.toXRepetitions) ?? (o == null ? void 0 : o.xRepetitions) ?? 5), m = Number((o == null ? void 0 : o.toYRepetitions) ?? (o == null ? void 0 : o.yRepetitions) ?? 5), y = Number((o == null ? void 0 : o.toGapX) ?? (o == null ? void 0 : o.gapX) ?? 12), v = Number((o == null ? void 0 : o.toGapY) ?? (o == null ? void 0 : o.gapY) ?? 12), $ = Number((o == null ? void 0 : o.toScale) ?? (o == null ? void 0 : o.scale) ?? 1), x = Number((o == null ? void 0 : o.toNoiseScale) ?? (o == null ? void 0 : o.noiseScale) ?? 1.5), b = Number((o == null ? void 0 : o.toNoiseMoveX) ?? (o == null ? void 0 : o.noiseMoveX) ?? 0.6), g = Number((o == null ? void 0 : o.toNoiseMoveY) ?? (o == null ? void 0 : o.noiseMoveY) ?? 0.4), M = Number((o == null ? void 0 : o.toFps) ?? (o == null ? void 0 : o.fps) ?? 12), k = Number((o == null ? void 0 : o.toThreshold) ?? (o == null ? void 0 : o.threshold) ?? 0.45), w = Number((o == null ? void 0 : o.toSeedOffset) ?? (o == null ? void 0 : o.seedOffset) ?? 0), S = !!(o != null && o.hasInitialValue), I = S ? Number((o == null ? void 0 : o.initialXRepetitions) ?? l) : l, N = S ? Number((o == null ? void 0 : o.initialYRepetitions) ?? m) : m, P = S ? Number((o == null ? void 0 : o.initialGapX) ?? y) : y, E = S ? Number((o == null ? void 0 : o.initialGapY) ?? v) : v, _ = S ? Number((o == null ? void 0 : o.initialScale) ?? $) : $, X = S ? Number((o == null ? void 0 : o.initialNoiseScale) ?? x) : x, z = S ? Number((o == null ? void 0 : o.initialNoiseMoveX) ?? b) : b, F = S ? Number((o == null ? void 0 : o.initialNoiseMoveY) ?? g) : g, V = S ? Number((o == null ? void 0 : o.initialFps) ?? M) : M, Q = S ? Number((o == null ? void 0 : o.initialThreshold) ?? k) : k, G = S ? Number((o == null ? void 0 : o.initialSeedOffset) ?? w) : w, T = Math.max(0, i - (n || 0)), ct = Math.min(1, Math.max(0, T / (e || 1)));
3793
+ const p = kt(), i = typeof r == "number" && !isNaN(r) ? r : p, d = a.width || 300, h = a.height || 100, u = (o == null ? void 0 : o.keepStill) || "both", l = Number((o == null ? void 0 : o.toXRepetitions) ?? (o == null ? void 0 : o.xRepetitions) ?? 5), m = Number((o == null ? void 0 : o.toYRepetitions) ?? (o == null ? void 0 : o.yRepetitions) ?? 5), y = Number((o == null ? void 0 : o.toGapX) ?? (o == null ? void 0 : o.gapX) ?? 12), v = Number((o == null ? void 0 : o.toGapY) ?? (o == null ? void 0 : o.gapY) ?? 12), $ = Number((o == null ? void 0 : o.toScale) ?? (o == null ? void 0 : o.scale) ?? 1), g = Number((o == null ? void 0 : o.toNoiseScale) ?? (o == null ? void 0 : o.noiseScale) ?? 1.5), b = Number((o == null ? void 0 : o.toNoiseMoveX) ?? (o == null ? void 0 : o.noiseMoveX) ?? 0.6), x = Number((o == null ? void 0 : o.toNoiseMoveY) ?? (o == null ? void 0 : o.noiseMoveY) ?? 0.4), M = Number((o == null ? void 0 : o.toFps) ?? (o == null ? void 0 : o.fps) ?? 12), k = Number((o == null ? void 0 : o.toThreshold) ?? (o == null ? void 0 : o.threshold) ?? 0.45), w = Number((o == null ? void 0 : o.toSeedOffset) ?? (o == null ? void 0 : o.seedOffset) ?? 0), S = !!(o != null && o.hasInitialValue), I = S ? Number((o == null ? void 0 : o.initialXRepetitions) ?? l) : l, N = S ? Number((o == null ? void 0 : o.initialYRepetitions) ?? m) : m, P = S ? Number((o == null ? void 0 : o.initialGapX) ?? y) : y, E = S ? Number((o == null ? void 0 : o.initialGapY) ?? v) : v, _ = S ? Number((o == null ? void 0 : o.initialScale) ?? $) : $, X = S ? Number((o == null ? void 0 : o.initialNoiseScale) ?? g) : g, z = S ? Number((o == null ? void 0 : o.initialNoiseMoveX) ?? b) : b, F = S ? Number((o == null ? void 0 : o.initialNoiseMoveY) ?? x) : x, V = S ? Number((o == null ? void 0 : o.initialFps) ?? M) : M, Q = S ? Number((o == null ? void 0 : o.initialThreshold) ?? k) : k, G = S ? Number((o == null ? void 0 : o.initialSeedOffset) ?? w) : w, T = Math.max(0, i - (n || 0)), ct = Math.min(1, Math.max(0, T / (e || 1)));
3794
3794
  let Z = c + (s - c) * ct;
3795
3795
  u === "initial" ? Z = 0 : u === "final" && (Z = 1);
3796
- const D = Math.max(1, Math.round(W(Z, [0, 1], [I, l]))), A = Math.max(1, Math.round(W(Z, [0, 1], [N, m]))), U = W(Z, [0, 1], [P, y]), ut = W(Z, [0, 1], [E, v]), C = W(Z, [0, 1], [_, $]), j = W(Z, [0, 1], [X, x]), J = W(Z, [0, 1], [z, b]), dt = W(Z, [0, 1], [F, g]), O = Math.max(1, Math.round(W(Z, [0, 1], [V, M]))), at = W(Z, [0, 1], [Q, k]), L = W(Z, [0, 1], [G, w]), St = qt(a), ft = Math.floor(T * (O / 30)), q = (D - 1) / 2, ot = (A - 1) / 2, nt = [];
3796
+ const D = Math.max(1, Math.round(W(Z, [0, 1], [I, l]))), A = Math.max(1, Math.round(W(Z, [0, 1], [N, m]))), U = W(Z, [0, 1], [P, y]), ut = W(Z, [0, 1], [E, v]), C = W(Z, [0, 1], [_, $]), j = W(Z, [0, 1], [X, g]), J = W(Z, [0, 1], [z, b]), dt = W(Z, [0, 1], [F, x]), O = Math.max(1, Math.round(W(Z, [0, 1], [V, M]))), at = W(Z, [0, 1], [Q, k]), L = W(Z, [0, 1], [G, w]), St = qt(a), ft = Math.floor(T * (O / 30)), q = (D - 1) / 2, ot = (A - 1) / 2, nt = [];
3797
3797
  for (let it = 0; it < A; it++)
3798
3798
  for (let lt = 0; lt < D; lt++) {
3799
3799
  const yt = lt / Math.max(1, D) * j, gt = it / Math.max(1, A) * j, wt = ft * 0.1 + L, ht = Sn(
@@ -3902,29 +3902,29 @@ const ze = ({ text: t, frame: r }) => {
3902
3902
  durationInFrames: s
3903
3903
  }) => {
3904
3904
  const a = (m, y, v) => {
3905
- const x = document.createElement("canvas").getContext("2d");
3906
- if (!x) return [];
3907
- x.font = `${v}px ${n.fontFamily || "Arial, sans-serif"}`;
3905
+ const g = document.createElement("canvas").getContext("2d");
3906
+ if (!g) return [];
3907
+ g.font = `${v}px ${n.fontFamily || "Arial, sans-serif"}`;
3908
3908
  const b = m.split(" ");
3909
- let g = [], M = "";
3909
+ let x = [], M = "";
3910
3910
  return b.forEach((k) => {
3911
3911
  const w = M ? `${M} ${k}` : k;
3912
- x.measureText(w).width > y ? (g.push(M), M = k) : M = w;
3913
- }), M && g.push(M), g;
3912
+ g.measureText(w).width > y ? (x.push(M), M = k) : M = w;
3913
+ }), M && x.push(M), x;
3914
3914
  }, o = (s - e) / c, p = n.width || 300, i = a(t, p, n.fontSize), d = e / c, h = 0.5, u = d / i.length, l = i.map((m, y) => {
3915
- const v = o + y * u * (1 - h) * 1.5, $ = v + u, x = v * c, b = Math.min(
3915
+ const v = o + y * u * (1 - h) * 1.5, $ = v + u, g = v * c, b = Math.min(
3916
3916
  $ * c,
3917
3917
  (o + d) * c
3918
- ), g = W(r, [x, b], [0, 1], {
3918
+ ), x = W(r, [g, b], [0, 1], {
3919
3919
  easing: Y.in(Y.cubic),
3920
3920
  extrapolateLeft: "clamp",
3921
3921
  extrapolateRight: "clamp"
3922
- }), M = W(g, [0, 1], [0, -n.fontSize]);
3922
+ }), M = W(x, [0, 1], [0, -n.fontSize]);
3923
3923
  return {
3924
3924
  text: m,
3925
- progress: g,
3925
+ progress: x,
3926
3926
  y: M,
3927
- opacity: 1 - g
3927
+ opacity: 1 - x
3928
3928
  };
3929
3929
  });
3930
3930
  return /* @__PURE__ */ f(
@@ -4068,13 +4068,13 @@ const ze = ({ text: t, frame: r }) => {
4068
4068
  frame: y,
4069
4069
  animationTextInFrames: v,
4070
4070
  animationTextOutFrames: $,
4071
- animationTextLoopFrames: x,
4071
+ animationTextLoopFrames: g,
4072
4072
  animationTextTimedFrames: b = 0,
4073
- durationInFrames: g,
4073
+ durationInFrames: x,
4074
4074
  animationFonts: M
4075
4075
  }) => {
4076
4076
  var xt, Rt, Yt, Ft, Xt, zt, Et, _t, Lt, Ht, Ut, Zt, Qt, tr;
4077
- const k = v, w = g - $, S = n ? k >= y : !1, I = e ? y >= w : !1, N = i && i.length > 0, P = d && d.length > 0, E = h && h.length > 0, _ = u && u.length > 0, X = ((xt = i == null ? void 0 : i[0]) == null ? void 0 : xt.durationInFrames) || v, z = ((Rt = i == null ? void 0 : i[0]) == null ? void 0 : Rt.delay) || 0, F = X + z, V = ((Yt = d == null ? void 0 : d[0]) == null ? void 0 : Yt.durationInFrames) || $, Q = ((Ft = d == null ? void 0 : d[0]) == null ? void 0 : Ft.delay) || 0, G = V + Q, T = Math.max(0, g - G), ct = ((Xt = u == null ? void 0 : u[0]) == null ? void 0 : Xt.delay) || 0, rt = ct, Z = ct + (((zt = u == null ? void 0 : u[0]) == null ? void 0 : zt.durationInFrames) || b), D = N && !n && (E ? y < F : y < T), A = P && !e && y >= T, U = _ && !D && !A && y >= rt && y <= Z, ut = E && !c && !D && !A && !U, j = ((H, B, R) => {
4077
+ const k = v, w = x - $, S = n ? k >= y : !1, I = e ? y >= w : !1, N = i && i.length > 0, P = d && d.length > 0, E = h && h.length > 0, _ = u && u.length > 0, X = ((xt = i == null ? void 0 : i[0]) == null ? void 0 : xt.durationInFrames) || v, z = ((Rt = i == null ? void 0 : i[0]) == null ? void 0 : Rt.delay) || 0, F = X + z, V = ((Yt = d == null ? void 0 : d[0]) == null ? void 0 : Yt.durationInFrames) || $, Q = ((Ft = d == null ? void 0 : d[0]) == null ? void 0 : Ft.delay) || 0, G = V + Q, T = Math.max(0, x - G), ct = ((Xt = u == null ? void 0 : u[0]) == null ? void 0 : Xt.delay) || 0, rt = ct, Z = ct + (((zt = u == null ? void 0 : u[0]) == null ? void 0 : zt.durationInFrames) || b), D = N && !n && (E ? y < F : y < T), A = P && !e && y >= T, U = _ && !D && !A && y >= rt && y <= Z, ut = E && !c && !D && !A && !U, j = ((H, B, R) => {
4078
4078
  const st = document.createElement("canvas").getContext("2d");
4079
4079
  if (!st) return [];
4080
4080
  st.font = `${R}px Arial`;
@@ -4155,7 +4155,7 @@ const ze = ({ text: t, frame: r }) => {
4155
4155
  {
4156
4156
  text: t,
4157
4157
  frame: y,
4158
- durationInFrames: g
4158
+ durationInFrames: x
4159
4159
  }
4160
4160
  );
4161
4161
  if (c === "textFontChangeAnimationLoop")
@@ -4179,7 +4179,7 @@ const ze = ({ text: t, frame: r }) => {
4179
4179
  (tt) => tt.property === "textGridMarqueeTextAnimationLoop" || tt.property === "textGridMarquee" || tt.id === "textGridMarquee"
4180
4180
  )) || (h == null ? void 0 : h.find(
4181
4181
  (tt) => tt.property === "textGridMarqueeTextAnimationLoop" || tt.property === "textGridMarquee" || tt.id === "textGridMarquee"
4182
- )), K = (R == null ? void 0 : R.delay) || 0, st = (R == null ? void 0 : R.durationInFrames) || (x > 0 ? x : g), et = K + st, pt = y >= K && y <= et;
4182
+ )), K = (R == null ? void 0 : R.delay) || 0, st = (R == null ? void 0 : R.durationInFrames) || (g > 0 ? g : x), et = K + st, pt = y >= K && y <= et;
4183
4183
  if (console.log(
4184
4184
  `[SpecialEffect Marquee] frame: ${y.toFixed(2)}, range: [${K}, ${et}], active: ${pt}`
4185
4185
  ), pt) {
@@ -4205,7 +4205,7 @@ const ze = ({ text: t, frame: r }) => {
4205
4205
  (tt) => tt.property === "inwardEchoes" || tt.id === "inwardEchoes"
4206
4206
  )) || (h == null ? void 0 : h.find(
4207
4207
  (tt) => tt.property === "inwardEchoes" || tt.id === "inwardEchoes"
4208
- )), K = (R == null ? void 0 : R.delay) || 0, st = (R == null ? void 0 : R.durationInFrames) || (x > 0 ? x : g), et = K + st, pt = y >= K && y <= et;
4208
+ )), K = (R == null ? void 0 : R.delay) || 0, st = (R == null ? void 0 : R.durationInFrames) || (g > 0 ? g : x), et = K + st, pt = y >= K && y <= et;
4209
4209
  if (console.log(
4210
4210
  `[SpecialEffect InwardEchoes] frame: ${y.toFixed(2)}, range: [${K}, ${et}], active: ${pt}`
4211
4211
  ), pt) {
@@ -4231,7 +4231,7 @@ const ze = ({ text: t, frame: r }) => {
4231
4231
  (tt) => tt.property === "wiggle" || tt.id === "wiggle"
4232
4232
  )) || (h == null ? void 0 : h.find(
4233
4233
  (tt) => tt.property === "wiggle" || tt.id === "wiggle"
4234
- )), K = (R == null ? void 0 : R.delay) || 0, st = (R == null ? void 0 : R.durationInFrames) || (x > 0 ? x : g), et = K + st, pt = y >= K && y <= et;
4234
+ )), K = (R == null ? void 0 : R.delay) || 0, st = (R == null ? void 0 : R.durationInFrames) || (g > 0 ? g : x), et = K + st, pt = y >= K && y <= et;
4235
4235
  if (console.log(
4236
4236
  `[SpecialEffect Wiggle] frame: ${y.toFixed(2)}, range: [${K}, ${et}], active: ${pt}`
4237
4237
  ), pt) {
@@ -4258,7 +4258,7 @@ const ze = ({ text: t, frame: r }) => {
4258
4258
  (R) => R.property === "cardFlip" || R.id === "cardFlip"
4259
4259
  ));
4260
4260
  if (c === "cardFlip" || H) {
4261
- const R = (H == null ? void 0 : H.delay) || 0, K = (H == null ? void 0 : H.durationInFrames) || (x > 0 ? x : g), st = R + K, et = y >= R && y <= st;
4261
+ const R = (H == null ? void 0 : H.delay) || 0, K = (H == null ? void 0 : H.durationInFrames) || (g > 0 ? g : x), st = R + K, et = y >= R && y <= st;
4262
4262
  if (console.log(
4263
4263
  `[SpecialEffect CardFlip] frame: ${y.toFixed(2)}, range: [${R}, ${st}], active: ${et}`
4264
4264
  ), et) {
@@ -4285,7 +4285,7 @@ const ze = ({ text: t, frame: r }) => {
4285
4285
  (R) => R.property === "noiseTile" || R.id === "noiseTile"
4286
4286
  ));
4287
4287
  if (c === "noiseTile" || B) {
4288
- const R = (B == null ? void 0 : B.delay) || 0, K = (B == null ? void 0 : B.durationInFrames) || (x > 0 ? x : g), st = R + K, et = y >= R && y <= st;
4288
+ const R = (B == null ? void 0 : B.delay) || 0, K = (B == null ? void 0 : B.durationInFrames) || (g > 0 ? g : x), st = R + K, et = y >= R && y <= st;
4289
4289
  if (console.log(
4290
4290
  `[SpecialEffect NoiseTile] frame: ${y.toFixed(2)}, range: [${R}, ${st}], active: ${et}`
4291
4291
  ), et) {
@@ -4312,7 +4312,7 @@ const ze = ({ text: t, frame: r }) => {
4312
4312
  Qe,
4313
4313
  {
4314
4314
  frame: y,
4315
- durationInFrames: g,
4315
+ durationInFrames: x,
4316
4316
  text: t,
4317
4317
  details: m,
4318
4318
  animationDuration: $
@@ -4327,7 +4327,7 @@ const ze = ({ text: t, frame: r }) => {
4327
4327
  details: m,
4328
4328
  animationTextOutFrames: $,
4329
4329
  fps: r,
4330
- durationInFrames: g
4330
+ durationInFrames: x
4331
4331
  }
4332
4332
  );
4333
4333
  if (e === "backgroundTextAnimationOut" && I)
@@ -4338,7 +4338,7 @@ const ze = ({ text: t, frame: r }) => {
4338
4338
  frame: y,
4339
4339
  animationTextOutFrames: $,
4340
4340
  details: m,
4341
- durationInFrames: g,
4341
+ durationInFrames: x,
4342
4342
  fps: r
4343
4343
  }
4344
4344
  );
@@ -4374,7 +4374,7 @@ const ze = ({ text: t, frame: r }) => {
4374
4374
  textLength: R,
4375
4375
  fps: r,
4376
4376
  animationTextOutFrames: $,
4377
- durationInFrames: g,
4377
+ durationInFrames: x,
4378
4378
  details: m
4379
4379
  },
4380
4380
  K
@@ -4388,13 +4388,13 @@ const ze = ({ text: t, frame: r }) => {
4388
4388
  frame: y,
4389
4389
  textLength: R,
4390
4390
  fps: r,
4391
- animationTextLoopFrames: x,
4391
+ animationTextLoopFrames: g,
4392
4392
  details: m
4393
4393
  },
4394
4394
  K
4395
4395
  );
4396
4396
  if (ot.length > 0) {
4397
- const pt = D ? X : A ? V : U ? ((st = u == null ? void 0 : u[0]) == null ? void 0 : st.durationInFrames) || b : ((et = h == null ? void 0 : h[0]) == null ? void 0 : et.durationInFrames) || x, tt = A ? y - T : U ? y - rt : y, Kt = ot[0], Bt = D ? "in" : A ? "out" : U ? "timed" : "loop";
4397
+ const pt = D ? X : A ? V : U ? ((st = u == null ? void 0 : u[0]) == null ? void 0 : st.durationInFrames) || b : ((et = h == null ? void 0 : h[0]) == null ? void 0 : et.durationInFrames) || g, tt = A ? y - T : U ? y - rt : y, Kt = ot[0], Bt = D ? "in" : A ? "out" : U ? "timed" : "loop";
4398
4398
  return /* @__PURE__ */ f(
4399
4399
  ae,
4400
4400
  {
@@ -4502,9 +4502,9 @@ const ze = ({ text: t, frame: r }) => {
4502
4502
  basicCharAnimationsIn: y,
4503
4503
  basicCharAnimationsOut: v,
4504
4504
  basicCharAnimationsLoop: $,
4505
- basicCharAnimationsTimed: x,
4505
+ basicCharAnimationsTimed: g,
4506
4506
  loopComposition: b,
4507
- details: g,
4507
+ details: x,
4508
4508
  animationTextInFrames: M,
4509
4509
  animationTextOutFrames: k,
4510
4510
  animationTextLoopFrames: w,
@@ -4550,7 +4550,7 @@ const ze = ({ text: t, frame: r }) => {
4550
4550
  onInput: (F) => c(t, F.target.innerText),
4551
4551
  onBlur: (F) => s(t, F.target.innerText),
4552
4552
  style: {
4553
- height: d === "textGridMarqueeTextAnimationLoop" || d === "textGridMarquee" ? g != null && g.height ? `${g.height}px` : "100%" : "max-content",
4553
+ height: d === "textGridMarqueeTextAnimationLoop" || d === "textGridMarquee" ? x != null && x.height ? `${x.height}px` : "100%" : "max-content",
4554
4554
  boxShadow: "none",
4555
4555
  outline: "none",
4556
4556
  ...e,
@@ -4573,11 +4573,11 @@ const ze = ({ text: t, frame: r }) => {
4573
4573
  basicCharAnimationsIn: y,
4574
4574
  basicCharAnimationsOut: v,
4575
4575
  basicCharAnimationsLoop: $,
4576
- basicCharAnimationsTimed: x,
4576
+ basicCharAnimationsTimed: g,
4577
4577
  loopComposition: b,
4578
4578
  text: r,
4579
4579
  fps: a,
4580
- details: g,
4580
+ details: x,
4581
4581
  frame: o,
4582
4582
  animationTextInFrames: M,
4583
4583
  animationTextOutFrames: k,
@@ -5116,11 +5116,11 @@ function _n({
5116
5116
  (B) => h.some((R) => B.property === R) && B.textAnimationMode && B.textAnimationMode !== "all"
5117
5117
  ), y = (((yt = i == null ? void 0 : i.timed) == null ? void 0 : yt.composition) || []).filter(
5118
5118
  (B) => h.some((R) => B.property === R) && B.textAnimationMode && B.textAnimationMode !== "all"
5119
- ), v = new Set(u.map((B) => B.id)), $ = new Set(l.map((B) => B.id)), x = new Set(
5119
+ ), v = new Set(u.map((B) => B.id)), $ = new Set(l.map((B) => B.id)), g = new Set(
5120
5120
  m.map((B) => B.id)
5121
5121
  ), b = new Set(
5122
5122
  y.map((B) => B.id)
5123
- ), g = {
5123
+ ), x = {
5124
5124
  ...i,
5125
5125
  in: i != null && i.in ? {
5126
5126
  ...i.in,
@@ -5137,7 +5137,7 @@ function _n({
5137
5137
  loop: i != null && i.loop ? {
5138
5138
  ...i.loop,
5139
5139
  composition: i.loop.composition.filter(
5140
- (B) => !x.has(B.id)
5140
+ (B) => !g.has(B.id)
5141
5141
  )
5142
5142
  } : void 0,
5143
5143
  timed: i != null && i.timed ? {
@@ -5147,7 +5147,7 @@ function _n({
5147
5147
  )
5148
5148
  } : void 0
5149
5149
  }, { animationIn: M, animationOut: k, animationTimed: w } = Nt(
5150
- g,
5150
+ x,
5151
5151
  t,
5152
5152
  a,
5153
5153
  c,
@@ -5282,7 +5282,7 @@ const Wn = ({
5282
5282
  s.effects,
5283
5283
  a,
5284
5284
  l
5285
- ), x = Vr($), { filter: b, overlays: g } = Mn($), M = (T = (G = a == null ? void 0 : a.loop) == null ? void 0 : G.composition) == null ? void 0 : T.find(
5285
+ ), g = Vr($), { filter: b, overlays: x } = Mn($), M = (T = (G = a == null ? void 0 : a.loop) == null ? void 0 : G.composition) == null ? void 0 : T.find(
5286
5286
  (O) => O.property === "textGridMarqueeTextAnimationLoop" || O.property === "textGridMarquee" || O.property === "imageGridMarqueeTextAnimationLoop" || O.property === "imageGridMarquee" || O.id === "textGridMarquee" || O.id === "imageGridMarquee"
5287
5287
  ), k = !!(M && l >= (M.delay || 0) && l <= (M.delay || 0) + (M.durationInFrames || 60)), w = (rt = (ct = a == null ? void 0 : a.loop) == null ? void 0 : ct.composition) == null ? void 0 : rt.find(
5288
5288
  (O) => O.property === "inwardEchoes" || O.id === "inwardEchoes"
@@ -5419,16 +5419,16 @@ const Wn = ({
5419
5419
  boxShadow: k ? "none" : v.boxShadow
5420
5420
  },
5421
5421
  children: [
5422
- x ? /* @__PURE__ */ f(
5422
+ g ? /* @__PURE__ */ f(
5423
5423
  _r,
5424
5424
  {
5425
5425
  width: X,
5426
5426
  height: z,
5427
- effects: x,
5427
+ effects: g,
5428
5428
  children: V()
5429
5429
  }
5430
5430
  ) : V(),
5431
- g.map((O) => /* @__PURE__ */ f("div", { style: O.style }, O.id)),
5431
+ x.map((O) => /* @__PURE__ */ f("div", { style: O.style }, O.id)),
5432
5432
  !k && !S && !N && !E && /* @__PURE__ */ f(
5433
5433
  "div",
5434
5434
  {
@@ -5561,9 +5561,9 @@ const yc = (t) => {
5561
5561
  const d = Er(null), h = kt(), [u, l] = hr({ width: 400, height: 100 });
5562
5562
  or(() => {
5563
5563
  l(($) => {
5564
- var x, b;
5564
+ var g, b;
5565
5565
  return {
5566
- width: ((x = d.current) == null ? void 0 : x.offsetWidth) ?? $.width,
5566
+ width: ((g = d.current) == null ? void 0 : g.offsetWidth) ?? $.width,
5567
5567
  height: ((b = d.current) == null ? void 0 : b.offsetHeight) ?? $.height
5568
5568
  };
5569
5569
  });
@@ -5897,7 +5897,7 @@ const Rc = ({
5897
5897
  topRoundness: i = 0.4,
5898
5898
  bottomRoundness: d = 0.4
5899
5899
  }) => {
5900
- const h = e, u = c, l = t, m = r % (2 * e / t), y = Array.from({ length: s }).map((g, M) => {
5900
+ const h = e, u = c, l = t, m = r % (2 * e / t), y = Array.from({ length: s }).map((x, M) => {
5901
5901
  const k = M * a;
5902
5902
  return Rc({
5903
5903
  width: h,
@@ -5905,16 +5905,16 @@ const Rc = ({
5905
5905
  offsetPixels: k + m,
5906
5906
  amplitude: 0.5 * n
5907
5907
  });
5908
- }), v = h / l, $ = i * v, x = d * v, b = (g, M) => {
5909
- const k = g.y <= 0, w = k ? $ : x, S = k ? x : $, I = M.x + S, N = M.y, P = g.x - w, E = g.y, _ = g.x, X = g.y;
5908
+ }), v = h / l, $ = i * v, g = d * v, b = (x, M) => {
5909
+ const k = x.y <= 0, w = k ? $ : g, S = k ? g : $, I = M.x + S, N = M.y, P = x.x - w, E = x.y, _ = x.x, X = x.y;
5910
5910
  return `C ${I} ${N}, ${P} ${E}, ${_} ${X}`;
5911
5911
  };
5912
- return /* @__PURE__ */ f("div", { style: { width: e, height: c }, children: /* @__PURE__ */ f("svg", { width: h, height: u, viewBox: `0 -${0.5 * u} ${h} ${u}`, children: y.map((g, M) => {
5913
- const k = g[g.length - 1], w = Array.isArray(o) ? o[M % o.length] : o;
5912
+ return /* @__PURE__ */ f("div", { style: { width: e, height: c }, children: /* @__PURE__ */ f("svg", { width: h, height: u, viewBox: `0 -${0.5 * u} ${h} ${u}`, children: y.map((x, M) => {
5913
+ const k = x[x.length - 1], w = Array.isArray(o) ? o[M % o.length] : o;
5914
5914
  return /* @__PURE__ */ f(
5915
5915
  "path",
5916
5916
  {
5917
- d: `M 0 0, ${g.map((S, I, N) => {
5917
+ d: `M 0 0, ${x.map((S, I, N) => {
5918
5918
  const P = I === 0 ? { x: 0, y: 0 } : N[I - 1];
5919
5919
  return b(S, P);
5920
5920
  }).join(",")}, ${b({ x: h, y: 0 }, k)}`,
@@ -6014,16 +6014,16 @@ const Pc = (t, r) => {
6014
6014
  } : {
6015
6015
  viewBoxVerticalShift: -0.5 * d,
6016
6016
  scaling: 0.5
6017
- }, m = 0.15 * i, y = (i - 2 * m) / (t.length - 1), v = Array.from({ length: o }).map(($, x) => {
6018
- const b = 3 * x;
6017
+ }, m = 0.15 * i, y = (i - 2 * m) / (t.length - 1), v = Array.from({ length: o }).map(($, g) => {
6018
+ const b = 3 * g;
6019
6019
  return Pc(t, b).map((M, k) => ({
6020
6020
  x: m + k * y,
6021
- y: h * d * M * (1.2 - 0.5 * co(x * t.length + k))
6021
+ y: h * d * M * (1.2 - 0.5 * co(g * t.length + k))
6022
6022
  }));
6023
6023
  });
6024
- return /* @__PURE__ */ f("div", { style: { width: r, height: n }, children: /* @__PURE__ */ f("svg", { width: i, height: d, viewBox: `0 ${u} ${i} ${d}`, children: v.map(($, x) => {
6025
- const b = $[$.length - 1], g = Array.isArray(s) ? s[x % s.length] : s, M = Array.isArray(e) ? e[x % e.length] : e, k = {
6026
- stroke: g,
6024
+ return /* @__PURE__ */ f("div", { style: { width: r, height: n }, children: /* @__PURE__ */ f("svg", { width: i, height: d, viewBox: `0 ${u} ${i} ${d}`, children: v.map(($, g) => {
6025
+ const b = $[$.length - 1], x = Array.isArray(s) ? s[g % s.length] : s, M = Array.isArray(e) ? e[g % e.length] : e, k = {
6026
+ stroke: x,
6027
6027
  strokeWidth: c,
6028
6028
  fill: M,
6029
6029
  style: {
@@ -6051,7 +6051,7 @@ const Pc = (t, r) => {
6051
6051
  }).join(",")}, C ${b.x + 0.5 * y} ${-b.y}, ${i - 0.5 * y} 0, ${i} 0`
6052
6052
  }
6053
6053
  )
6054
- ] }, x);
6054
+ ] }, g);
6055
6055
  }) }) });
6056
6056
  }, _c = ({
6057
6057
  width: t,
@@ -6068,9 +6068,9 @@ const Pc = (t, r) => {
6068
6068
  const d = Er(null), h = kt(), [u, l] = hr({ width: 400, height: 100 });
6069
6069
  or(() => {
6070
6070
  l(($) => {
6071
- var x, b;
6071
+ var g, b;
6072
6072
  return {
6073
- width: ((x = d.current) == null ? void 0 : x.offsetWidth) ?? $.width,
6073
+ width: ((g = d.current) == null ? void 0 : g.offsetWidth) ?? $.width,
6074
6074
  height: ((b = d.current) == null ? void 0 : b.offsetHeight) ?? $.height
6075
6075
  };
6076
6076
  });
@@ -6269,49 +6269,49 @@ const Ln = ({
6269
6269
  s,
6270
6270
  !0
6271
6271
  ), p = Wt.useMemo(() => {
6272
- const x = Object.keys(a).length > 0, b = t == null ? void 0 : t.reduce(
6272
+ const g = Object.keys(a).length > 0, b = t == null ? void 0 : t.reduce(
6273
6273
  (M, k) => Math.min(M, k.delay || 0),
6274
6274
  1 / 0
6275
- ), g = s - (b || 0);
6276
- return x && g < 0 ? { visibility: "hidden" } : a;
6275
+ ), x = s - (b || 0);
6276
+ return g && x < 0 ? { visibility: "hidden" } : a;
6277
6277
  }, [a, s, t]), i = Wt.useMemo(() => {
6278
6278
  if (s > n)
6279
6279
  return { visibility: "hidden" };
6280
- const x = Ir(r);
6281
- if (!x || x.length === 0) return {};
6280
+ const g = Ir(r);
6281
+ if (!g || g.length === 0) return {};
6282
6282
  let b = 0;
6283
- x.forEach((M) => {
6283
+ g.forEach((M) => {
6284
6284
  const k = (M.durationInFrames || 0) + (M.delay || 0);
6285
6285
  k > b && (b = k);
6286
6286
  });
6287
- const g = Math.max(0, n - b);
6288
- return s < g ? {} : o;
6287
+ const x = Math.max(0, n - b);
6288
+ return s < x ? {} : o;
6289
6289
  }, [o, s, r, n]), h = ((c == null ? void 0 : c.transform) || "").match(/rotate\((-?[\d.]+)deg\)/), u = h ? parseFloat(h[1]) : 0, l = -u, m = Wt.useMemo(() => {
6290
- const x = {
6290
+ const g = {
6291
6291
  ...p
6292
6292
  // , ...timedStyle
6293
6293
  };
6294
- return Object.entries(i).forEach(([b, g]) => {
6295
- b === "transform" ? x[b] = `${x[b] || ""} ${g || ""}`.trim() : b in x && typeof x[b] == "number" && typeof g == "number" ? x[b] = x[b] * g : x[b] = g;
6296
- }), x;
6294
+ return Object.entries(i).forEach(([b, x]) => {
6295
+ b === "transform" ? g[b] = `${g[b] || ""} ${x || ""}`.trim() : b in g && typeof g[b] == "number" && typeof x == "number" ? g[b] = g[b] * x : g[b] = x;
6296
+ }), g;
6297
6297
  }, [p, i]);
6298
6298
  if (($ = m.transform) != null && $.includes("rotate")) {
6299
- const x = m.transform;
6300
- m.transform = x.replace(
6299
+ const g = m.transform;
6300
+ m.transform = g.replace(
6301
6301
  /rotate\(([^)]+)deg\)/,
6302
- (b, g) => `rotate(${parseFloat(g) - l}deg)`
6302
+ (b, x) => `rotate(${parseFloat(x) - l}deg)`
6303
6303
  );
6304
6304
  }
6305
6305
  const y = pr(() => {
6306
- const x = m.transform || "", { translateX: b, translateY: g, scale: M, rotation: k, rotateY: w } = Oc(x);
6307
- return `${b} ${g} ${M} ${k || `rotate(${u}deg)`} ${w}`.trim();
6306
+ const g = m.transform || "", { translateX: b, translateY: x, scale: M, rotation: k, rotateY: w } = Oc(g);
6307
+ return `${b} ${x} ${M} ${k || `rotate(${u}deg)`} ${w}`.trim();
6308
6308
  }, [m, u]);
6309
6309
  let v = a;
6310
6310
  return u > 0 && v.transform && v.transform.includes("translateX") && (v = {
6311
6311
  ...v,
6312
6312
  transform: v.transform.replace(
6313
6313
  /translateX\(([^)]+)\)/g,
6314
- (x, b) => `translateX(${parseFloat(b)}px)`
6314
+ (g, b) => `translateX(${parseFloat(b)}px)`
6315
6315
  )
6316
6316
  }), /* @__PURE__ */ f(
6317
6317
  "div",
@@ -6428,10 +6428,10 @@ const Un = ({
6428
6428
  c,
6429
6429
  n
6430
6430
  ), d = e == null ? void 0 : e[t.id], h = (y, v, $) => {
6431
- const x = $, b = $, g = Math.PI * 2 / (y * 2);
6431
+ const g = $, b = $, x = Math.PI * 2 / (y * 2);
6432
6432
  let M = Number.POSITIVE_INFINITY, k = Number.NEGATIVE_INFINITY, w = Number.POSITIVE_INFINITY, S = Number.NEGATIVE_INFINITY;
6433
6433
  for (let I = 0; I < y * 2; I++) {
6434
- const N = I % 2 === 0 ? $ : v, P = g * I - Math.PI / 2, E = x + N * Math.cos(P), _ = b + N * Math.sin(P);
6434
+ const N = I % 2 === 0 ? $ : v, P = x * I - Math.PI / 2, E = g + N * Math.cos(P), _ = b + N * Math.sin(P);
6435
6435
  M = Math.min(M, E), k = Math.max(k, E), w = Math.min(w, _), S = Math.max(S, _);
6436
6436
  }
6437
6437
  return {
@@ -6445,8 +6445,8 @@ const Un = ({
6445
6445
  s.points || 5,
6446
6446
  s.innerRadius || 0,
6447
6447
  s.outerRadius || 0
6448
- ), v = d != null && d.width ? d.width / y.width : 1, $ = d != null && d.height ? d.height / y.height : 1, x = Math.max(v, $);
6449
- u = (s.outerRadius || 0) * x, l = (s.innerRadius || 0) * x;
6448
+ ), v = d != null && d.width ? d.width / y.width : 1, $ = d != null && d.height ? d.height / y.height : 1, g = Math.max(v, $);
6449
+ u = (s.outerRadius || 0) * g, l = (s.innerRadius || 0) * g;
6450
6450
  }
6451
6451
  const m = /* @__PURE__ */ f(
6452
6452
  sr,
@@ -6477,14 +6477,14 @@ const Un = ({
6477
6477
  c,
6478
6478
  n
6479
6479
  ), { durationInFrames: i } = Mt(t.display, n), d = e == null ? void 0 : e[t.id], h = (m, y) => {
6480
- const v = y, $ = y, x = Math.PI * 2 / m;
6481
- let b = Number.POSITIVE_INFINITY, g = Number.NEGATIVE_INFINITY, M = Number.POSITIVE_INFINITY, k = Number.NEGATIVE_INFINITY;
6480
+ const v = y, $ = y, g = Math.PI * 2 / m;
6481
+ let b = Number.POSITIVE_INFINITY, x = Number.NEGATIVE_INFINITY, M = Number.POSITIVE_INFINITY, k = Number.NEGATIVE_INFINITY;
6482
6482
  for (let w = 0; w < m; w++) {
6483
- const S = x * w - Math.PI / 2, I = v + y * Math.cos(S), N = $ + y * Math.sin(S);
6484
- b = Math.min(b, I), g = Math.max(g, I), M = Math.min(M, N), k = Math.max(k, N);
6483
+ const S = g * w - Math.PI / 2, I = v + y * Math.cos(S), N = $ + y * Math.sin(S);
6484
+ b = Math.min(b, I), x = Math.max(x, I), M = Math.min(M, N), k = Math.max(k, N);
6485
6485
  }
6486
6486
  return {
6487
- width: g - b,
6487
+ width: x - b,
6488
6488
  height: k - M
6489
6489
  };
6490
6490
  };
@@ -6721,12 +6721,12 @@ const Un = ({
6721
6721
  (N, P) => `rotate(${parseFloat(P) - v}deg)`
6722
6722
  );
6723
6723
  }
6724
- const x = pr(() => {
6724
+ const g = pr(() => {
6725
6725
  const I = $.transform || "", { translateX: N, translateY: P, scale: E, rotation: _, rotateY: X } = Ac(I);
6726
6726
  return `${N} ${P} ${E} ${_ || `rotate(${y}deg)`} ${X}`.trim();
6727
6727
  }, [$, y]), {
6728
6728
  top: b,
6729
- left: g,
6729
+ left: x,
6730
6730
  position: M,
6731
6731
  transform: k,
6732
6732
  ...w
@@ -6750,7 +6750,7 @@ const Un = ({
6750
6750
  ...$,
6751
6751
  rotate: `${v}deg`,
6752
6752
  overflow: "visible",
6753
- transform: x,
6753
+ transform: g,
6754
6754
  pointerEvents: "none"
6755
6755
  },
6756
6756
  children: a
@@ -6777,7 +6777,7 @@ function qn({
6777
6777
  options: r
6778
6778
  }) {
6779
6779
  var N, P, E, _, X;
6780
- const { fps: n, frame: e } = r, { details: c, animations: s } = t, { width: a, height: o, strokeWidth: p, strokeBackground: i, strokeColors: d } = c, { animationIn: h, animationOut: u } = Nt(s, t), { durationInFrames: l } = Mt(t.display, n), m = a, y = o, v = p, $ = m, x = y, b = m, g = y, M = $ + x + b + g;
6780
+ const { fps: n, frame: e } = r, { details: c, animations: s } = t, { width: a, height: o, strokeWidth: p, strokeBackground: i, strokeColors: d } = c, { animationIn: h, animationOut: u } = Nt(s, t), { durationInFrames: l } = Mt(t.display, n), m = a, y = o, v = p, $ = m, g = y, b = m, x = y, M = $ + g + b + x;
6781
6781
  let k = 0;
6782
6782
  if (((N = s == null ? void 0 : s.out) == null ? void 0 : N.name) === "progressSquareAnimationOut") {
6783
6783
  const z = (P = s == null ? void 0 : s.out) == null ? void 0 : P.composition[0].durationInFrames, F = Math.max(
@@ -6858,12 +6858,12 @@ function qn({
6858
6858
  top: 0,
6859
6859
  right: 0,
6860
6860
  width: v,
6861
- height: Math.min(w - $, x),
6861
+ height: Math.min(w - $, g),
6862
6862
  backgroundColor: S
6863
6863
  }
6864
6864
  }
6865
6865
  ),
6866
- w > $ + x && /* @__PURE__ */ f(
6866
+ w > $ + g && /* @__PURE__ */ f(
6867
6867
  "div",
6868
6868
  {
6869
6869
  style: {
@@ -6871,7 +6871,7 @@ function qn({
6871
6871
  bottom: 0,
6872
6872
  right: 0,
6873
6873
  width: Math.min(
6874
- w - $ - x,
6874
+ w - $ - g,
6875
6875
  b
6876
6876
  ),
6877
6877
  height: v,
@@ -6879,7 +6879,7 @@ function qn({
6879
6879
  }
6880
6880
  }
6881
6881
  ),
6882
- w > $ + x + b && /* @__PURE__ */ f(
6882
+ w > $ + g + b && /* @__PURE__ */ f(
6883
6883
  "div",
6884
6884
  {
6885
6885
  style: {
@@ -6888,8 +6888,8 @@ function qn({
6888
6888
  left: 0,
6889
6889
  width: v,
6890
6890
  height: Math.min(
6891
- w - $ - x - b,
6892
- g
6891
+ w - $ - g - b,
6892
+ x
6893
6893
  ),
6894
6894
  backgroundColor: S
6895
6895
  }
@@ -6998,14 +6998,14 @@ function jc({
6998
6998
  structure: u,
6999
6999
  frame: l,
7000
7000
  mergedTrackItemsDeatilsMap: m
7001
- } = r, y = nr(i || {}), { trim: v, display: $ } = t, x = o && o.some((k) => !!y[k]) ? o : Object.keys(y), b = Dn({
7002
- trackItemIds: nr(x),
7001
+ } = r, y = nr(i || {}), { trim: v, display: $ } = t, g = o && o.some((k) => !!y[k]) ? o : Object.keys(y), b = Dn({
7002
+ trackItemIds: nr(g),
7003
7003
  transitionsMap: nr(p || {}),
7004
7004
  trackItemsMap: y || {}
7005
- }), g = (v == null ? void 0 : v.from) || 0;
7006
- x.filter((k) => !!y[k]).forEach((k) => {
7005
+ }), x = (v == null ? void 0 : v.from) || 0;
7006
+ g.filter((k) => !!y[k]).forEach((k) => {
7007
7007
  const w = y[k];
7008
- w != null && w.display && (w.display.from = w.display.from - g, w.display.to = w.display.to - g);
7008
+ w != null && w.display && (w.display.from = w.display.from - x, w.display.to = w.display.to - x);
7009
7009
  });
7010
7010
  const M = b.map((k, w) => {
7011
7011
  var N, P, E, _;
@@ -7102,7 +7102,7 @@ function Lc({
7102
7102
  o,
7103
7103
  a,
7104
7104
  r
7105
- ), v = nr(s || {}), x = Dn({
7105
+ ), v = nr(s || {}), g = Dn({
7106
7106
  trackItemIds: nr(c || []),
7107
7107
  transitionsMap: {},
7108
7108
  trackItemsMap: v
@@ -7127,12 +7127,12 @@ function Lc({
7127
7127
  }) : null;
7128
7128
  }
7129
7129
  return null;
7130
- }), b = x && x.map((k) => k), g = (o || 0) - t.display.from * a / 1e3, M = /* @__PURE__ */ f(
7130
+ }), b = g && g.map((k) => k), x = (o || 0) - t.display.from * a / 1e3, M = /* @__PURE__ */ f(
7131
7131
  Gt,
7132
7132
  {
7133
7133
  animationIn: l,
7134
7134
  animationOut: m,
7135
- frame: g,
7135
+ frame: x,
7136
7136
  durationInFrames: u,
7137
7137
  style: {
7138
7138
  width: t.details.width,
@@ -7143,7 +7143,7 @@ function Lc({
7143
7143
  {
7144
7144
  animationTimed: y,
7145
7145
  durationInFrames: u,
7146
- frame: g,
7146
+ frame: x,
7147
7147
  style: {
7148
7148
  width: t.details.width,
7149
7149
  height: t.details.height
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cliquify.me/elements-ui",
3
- "version": "8.0.8",
3
+ "version": "8.0.9",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "publishConfig": {
@@ -40,9 +40,9 @@
40
40
  "dependencies": {
41
41
  "@designcombo/events": "1.0.2",
42
42
  "gifuct-js": "^2.1.2",
43
- "@cliquify.me/animations": "9.0.7",
44
- "@cliquify.me/transitions": "0.11.11",
45
- "@cliquify.me/state": "8.0.7",
43
+ "@cliquify.me/animations": "9.0.8",
44
+ "@cliquify.me/state": "8.1.0",
45
+ "@cliquify.me/transitions": "0.11.12",
46
46
  "@cliquify.me/types": "8.0.7"
47
47
  },
48
48
  "peerDependencies": {