@retoo/scena 0.1.0 → 0.1.1

package/dist/scena.min.cjs.js

@@ -14,7 +14,7 @@ function m() {
 		reject: t
 	};
 }
-var g = 1024, _ = 2048, y = 4096, b = 8192, E = 32768, C = 1 << 25, w = 65536, S = 1 << 19, k = 65536, O = 1 << 21, I = 1 << 23, T = Symbol("$state"), x = Symbol("legacy props"), A = Symbol(""), N = Symbol("attributes"), D = Symbol("class"), L = Symbol("style"), P = Symbol("text"), M = Symbol("form reset"), R = new class extends Error {
+var g = 1024, _ = 2048, y = 4096, b = 8192, E = 32768, C = 1 << 25, w = 65536, S = 1 << 19, k = 65536, O = 1 << 21, I = 1 << 23, T = Symbol("$state"), x = Symbol("legacy props"), A = Symbol(""), N = Symbol("attributes"), L = Symbol("class"), D = Symbol("style"), P = Symbol("text"), M = Symbol("form reset"), R = new class extends Error {
 	name = "StaleReactionError";
 	message = "The reaction that called `getAbortSignal()` was re-run or destroyed";
 }(), V = !!globalThis.document?.contentType && globalThis.document.contentType.includes("xml");
@@ -373,7 +373,7 @@ var me = null, ge = null, _e = null, ye = null, be = null, Ee = null, Ce = !1, w
 					for (var s of t) Ne(s, r, i, o);
 					o = /* @__PURE__ */ new Map();
 					var a = [...u.current.keys()].filter((e) => !this.current.has(e) || this.current.get(e)[0] !== e.v);
-					if (a.length > 0) for (const e of this.#c) 155648 & e.f || !De(e, a, o) || (4194320 & e.f ? (fe(e, _), u.schedule(e)) : u.#f.add(e));
+					if (a.length > 0) for (const e of this.#c) 155648 & e.f || !Le(e, a, o) || (4194320 & e.f ? (fe(e, _), u.schedule(e)) : u.#f.add(e));
 					if (u.#u.length > 0) {
 						for (var l of (u.apply(), u.#u)) u.#y(l, [], []);
 						u.#u = [];
@@ -479,19 +479,19 @@ function Ae(e) {
 function Ne(e, t, n, r) {
 	if (!n.has(e) && (n.add(e), null !== e.reactions)) for (const i of e.reactions) {
 		const e = i.f;
-		2 & e ? Ne(i, t, n, r) : 4194320 & e && !(2048 & e) && De(i, t, r) && (fe(i, _), Le(i));
+		2 & e ? Ne(i, t, n, r) : 4194320 & e && !(2048 & e) && Le(i, t, r) && (fe(i, _), De(i));
 	}
 }
-function De(e, t, n) {
+function Le(e, t, n) {
 	const r = n.get(e);
 	if (void 0 !== r) return r;
 	if (null !== e.deps) for (const r of e.deps) {
 		if (i.call(t, r)) return !0;
-		if (2 & r.f && De(r, t, n)) return n.set(r, !0), !0;
+		if (2 & r.f && Le(r, t, n)) return n.set(r, !0), !0;
 	}
 	return n.set(e, !1), !1;
 }
-function Le(e) {
+function De(e) {
 	_e.schedule(e);
 }
 function Pe(e, t) {
@@ -515,8 +515,8 @@ var Re = class {
 	#x;
 	#A = null;
 	#N = null;
-	#D = null;
 	#L = null;
+	#D = null;
 	#P = 0;
 	#M = 0;
 	#R = !1;
@@ -526,7 +526,7 @@ var Re = class {
 	#$ = function(e) {
 		let t, n = 0, r = Je(0);
 		return () => {
-			It() && (yn(r), Dt(() => (0 === n && (t = Cn(() => e(() => it(r)))), n += 1, () => {
+			It() && (yn(r), Lt(() => (0 === n && (t = Cn(() => e(() => it(r)))), n += 1, () => {
 				se(() => {
 					n -= 1, 0 === n && (t?.(), t = void 0, it(r));
 				});
@@ -560,15 +560,15 @@ var Re = class {
 	}
 	#z(e) {
 		const t = this.#I.failed;
-		t && (this.#D = Rt(() => {
+		t && (this.#L = Rt(() => {
 			t(this.#k, () => e, () => () => {});
 		}));
 	}
 	#H() {
 		const e = this.#I.pending;
 		e && (this.is_pending = !0, this.#N = Rt(() => e(this.#k)), se(() => {
-			var e = this.#L = document.createDocumentFragment(), t = vt();
-			e.append(t), this.#A = this.#F(() => Rt(() => this.#T(t))), 0 === this.#M && (this.#k.before(e), this.#L = null, jt(this.#N, () => {
+			var e = this.#D = document.createDocumentFragment(), t = vt();
+			e.append(t), this.#A = this.#F(() => Rt(() => this.#T(t))), 0 === this.#M && (this.#k.before(e), this.#D = null, jt(this.#N, () => {
 				this.#N = null;
 			}), this.#G(_e));
 		}));
@@ -578,7 +578,7 @@ var Re = class {
 			if (this.is_pending = this.has_pending_snippet(), this.#M = 0, this.#P = 0, this.#A = Rt(() => {
 				this.#T(this.#k);
 			}), this.#M > 0) {
-				var e = this.#L = document.createDocumentFragment();
+				var e = this.#D = document.createDocumentFragment();
 				Xt(this.#A, e);
 				const t = this.#I.pending;
 				this.#N = Rt(() => t(this.#k));
@@ -613,7 +613,7 @@ var Re = class {
 	#U(e, t) {
 		this.has_pending_snippet() ? (this.#M += e, 0 === this.#M && (this.#G(t), this.#N && jt(this.#N, () => {
 			this.#N = null;
-		}), this.#L && (this.#k.before(this.#L), this.#L = null))) : this.parent && this.parent.#U(e, t);
+		}), this.#D && (this.#k.before(this.#D), this.#D = null))) : this.parent && this.parent.#U(e, t);
 	}
 	update_pending_count(e, t) {
 		this.#U(e, t), this.#P += e, this.#V && !this.#R && (this.#R = !0, se(() => {
@@ -625,20 +625,20 @@ var Re = class {
 	}
 	error(e) {
 		if (!this.#I.onerror && !this.#I.failed) throw e;
-		_e?.is_fork ? (this.#A && _e.skip_effect(this.#A), this.#N && _e.skip_effect(this.#N), this.#D && _e.skip_effect(this.#D), _e.on_fork_commit(() => {
+		_e?.is_fork ? (this.#A && _e.skip_effect(this.#A), this.#N && _e.skip_effect(this.#N), this.#L && _e.skip_effect(this.#L), _e.on_fork_commit(() => {
 			this.#X(e);
 		})) : this.#X(e);
 	}
 	#X(e) {
-		this.#A && (zt(this.#A), this.#A = null), this.#N && (zt(this.#N), this.#N = null), this.#D && (zt(this.#D), this.#D = null), B && (F(this.#O), X(), F(q()));
+		this.#A && (zt(this.#A), this.#A = null), this.#N && (zt(this.#N), this.#N = null), this.#L && (zt(this.#L), this.#L = null), B && (F(this.#O), X(), F(q()));
 		var t = this.#I.onerror;
 		let n = this.#I.failed;
 		var r = !1, i = !1;
 		const o = () => {
 			r ? console.warn("https://svelte.dev/e/svelte_boundary_reset_noop") : (r = !0, i && function() {
 				throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror");
-			}(), null !== this.#D && jt(this.#D, () => {
-				this.#D = null;
+			}(), null !== this.#L && jt(this.#L, () => {
+				this.#L = null;
 			}), this.#F(() => {
 				this.#j();
 			}));
@@ -648,7 +648,7 @@ var Re = class {
 			} catch (e) {
 				ue(e, this.#x && this.#x.parent);
 			}
-			n && (this.#D = this.#F(() => {
+			n && (this.#L = this.#F(() => {
 				try {
 					return Rt(() => {
 						var t = en;
@@ -867,7 +867,7 @@ function ot(e, t, n) {
 				be?.delete(c), 65536 & l || (!(512 & l) || null !== en && 2097152 & en.f || (a.f |= k), ot(c, y, n));
 			} else if (u) {
 				var f = a;
-				16 & l && null !== xe && xe.add(f), null !== n ? n.push(f) : Le(f);
+				16 & l && null !== xe && xe.add(f), null !== n ? n.push(f) : De(f);
 			}
 		}
 	}
@@ -997,7 +997,7 @@ function ht() {
 	if (void 0 === ut) {
 		ut = window, ct = /Firefox/.test(navigator.userAgent);
 		var e = Element.prototype, t = Node.prototype, n = Text.prototype;
-		ft = l(t, "firstChild").get, dt = l(t, "nextSibling").get, h(e) && (e[D] = void 0, e[N] = null, e[L] = void 0, e.__e = void 0), h(n) && (n[P] = void 0);
+		ft = l(t, "firstChild").get, dt = l(t, "nextSibling").get, h(e) && (e[L] = void 0, e[N] = null, e[D] = void 0, e.__e = void 0), h(n) && (n[P] = void 0);
 	}
 }
 function vt(e = "") {
@@ -1141,10 +1141,10 @@ function At(e) {
 function Nt(e) {
 	return Ot(4, e);
 }
-function Dt(e, t = 0) {
+function Lt(e, t = 0) {
 	return Ot(8 | t, e);
 }
-function Lt(e, t = [], n = [], r = []) {
+function Dt(e, t = [], n = [], r = []) {
 	Ve(r, t, n, (t) => {
 		Ot(8, () => e(...t.map(yn)));
 	});
@@ -1283,7 +1283,7 @@ function vn(e, t, n = !0) {
 	var r = e.reactions;
 	if (null !== r && (null === nn || !i.call(nn, e))) for (var o = 0; o < r.length; o++) {
 		var s = r[o];
-		2 & s.f ? vn(s, t, !1) : t === s && (n ? fe(s, _) : 1024 & s.f && fe(s, y), Le(s));
+		2 & s.f ? vn(s, t, !1) : t === s && (n ? fe(s, _) : 1024 & s.f && fe(s, y), De(s));
 	}
 }
 function pn(e) {
@@ -1465,13 +1465,13 @@ function An(e) {
 	}
 }
 var Nn = globalThis?.window?.trustedTypes && globalThis.window.trustedTypes.createPolicy("svelte-trusted-html", { createHTML: (e) => e });
-function Dn(e) {
+function Ln(e) {
 	var t = bt("template");
 	return t.innerHTML = function(e) {
 		return Nn?.createHTML(e) ?? e;
 	}(e.replaceAll("<!>", "<!---->")), t.content;
 }
-function Ln(e, t) {
+function Dn(e, t) {
 	var n = en;
 	null === n.nodes && (n.nodes = {
 		start: e,
@@ -1483,24 +1483,24 @@ function Ln(e, t) {
 function Pn(e, t) {
 	var n, r = !!(1 & t), i = !!(2 & t), o = !e.startsWith("<!>");
 	return () => {
-		if (B) return Ln(H, null), H;
-		void 0 === n && (n = Dn(o ? e : "<!>" + e), r || (n = pt(n)));
+		if (B) return Dn(H, null), H;
+		void 0 === n && (n = Ln(o ? e : "<!>" + e), r || (n = pt(n)));
 		var t = i || ct ? document.importNode(n, !0) : n.cloneNode(!0);
-		r ? Ln(pt(t), t.lastChild) : Ln(t, t);
+		r ? Dn(pt(t), t.lastChild) : Dn(t, t);
 		return t;
 	};
 }
 function Mn(e, t, n = "svg") {
 	var r, i = !e.startsWith("<!>"), o = !!(1 & t), s = `<${n}>${i ? e : "<!>" + e}</${n}>`;
 	return () => {
-		if (B) return Ln(H, null), H;
+		if (B) return Dn(H, null), H;
 		if (!r) {
-			var e = pt(Dn(s));
+			var e = pt(Ln(s));
 			if (o) for (r = document.createDocumentFragment(); pt(e);) r.appendChild(pt(e));
 			else r = pt(e);
 		}
 		var t = r.cloneNode(!0);
-		o ? Ln(pt(t), t.lastChild) : Ln(t, t);
+		o ? Dn(pt(t), t.lastChild) : Dn(t, t);
 		return t;
 	};
 }
@@ -1510,15 +1510,15 @@ function Rn(e, t) {
 function Vn(e = "") {
 	if (!B) {
 		var t = vt(e + "");
-		return Ln(t, t), t;
+		return Dn(t, t), t;
 	}
 	var n = H;
-	return 3 !== n.nodeType ? (n.before(n = vt()), F(n)) : Et(n), Ln(n, n), n;
+	return 3 !== n.nodeType ? (n.before(n = vt()), F(n)) : Et(n), Dn(n, n), n;
 }
 function $n() {
-	if (B) return Ln(H, null), H;
+	if (B) return Dn(H, null), H;
 	var e = document.createDocumentFragment(), t = document.createComment(""), n = vt();
-	return e.append(t, n), Ln(t, n), e;
+	return e.append(t, n), Dn(t, n), e;
 }
 function zn(e, t) {
 	if (B) {
@@ -1599,7 +1599,7 @@ function Yn(t, { target: n, anchor: r, props: i = {}, events: s, context: a, int
 		(function(e, t, n, r) {
 			new Re(e, t, n, r);
 		})(l, { pending: () => {} }, (n) => {
-			if (ee({}), a && (Z.c = a), s && (i.$$events = s), B && Ln(n, null), c = t(n, i) || {}, B && (en.nodes.end = H, null === H || 8 !== H.nodeType || "]" !== H.data)) throw z(), e;
+			if (ee({}), a && (Z.c = a), s && (i.$$events = s), B && Dn(n, null), c = t(n, i) || {}, B && (en.nodes.end = H, null === H || 8 !== H.nodeType || "]" !== H.data)) throw z(), e;
 			te();
 		}, u);
 		var f = /* @__PURE__ */ new Set(), d = (e) => {
@@ -1734,22 +1734,22 @@ function ir(t, n, r = !1, i = !1, o = !1, s = !1) {
 		var u = t;
 		B && (a = F(pt(u)));
 	}
-	Lt(() => {
+	Dt(() => {
 		var t = en;
 		if (l !== (l = n() ?? "")) {
-			if (r && !B) return t.nodes = null, u.innerHTML = l, void ("" !== l && Ln(pt(u), u.lastChild));
+			if (r && !B) return t.nodes = null, u.innerHTML = l, void ("" !== l && Dn(pt(u), u.lastChild));
 			if (null !== t.nodes && (Ht(t.nodes.start, t.nodes.end), t.nodes = null), "" !== l) {
 				if (B) {
 					H.data;
 					for (var s = G(), c = s; null !== s && (8 !== s.nodeType || "" !== s.data);) c = s, s = mt(s);
 					if (null === s) throw z(), e;
-					Ln(H, c), a = F(s);
+					Dn(H, c), a = F(s);
 					return;
 				}
 				var f = bt(i ? "svg" : o ? "math" : "template", i ? "http://www.w3.org/2000/svg" : o ? "http://www.w3.org/1998/Math/MathML" : void 0);
 				f.innerHTML = l;
 				var d = i || o ? f : f.content;
-				if (Ln(pt(d), d.lastChild), i || o) for (; pt(d);) a.before(pt(d));
+				if (Dn(pt(d), d.lastChild), i || o) for (; pt(d);) a.before(pt(d));
 				else a.before(d);
 			}
 		} else B && G();
@@ -1791,7 +1791,7 @@ function cr(e) {
 	return "-" !== e[0] || "-" !== e[1] ? e.toLowerCase() : e;
 }
 function fr(e, t, n, r, i, o) {
-	var s = e[D];
+	var s = e[L];
 	if (B || s !== n || void 0 === s) {
 		var a = function(e, t, n) {
 			var r = null == e ? "" : "" + e;
@@ -1804,7 +1804,7 @@ function fr(e, t, n, r, i, o) {
 			}
 			return "" === r ? null : r;
 		}(n, r, o);
-		B && a === e.getAttribute("class") || (null == a ? e.removeAttribute("class") : t ? e.className = a : e.setAttribute("class", a)), e[D] = n;
+		B && a === e.getAttribute("class") || (null == a ? e.removeAttribute("class") : t ? e.className = a : e.setAttribute("class", a)), e[L] = n;
 	} else if (o && i !== o) for (var l in o) {
 		var u = !!o[l];
 		null != i && u === !!i[l] || e.classList.toggle(l, u);
@@ -1818,7 +1818,7 @@ function dr(e, t = {}, n, r) {
 	}
 }
 function hr(e, t, n, r) {
-	var i = e[L];
+	var i = e[D];
 	if (B || i !== t) {
 		var o = function(e, t) {
 			if (t) {
@@ -1847,7 +1847,7 @@ function hr(e, t, n, r) {
 			}
 			return null == e ? null : String(e);
 		}(t, r);
-		B && o === e.getAttribute("style") || (null == o ? e.removeAttribute("style") : e.style.cssText = o), e[L] = t;
+		B && o === e.getAttribute("style") || (null == o ? e.removeAttribute("style") : e.style.cssText = o), e[D] = t;
 	} else r && (Array.isArray(r) ? (dr(e, n?.[0], r[0]), dr(e, n?.[1], r[1], "important")) : dr(e, n, r));
 	return r;
 }
@@ -2007,11 +2007,11 @@ function Ar(e) {
 function Nr(e, t) {
 	return e === t || e?.[T] === t;
 }
-function Dr(e = {}, t, n, r) {
+function Lr(e = {}, t, n, r) {
 	var i = Z.r, o = en;
 	return Nt(() => {
 		var s, a;
-		return Dt(() => {
+		return Lt(() => {
 			s = a, a = r?.() || [], Cn(() => {
 				Nr(n(...a), e) || (t(e, ...a), s && Nr(n(...s), e) && t(null, ...s));
 			});
@@ -2025,7 +2025,7 @@ function Dr(e = {}, t, n, r) {
 		};
 	}), e;
 }
-var Lr = {
+var Dr = {
 	get(e, t) {
 		if (!e.exclude.includes(t)) return e.props[t];
 	},
@@ -2262,7 +2262,7 @@ function pi(e, t) {
 			"customStyles",
 			"children"
 		]
-	}, Lr);
+	}, Dr);
 	const a = Fe(() => [
 		"rs-button",
 		`rs-button--${r()}`,
@@ -2296,7 +2296,7 @@ function pi(e, t) {
 	};
 	return rr(d, (e) => {
 		t.children && e(h);
-	}), U(f), Dr(f, (e) => tt(l, e), () => yn(l)), zn(e, f), te(c);
+	}), U(f), Lr(f, (e) => tt(l, e), () => yn(l)), zn(e, f), te(c);
 }
 var mi = Rn("<svg fill=\"none\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\"><!></svg>");
 function gi(e, t) {
@@ -2310,7 +2310,7 @@ function gi(e, t) {
 	var a = { getElements: function() {
 		return { root: yn(i) };
 	} }, l = mi();
-	return er(gt(l), () => t.children ?? p), U(l), Dr(l, (e) => tt(i, e), () => yn(i)), Lt(() => {
+	return er(gt(l), () => t.children ?? p), U(l), Lr(l, (e) => tt(i, e), () => yn(i)), Dt(() => {
 		Or(l, "id", t.id), fr(l, 0, ar(yn(o))), hr(l, yn(s)), Or(l, "viewBox", n());
 	}), zn(e, l), te(a);
 }
@@ -2341,7 +2341,7 @@ function yi(e, t) {
 	}, g = (e) => {
 		{
 			let r = Fe(() => ({ root: t.customClasses?.button })), o = Fe(() => ({ root: t.customStyles?.button }));
-			Dr(pi(e, {
+			Lr(pi(e, {
 				get aria() {
 					return i();
 				},
@@ -2362,7 +2362,7 @@ function yi(e, t) {
 				children: (e, r) => {
 					{
 						let r = Fe(() => ({ root: t.customClasses?.cross })), i = Fe(() => ({ root: t.customStyles?.cross }));
-						Dr(gi(e, {
+						Lr(gi(e, {
 							get size() {
 								return n();
 							},
@@ -2388,7 +2388,7 @@ function yi(e, t) {
 	};
 	return rr(p, (e) => {
 		t.customHtml?.button ? e(m) : e(g, -1);
-	}), U(v), Dr(v, (e) => tt(a, e), () => yn(a)), Lt(() => {
+	}), U(v), Lr(v, (e) => tt(a, e), () => yn(a)), Dt(() => {
 		Or(v, "id", t.id), fr(v, 1, ar(yn(c))), hr(v, yn(f));
 	}), zn(e, v), te(h);
 }
@@ -2422,7 +2422,7 @@ function Ci(e, t) {
 	}, g = (e) => {
 		{
 			let i = Fe(() => ({ root: t.customClasses?.button })), o = Fe(() => ({ root: t.customStyles?.button }));
-			Dr(pi(e, {
+			Lr(pi(e, {
 				get size() {
 					return r();
 				},
@@ -2442,7 +2442,7 @@ function Ci(e, t) {
 				children: (e, t) => {
 					X();
 					var r = Vn();
-					Lt(() => function(e, t) {
+					Dt(() => function(e, t) {
 						var n = null == t ? "" : "object" == typeof t ? `${t}` : t;
 						n !== (e[P] ??= e.nodeValue) && (e[P] = n, e.nodeValue = `${n}`);
 					}(r, n())), zn(e, r);
@@ -2453,7 +2453,7 @@ function Ci(e, t) {
 	};
 	return rr(p, (e) => {
 		t.customHtml?.button ? e(m) : e(g, -1);
-	}), U(v), Dr(v, (e) => tt(l, e), () => yn(l)), Lt(() => {
+	}), U(v), Lr(v, (e) => tt(l, e), () => yn(l)), Dt(() => {
 		Or(v, "id", t.id), fr(v, 1, ar(yn(c))), hr(v, yn(f));
 	}), zn(e, v), te(h);
 }
@@ -2683,7 +2683,7 @@ var xi = Pn("<div><video><source/></video> <!></div>", 2);
 var Ai = Pn("<div role=\"button\" tabindex=\"0\"><!></div>");
 xn(["click", "keydown"]);
 var Ni = Pn("<div><span role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" class=\"rs-sr-only\"><!></span> <!></div>");
-function Di(e, t) {
+function Li(e, t) {
 	ee(t, !0);
 	let n = Rr(t, "size", 19, () => Gr.MD), r = Rr(t, "aria", 19, () => ({
 		play: { ariaLabel: "Play" },
@@ -2714,7 +2714,7 @@ function Di(e, t) {
 				var n = $n();
 				ir(_t(n), () => t.customHtml.pause), zn(e, n);
 			}, c = (e) => {
-				Dr(pi(e, {
+				Lr(pi(e, {
 					get size() {
 						return n();
 					},
@@ -2734,7 +2734,7 @@ function Di(e, t) {
 					children: (e, r) => {
 						{
 							let r = Fe(() => ({ root: t.customClasses?.pause })), i = Fe(() => ({ root: t.customStyles?.pause }));
-							Dr(gi(e, {
+							Lr(gi(e, {
 								get size() {
 									return n();
 								},
@@ -2766,7 +2766,7 @@ function Di(e, t) {
 				var n = $n();
 				ir(_t(n), () => t.customHtml.play), zn(e, n);
 			}, l = (e) => {
-				Dr(pi(e, {
+				Lr(pi(e, {
 					get size() {
 						return n();
 					},
@@ -2786,7 +2786,7 @@ function Di(e, t) {
 					children: (e, r) => {
 						{
 							let r = Fe(() => ({ root: t.customClasses?.play })), i = Fe(() => ({ root: t.customStyles?.play }));
-							Dr(gi(e, {
+							Lr(gi(e, {
 								get size() {
 									return n();
 								},
@@ -2815,7 +2815,7 @@ function Di(e, t) {
 		};
 		rr(y, (e) => {
 			yn(v) ? e(b) : yn(p) && e(E, 1);
-		}), U(o), Dr(o, (e) => tt(s, e), () => yn(s)), Lt(() => {
+		}), U(o), Lr(o, (e) => tt(s, e), () => yn(s)), Dt(() => {
 			Or(o, "id", t.id), fr(o, 1, ar(yn(f))), hr(o, yn(d));
 		}), zn(e, o);
 	};
@@ -2823,7 +2823,7 @@ function Di(e, t) {
 		yn(o) && e(y);
 	}), zn(e, g), te(m);
 }
-var Li = Rn("<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\" opacity=\".25\"></path><path d=\"M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z\" class=\"rsl-line\"></path></svg>");
+var Di = Rn("<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\" opacity=\".25\"></path><path d=\"M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z\" class=\"rsl-line\"></path></svg>");
 var Pi = Pn("<div><!></div>");
 function Mi(e, t) {
 	ee(t, !0);
@@ -2843,7 +2843,7 @@ function Mi(e, t) {
 		}, a = (e) => {
 			{
 				let r = Fe(() => ({ root: t.customClasses?.loader })), i = Fe(() => ({ root: t.customStyles?.loader }));
-				Dr(function(e, t) {
+				Lr(function(e, t) {
 					ee(t, !0);
 					let n = Rr(t, "size", 19, () => Gr.MD), r = Qe(null);
 					const i = Fe(() => [
@@ -2853,8 +2853,8 @@ function Mi(e, t) {
 					]), o = Fe(() => Zr(t.customStyles?.root));
 					var s = { getElements: function() {
 						return { root: yn(r) };
-					} }, a = Li();
-					return Dr(a, (e) => tt(r, e), () => yn(r)), Lt(() => {
+					} }, a = Di();
+					return Lr(a, (e) => tt(r, e), () => yn(r)), Dt(() => {
 						Or(a, "id", t.id), fr(a, 0, ar(yn(i))), hr(a, yn(o));
 					}), zn(e, a), te(s);
 				}(e, {
@@ -2876,7 +2876,7 @@ function Mi(e, t) {
 	};
 	return rr(c, (e) => {
 		r.state === ki.LOADING && e(f);
-	}), U(u), Dr(u, (e) => tt(i, e), () => yn(i)), Lt(() => {
+	}), U(u), Lr(u, (e) => tt(i, e), () => yn(i)), Dt(() => {
 		Or(u, "id", t.id), fr(u, 1, ar(yn(s))), hr(u, yn(a));
 	}), zn(e, u), te(l);
 }
@@ -3117,7 +3117,7 @@ function Ui(e, t) {
 	} }, m = $n(), g = _t(m), _ = (e) => {
 		{
 			let r = Fe(() => t.customThickness?.line);
-			Dr(function(e, t) {
+			Lr(function(e, t) {
 				ee(t, !0);
 				let n, r, i = Rr(t, "size", 19, () => Gr.MD), o = Rr(t, "buffer", 3, 0), s = Rr(t, "progress", 3, 0), a = Rr(t, "aria", 19, () => ({ ariaLabel: "Progress" })), l = Qe(null), u = Qe(null);
 				const c = Fe(() => [
@@ -3155,7 +3155,7 @@ function Ui(e, t) {
 				var C = gt(E), w = (e) => {
 					var t = Fi();
 					let n;
-					Dr(t, (e) => tt(u, e), () => yn(u)), Lt(() => {
+					Lr(t, (e) => tt(u, e), () => yn(u)), Dt(() => {
 						fr(t, 1, ar(yn(v))), n = hr(t, yn(p), n, { width: 100 * o() + "%" });
 					}), zn(e, t);
 				};
@@ -3164,7 +3164,7 @@ function Ui(e, t) {
 				});
 				var S = yt(C, 2);
 				let k;
-				return Dr(S, (e) => r = e, () => r), U(E), Dr(E, (e) => n = e, () => n), U(b), Dr(b, (e) => tt(l, e), () => yn(l)), Lt((e) => {
+				return Lr(S, (e) => r = e, () => r), U(E), Lr(E, (e) => n = e, () => n), U(b), Lr(b, (e) => tt(l, e), () => yn(l)), Dt((e) => {
 					Or(b, "id", t.id), fr(b, 1, ar(yn(c))), hr(b, yn(f)), Or(b, "aria-label", a().ariaLabel), Or(b, "aria-labelledby", a().ariaLabelledby), Or(b, "aria-describedby", a().ariaDescribedby), Or(b, "aria-valuenow", 100 * s()), Or(b, "aria-valuetext", `${e ?? ""}%`), fr(S, 1, ar(yn(m))), k = hr(S, yn(g), k, {
 						width: 100 * s() + "%",
 						transition: _.transition
@@ -3206,7 +3206,7 @@ function Ui(e, t) {
 	}, y = (e) => {
 		{
 			let r = Fe(() => t.customThickness?.circle);
-			Dr(function(e, t) {
+			Lr(function(e, t) {
 				ee(t, !0);
 				let n = Rr(t, "size", 19, () => Gr.MD), r = Rr(t, "buffer", 3, 0), i = Rr(t, "progress", 3, 0), o = Rr(t, "aria", 19, () => ({ ariaLabel: "Progress" })), s = Qe(null), a = Qe(null), l = Qe(null), u = Qe(null);
 				const c = Fe(() => [
@@ -3243,10 +3243,10 @@ function Ui(e, t) {
 				Or(E, "tabindex", 0), Or(E, "aria-valuemin", 0), Or(E, "aria-valuemax", 100);
 				var C = gt(E), w = (e) => {
 					var n = Bi(), r = _t(n);
-					Dr(r, (e) => tt(a, e), () => yn(a));
+					Lr(r, (e) => tt(a, e), () => yn(a));
 					var i = yt(r), o = (e) => {
 						var t = Hi();
-						Dr(t, (e) => tt(l, e), () => yn(l)), Lt((e) => {
+						Lr(t, (e) => tt(l, e), () => yn(l)), Dt((e) => {
 							fr(t, 0, ar(yn(v))), hr(t, e), Or(t, "cx", _.radialSize / 2), Or(t, "cy", _.radialSize / 2), Or(t, "r", _.radialRadius), Or(t, "stroke-width", _.thickness), Or(t, "stroke-dasharray", _.radialCircumference), Or(t, "stroke-dashoffset", _.radialBufferOffset), Or(t, "transform", `rotate(-90 ${_.radialSize / 2} ${_.radialSize / 2})`);
 						}, [() => y(yn(p))]), zn(e, t);
 					};
@@ -3254,7 +3254,7 @@ function Ui(e, t) {
 						t.hasBuffer && e(o);
 					});
 					var s = yt(i);
-					Dr(s, (e) => tt(u, e), () => yn(u)), Ir(yt(s), () => ({
+					Lr(s, (e) => tt(u, e), () => yn(u)), Ir(yt(s), () => ({
 						class: "rs-progress__hit-area",
 						cx: _.radialSize / 2,
 						cy: _.radialSize / 2,
@@ -3263,13 +3263,13 @@ function Ui(e, t) {
 						stroke: "transparent",
 						"stroke-width": _.hitAreaThickness,
 						..._.events
-					})), Lt((e, t) => {
+					})), Dt((e, t) => {
 						fr(r, 0, ar(yn(d))), hr(r, e), Or(r, "cx", _.radialSize / 2), Or(r, "cy", _.radialSize / 2), Or(r, "r", _.radialRadius), Or(r, "stroke-width", _.thickness), fr(s, 0, ar(yn(m))), hr(s, t), Or(s, "cx", _.radialSize / 2), Or(s, "cy", _.radialSize / 2), Or(s, "r", _.radialRadius), Or(s, "stroke-width", _.thickness), Or(s, "stroke-dasharray", _.radialCircumference), Or(s, "stroke-dashoffset", _.radialProgressOffset), Or(s, "transform", `rotate(-90 ${_.radialSize / 2} ${_.radialSize / 2})`);
 					}, [() => y(yn(h)), () => y(yn(g))]), zn(e, n);
 				};
 				return rr(C, (e) => {
 					_.radialSize && e(w);
-				}), U(E), Dr(E, (e) => tt(s, e), () => yn(s)), Lt((e) => {
+				}), U(E), Lr(E, (e) => tt(s, e), () => yn(s)), Dt((e) => {
 					Or(E, "id", t.id), fr(E, 0, ar(yn(c))), hr(E, yn(f)), Or(E, "viewBox", `0 0 ${_.radialSize ?? ""} ${_.radialSize ?? ""}`), Or(E, "aria-label", o().ariaLabel), Or(E, "aria-labelledby", o().ariaLabelledby), Or(E, "aria-describedby", o().ariaDescribedby), Or(E, "aria-valuenow", 100 * i()), Or(E, "aria-valuetext", `${e ?? ""}%`);
 				}, [() => Math.round(100 * i())]), zn(e, E), te(b);
 			}(e, {
@@ -3348,7 +3348,7 @@ function Ki(e, t) {
 				var n = $n();
 				ir(_t(n), () => t.customHtml.unmute), zn(e, n);
 			}, c = (e) => {
-				Dr(pi(e, {
+				Lr(pi(e, {
 					get size() {
 						return n();
 					},
@@ -3368,7 +3368,7 @@ function Ki(e, t) {
 					children: (e, r) => {
 						{
 							let r = Fe(() => ({ root: t.customClasses?.unmute })), i = Fe(() => ({ root: t.customStyles?.unmute }));
-							Dr(gi(e, {
+							Lr(gi(e, {
 								get size() {
 									return n();
 								},
@@ -3398,7 +3398,7 @@ function Ki(e, t) {
 			var n = $n();
 			ir(_t(n), () => t.customHtml.mute), zn(e, n);
 		}, b = (e) => {
-			Dr(pi(e, {
+			Lr(pi(e, {
 				get size() {
 					return n();
 				},
@@ -3418,7 +3418,7 @@ function Ki(e, t) {
 				children: (e, r) => {
 					{
 						let r = Fe(() => ({ root: t.customClasses?.mute })), i = Fe(() => ({ root: t.customStyles?.mute }));
-						Dr(gi(e, {
+						Lr(gi(e, {
 							get size() {
 								return n();
 							},
@@ -3443,7 +3443,7 @@ function Ki(e, t) {
 		};
 		rr(g, (e) => {
 			o.isMuted ? e(_) : t.customHtml?.mute ? e(y, 1) : e(b, -1);
-		}), U(r), Dr(r, (e) => tt(a, e), () => yn(a)), Lt(() => {
+		}), U(r), Lr(r, (e) => tt(a, e), () => yn(a)), Dt(() => {
 			Or(r, "id", t.id), fr(r, 1, ar(yn(d))), hr(r, yn(h));
 		}), zn(e, r);
 	};
@@ -3505,7 +3505,7 @@ function Ji(e, t) {
 		t.eventEmitter.emit(zr.ON_SCENA_DESTROY), t.eventEmitter.clear();
 	});
 	var T = { api: I }, x = Zi();
-	return Dr(function(e, t) {
+	return Lr(function(e, t) {
 		ee(t, !0);
 		let n = Rr(t, "position", 19, () => Xr.FIXED), r = Rr(t, "placement", 19, () => Ur.BOTTOM_END), i = Qe(null);
 		const o = [Xr.ABSOLUTE, Xr.FIXED], s = Fe(() => o.includes(n())), a = Fe(() => [
@@ -3522,13 +3522,13 @@ function Ji(e, t) {
 		};
 		return rr(f, (e) => {
 			t.children && e(d);
-		}), U(c), Dr(c, (e) => tt(i, e), () => yn(i)), Lt(() => {
+		}), U(c), Lr(c, (e) => tt(i, e), () => yn(i)), Dt(() => {
 			Or(c, "id", t.id), fr(c, 1, ar(yn(a))), hr(c, yn(l));
 		}), zn(e, c), te(u);
 	}(gt(x), Mr(() => yn(g), {
 		children: (e, t) => {
 			var n = Yi(), f = _t(n);
-			Dr(function(e, t) {
+			Lr(function(e, t) {
 				ee(t, !0);
 				let n = Rr(t, "size", 19, () => Gr.MD), r = Rr(t, "shape", 19, () => qr.CIRCLE);
 				const { eventEmitter: i } = Br();
@@ -3547,7 +3547,7 @@ function Ji(e, t) {
 				};
 				return rr(c, (e) => {
 					t.children && e(f);
-				}), U(u), Dr(u, (e) => tt(o, e), () => yn(o)), Lt(() => {
+				}), U(u), Lr(u, (e) => tt(o, e), () => yn(o)), Dt(() => {
 					Or(u, "id", t.id), fr(u, 1, ar(yn(s))), hr(u, yn(a)), Or(u, "aria-label", t.aria?.ariaLabel), Or(u, "aria-labelledby", t.aria?.ariaLabelledby), Or(u, "aria-describedby", t.aria?.ariaDescribedby), Or(u, "aria-disabled", t.aria?.ariaDisabled), Or(u, "aria-expanded", t.aria?.ariaExpanded), Or(u, "aria-controls", t.aria?.ariaControls), Or(u, "aria-haspopup", t.aria?.ariaHaspopup), Or(u, "aria-pressed", t.aria?.ariaPressed);
 				}), Tn("click", u, function(e) {
 					i.emit(zr.ON_VIDEO_CONTAINER_CLICK, e);
@@ -3563,7 +3563,7 @@ function Ji(e, t) {
 				}
 			}, () => yn(b), {
 				children: (e, t) => {
-					Dr(function(e, t) {
+					Lr(function(e, t) {
 						ee(t, !0);
 						let n = Rr(t, "preload", 19, () => wi.METADATA), r = Rr(t, "crossorigin", 19, () => Si.ANONYMOUS), i = Rr(t, "autoplay", 3, !0), o = Rr(t, "playsinline", 3, !0), s = Rr(t, "loop", 3, !0), a = Rr(t, "muted", 3, !0), l = Rr(t, "controls", 3, !1), u = Rr(t, "volume", 3, 1), c = Rr(t, "startTime", 3, 0);
 						const { eventEmitter: f } = Br();
@@ -3586,14 +3586,14 @@ function Ji(e, t) {
 								};
 							}
 						}, b = xi(), E = gt(b), C = gt(E);
-						U(E), Dr(E, (e) => tt(h, e), () => yn(h));
+						U(E), Lr(E, (e) => tt(h, e), () => yn(h));
 						var w = yt(E, 2), S = (e) => {
 							var n = $n();
 							er(_t(n), () => t.children), zn(e, n);
 						};
 						return rr(w, (e) => {
 							t.children && e(S);
-						}), U(b), Dr(b, (e) => tt(d, e), () => yn(d)), Lt(() => {
+						}), U(b), Lr(b, (e) => tt(d, e), () => yn(d)), Dt(() => {
 							Or(b, "id", t.id), fr(b, 1, ar(yn(p))), hr(b, yn(m)), fr(E, 1, ar(yn(g))), hr(E, yn(_)), Or(E, "poster", t.poster), Or(E, "preload", n()), E.autoplay = i(), E.loop = s(), E.muted = a(), E.controls = l(), E.playsInline = o(), Or(E, "crossorigin", r()), Or(C, "src", t.src), Or(C, "type", t.type), Or(C, "media", t.media);
 						}), In("loadedmetadata", E, function(...e) {
 							v.handleLoadedMetadata?.apply(this, e);
@@ -3627,7 +3627,7 @@ function Ji(e, t) {
 					}(e, Mr(() => yn(_), {
 						children: (e, t) => {
 							var n = Wi(), r = _t(n), i = (e) => {
-								Dr(Mi(e, Mr({ get size() {
+								Lr(Mi(e, Mr({ get size() {
 									return yn(p);
 								} }, () => yn(y))), (e) => tt(o, e, !0), () => yn(o));
 							};
@@ -3635,7 +3635,7 @@ function Ji(e, t) {
 								!1 !== yn(y) && e(i);
 							});
 							var u = yt(r, 2), c = (e) => {
-								Dr(Ui(e, Mr({
+								Lr(Ui(e, Mr({
 									get size() {
 										return yn(p);
 									},
@@ -3648,7 +3648,7 @@ function Ji(e, t) {
 								!1 !== yn(C) && e(c);
 							});
 							var f = yt(u, 2), d = (e) => {
-								Dr(Di(e, Mr({ get size() {
+								Lr(Li(e, Mr({ get size() {
 									return yn(p);
 								} }, () => yn(E))), (e) => tt(a, e, !0), () => yn(a));
 							};
@@ -3656,7 +3656,7 @@ function Ji(e, t) {
 								!1 !== yn(E) && e(d);
 							});
 							var h = yt(f, 2), v = (e) => {
-								Dr(Ki(e, Mr({
+								Lr(Ki(e, Mr({
 									get size() {
 										return yn(p);
 									},
@@ -3675,7 +3675,7 @@ function Ji(e, t) {
 				$$slots: { default: !0 }
 			})), (e) => r = e, () => r);
 			var d = yt(f, 2), h = (e) => {
-				Dr(yi(e, Mr({
+				Lr(yi(e, Mr({
 					get size() {
 						return yn(p);
 					},
@@ -3688,7 +3688,7 @@ function Ji(e, t) {
 				!1 !== yn(S) && e(h);
 			});
 			var v = yt(d, 2), g = (e) => {
-				Dr(Ci(e, Mr({ get size() {
+				Lr(Ci(e, Mr({ get size() {
 					return yn(p);
 				} }, () => yn(k))), (e) => tt(c, e, !0), () => yn(c));
 			};
@@ -3697,7 +3697,7 @@ function Ji(e, t) {
 			}), zn(e, n);
 		},
 		$$slots: { default: !0 }
-	})), (e) => n = e, () => n), U(x), Lt(() => fr(x, 1, ar(yn(O)))), zn(e, x), te(T);
+	})), (e) => n = e, () => n), U(x), Dt(() => fr(x, 1, ar(yn(O)))), zn(e, x), te(T);
 }
 function Qi() {
 	const e = /* @__PURE__ */ new WeakMap();
@@ -3706,7 +3706,7 @@ function Qi() {
 	}
 	return {
 		NAME: "@retoo/scena",
-		VERSION: "0.0.2",
+		VERSION: "0.1.0",
 		mount: function(n, r = document.body) {
 			const i = new Promise((o) => {
 				const s = eo(n), a = ro(s), l = Hr(), u = io(s, a, l);
@@ -3982,8 +3982,8 @@ function so(e, t) {
 		}
 	};
 }
-var ao = "undefined" != typeof HTMLElement ? HTMLElement : class {}, lo = class extends ao {
-	static tagName = "scena-video-widget";
+var ao = "scena-video-widget", lo = "undefined" != typeof HTMLElement ? HTMLElement : class {}, uo = class extends lo {
+	static tagName = ao;
 	_instance = null;
 	_scena = null;
 	_connected = !1;
@@ -4031,10 +4031,10 @@ var ao = "undefined" != typeof HTMLElement ? HTMLElement : class {}, lo = class
 		}));
 	}
 };
-function uo() {
-	return customElements.get(lo.tagName);
-}
 function co() {
-	uo() || customElements.define(lo.tagName, lo);
+	return customElements.get(uo.tagName);
+}
+function fo() {
+	co() || customElements.define(uo.tagName, uo);
 }
-Qr && (window.scenaWidget = Qi, window.defineScenaElement = co), exports.ComponentAriaHaspopup = Wr, exports.ComponentAriaPressed = Kr, exports.ComponentPlacement = Ur, exports.ComponentPosition = Xr, exports.ComponentShape = qr, exports.ComponentSize = Gr, exports.OverrideLayer = Yr, exports.Scena = Ji, exports.ScenaButtonAriaHaspopup = ci, exports.ScenaButtonAriaPressed = ui, exports.ScenaButtonShape = fi, exports.ScenaButtonType = hi, exports.ScenaButtonVariant = di, exports.ScenaCtaButtonPlacement = bi, exports.ScenaElement = lo, exports.ScenaEvent = zr, exports.ScenaVideoCrossOrigin = Si, exports.ScenaVideoPreload = wi, exports.ScenaVideoProgressVariant = Xi, exports.ScenaVideoState = ki, exports.defineScenaElement = co, exports.getScenaContext = Br, exports.getScenaElement = uo, exports.getScenaVideoContext = Oi, exports.scenaProgressCircleThicknessMap = Vi, exports.scenaProgressLineThicknessMap = Ri, exports.setScenaContext = jr, exports.setScenaVideoContext = Ii, exports.useEventEmitter = Hr, exports.useProgressCircle = zi, exports.useProgressLine = $i, exports.useScena = Qi, exports.useScenaConfig = eo, exports.useScenaOverrides = ro, exports.useScenaPreview = io, exports.useScenaResponsive = so, exports.useScenaVisibility = oo, exports.useVideoController = Ti;
+Qr && (window.scenaWidget = Qi, window.defineScenaElement = fo), exports.ComponentAriaHaspopup = Wr, exports.ComponentAriaPressed = Kr, exports.ComponentPlacement = Ur, exports.ComponentPosition = Xr, exports.ComponentShape = qr, exports.ComponentSize = Gr, exports.OverrideLayer = Yr, exports.SAFE_HTML_ELEMENT = lo, exports.ScenaButtonAriaHaspopup = ci, exports.ScenaButtonAriaPressed = ui, exports.ScenaButtonShape = fi, exports.ScenaButtonType = hi, exports.ScenaButtonVariant = di, exports.ScenaCtaButtonPlacement = bi, exports.ScenaElement = uo, exports.ScenaEvent = zr, exports.ScenaVideoCrossOrigin = Si, exports.ScenaVideoPreload = wi, exports.ScenaVideoProgressVariant = Xi, exports.ScenaVideoState = ki, exports.TAG_NAME = ao, exports.defineScenaElement = fo, exports.getScenaContext = Br, exports.getScenaElement = co, exports.getScenaVideoContext = Oi, exports.scenaProgressCircleThicknessMap = Vi, exports.scenaProgressLineThicknessMap = Ri, exports.setScenaContext = jr, exports.setScenaVideoContext = Ii, exports.useEventEmitter = Hr, exports.useProgressCircle = zi, exports.useProgressLine = $i, exports.useScena = Qi, exports.useScenaConfig = eo, exports.useScenaOverrides = ro, exports.useScenaPreview = io, exports.useScenaResponsive = so, exports.useScenaVisibility = oo, exports.useVideoController = Ti;