@retoo/scena 0.1.0 → 0.1.1

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.
@@ -3706,7 +3706,7 @@ function Qi() {
3706
3706
  }
3707
3707
  return {
3708
3708
  NAME: "@retoo/scena",
3709
- VERSION: "0.0.2",
3709
+ VERSION: "0.1.0",
3710
3710
  mount: function(n, r = document.body) {
3711
3711
  const i = new Promise((o) => {
3712
3712
  const s = eo(n), a = ro(s), l = Hr(), u = io(s, a, l);
@@ -3982,8 +3982,8 @@ function so(e, t) {
3982
3982
  }
3983
3983
  };
3984
3984
  }
3985
- var ao = "undefined" != typeof HTMLElement ? HTMLElement : class {}, lo = class extends ao {
3986
- static tagName = "scena-video-widget";
3985
+ var ao = "scena-video-widget", lo = "undefined" != typeof HTMLElement ? HTMLElement : class {}, uo = class extends lo {
3986
+ static tagName = ao;
3987
3987
  _instance = null;
3988
3988
  _scena = null;
3989
3989
  _connected = !1;
@@ -4031,11 +4031,11 @@ var ao = "undefined" != typeof HTMLElement ? HTMLElement : class {}, lo = class
4031
4031
  }));
4032
4032
  }
4033
4033
  };
4034
- function uo() {
4035
- return customElements.get(lo.tagName);
4036
- }
4037
4034
  function co() {
4038
- uo() || customElements.define(lo.tagName, lo);
4035
+ return customElements.get(uo.tagName);
4036
+ }
4037
+ function fo() {
4038
+ co() || customElements.define(uo.tagName, uo);
4039
4039
  }
4040
- Qr && (window.scenaWidget = Qi, window.defineScenaElement = co);
4041
- export { Wr as ComponentAriaHaspopup, Kr as ComponentAriaPressed, Ur as ComponentPlacement, Xr as ComponentPosition, qr as ComponentShape, Gr as ComponentSize, Yr as OverrideLayer, Ji as Scena, ci as ScenaButtonAriaHaspopup, ui as ScenaButtonAriaPressed, fi as ScenaButtonShape, hi as ScenaButtonType, di as ScenaButtonVariant, bi as ScenaCtaButtonPlacement, lo as ScenaElement, zr as ScenaEvent, Si as ScenaVideoCrossOrigin, wi as ScenaVideoPreload, Xi as ScenaVideoProgressVariant, ki as ScenaVideoState, co as defineScenaElement, jr as getScenaContext, uo as getScenaElement, Oi as getScenaVideoContext, Vi as scenaProgressCircleThicknessMap, Ri as scenaProgressLineThicknessMap, Br as setScenaContext, Ii as setScenaVideoContext, Hr as useEventEmitter, zi as useProgressCircle, $i as useProgressLine, Qi as useScena, eo as useScenaConfig, ro as useScenaOverrides, io as useScenaPreview, so as useScenaResponsive, oo as useScenaVisibility, Ti as useVideoController };
4040
+ Qr && (window.scenaWidget = Qi, window.defineScenaElement = fo);
4041
+ export { Wr as ComponentAriaHaspopup, Kr as ComponentAriaPressed, Ur as ComponentPlacement, Xr as ComponentPosition, qr as ComponentShape, Gr as ComponentSize, Yr as OverrideLayer, lo as SAFE_HTML_ELEMENT, ci as ScenaButtonAriaHaspopup, ui as ScenaButtonAriaPressed, fi as ScenaButtonShape, hi as ScenaButtonType, di as ScenaButtonVariant, bi as ScenaCtaButtonPlacement, uo as ScenaElement, zr as ScenaEvent, Si as ScenaVideoCrossOrigin, wi as ScenaVideoPreload, Xi as ScenaVideoProgressVariant, ki as ScenaVideoState, ao as TAG_NAME, fo as defineScenaElement, jr as getScenaContext, co as getScenaElement, Oi as getScenaVideoContext, Vi as scenaProgressCircleThicknessMap, Ri as scenaProgressLineThicknessMap, Br as setScenaContext, Ii as setScenaVideoContext, Hr as useEventEmitter, zi as useProgressCircle, $i as useProgressLine, Qi as useScena, eo as useScenaConfig, ro as useScenaOverrides, io as useScenaPreview, so as useScenaResponsive, oo as useScenaVisibility, Ti as useVideoController };
@@ -17,7 +17,7 @@
17
17
  reject: t
18
18
  };
19
19
  }
20
- var _ = 1024, y = 2048, b = 4096, E = 8192, C = 32768, w = 1 << 25, S = 65536, k = 1 << 19, O = 65536, I = 1 << 21, T = 1 << 23, A = Symbol("$state"), N = Symbol("legacy props"), D = Symbol(""), L = Symbol("attributes"), P = Symbol("class"), M = Symbol("style"), x = Symbol("text"), R = Symbol("form reset"), V = new class extends Error {
20
+ var _ = 1024, y = 2048, b = 4096, E = 8192, C = 32768, w = 1 << 25, S = 65536, k = 1 << 19, O = 65536, I = 1 << 21, T = 1 << 23, A = Symbol("$state"), N = Symbol("legacy props"), L = Symbol(""), D = Symbol("attributes"), P = Symbol("class"), M = Symbol("style"), x = Symbol("text"), R = Symbol("form reset"), V = new class extends Error {
21
21
  name = "StaleReactionError";
22
22
  message = "The reaction that called `getAbortSignal()` was re-run or destroyed";
23
23
  }(), $ = !!globalThis.document?.contentType && globalThis.document.contentType.includes("xml");
@@ -105,7 +105,7 @@
105
105
  }
106
106
  function ne(e) {
107
107
  var t = J, n = t.e;
108
- if (null !== n) for (var r of (t.e = null, n)) Dt(r);
108
+ if (null !== n) for (var r of (t.e = null, n)) Lt(r);
109
109
  return void 0 !== e && (t.x = e), t.i = !0, J = t.p, e ?? {};
110
110
  }
111
111
  function re() {
@@ -261,7 +261,7 @@
261
261
  else {
262
262
  this.#f.clear(), this.#d.clear();
263
263
  for (const e of this.#r) e(this);
264
- this.#r.clear(), be = this, De(r), De(n), be = null, this.#l?.resolve();
264
+ this.#r.clear(), be = this, Le(r), Le(n), be = null, this.#l?.resolve();
265
265
  var a = ye;
266
266
  if (this.linked && 0 === this.#s && this.#_(), this.#u.length > 0) {
267
267
  null === a && (a = this, this.#w());
@@ -373,7 +373,7 @@
373
373
  });
374
374
  u.activate();
375
375
  var i = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Map();
376
- for (var s of t) Le(s, r, i, o);
376
+ for (var s of t) De(s, r, i, o);
377
377
  o = /* @__PURE__ */ new Map();
378
378
  var a = [...u.current.keys()].filter((e) => !this.current.has(e) || this.current.get(e)[0] !== e.v);
379
379
  if (a.length > 0) for (const e of this.#c) 155648 & e.f || !Pe(e, a, o) || (4194320 & e.f ? (de(e, y), u.schedule(e)) : u.#f.add(e));
@@ -456,7 +456,7 @@
456
456
  }
457
457
  };
458
458
  var Ne = null;
459
- function De(e) {
459
+ function Le(e) {
460
460
  var t = e.length;
461
461
  if (0 !== t) {
462
462
  for (var n = 0; n < t;) {
@@ -479,10 +479,10 @@
479
479
  Ne = null;
480
480
  }
481
481
  }
482
- function Le(e, t, n, r) {
482
+ function De(e, t, n, r) {
483
483
  if (!n.has(e) && (n.add(e), null !== e.reactions)) for (const i of e.reactions) {
484
484
  const e = i.f;
485
- 2 & e ? Le(i, t, n, r) : 4194320 & e && !(2048 & e) && Pe(i, t, r) && (de(i, y), Me(i));
485
+ 2 & e ? De(i, t, n, r) : 4194320 & e && !(2048 & e) && Pe(i, t, r) && (de(i, y), Me(i));
486
486
  }
487
487
  }
488
488
  function Pe(e, t, n) {
@@ -517,8 +517,8 @@
517
517
  #T;
518
518
  #A;
519
519
  #N = null;
520
- #D = null;
521
520
  #L = null;
521
+ #D = null;
522
522
  #P = null;
523
523
  #M = 0;
524
524
  #x = 0;
@@ -563,16 +563,16 @@
563
563
  }
564
564
  #z(e) {
565
565
  const t = this.#I.failed;
566
- t && (this.#L = Vt(() => {
566
+ t && (this.#D = Vt(() => {
567
567
  t(this.#k, () => e, () => () => {});
568
568
  }));
569
569
  }
570
570
  #H() {
571
571
  const e = this.#I.pending;
572
- e && (this.is_pending = !0, this.#D = Vt(() => e(this.#k)), ae(() => {
572
+ e && (this.is_pending = !0, this.#L = Vt(() => e(this.#k)), ae(() => {
573
573
  var e = this.#P = document.createDocumentFragment(), t = pt();
574
- e.append(t), this.#N = this.#F(() => Vt(() => this.#T(t))), 0 === this.#x && (this.#k.before(e), this.#P = null, Ft(this.#D, () => {
575
- this.#D = null;
574
+ e.append(t), this.#N = this.#F(() => Vt(() => this.#T(t))), 0 === this.#x && (this.#k.before(e), this.#P = null, Ft(this.#L, () => {
575
+ this.#L = null;
576
576
  }), this.#G(ye));
577
577
  }));
578
578
  }
@@ -584,7 +584,7 @@
584
584
  var e = this.#P = document.createDocumentFragment();
585
585
  qt(this.#N, e);
586
586
  const t = this.#I.pending;
587
- this.#D = Vt(() => t(this.#k));
587
+ this.#L = Vt(() => t(this.#k));
588
588
  } else this.#G(ye);
589
589
  } catch (e) {
590
590
  this.error(e);
@@ -614,8 +614,8 @@
614
614
  }
615
615
  }
616
616
  #U(e, t) {
617
- this.has_pending_snippet() ? (this.#x += e, 0 === this.#x && (this.#G(t), this.#D && Ft(this.#D, () => {
618
- this.#D = null;
617
+ this.has_pending_snippet() ? (this.#x += e, 0 === this.#x && (this.#G(t), this.#L && Ft(this.#L, () => {
618
+ this.#L = null;
619
619
  }), this.#P && (this.#k.before(this.#P), this.#P = null))) : this.parent && this.parent.#U(e, t);
620
620
  }
621
621
  update_pending_count(e, t) {
@@ -628,20 +628,20 @@
628
628
  }
629
629
  error(e) {
630
630
  if (!this.#I.onerror && !this.#I.failed) throw e;
631
- ye?.is_fork ? (this.#N && ye.skip_effect(this.#N), this.#D && ye.skip_effect(this.#D), this.#L && ye.skip_effect(this.#L), ye.on_fork_commit(() => {
631
+ ye?.is_fork ? (this.#N && ye.skip_effect(this.#N), this.#L && ye.skip_effect(this.#L), this.#D && ye.skip_effect(this.#D), ye.on_fork_commit(() => {
632
632
  this.#X(e);
633
633
  })) : this.#X(e);
634
634
  }
635
635
  #X(e) {
636
- this.#N && (Ht(this.#N), this.#N = null), this.#D && (Ht(this.#D), this.#D = null), this.#L && (Ht(this.#L), this.#L = null), j && (G(this.#O), q(), G(K()));
636
+ this.#N && (Ht(this.#N), this.#N = null), this.#L && (Ht(this.#L), this.#L = null), this.#D && (Ht(this.#D), this.#D = null), j && (G(this.#O), q(), G(K()));
637
637
  var t = this.#I.onerror;
638
638
  let n = this.#I.failed;
639
639
  var r = !1, i = !1;
640
640
  const o = () => {
641
641
  r ? console.warn("https://svelte.dev/e/svelte_boundary_reset_noop") : (r = !0, i && function() {
642
642
  throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror");
643
- }(), null !== this.#L && Ft(this.#L, () => {
644
- this.#L = null;
643
+ }(), null !== this.#D && Ft(this.#D, () => {
644
+ this.#D = null;
645
645
  }), this.#F(() => {
646
646
  this.#j();
647
647
  }));
@@ -651,7 +651,7 @@
651
651
  } catch (e) {
652
652
  ce(e, this.#A && this.#A.parent);
653
653
  }
654
- n && (this.#L = this.#F(() => {
654
+ n && (this.#D = this.#F(() => {
655
655
  try {
656
656
  return Vt(() => {
657
657
  var t = tn;
@@ -1000,7 +1000,7 @@
1000
1000
  if (void 0 === ct) {
1001
1001
  ct = window, ft = /Firefox/.test(navigator.userAgent);
1002
1002
  var e = Element.prototype, t = Node.prototype, n = Text.prototype;
1003
- dt = u(t, "firstChild").get, ht = u(t, "nextSibling").get, v(e) && (e[P] = void 0, e[L] = null, e[M] = void 0, e.__e = void 0), v(n) && (n[x] = void 0);
1003
+ dt = u(t, "firstChild").get, ht = u(t, "nextSibling").get, v(e) && (e[P] = void 0, e[D] = null, e[M] = void 0, e.__e = void 0), v(n) && (n[x] = void 0);
1004
1004
  }
1005
1005
  }
1006
1006
  function pt(e = "") {
@@ -1134,14 +1134,14 @@
1134
1134
  function Nt(e) {
1135
1135
  Ot();
1136
1136
  var t = tn.f;
1137
- if (Jt || !(32 & t) || 32768 & t) return Dt(e);
1137
+ if (Jt || !(32 & t) || 32768 & t) return Lt(e);
1138
1138
  var n = J;
1139
1139
  (n.e ??= []).push(e);
1140
1140
  }
1141
- function Dt(e) {
1141
+ function Lt(e) {
1142
1142
  return It(1048580, e);
1143
1143
  }
1144
- function Lt(e) {
1144
+ function Dt(e) {
1145
1145
  return It(4, e);
1146
1146
  }
1147
1147
  function Pt(e, t = 0) {
@@ -1406,7 +1406,7 @@
1406
1406
  var Sn = Symbol("events"), kn = /* @__PURE__ */ new Set(), On = /* @__PURE__ */ new Set();
1407
1407
  function In(e, t, n, r = {}) {
1408
1408
  function i(e) {
1409
- if (r.capture || Dn.call(t, e), !e.cancelBubble) return kt(() => n?.call(this, e));
1409
+ if (r.capture || Ln.call(t, e), !e.cancelBubble) return kt(() => n?.call(this, e));
1410
1410
  }
1411
1411
  return e.startsWith("pointer") || e.startsWith("touch") || "wheel" === e ? ae(() => {
1412
1412
  t.addEventListener(e, i, r);
@@ -1428,7 +1428,7 @@
1428
1428
  for (var t = 0; t < e.length; t++) kn.add(e[t]);
1429
1429
  for (var n of On) n(e);
1430
1430
  }
1431
- function Dn(e) {
1431
+ function Ln(e) {
1432
1432
  var t = this, n = t.ownerDocument, r = e.type, i = e.composedPath?.() || [], o = i[0] || e.target, s = 0, a = e === e && e[Sn];
1433
1433
  if (a) {
1434
1434
  var u = i.indexOf(a);
@@ -1467,11 +1467,11 @@
1467
1467
  }
1468
1468
  }
1469
1469
  }
1470
- var Ln = globalThis?.window?.trustedTypes && globalThis.window.trustedTypes.createPolicy("svelte-trusted-html", { createHTML: (e) => e });
1470
+ var Dn = globalThis?.window?.trustedTypes && globalThis.window.trustedTypes.createPolicy("svelte-trusted-html", { createHTML: (e) => e });
1471
1471
  function Pn(e) {
1472
1472
  var t = Et("template");
1473
1473
  return t.innerHTML = function(e) {
1474
- return Ln?.createHTML(e) ?? e;
1474
+ return Dn?.createHTML(e) ?? e;
1475
1475
  }(e.replaceAll("<!>", "<!---->")), t.content;
1476
1476
  }
1477
1477
  function Mn(e, t) {
@@ -1615,7 +1615,7 @@
1615
1615
  var o = Yn.get(e);
1616
1616
  void 0 === o && (o = /* @__PURE__ */ new Map(), Yn.set(e, o));
1617
1617
  var s = o.get(r);
1618
- void 0 === s ? (e.addEventListener(r, Dn, { passive: i }), o.set(r, 1)) : o.set(r, s + 1);
1618
+ void 0 === s ? (e.addEventListener(r, Ln, { passive: i }), o.set(r, 1)) : o.set(r, s + 1);
1619
1619
  }
1620
1620
  }
1621
1621
  }
@@ -1623,7 +1623,7 @@
1623
1623
  return d(s(kn)), On.add(d), () => {
1624
1624
  for (var e of f) for (const r of [n, document]) {
1625
1625
  var t = Yn.get(r), i = t.get(e);
1626
- 0 == --i ? (r.removeEventListener(e, Dn), t.delete(e), 0 === t.size && Yn.delete(r)) : t.set(e, i);
1626
+ 0 == --i ? (r.removeEventListener(e, Ln), t.delete(e), 0 === t.size && Yn.delete(r)) : t.set(e, i);
1627
1627
  }
1628
1628
  On.delete(d), l !== r && l.parentNode?.removeChild(l);
1629
1629
  };
@@ -1762,7 +1762,7 @@
1762
1762
  var n, r = void 0;
1763
1763
  Rt(() => {
1764
1764
  r !== (r = t()) && (n && (Ht(n), n = null), r && (n = Vt(() => {
1765
- Lt(() => r(e));
1765
+ Dt(() => r(e));
1766
1766
  })));
1767
1767
  });
1768
1768
  }
@@ -1894,7 +1894,7 @@
1894
1894
  }
1895
1895
  function Ir(e, t, n, r) {
1896
1896
  var i = Ar(e);
1897
- j && (i[t] = e.getAttribute(t), "src" === t || "srcset" === t || "href" === t && e.nodeName === Er) || i[t] !== (i[t] = n) && ("loading" === t && (e[D] = n), null == n ? e.removeAttribute(t) : "string" != typeof n && Dr(e).includes(t) ? e[t] = n : e.setAttribute(t, n));
1897
+ j && (i[t] = e.getAttribute(t), "src" === t || "srcset" === t || "href" === t && e.nodeName === Er) || i[t] !== (i[t] = n) && ("loading" === t && (e[L] = n), null == n ? e.removeAttribute(t) : "string" != typeof n && Lr(e).includes(t) ? e[t] = n : e.setAttribute(t, n));
1898
1898
  }
1899
1899
  function Tr(e, t, r = [], i = [], o = [], s, a = !1, l = !1) {
1900
1900
  $e(o, r, i, (r) => {
@@ -1911,7 +1911,7 @@
1911
1911
  var f = t || {}, d = e.nodeName === wr;
1912
1912
  for (var h in t) h in r || (r[h] = null);
1913
1913
  r.class ? r.class = lr(r.class) : (i || r[gr]) && (r.class = null), r[_r] && (r.style ??= null);
1914
- var v = Dr(e);
1914
+ var v = Lr(e);
1915
1915
  for (const E in r) {
1916
1916
  let C = r[E];
1917
1917
  if (d && "value" === E && null == C) e.value = e.__value = "", f[E] = C;
@@ -1971,7 +1971,7 @@
1971
1971
  i = d;
1972
1972
  }), u) {
1973
1973
  var f = e;
1974
- Lt(() => {
1974
+ Dt(() => {
1975
1975
  pr(f, i.value, !0), function(e) {
1976
1976
  var t = new MutationObserver(() => {
1977
1977
  pr(e, e.__value);
@@ -1991,13 +1991,13 @@
1991
1991
  });
1992
1992
  }
1993
1993
  function Ar(e) {
1994
- return e[L] ??= {
1994
+ return e[D] ??= {
1995
1995
  [yr]: e.nodeName.includes("-"),
1996
1996
  [br]: "http://www.w3.org/1999/xhtml" === e.namespaceURI
1997
1997
  };
1998
1998
  }
1999
1999
  var Nr = /* @__PURE__ */ new Map();
2000
- function Dr(e) {
2000
+ function Lr(e) {
2001
2001
  var t, n = e.getAttribute("is") || e.nodeName, r = Nr.get(n);
2002
2002
  if (r) return r;
2003
2003
  Nr.set(n, r = []);
@@ -2007,23 +2007,23 @@
2007
2007
  }
2008
2008
  return r;
2009
2009
  }
2010
- function Lr(e, t) {
2010
+ function Dr(e, t) {
2011
2011
  return e === t || e?.[A] === t;
2012
2012
  }
2013
2013
  function Pr(e = {}, t, n, r) {
2014
2014
  var i = J.r, o = tn;
2015
- return Lt(() => {
2015
+ return Dt(() => {
2016
2016
  var s, a;
2017
2017
  return Pt(() => {
2018
2018
  s = a, a = r?.() || [], wn(() => {
2019
- Lr(n(...a), e) || (t(e, ...a), s && Lr(n(...s), e) && t(null, ...s));
2019
+ Dr(n(...a), e) || (t(e, ...a), s && Dr(n(...s), e) && t(null, ...s));
2020
2020
  });
2021
2021
  }), () => {
2022
2022
  let r = o;
2023
2023
  for (; r !== i && null !== r.parent && 33554432 & r.parent.f;) r = r.parent;
2024
2024
  const s = r.teardown;
2025
2025
  r.teardown = () => {
2026
- a && Lr(n(...a), e) && t(null, ...a), s?.();
2026
+ a && Dr(n(...a), e) && t(null, ...a), s?.();
2027
2027
  };
2028
2028
  };
2029
2029
  }), e;
@@ -2683,9 +2683,9 @@
2683
2683
  };
2684
2684
  }
2685
2685
  var Ni = xn("<div><video><source/></video> <!></div>", 2);
2686
- var Di = xn("<div role=\"button\" tabindex=\"0\"><!></div>");
2686
+ var Li = xn("<div role=\"button\" tabindex=\"0\"><!></div>");
2687
2687
  Nn(["click", "keydown"]);
2688
- var Li = xn("<div><span role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" class=\"rs-sr-only\"><!></span> <!></div>");
2688
+ var Di = xn("<div><span role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" class=\"rs-sr-only\"><!></span> <!></div>");
2689
2689
  function Pi(e, t) {
2690
2690
  te(t, !0);
2691
2691
  let n = Vr(t, "size", 19, () => Ur.MD), r = Vr(t, "aria", 19, () => ({
@@ -2704,7 +2704,7 @@
2704
2704
  playIcon: Qr(bn(c))
2705
2705
  };
2706
2706
  } }, g = zn(), _ = yt(g), y = (e) => {
2707
- var o = Li(), h = _t(o), m = _t(h), g = (e) => {
2707
+ var o = Di(), h = _t(o), m = _t(h), g = (e) => {
2708
2708
  Hn(e, $n("Playing"));
2709
2709
  }, _ = (e) => {
2710
2710
  Hn(e, $n("Paused"));
@@ -3544,7 +3544,7 @@
3544
3544
  ]), a = Ge(() => Jr(t.customStyles?.root));
3545
3545
  var l = { getElements: function() {
3546
3546
  return { root: bn(o) };
3547
- } }, u = Di(), c = _t(u), f = (e) => {
3547
+ } }, u = Li(), c = _t(u), f = (e) => {
3548
3548
  var n = zn();
3549
3549
  tr(yt(n), () => t.children), Hn(e, n);
3550
3550
  };
@@ -3709,7 +3709,7 @@
3709
3709
  }
3710
3710
  return {
3711
3711
  NAME: "@retoo/scena",
3712
- VERSION: "0.0.2",
3712
+ VERSION: "0.1.0",
3713
3713
  mount: function(n, r = document.body) {
3714
3714
  const i = new Promise((o) => {
3715
3715
  const s = to(n), a = io(s), l = Br(), u = oo(s, a, l);
@@ -3985,8 +3985,8 @@
3985
3985
  }
3986
3986
  };
3987
3987
  }
3988
- var lo = "undefined" != typeof HTMLElement ? HTMLElement : class {}, uo = class extends lo {
3989
- static tagName = "scena-video-widget";
3988
+ var lo = "scena-video-widget", uo = "undefined" != typeof HTMLElement ? HTMLElement : class {}, co = class extends uo {
3989
+ static tagName = lo;
3990
3990
  _instance = null;
3991
3991
  _scena = null;
3992
3992
  _connected = !1;
@@ -4034,11 +4034,11 @@
4034
4034
  }));
4035
4035
  }
4036
4036
  };
4037
- function co() {
4038
- return customElements.get(uo.tagName);
4039
- }
4040
4037
  function fo() {
4041
- co() || customElements.define(uo.tagName, uo);
4038
+ return customElements.get(co.tagName);
4039
+ }
4040
+ function ho() {
4041
+ fo() || customElements.define(co.tagName, co);
4042
4042
  }
4043
- ei && (window.scenaWidget = eo, window.defineScenaElement = fo), e.ComponentAriaHaspopup = Yr, e.ComponentAriaPressed = Wr, e.ComponentPlacement = Xr, e.ComponentPosition = qr, e.ComponentShape = Kr, e.ComponentSize = Ur, e.OverrideLayer = Zr, e.Scena = Qi, e.ScenaButtonAriaHaspopup = fi, e.ScenaButtonAriaPressed = ci, e.ScenaButtonShape = di, e.ScenaButtonType = vi, e.ScenaButtonVariant = hi, e.ScenaCtaButtonPlacement = Ei, e.ScenaElement = uo, e.ScenaEvent = Hr, e.ScenaVideoCrossOrigin = ki, e.ScenaVideoPreload = Si, e.ScenaVideoProgressVariant = qi, e.ScenaVideoState = Oi, e.defineScenaElement = fo, e.getScenaContext = jr, e.getScenaElement = co, e.getScenaVideoContext = Ii, e.scenaProgressCircleThicknessMap = $i, e.scenaProgressLineThicknessMap = Vi, e.setScenaContext = Fr, e.setScenaVideoContext = Ti, e.useEventEmitter = Br, e.useProgressCircle = Hi, e.useProgressLine = zi, e.useScena = eo, e.useScenaConfig = to, e.useScenaOverrides = io, e.useScenaPreview = oo, e.useScenaResponsive = ao, e.useScenaVisibility = so, e.useVideoController = Ai;
4043
+ ei && (window.scenaWidget = eo, window.defineScenaElement = ho), e.ComponentAriaHaspopup = Yr, e.ComponentAriaPressed = Wr, e.ComponentPlacement = Xr, e.ComponentPosition = qr, e.ComponentShape = Kr, e.ComponentSize = Ur, e.OverrideLayer = Zr, e.SAFE_HTML_ELEMENT = uo, e.ScenaButtonAriaHaspopup = fi, e.ScenaButtonAriaPressed = ci, e.ScenaButtonShape = di, e.ScenaButtonType = vi, e.ScenaButtonVariant = hi, e.ScenaCtaButtonPlacement = Ei, e.ScenaElement = co, e.ScenaEvent = Hr, e.ScenaVideoCrossOrigin = ki, e.ScenaVideoPreload = Si, e.ScenaVideoProgressVariant = qi, e.ScenaVideoState = Oi, e.TAG_NAME = lo, e.defineScenaElement = ho, e.getScenaContext = jr, e.getScenaElement = fo, e.getScenaVideoContext = Ii, e.scenaProgressCircleThicknessMap = $i, e.scenaProgressLineThicknessMap = Vi, e.setScenaContext = Fr, e.setScenaVideoContext = Ti, e.useEventEmitter = Br, e.useProgressCircle = Hi, e.useProgressLine = zi, e.useScena = eo, e.useScenaConfig = to, e.useScenaOverrides = io, e.useScenaPreview = oo, e.useScenaResponsive = ao, e.useScenaVisibility = so, e.useVideoController = Ai;
4044
4044
  });
package/dist/scena.umd.js CHANGED
@@ -7467,7 +7467,7 @@ createHTML: (html) => {
7467
7467
  }
7468
7468
  return {
7469
7469
  NAME: "@retoo/scena",
7470
- VERSION: "0.0.2",
7470
+ VERSION: "0.1.0",
7471
7471
  mount: mount$1,
7472
7472
  unmount: unmount$1
7473
7473
  };
@@ -7855,12 +7855,12 @@ createHTML: (html) => {
7855
7855
  /** Register matchMedia listeners for each breakpoint */
7856
7856
  for (const breakpoint of sortedBreakpoints) {
7857
7857
  /** Create media query for current breakpoint */
7858
- const march = window.matchMedia(`(max-width: ${breakpoint}px)`);
7858
+ const mql = window.matchMedia(`(max-width: ${breakpoint}px)`);
7859
7859
  /** Handler that recalculates active breakpoint */
7860
7860
  const handler = () => update(sortedBreakpoints, responsiveConfig);
7861
- march.addEventListener("change", handler);
7861
+ mql.addEventListener("change", handler);
7862
7862
  cleanups.push(() => {
7863
- march.removeEventListener("change", handler);
7863
+ mql.removeEventListener("change", handler);
7864
7864
  });
7865
7865
  }
7866
7866
  /** Run initial evaluation to set the correct breakpoint on mount */
@@ -8037,7 +8037,7 @@ createHTML: (html) => {
8037
8037
  exports.ComponentShape = ComponentShape;
8038
8038
  exports.ComponentSize = ComponentSize;
8039
8039
  exports.OverrideLayer = OverrideLayer;
8040
- exports.Scena = Scena;
8040
+ exports.SAFE_HTML_ELEMENT = SAFE_HTML_ELEMENT;
8041
8041
  exports.ScenaButtonAriaHaspopup = ScenaButtonAriaHaspopup;
8042
8042
  exports.ScenaButtonAriaPressed = ScenaButtonAriaPressed;
8043
8043
  exports.ScenaButtonShape = ScenaButtonShape;
@@ -8050,6 +8050,7 @@ createHTML: (html) => {
8050
8050
  exports.ScenaVideoPreload = ScenaVideoPreload;
8051
8051
  exports.ScenaVideoProgressVariant = ScenaVideoProgressVariant;
8052
8052
  exports.ScenaVideoState = ScenaVideoState;
8053
+ exports.TAG_NAME = TAG_NAME;
8053
8054
  exports.defineScenaElement = defineScenaElement;
8054
8055
  exports.getScenaContext = getScenaContext;
8055
8056
  exports.getScenaElement = getScenaElement;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@retoo/scena",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "description": "Embeddable video widget for any website. Framework-agnostic, SSR-safe.",
5
5
  "keywords": [
6
6
  "cta",