svelte-text-scramble
Version:
Svelte component with scramble effect.
1,409 lines (1,408 loc) • 36 kB
JavaScript
import { untrack as gr } from "svelte";
import { animate as wr } from "motion";
const br = "5";
var Bt;
typeof window < "u" && ((Bt = window.__svelte ?? (window.__svelte = {})).v ?? (Bt.v = /* @__PURE__ */ new Set())).add(br);
const T = Symbol(), Er = "http://www.w3.org/1999/xhtml", yr = "http://www.w3.org/2000/svg", mr = "@attach", Dt = !1;
var bt = Array.isArray, Ar = Array.prototype.indexOf, Sr = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, Tr = Object.getOwnPropertyDescriptors, Nr = Object.prototype, Or = Array.prototype, Ut = Object.getPrototypeOf;
function Cr(t) {
for (var r = 0; r < t.length; r++)
t[r]();
}
const R = 2, qt = 4, Et = 8, yt = 16, B = 32, rt = 64, mt = 128, O = 256, nt = 512, D = 1024, V = 2048, H = 4096, Z = 8192, At = 16384, Yt = 32768, St = 65536, kr = 1 << 19, Kt = 1 << 20, pt = 1 << 21, $ = Symbol("$state"), Dr = Symbol("");
function Ht(t) {
return t === this.v;
}
function Pr(t) {
throw new Error("https://svelte.dev/e/effect_in_teardown");
}
function Ir() {
throw new Error("https://svelte.dev/e/effect_in_unowned_derived");
}
function Rr(t) {
throw new Error("https://svelte.dev/e/effect_orphan");
}
function Fr() {
throw new Error("https://svelte.dev/e/effect_update_depth_exceeded");
}
function Lr() {
throw new Error("https://svelte.dev/e/state_descriptors_fixed");
}
function Mr() {
throw new Error("https://svelte.dev/e/state_prototype_fixed");
}
function jr() {
throw new Error("https://svelte.dev/e/state_unsafe_mutation");
}
let Vr = !1, I = null;
function Pt(t) {
I = t;
}
function xr(t, r = !1, e) {
var n = I = {
p: I,
c: null,
d: !1,
e: null,
m: !1,
s: t,
x: null,
l: null
};
Xr(() => {
n.d = !0;
});
}
function Br(t) {
const r = I;
if (r !== null) {
const o = r.e;
if (o !== null) {
var e = w, n = p;
r.e = null;
try {
for (var u = 0; u < o.length; u++) {
var l = o[u];
Y(l.effect), M(l.reaction), st(l.fn);
}
} finally {
Y(e), M(n);
}
}
I = r.p, r.m = !0;
}
return (
/** @type {T} */
{}
);
}
function Gt() {
return !0;
}
function z(t) {
if (typeof t != "object" || t === null || $ in t)
return t;
const r = Ut(t);
if (r !== Nr && r !== Or)
return t;
var e = /* @__PURE__ */ new Map(), n = bt(t), u = /* @__PURE__ */ F(0), l = p, o = (a) => {
var i = p;
M(l);
var s = a();
return M(i), s;
};
return n && e.set("length", /* @__PURE__ */ F(
/** @type {any[]} */
t.length
)), new Proxy(
/** @type {any} */
t,
{
defineProperty(a, i, s) {
(!("value" in s) || s.configurable === !1 || s.enumerable === !1 || s.writable === !1) && Lr();
var v = e.get(i);
return v === void 0 ? v = o(() => {
var f = /* @__PURE__ */ F(s.value);
return e.set(i, f), f;
}) : k(v, s.value, !0), !0;
},
deleteProperty(a, i) {
var s = e.get(i);
if (s === void 0) {
if (i in a) {
const c = o(() => /* @__PURE__ */ F(T));
e.set(i, c), _t(u);
}
} else {
if (n && typeof i == "string") {
var v = (
/** @type {Source<number>} */
e.get("length")
), f = Number(i);
Number.isInteger(f) && f < v.v && k(v, f);
}
k(s, T), _t(u);
}
return !0;
},
get(a, i, s) {
var g;
if (i === $)
return t;
var v = e.get(i), f = i in a;
if (v === void 0 && (!f || (g = vt(a, i)) != null && g.writable) && (v = o(() => {
var h = z(f ? a[i] : T), y = /* @__PURE__ */ F(h);
return y;
}), e.set(i, v)), v !== void 0) {
var c = q(v);
return c === T ? void 0 : c;
}
return Reflect.get(a, i, s);
},
getOwnPropertyDescriptor(a, i) {
var s = Reflect.getOwnPropertyDescriptor(a, i);
if (s && "value" in s) {
var v = e.get(i);
v && (s.value = q(v));
} else if (s === void 0) {
var f = e.get(i), c = f == null ? void 0 : f.v;
if (f !== void 0 && c !== T)
return {
enumerable: !0,
configurable: !0,
value: c,
writable: !0
};
}
return s;
},
has(a, i) {
var c;
if (i === $)
return !0;
var s = e.get(i), v = s !== void 0 && s.v !== T || Reflect.has(a, i);
if (s !== void 0 || w !== null && (!v || (c = vt(a, i)) != null && c.writable)) {
s === void 0 && (s = o(() => {
var g = v ? z(a[i]) : T, h = /* @__PURE__ */ F(g);
return h;
}), e.set(i, s));
var f = q(s);
if (f === T)
return !1;
}
return v;
},
set(a, i, s, v) {
var d;
var f = e.get(i), c = i in a;
if (n && i === "length")
for (var g = s; g < /** @type {Source<number>} */
f.v; g += 1) {
var h = e.get(g + "");
h !== void 0 ? k(h, T) : g in a && (h = o(() => /* @__PURE__ */ F(T)), e.set(g + "", h));
}
if (f === void 0)
(!c || (d = vt(a, i)) != null && d.writable) && (f = o(() => /* @__PURE__ */ F(void 0)), k(f, z(s)), e.set(i, f));
else {
c = f.v !== T;
var y = o(() => z(s));
k(f, y);
}
var b = Reflect.getOwnPropertyDescriptor(a, i);
if (b != null && b.set && b.set.call(v, s), !c) {
if (n && typeof i == "string") {
var P = (
/** @type {Source<number>} */
e.get("length")
), _ = Number(i);
Number.isInteger(_) && _ >= P.v && k(P, _ + 1);
}
_t(u);
}
return !0;
},
ownKeys(a) {
q(u);
var i = Reflect.ownKeys(a).filter((f) => {
var c = e.get(f);
return c === void 0 || c.v !== T;
});
for (var [s, v] of e)
v.v !== T && !(s in a) && i.push(s);
return i;
},
setPrototypeOf() {
Mr();
}
}
);
}
function _t(t, r = 1) {
k(t, t.v + r);
}
function It(t) {
try {
if (t !== null && typeof t == "object" && $ in t)
return t[$];
} catch {
}
return t;
}
function Ur(t, r) {
return Object.is(It(t), It(r));
}
// @__NO_SIDE_EFFECTS__
function Wt(t) {
var r = R | V, e = p !== null && (p.f & R) !== 0 ? (
/** @type {Derived} */
p
) : null;
return w === null || e !== null && (e.f & O) !== 0 ? r |= O : w.f |= Kt, {
ctx: I,
deps: null,
effects: null,
equals: Ht,
f: r,
fn: t,
reactions: null,
rv: 0,
v: (
/** @type {V} */
null
),
wv: 0,
parent: e ?? w
};
}
function zt(t) {
var r = t.effects;
if (r !== null) {
t.effects = null;
for (var e = 0; e < r.length; e += 1)
x(
/** @type {Effect} */
r[e]
);
}
}
function qr(t) {
for (var r = t.parent; r !== null; ) {
if ((r.f & R) === 0)
return (
/** @type {Effect} */
r
);
r = r.parent;
}
return null;
}
function Zt(t) {
var r, e = w;
Y(qr(t));
try {
zt(t), r = sr(t);
} finally {
Y(e);
}
return r;
}
function Jt(t) {
var r = Zt(t);
if (t.equals(r) || (t.v = r, t.wv = fr()), !J) {
var e = (U || (t.f & O) !== 0) && t.deps !== null ? H : D;
j(t, e);
}
}
const tt = /* @__PURE__ */ new Map();
function Yr(t, r) {
var e = {
f: 0,
// TODO ideally we could skip this altogether, but it causes type errors
v: t,
reactions: null,
equals: Ht,
rv: 0,
wv: 0
};
return e;
}
// @__NO_SIDE_EFFECTS__
function F(t, r) {
const e = Yr(t);
return ae(e), e;
}
function k(t, r, e = !1) {
p !== null && !L && Gt() && (p.f & (R | yt)) !== 0 && !(E != null && E[1].includes(t) && E[0] === p) && jr();
let n = e ? z(r) : r;
return Kr(t, n);
}
function Kr(t, r) {
if (!t.equals(r)) {
var e = t.v;
J ? tt.set(t, r) : tt.set(t, e), t.v = r, (t.f & R) !== 0 && ((t.f & V) !== 0 && Zt(
/** @type {Derived} */
t
), j(t, (t.f & O) === 0 ? D : H)), t.wv = fr(), Qt(t, V), w !== null && (w.f & D) !== 0 && (w.f & (B | rt)) === 0 && (C === null ? se([t]) : C.push(t));
}
return r;
}
function Qt(t, r) {
var e = t.reactions;
if (e !== null)
for (var n = e.length, u = 0; u < n; u++) {
var l = e[u], o = l.f;
(o & V) === 0 && (j(l, r), (o & (D | O)) !== 0 && ((o & R) !== 0 ? Qt(
/** @type {Derived} */
l,
H
) : Ct(
/** @type {Effect} */
l
)));
}
}
function Hr() {
console.warn("https://svelte.dev/e/select_multiple_invalid_value");
}
var Gr, Wr;
function Tt(t = "") {
return document.createTextNode(t);
}
// @__NO_SIDE_EFFECTS__
function zr(t) {
return Gr.call(t);
}
// @__NO_SIDE_EFFECTS__
function Xt(t) {
return Wr.call(t);
}
function Zr(t, r) {
{
var e = (
/** @type {DocumentFragment} */
/* @__PURE__ */ zr(
/** @type {Node} */
t
)
);
return e instanceof Comment && e.data === "" ? /* @__PURE__ */ Xt(e) : e;
}
}
function Jr(t) {
w === null && p === null && Rr(), p !== null && (p.f & O) !== 0 && w === null && Ir(), J && Pr();
}
function Qr(t, r) {
var e = r.last;
e === null ? r.last = r.first = t : (e.next = t, t.prev = e, r.last = t);
}
function at(t, r, e, n = !0) {
var u = w, l = {
ctx: I,
deps: null,
nodes_start: null,
nodes_end: null,
f: t | V,
first: null,
fn: r,
last: null,
next: null,
parent: u,
prev: null,
teardown: null,
transitions: null,
wv: 0
};
if (e)
try {
Ot(l), l.f |= Yt;
} catch (i) {
throw x(l), i;
}
else r !== null && Ct(l);
var o = e && l.deps === null && l.first === null && l.nodes_start === null && l.teardown === null && (l.f & (Kt | mt)) === 0;
if (!o && n && (u !== null && Qr(l, u), p !== null && (p.f & R) !== 0)) {
var a = (
/** @type {Derived} */
p
);
(a.effects ?? (a.effects = [])).push(l);
}
return l;
}
function Xr(t) {
const r = at(Et, null, !1);
return j(r, D), r.teardown = t, r;
}
function $r(t) {
Jr();
var r = w !== null && (w.f & B) !== 0 && I !== null && !I.m;
if (r) {
var e = (
/** @type {ComponentContext} */
I
);
(e.e ?? (e.e = [])).push({
fn: t,
effect: w,
reaction: p
});
} else {
var n = st(t);
return n;
}
}
function st(t) {
return at(qt, t, !1);
}
function te(t, r = [], e = Wt) {
const n = r.map(e);
return ot(() => t(...n.map(q)));
}
function ot(t, r = 0) {
return at(Et | yt | r, t, !0);
}
function Nt(t, r = !0) {
return at(Et | B, t, !0, r);
}
function $t(t) {
var r = t.teardown;
if (r !== null) {
const e = J, n = p;
Rt(!0), M(null);
try {
r.call(null);
} finally {
Rt(e), M(n);
}
}
}
function tr(t, r = !1) {
var e = t.first;
for (t.first = t.last = null; e !== null; ) {
var n = e.next;
(e.f & rt) !== 0 ? e.parent = null : x(e, r), e = n;
}
}
function re(t) {
for (var r = t.first; r !== null; ) {
var e = r.next;
(r.f & B) === 0 && x(r), r = e;
}
}
function x(t, r = !0) {
var e = !1;
(r || (t.f & kr) !== 0) && t.nodes_start !== null && t.nodes_end !== null && (ee(
t.nodes_start,
/** @type {TemplateNode} */
t.nodes_end
), e = !0), tr(t, r && !e), ft(t, 0), j(t, At);
var n = t.transitions;
if (n !== null)
for (const l of n)
l.stop();
$t(t);
var u = t.parent;
u !== null && u.first !== null && rr(t), t.next = t.prev = t.teardown = t.ctx = t.deps = t.fn = t.nodes_start = t.nodes_end = null;
}
function ee(t, r) {
for (; t !== null; ) {
var e = t === r ? null : (
/** @type {TemplateNode} */
/* @__PURE__ */ Xt(t)
);
t.remove(), t = e;
}
}
function rr(t) {
var r = t.parent, e = t.prev, n = t.next;
e !== null && (e.next = n), n !== null && (n.prev = e), r !== null && (r.first === t && (r.first = n), r.last === t && (r.last = e));
}
function ne(t, r) {
var e = [];
er(t, e, !0), ue(e, () => {
x(t), r && r();
});
}
function ue(t, r) {
var e = t.length;
if (e > 0) {
var n = () => --e || r();
for (var u of t)
u.out(n);
} else
r();
}
function er(t, r, e) {
if ((t.f & Z) === 0) {
if (t.f ^= Z, t.transitions !== null)
for (const o of t.transitions)
(o.is_global || e) && r.push(o);
for (var n = t.first; n !== null; ) {
var u = n.next, l = (n.f & St) !== 0 || (n.f & B) !== 0;
er(n, r, l ? e : !1), n = u;
}
}
}
function le(t) {
nr(t, !0);
}
function nr(t, r) {
if ((t.f & Z) !== 0) {
t.f ^= Z;
for (var e = t.first; e !== null; ) {
var n = e.next, u = (e.f & St) !== 0 || (e.f & B) !== 0;
nr(e, u ? r : !1), e = n;
}
if (t.transitions !== null)
for (const l of t.transitions)
(l.is_global || r) && l.in();
}
}
let ut = [];
function ie() {
var t = ut;
ut = [], Cr(t);
}
function ur(t) {
ut.length === 0 && queueMicrotask(ie), ut.push(t);
}
function fe(t) {
var r = (
/** @type {Effect} */
w
);
if ((r.f & Yt) === 0) {
if ((r.f & mt) === 0)
throw t;
r.fn(t);
} else
lr(t, r);
}
function lr(t, r) {
for (; r !== null; ) {
if ((r.f & mt) !== 0)
try {
r.fn(t);
return;
} catch {
}
r = r.parent;
}
throw t;
}
let gt = !1, lt = null, K = !1, J = !1;
function Rt(t) {
J = t;
}
let et = [];
let p = null, L = !1;
function M(t) {
p = t;
}
let w = null;
function Y(t) {
w = t;
}
let E = null;
function ae(t) {
p !== null && p.f & pt && (E === null ? E = [p, [t]] : E[1].push(t));
}
let A = null, N = 0, C = null;
function se(t) {
C = t;
}
let ir = 1, it = 0, U = !1;
function fr() {
return ++ir;
}
function ct(t) {
var f;
var r = t.f;
if ((r & V) !== 0)
return !0;
if ((r & H) !== 0) {
var e = t.deps, n = (r & O) !== 0;
if (e !== null) {
var u, l, o = (r & nt) !== 0, a = n && w !== null && !U, i = e.length;
if (o || a) {
var s = (
/** @type {Derived} */
t
), v = s.parent;
for (u = 0; u < i; u++)
l = e[u], (o || !((f = l == null ? void 0 : l.reactions) != null && f.includes(s))) && (l.reactions ?? (l.reactions = [])).push(s);
o && (s.f ^= nt), a && v !== null && (v.f & O) === 0 && (s.f ^= O);
}
for (u = 0; u < i; u++)
if (l = e[u], ct(
/** @type {Derived} */
l
) && Jt(
/** @type {Derived} */
l
), l.wv > t.wv)
return !0;
}
(!n || w !== null && !U) && j(t, D);
}
return !1;
}
function ar(t, r, e = !0) {
var n = t.reactions;
if (n !== null)
for (var u = 0; u < n.length; u++) {
var l = n[u];
E != null && E[1].includes(t) && E[0] === p || ((l.f & R) !== 0 ? ar(
/** @type {Derived} */
l,
r,
!1
) : r === l && (e ? j(l, V) : (l.f & D) !== 0 && j(l, H), Ct(
/** @type {Effect} */
l
)));
}
}
function sr(t) {
var g;
var r = A, e = N, n = C, u = p, l = U, o = E, a = I, i = L, s = t.f;
A = /** @type {null | Value[]} */
null, N = 0, C = null, U = (s & O) !== 0 && (L || !K || p === null), p = (s & (B | rt)) === 0 ? t : null, E = null, Pt(t.ctx), L = !1, it++, t.f |= pt;
try {
var v = (
/** @type {Function} */
(0, t.fn)()
), f = t.deps;
if (A !== null) {
var c;
if (ft(t, N), f !== null && N > 0)
for (f.length = N + A.length, c = 0; c < A.length; c++)
f[N + c] = A[c];
else
t.deps = f = A;
if (!U)
for (c = N; c < f.length; c++)
((g = f[c]).reactions ?? (g.reactions = [])).push(t);
} else f !== null && N < f.length && (ft(t, N), f.length = N);
if (Gt() && C !== null && !L && f !== null && (t.f & (R | H | V)) === 0)
for (c = 0; c < /** @type {Source[]} */
C.length; c++)
ar(
C[c],
/** @type {Effect} */
t
);
return u !== null && u !== t && (it++, C !== null && (n === null ? n = C : n.push(.../** @type {Source[]} */
C))), v;
} catch (h) {
fe(h);
} finally {
A = r, N = e, C = n, p = u, U = l, E = o, Pt(a), L = i, t.f ^= pt;
}
}
function oe(t, r) {
let e = r.reactions;
if (e !== null) {
var n = Ar.call(e, t);
if (n !== -1) {
var u = e.length - 1;
u === 0 ? e = r.reactions = null : (e[n] = e[u], e.pop());
}
}
e === null && (r.f & R) !== 0 && // Destroying a child effect while updating a parent effect can cause a dependency to appear
// to be unused, when in fact it is used by the currently-updating parent. Checking `new_deps`
// allows us to skip the expensive work of disconnecting and immediately reconnecting it
(A === null || !A.includes(r)) && (j(r, H), (r.f & (O | nt)) === 0 && (r.f ^= nt), zt(
/** @type {Derived} **/
r
), ft(
/** @type {Derived} **/
r,
0
));
}
function ft(t, r) {
var e = t.deps;
if (e !== null)
for (var n = r; n < e.length; n++)
oe(t, e[n]);
}
function Ot(t) {
var r = t.f;
if ((r & At) === 0) {
j(t, D);
var e = w, n = K;
w = t, K = !0;
try {
(r & yt) !== 0 ? re(t) : tr(t), $t(t);
var u = sr(t);
t.teardown = typeof u == "function" ? u : null, t.wv = ir;
var l;
Dt && Vr && (t.f & V) !== 0 && t.deps;
} finally {
K = n, w = e;
}
}
}
function ce() {
try {
Fr();
} catch (t) {
if (lt !== null)
lr(t, lt);
else
throw t;
}
}
function ve() {
var t = K;
try {
var r = 0;
for (K = !0; et.length > 0; ) {
r++ > 1e3 && ce();
var e = et, n = e.length;
et = [];
for (var u = 0; u < n; u++) {
var l = de(e[u]);
_e(l);
}
tt.clear();
}
} finally {
gt = !1, K = t, lt = null;
}
}
function _e(t) {
var r = t.length;
if (r !== 0)
for (var e = 0; e < r; e++) {
var n = t[e];
(n.f & (At | Z)) === 0 && ct(n) && (Ot(n), n.deps === null && n.first === null && n.nodes_start === null && (n.teardown === null ? rr(n) : n.fn = null));
}
}
function Ct(t) {
gt || (gt = !0, queueMicrotask(ve));
for (var r = lt = t; r.parent !== null; ) {
r = r.parent;
var e = r.f;
if ((e & (rt | B)) !== 0) {
if ((e & D) === 0) return;
r.f ^= D;
}
}
et.push(r);
}
function de(t) {
for (var r = [], e = t; e !== null; ) {
var n = e.f, u = (n & (B | rt)) !== 0, l = u && (n & D) !== 0;
if (!l && (n & Z) === 0) {
(n & qt) !== 0 ? r.push(e) : u ? e.f ^= D : ct(e) && Ot(e);
var o = e.first;
if (o !== null) {
e = o;
continue;
}
}
var a = e.parent;
for (e = e.next; e === null && a !== null; )
e = a.next, a = a.parent;
}
return r;
}
function q(t) {
var r = t.f, e = (r & R) !== 0;
if (p !== null && !L) {
if (!(E != null && E[1].includes(t)) || E[0] !== p) {
var n = p.deps;
t.rv < it && (t.rv = it, A === null && n !== null && n[N] === t ? N++ : A === null ? A = [t] : (!U || !A.includes(t)) && A.push(t));
}
} else if (e && /** @type {Derived} */
t.deps === null && /** @type {Derived} */
t.effects === null) {
var u = (
/** @type {Derived} */
t
), l = u.parent;
l !== null && (l.f & O) === 0 && (u.f ^= O);
}
return e && (u = /** @type {Derived} */
t, ct(u) && Jt(u)), J && tt.has(t) ? tt.get(t) : t.v;
}
function he(t) {
var r = L;
try {
return L = !0, t();
} finally {
L = r;
}
}
const pe = -7169;
function j(t, r) {
t.f = t.f & pe | r;
}
function ge(t, r) {
if (r) {
const e = document.body;
t.autofocus = !0, ur(() => {
document.activeElement === e && t.focus();
});
}
}
function we(t) {
var r = p, e = w;
M(null), Y(null);
try {
return t();
} finally {
M(r), Y(e);
}
}
const be = /* @__PURE__ */ new Set(), Ee = /* @__PURE__ */ new Set();
function ye(t, r, e, n = {}) {
function u(l) {
if (n.capture || Ae.call(r, l), !l.cancelBubble)
return we(() => e == null ? void 0 : e.call(this, l));
}
return t.startsWith("pointer") || t.startsWith("touch") || t === "wheel" ? ur(() => {
r.addEventListener(t, u, n);
}) : r.addEventListener(t, u, n), u;
}
function me(t) {
for (var r = 0; r < t.length; r++)
be.add(t[r]);
for (var e of Ee)
e(t);
}
function Ae(t) {
var _;
var r = this, e = (
/** @type {Node} */
r.ownerDocument
), n = t.type, u = ((_ = t.composedPath) == null ? void 0 : _.call(t)) || [], l = (
/** @type {null | Element} */
u[0] || t.target
), o = 0, a = t.__root;
if (a) {
var i = u.indexOf(a);
if (i !== -1 && (r === document || r === /** @type {any} */
window)) {
t.__root = r;
return;
}
var s = u.indexOf(r);
if (s === -1)
return;
i <= s && (o = i);
}
if (l = /** @type {Element} */
u[o] || t.target, l !== r) {
Sr(t, "currentTarget", {
configurable: !0,
get() {
return l || e;
}
});
var v = p, f = w;
M(null), Y(null);
try {
for (var c, g = []; l !== null; ) {
var h = l.assignedSlot || l.parentNode || /** @type {any} */
l.host || null;
try {
var y = l["__" + n];
if (y != null && (!/** @type {any} */
l.disabled || // DOM could've been updated already by the time this is reached, so we check this as well
// -> the target could not have been disabled because it emits the event in the first place
t.target === l))
if (bt(y)) {
var [b, ...P] = y;
b.apply(l, [t, ...P]);
} else
y.call(l, t);
} catch (d) {
c ? g.push(d) : c = d;
}
if (t.cancelBubble || h === r || h === null)
break;
l = h;
}
if (c) {
for (let d of g)
queueMicrotask(() => {
throw d;
});
throw c;
}
} finally {
t.__root = r, delete t.currentTarget, M(v), Y(f);
}
}
}
function kt(t, r) {
var e = (
/** @type {Effect} */
w
);
e.nodes_start === null && (e.nodes_start = t, e.nodes_end = r);
}
function Se(t = "") {
{
var r = Tt(t + "");
return kt(r, r), r;
}
}
function Te() {
var t = document.createDocumentFragment(), r = document.createComment(""), e = Tt();
return t.append(r, e), kt(r, e), t;
}
function Ft(t, r) {
t !== null && t.before(
/** @type {Node} */
r
);
}
function Ne(t) {
return t.endsWith("capture") && t !== "gotpointercapture" && t !== "lostpointercapture";
}
const Oe = [
"beforeinput",
"click",
"change",
"dblclick",
"contextmenu",
"focusin",
"focusout",
"input",
"keydown",
"keyup",
"mousedown",
"mousemove",
"mouseout",
"mouseover",
"mouseup",
"pointerdown",
"pointermove",
"pointerout",
"pointerover",
"pointerup",
"touchend",
"touchmove",
"touchstart"
];
function Ce(t) {
return Oe.includes(t);
}
const ke = {
// no `class: 'className'` because we handle that separately
formnovalidate: "formNoValidate",
ismap: "isMap",
nomodule: "noModule",
playsinline: "playsInline",
readonly: "readOnly",
defaultvalue: "defaultValue",
defaultchecked: "defaultChecked",
srcobject: "srcObject",
novalidate: "noValidate",
allowfullscreen: "allowFullscreen",
disablepictureinpicture: "disablePictureInPicture",
disableremoteplayback: "disableRemotePlayback"
};
function De(t) {
return t = t.toLowerCase(), ke[t] ?? t;
}
function Pe(t, r) {
var e = r == null ? "" : typeof r == "object" ? r + "" : r;
e !== (t.__t ?? (t.__t = t.nodeValue)) && (t.__t = e, t.nodeValue = e + "");
}
function Ie(t, r, e, n, u, l) {
var o, a, i = null, s = (
/** @type {TemplateNode} */
t
), v;
ot(() => {
const f = r() || null;
var c = f === "svg" ? yr : null;
f !== o && (v && (f === null ? ne(v, () => {
v = null, a = null;
}) : f === a ? le(v) : x(v)), f && f !== a && (v = Nt(() => {
if (i = c ? document.createElementNS(c, f) : document.createElement(f), kt(i, i), n) {
var g = (
/** @type {TemplateNode} */
i.appendChild(Tt())
);
n(i, g);
}
w.nodes_end = i, s.before(i);
})), o = f, o && (a = o));
}, St);
}
function Re(t, r) {
var e = void 0, n;
ot(() => {
e !== (e = r()) && (n && (x(n), n = null), e && (n = Nt(() => {
st(() => (
/** @type {(node: Element) => void} */
e(t)
));
})));
});
}
function or(t) {
var r, e, n = "";
if (typeof t == "string" || typeof t == "number") n += t;
else if (typeof t == "object") if (Array.isArray(t)) {
var u = t.length;
for (r = 0; r < u; r++) t[r] && (e = or(t[r])) && (n && (n += " "), n += e);
} else for (e in t) t[e] && (n && (n += " "), n += e);
return n;
}
function Fe() {
for (var t, r, e = 0, n = "", u = arguments.length; e < u; e++) (t = arguments[e]) && (r = or(t)) && (n && (n += " "), n += r);
return n;
}
function Le(t) {
return typeof t == "object" ? Fe(t) : t ?? "";
}
const Lt = [...`
\r\f \v\uFEFF`];
function Me(t, r, e) {
var n = t == null ? "" : "" + t;
if (e) {
for (var u in e)
if (e[u])
n = n ? n + " " + u : u;
else if (n.length)
for (var l = u.length, o = 0; (o = n.indexOf(u, o)) >= 0; ) {
var a = o + l;
(o === 0 || Lt.includes(n[o - 1])) && (a === n.length || Lt.includes(n[a])) ? n = (o === 0 ? "" : n.substring(0, o)) + n.substring(a + 1) : o = a;
}
}
return n === "" ? null : n;
}
function Mt(t, r = !1) {
var e = r ? " !important;" : ";", n = "";
for (var u in t) {
var l = t[u];
l != null && l !== "" && (n += " " + u + ": " + l + e);
}
return n;
}
function dt(t) {
return t[0] !== "-" || t[1] !== "-" ? t.toLowerCase() : t;
}
function je(t, r) {
if (r) {
var e = "", n, u;
if (Array.isArray(r) ? (n = r[0], u = r[1]) : n = r, t) {
t = String(t).replaceAll(/\s*\/\*.*?\*\/\s*/g, "").trim();
var l = !1, o = 0, a = !1, i = [];
n && i.push(...Object.keys(n).map(dt)), u && i.push(...Object.keys(u).map(dt));
var s = 0, v = -1;
const y = t.length;
for (var f = 0; f < y; f++) {
var c = t[f];
if (a ? c === "/" && t[f - 1] === "*" && (a = !1) : l ? l === c && (l = !1) : c === "/" && t[f + 1] === "*" ? a = !0 : c === '"' || c === "'" ? l = c : c === "(" ? o++ : c === ")" && o--, !a && l === !1 && o === 0) {
if (c === ":" && v === -1)
v = f;
else if (c === ";" || f === y - 1) {
if (v !== -1) {
var g = dt(t.substring(s, v).trim());
if (!i.includes(g)) {
c !== ";" && f++;
var h = t.substring(s, f).trim();
e += " " + h + ";";
}
}
s = f + 1, v = -1;
}
}
}
}
return n && (e += Mt(n)), u && (e += Mt(u, !0)), e = e.trim(), e === "" ? null : e;
}
return t == null ? null : String(t);
}
function Ve(t, r, e, n, u, l) {
var o = t.__className;
if (o !== e || o === void 0) {
var a = Me(e, n, l);
a == null ? t.removeAttribute("class") : r ? t.className = a : t.setAttribute("class", a), t.__className = e;
} else if (l && u !== l)
for (var i in l) {
var s = !!l[i];
(u == null || s !== !!u[i]) && t.classList.toggle(i, s);
}
return l;
}
function ht(t, r = {}, e, n) {
for (var u in e) {
var l = e[u];
r[u] !== l && (e[u] == null ? t.style.removeProperty(u) : t.style.setProperty(u, l, n));
}
}
function xe(t, r, e, n) {
var u = t.__style;
if (u !== r) {
var l = je(r, n);
l == null ? t.removeAttribute("style") : t.style.cssText = l, t.__style = r;
} else n && (Array.isArray(n) ? (ht(t, e == null ? void 0 : e[0], n[0]), ht(t, e == null ? void 0 : e[1], n[1], "important")) : ht(t, e, n));
return n;
}
function wt(t, r, e) {
if (t.multiple) {
if (r == null)
return;
if (!bt(r))
return Hr();
for (var n of t.options)
n.selected = r.includes(jt(n));
return;
}
for (n of t.options) {
var u = jt(n);
if (Ur(u, r)) {
n.selected = !0;
return;
}
}
(!e || r !== void 0) && (t.selectedIndex = -1);
}
function Be(t, r) {
let e = !0;
st(() => {
r && wt(t, he(r), e), e = !1;
var n = new MutationObserver(() => {
var u = t.__value;
wt(t, u);
});
return n.observe(t, {
// Listen to option element changes
childList: !0,
subtree: !0,
// because of <optgroup>
// Listen to option element value attribute changes
// (doesn't get notified of select value changes,
// because that property is not reflected as an attribute)
attributes: !0,
attributeFilter: ["value"]
}), () => {
n.disconnect();
};
});
}
function jt(t) {
return "__value" in t ? t.__value : t.value;
}
const Q = Symbol("class"), X = Symbol("style"), cr = Symbol("is custom element"), vr = Symbol("is html");
function Ue(t, r) {
r ? t.hasAttribute("selected") || t.setAttribute("selected", "") : t.removeAttribute("selected");
}
function Vt(t, r, e, n) {
var u = _r(t);
u[r] !== (u[r] = e) && (r === "loading" && (t[Dr] = e), e == null ? t.removeAttribute(r) : typeof e != "string" && dr(t).includes(r) ? t[r] = e : t.setAttribute(r, e));
}
function qe(t, r, e, n, u = !1) {
var l = _r(t), o = l[cr], a = !l[vr], i = r || {}, s = t.tagName === "OPTION";
for (var v in r)
v in e || (e[v] = null);
e.class ? e.class = Le(e.class) : e[Q] && (e.class = null), e[X] && (e.style ?? (e.style = null));
var f = dr(t);
for (const _ in e) {
let d = e[_];
if (s && _ === "value" && d == null) {
t.value = t.__value = "", i[_] = d;
continue;
}
if (_ === "class") {
var c = t.namespaceURI === "http://www.w3.org/1999/xhtml";
Ve(t, c, d, n, r == null ? void 0 : r[Q], e[Q]), i[_] = d, i[Q] = e[Q];
continue;
}
if (_ === "style") {
xe(t, d, r == null ? void 0 : r[X], e[X]), i[_] = d, i[X] = e[X];
continue;
}
var g = i[_];
if (!(d === g && !(d === void 0 && t.hasAttribute(_)))) {
i[_] = d;
var h = _[0] + _[1];
if (h !== "$$")
if (h === "on") {
const S = {}, G = "$$" + _;
let m = _.slice(2);
var y = Ce(m);
if (Ne(m) && (m = m.slice(0, -7), S.capture = !0), !y && g) {
if (d != null) continue;
t.removeEventListener(m, i[G], S), i[G] = null;
}
if (d != null)
if (y)
t[`__${m}`] = d, me([m]);
else {
let hr = function(pr) {
i[_].call(this, pr);
};
i[G] = ye(m, t, hr, S);
}
else y && (t[`__${m}`] = void 0);
} else if (_ === "style")
Vt(t, _, d);
else if (_ === "autofocus")
ge(
/** @type {HTMLElement} */
t,
!!d
);
else if (!o && (_ === "__value" || _ === "value" && d != null))
t.value = t.__value = d;
else if (_ === "selected" && s)
Ue(
/** @type {HTMLOptionElement} */
t,
d
);
else {
var b = _;
a || (b = De(b));
var P = b === "defaultValue" || b === "defaultChecked";
if (d == null && !o && !P)
if (l[_] = null, b === "value" || b === "checked") {
let S = (
/** @type {HTMLInputElement} */
t
);
const G = r === void 0;
if (b === "value") {
let m = S.defaultValue;
S.removeAttribute(b), S.defaultValue = m, S.value = S.__value = G ? m : null;
} else {
let m = S.defaultChecked;
S.removeAttribute(b), S.defaultChecked = m, S.checked = G ? m : !1;
}
} else
t.removeAttribute(_);
else P || f.includes(b) && (o || typeof d != "string") ? t[b] = d : typeof d != "function" && Vt(t, b, d);
}
}
}
return i;
}
function Ye(t, r, e = [], n, u = !1, l = Wt) {
const o = e.map(l);
var a = void 0, i = {}, s = t.nodeName === "SELECT", v = !1;
ot(() => {
var f = r(...o.map(q)), c = qe(t, a, f, n, u);
v && s && "value" in f && wt(
/** @type {HTMLSelectElement} */
t,
f.value,
!1
);
for (let h of Object.getOwnPropertySymbols(i))
f[h] || x(i[h]);
for (let h of Object.getOwnPropertySymbols(f)) {
var g = f[h];
h.description === mr && (!a || g !== a[h]) && (i[h] && x(i[h]), i[h] = Nt(() => Re(t, () => g))), c[h] = g;
}
a = c;
}), s && Be(
/** @type {HTMLSelectElement} */
t,
() => (
/** @type {Record<string | symbol, any>} */
a.value
)
), v = !0;
}
function _r(t) {
return (
/** @type {Record<string | symbol, unknown>} **/
// @ts-expect-error
t.__attributes ?? (t.__attributes = {
[cr]: t.nodeName.includes("-"),
[vr]: t.namespaceURI === Er
})
);
}
var xt = /* @__PURE__ */ new Map();
function dr(t) {
var r = xt.get(t.nodeName);
if (r) return r;
xt.set(t.nodeName, r = []);
for (var e, n = t, u = Element.prototype; u !== n; ) {
e = Tr(n);
for (var l in e)
e[l].set && r.push(l);
n = Ut(n);
}
return r;
}
const Ke = {
get(t, r) {
if (!t.exclude.includes(r))
return t.props[r];
},
set(t, r) {
return !1;
},
getOwnPropertyDescriptor(t, r) {
if (!t.exclude.includes(r) && r in t.props)
return {
enumerable: !0,
configurable: !0,
value: t.props[r]
};
},
has(t, r) {
return t.exclude.includes(r) ? !1 : r in t.props;
},
ownKeys(t) {
return Reflect.ownKeys(t.props).filter((r) => !t.exclude.includes(r));
}
};
// @__NO_SIDE_EFFECTS__
function He(t, r, e) {
return new Proxy(
{ props: t, exclude: r },
Ke
);
}
function W(t, r, e, n) {
var u;
u = /** @type {V} */
t[r];
var l = (
/** @type {V} */
n
), o = !0, a = () => (o && (o = !1, l = /** @type {V} */
n), l);
u === void 0 && n !== void 0 && (u = a());
var i;
return i = () => {
var s = (
/** @type {V} */
t[r]
);
return s === void 0 ? a() : (o = !0, s);
}, i;
}
function ze(t, r) {
xr(r, !0);
const e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
let n = W(r, "duration", 3, 0.8), u = W(r, "characterSet", 3, e), l = W(r, "className", 3, ""), o = W(r, "as", 3, "p"), a = W(r, "trigger", 3, !0), i = W(r, "onScrambleComplete", 3, void 0), s = /* @__PURE__ */ He(r, [
"$$slots",
"$$events",
"$$legacy",
"value",
"duration",
"characterSet",
"className",
"as",
"trigger",
"onScrambleComplete"
]), v = /* @__PURE__ */ F(z(r.value)), f = /* @__PURE__ */ F(!1);
const c = r.value, g = async () => {
var b;
q(f) || (k(f, !0), await wr(0, 1, {
duration: n(),
onUpdate: (P) => {
let _ = "";
for (let d = 0; d < c.length; d++)
c[d] === " " ? _ += " " : P * c.length > d ? _ += c[d] : _ += u()[Math.floor(Math.random() * u().length)];
k(v, _, !0);
}
}).finished, k(v, c, !0), k(f, !1), (b = i()) == null || b());
};
$r(() => {
a() && gr(() => g());
});
var h = Te(), y = Zr(h);
Ie(y, o, !1, (b, P) => {
Ye(b, () => ({ class: l(), ...s }));
var _ = Se();
te(() => Pe(_, q(v))), Ft(P, _);
}), Ft(t, h), Br();
}
export {
ze as TextScramble
};