@vouchfor/embeds 0.0.0-experiment.146014a → 0.0.0-experiment.14fd0e7

package/dist/es/embeds.js

@@ -1,4 +1,4 @@
-import { property as y, state as jt, customElement as he } from "lit/decorators.js";
+import { property as v, state as jt, customElement as he } from "lit/decorators.js";
 import { ifDefined as ft } from "lit/directives/if-defined.js";
 import { createRef as Bt, ref as Wt } from "lit/directives/ref.js";
 import { Task as le } from "@lit/task";
@@ -10,7 +10,7 @@ import "@vouchfor/media-player";
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const G = globalThis, _t = G.ShadowRoot && (G.ShadyCSS === void 0 || G.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, qt = Symbol(), gt = /* @__PURE__ */ new WeakMap();
-let ce = class {
+let de = class {
   constructor(t, e, i) {
     if (this._$cssResult$ = !0, i !== qt)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -29,7 +29,7 @@ let ce = class {
     return this.cssText;
   }
 };
-const de = (r) => new ce(typeof r == "string" ? r : r + "", void 0, qt), pe = (r, t) => {
+const ce = (r) => new de(typeof r == "string" ? r : r + "", void 0, qt), pe = (r, t) => {
   if (_t)
     r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else
@@ -37,21 +37,21 @@ const de = (r) => new ce(typeof r == "string" ? r : r + "", void 0, qt), pe = (r
       const i = document.createElement("style"), s = G.litNonce;
       s !== void 0 && i.setAttribute("nonce", s), i.textContent = e.cssText, r.appendChild(i);
     }
-}, yt = _t ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
+}, vt = _t ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const i of t.cssRules)
     e += i.cssText;
-  return de(e);
+  return ce(e);
 })(r) : r;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: ue, defineProperty: _e, getOwnPropertyDescriptor: me, getOwnPropertyNames: $e, getOwnPropertySymbols: fe, getPrototypeOf: ge } = Object, b = globalThis, vt = b.trustedTypes, ye = vt ? vt.emptyScript : "", rt = b.reactiveElementPolyfillSupport, I = (r, t) => r, dt = { toAttribute(r, t) {
+const { is: ue, defineProperty: _e, getOwnPropertyDescriptor: me, getOwnPropertyNames: $e, getOwnPropertySymbols: fe, getPrototypeOf: ge } = Object, b = globalThis, yt = b.trustedTypes, ve = yt ? yt.emptyScript : "", rt = b.reactiveElementPolyfillSupport, I = (r, t) => r, ct = { toAttribute(r, t) {
   switch (t) {
     case Boolean:
-      r = r ? ye : null;
+      r = r ? ve : null;
       break;
     case Object:
     case Array:
@@ -76,7 +76,7 @@ const { is: ue, defineProperty: _e, getOwnPropertyDescriptor: me, getOwnProperty
       }
   }
   return e;
-} }, Xt = (r, t) => !ue(r, t), At = { attribute: !0, type: String, converter: dt, reflect: !1, hasChanged: Xt };
+} }, Xt = (r, t) => !ue(r, t), At = { attribute: !0, type: String, converter: ct, reflect: !1, hasChanged: Xt };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), b.litPropertyMetadata ?? (b.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let N = class extends HTMLElement {
   static addInitializer(t) {
@@ -140,9 +140,9 @@ let N = class extends HTMLElement {
     if (Array.isArray(t)) {
       const i = new Set(t.flat(1 / 0).reverse());
       for (const s of i)
-        e.unshift(yt(s));
+        e.unshift(vt(s));
     } else
-      t !== void 0 && e.push(yt(t));
+      t !== void 0 && e.push(vt(t));
     return e;
   }
   static _$Eu(t, e) {
@@ -197,7 +197,7 @@ let N = class extends HTMLElement {
     var n;
     const i = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, i);
     if (s !== void 0 && i.reflect === !0) {
-      const o = (((n = i.converter) == null ? void 0 : n.toAttribute) !== void 0 ? i.converter : dt).toAttribute(e, i.type);
+      const o = (((n = i.converter) == null ? void 0 : n.toAttribute) !== void 0 ? i.converter : ct).toAttribute(e, i.type);
       this._$Em = t, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
     }
   }
@@ -205,7 +205,7 @@ let N = class extends HTMLElement {
     var n;
     const i = this.constructor, s = i._$Eh.get(t);
     if (s !== void 0 && this._$Em !== s) {
-      const o = i.getPropertyOptions(s), h = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : dt;
+      const o = i.getPropertyOptions(s), h = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : ct;
       this._$Em = s, this[s] = h.fromAttribute(e, o.type), this._$Em = null;
     }
   }
@@ -295,8 +295,8 @@ N.elementStyles = [], N.shadowRootOptions = { mode: "open" }, N[I("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const V = globalThis, Y = V.trustedTypes, bt = Y ? Y.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Jt = "$lit$", v = `lit$${(Math.random() + "").slice(9)}$`, Kt = "?" + v, ve = `<${Kt}>`, T = document, Q = () => T.createComment(""), B = (r) => r === null || typeof r != "object" && typeof r != "function", Ft = Array.isArray, Ae = (r) => Ft(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", nt = `[ 	
-\f\r]`, M = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Et = /-->/g, St = />/g, S = RegExp(`>|${nt}(?:([^\\s"'>=/]+)(${nt}*=${nt}*(?:[^ 	
+const V = globalThis, Y = V.trustedTypes, bt = Y ? Y.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Jt = "$lit$", y = `lit$${(Math.random() + "").slice(9)}$`, Kt = "?" + y, ye = `<${Kt}>`, T = document, Q = () => T.createComment(""), B = (r) => r === null || typeof r != "object" && typeof r != "function", Ft = Array.isArray, Ae = (r) => Ft(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", nt = `[ 	
+\f\r]`, L = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Et = /-->/g, St = />/g, S = RegExp(`>|${nt}(?:([^\\s"'>=/]+)(${nt}*=${nt}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), wt = /'/g, Pt = /"/g, Gt = /^(?:script|style|textarea|title)$/i, W = Symbol.for("lit-noChange"), _ = Symbol.for("lit-nothing"), Ct = /* @__PURE__ */ new WeakMap(), C = T.createTreeWalker(T, 129);
 function Zt(r, t) {
   if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
@@ -305,14 +305,14 @@ function Zt(r, t) {
 }
 const be = (r, t) => {
   const e = r.length - 1, i = [];
-  let s, n = t === 2 ? "<svg>" : "", o = M;
+  let s, n = t === 2 ? "<svg>" : "", o = L;
   for (let h = 0; h < e; h++) {
     const a = r[h];
-    let c, d, l = -1, p = 0;
-    for (; p < a.length && (o.lastIndex = p, d = o.exec(a), d !== null); )
-      p = o.lastIndex, o === M ? d[1] === "!--" ? o = Et : d[1] !== void 0 ? o = St : d[2] !== void 0 ? (Gt.test(d[2]) && (s = RegExp("</" + d[2], "g")), o = S) : d[3] !== void 0 && (o = S) : o === S ? d[0] === ">" ? (o = s ?? M, l = -1) : d[1] === void 0 ? l = -2 : (l = o.lastIndex - d[2].length, c = d[1], o = d[3] === void 0 ? S : d[3] === '"' ? Pt : wt) : o === Pt || o === wt ? o = S : o === Et || o === St ? o = M : (o = S, s = void 0);
+    let d, c, l = -1, p = 0;
+    for (; p < a.length && (o.lastIndex = p, c = o.exec(a), c !== null); )
+      p = o.lastIndex, o === L ? c[1] === "!--" ? o = Et : c[1] !== void 0 ? o = St : c[2] !== void 0 ? (Gt.test(c[2]) && (s = RegExp("</" + c[2], "g")), o = S) : c[3] !== void 0 && (o = S) : o === S ? c[0] === ">" ? (o = s ?? L, l = -1) : c[1] === void 0 ? l = -2 : (l = o.lastIndex - c[2].length, d = c[1], o = c[3] === void 0 ? S : c[3] === '"' ? Pt : wt) : o === Pt || o === wt ? o = S : o === Et || o === St ? o = L : (o = S, s = void 0);
     const u = o === S && r[h + 1].startsWith("/>") ? " " : "";
-    n += o === M ? a + ve : l >= 0 ? (i.push(c), a.slice(0, l) + Jt + a.slice(l) + v + u) : a + v + (l === -2 ? h : u);
+    n += o === L ? a + ye : l >= 0 ? (i.push(d), a.slice(0, l) + Jt + a.slice(l) + y + u) : a + y + (l === -2 ? h : u);
   }
   return [Zt(r, n + (r[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
 };
@@ -321,8 +321,8 @@ let pt = class Yt {
     let s;
     this.parts = [];
     let n = 0, o = 0;
-    const h = t.length - 1, a = this.parts, [c, d] = be(t, e);
-    if (this.el = Yt.createElement(c, i), C.currentNode = this.el.content, e === 2) {
+    const h = t.length - 1, a = this.parts, [d, c] = be(t, e);
+    if (this.el = Yt.createElement(d, i), C.currentNode = this.el.content, e === 2) {
       const l = this.el.content.firstChild;
       l.replaceWith(...l.childNodes);
     }
@@ -331,12 +331,12 @@ let pt = class Yt {
         if (s.hasAttributes())
           for (const l of s.getAttributeNames())
             if (l.endsWith(Jt)) {
-              const p = d[o++], u = s.getAttribute(l).split(v), g = /([.?@])?(.*)/.exec(p);
+              const p = c[o++], u = s.getAttribute(l).split(y), g = /([.?@])?(.*)/.exec(p);
               a.push({ type: 1, index: n, name: g[2], strings: u, ctor: g[1] === "." ? Se : g[1] === "?" ? we : g[1] === "@" ? Pe : it }), s.removeAttribute(l);
             } else
-              l.startsWith(v) && (a.push({ type: 6, index: n }), s.removeAttribute(l));
+              l.startsWith(y) && (a.push({ type: 6, index: n }), s.removeAttribute(l));
         if (Gt.test(s.tagName)) {
-          const l = s.textContent.split(v), p = l.length - 1;
+          const l = s.textContent.split(y), p = l.length - 1;
           if (p > 0) {
             s.textContent = Y ? Y.emptyScript : "";
             for (let u = 0; u < p; u++)
@@ -349,8 +349,8 @@ let pt = class Yt {
           a.push({ type: 2, index: n });
         else {
           let l = -1;
-          for (; (l = s.data.indexOf(v, l + 1)) !== -1; )
-            a.push({ type: 7, index: n }), l += v.length - 1;
+          for (; (l = s.data.indexOf(y, l + 1)) !== -1; )
+            a.push({ type: 7, index: n }), l += y.length - 1;
         }
       n++;
     }
@@ -360,13 +360,13 @@ let pt = class Yt {
     return i.innerHTML = t, i;
   }
 };
-function k(r, t, e = r, i) {
+function H(r, t, e = r, i) {
   var o, h;
   if (t === W)
     return t;
   let s = i !== void 0 ? (o = e._$Co) == null ? void 0 : o[i] : e._$Cl;
   const n = B(t) ? void 0 : t._$litDirective$;
-  return (s == null ? void 0 : s.constructor) !== n && ((h = s == null ? void 0 : s._$AO) == null || h.call(s, !1), n === void 0 ? s = void 0 : (s = new n(r), s._$AT(r, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = s : e._$Cl = s), s !== void 0 && (t = k(r, s._$AS(r, t.values), s, i)), t;
+  return (s == null ? void 0 : s.constructor) !== n && ((h = s == null ? void 0 : s._$AO) == null || h.call(s, !1), n === void 0 ? s = void 0 : (s = new n(r), s._$AT(r, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = s : e._$Cl = s), s !== void 0 && (t = H(r, s._$AS(r, t.values), s, i)), t;
 }
 let Ee = class {
   constructor(t, e) {
@@ -384,8 +384,8 @@ let Ee = class {
     let n = C.nextNode(), o = 0, h = 0, a = i[0];
     for (; a !== void 0; ) {
       if (o === a.index) {
-        let c;
-        a.type === 2 ? c = new Qt(n, n.nextSibling, this, t) : a.type === 1 ? c = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (c = new Ce(n, this, t)), this._$AV.push(c), a = i[++h];
+        let d;
+        a.type === 2 ? d = new Qt(n, n.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (d = new Ce(n, this, t)), this._$AV.push(d), a = i[++h];
       }
       o !== (a == null ? void 0 : a.index) && (n = C.nextNode(), o++);
     }
@@ -416,7 +416,7 @@ let Ee = class {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = k(this, t, e), B(t) ? t === _ || t == null || t === "" ? (this._$AH !== _ && this._$AR(), this._$AH = _) : t !== this._$AH && t !== W && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : Ae(t) ? this.T(t) : this._(t);
+    t = H(this, t, e), B(t) ? t === _ || t == null || t === "" ? (this._$AH !== _ && this._$AR(), this._$AH = _) : t !== this._$AH && t !== W && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : Ae(t) ? this.T(t) : this._(t);
   }
   k(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -474,12 +474,12 @@ let Ee = class {
     const n = this.strings;
     let o = !1;
     if (n === void 0)
-      t = k(this, t, e, 0), o = !B(t) || t !== this._$AH && t !== W, o && (this._$AH = t);
+      t = H(this, t, e, 0), o = !B(t) || t !== this._$AH && t !== W, o && (this._$AH = t);
     else {
       const h = t;
-      let a, c;
+      let a, d;
       for (t = n[0], a = 0; a < n.length - 1; a++)
-        c = k(this, h[i + a], e, a), c === W && (c = this._$AH[a]), o || (o = !B(c) || c !== this._$AH[a]), c === _ ? t = _ : t !== _ && (t += (c ?? "") + n[a + 1]), this._$AH[a] = c;
+        d = H(this, h[i + a], e, a), d === W && (d = this._$AH[a]), o || (o = !B(d) || d !== this._$AH[a]), d === _ ? t = _ : t !== _ && (t += (d ?? "") + n[a + 1]), this._$AH[a] = d;
     }
     o && !s && this.O(t);
   }
@@ -505,7 +505,7 @@ let Ee = class {
     super(t, e, i, s, n), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = k(this, t, e, 0) ?? _) === W)
+    if ((t = H(this, t, e, 0) ?? _) === W)
       return;
     const i = this._$AH, s = t === _ && i !== _ || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== _ && (i === _ || s);
     s && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
@@ -522,7 +522,7 @@ let Ee = class {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    k(this, t);
+    H(this, t);
   }
 };
 const ot = V.litHtmlPolyfillSupport;
@@ -571,10 +571,10 @@ const Te = (r) => new Ue(typeof r == "string" ? r : r + "", void 0, ee), xe = (r
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Re, defineProperty: ke, getOwnPropertyDescriptor: He, getOwnPropertyNames: Oe, getOwnPropertySymbols: Ne, getPrototypeOf: Me } = Object, E = globalThis, xt = E.trustedTypes, Le = xt ? xt.emptyScript : "", at = E.reactiveElementPolyfillSupport, D = (r, t) => r, ut = { toAttribute(r, t) {
+const { is: Re, defineProperty: He, getOwnPropertyDescriptor: ke, getOwnPropertyNames: Oe, getOwnPropertySymbols: Ne, getPrototypeOf: Le } = Object, E = globalThis, xt = E.trustedTypes, Me = xt ? xt.emptyScript : "", at = E.reactiveElementPolyfillSupport, D = (r, t) => r, ut = { toAttribute(r, t) {
   switch (t) {
     case Boolean:
-      r = r ? Le : null;
+      r = r ? Me : null;
       break;
     case Object:
     case Array:
@@ -611,11 +611,11 @@ class R extends HTMLElement {
   static createProperty(t, e = Rt) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
       const i = Symbol(), s = this.getPropertyDescriptor(t, i, e);
-      s !== void 0 && ke(this.prototype, t, s);
+      s !== void 0 && He(this.prototype, t, s);
     }
   }
   static getPropertyDescriptor(t, e, i) {
-    const { get: s, set: n } = He(this.prototype, t) ?? { get() {
+    const { get: s, set: n } = ke(this.prototype, t) ?? { get() {
       return this[e];
     }, set(o) {
       this[e] = o;
@@ -633,7 +633,7 @@ class R extends HTMLElement {
   static _$Ei() {
     if (this.hasOwnProperty(D("elementProperties")))
       return;
-    const t = Me(this);
+    const t = Le(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
@@ -818,24 +818,24 @@ R.elementStyles = [], R.shadowRootOptions = { mode: "open" }, R[D("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const z = globalThis, tt = z.trustedTypes, kt = tt ? tt.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, se = "$lit$", A = `lit$${(Math.random() + "").slice(9)}$`, re = "?" + A, Ie = `<${re}>`, x = document, q = () => x.createComment(""), X = (r) => r === null || typeof r != "object" && typeof r != "function", ne = Array.isArray, Ve = (r) => ne(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", ht = `[ 	
-\f\r]`, L = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ht = /-->/g, Ot = />/g, w = RegExp(`>|${ht}(?:([^\\s"'>=/]+)(${ht}*=${ht}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Nt = /'/g, Mt = /"/g, oe = /^(?:script|style|textarea|title)$/i, De = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), ze = De(1), H = Symbol.for("lit-noChange"), m = Symbol.for("lit-nothing"), Lt = /* @__PURE__ */ new WeakMap(), U = x.createTreeWalker(x, 129);
+const z = globalThis, tt = z.trustedTypes, Ht = tt ? tt.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, se = "$lit$", A = `lit$${(Math.random() + "").slice(9)}$`, re = "?" + A, Ie = `<${re}>`, x = document, q = () => x.createComment(""), X = (r) => r === null || typeof r != "object" && typeof r != "function", ne = Array.isArray, Ve = (r) => ne(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", ht = `[ 	
+\f\r]`, M = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, kt = /-->/g, Ot = />/g, w = RegExp(`>|${ht}(?:([^\\s"'>=/]+)(${ht}*=${ht}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Nt = /'/g, Lt = /"/g, oe = /^(?:script|style|textarea|title)$/i, De = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), ze = De(1), k = Symbol.for("lit-noChange"), m = Symbol.for("lit-nothing"), Mt = /* @__PURE__ */ new WeakMap(), U = x.createTreeWalker(x, 129);
 function ae(r, t) {
   if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
-  return kt !== void 0 ? kt.createHTML(t) : t;
+  return Ht !== void 0 ? Ht.createHTML(t) : t;
 }
 const je = (r, t) => {
   const e = r.length - 1, i = [];
-  let s, n = t === 2 ? "<svg>" : "", o = L;
+  let s, n = t === 2 ? "<svg>" : "", o = M;
   for (let h = 0; h < e; h++) {
     const a = r[h];
-    let c, d, l = -1, p = 0;
-    for (; p < a.length && (o.lastIndex = p, d = o.exec(a), d !== null); )
-      p = o.lastIndex, o === L ? d[1] === "!--" ? o = Ht : d[1] !== void 0 ? o = Ot : d[2] !== void 0 ? (oe.test(d[2]) && (s = RegExp("</" + d[2], "g")), o = w) : d[3] !== void 0 && (o = w) : o === w ? d[0] === ">" ? (o = s ?? L, l = -1) : d[1] === void 0 ? l = -2 : (l = o.lastIndex - d[2].length, c = d[1], o = d[3] === void 0 ? w : d[3] === '"' ? Mt : Nt) : o === Mt || o === Nt ? o = w : o === Ht || o === Ot ? o = L : (o = w, s = void 0);
+    let d, c, l = -1, p = 0;
+    for (; p < a.length && (o.lastIndex = p, c = o.exec(a), c !== null); )
+      p = o.lastIndex, o === M ? c[1] === "!--" ? o = kt : c[1] !== void 0 ? o = Ot : c[2] !== void 0 ? (oe.test(c[2]) && (s = RegExp("</" + c[2], "g")), o = w) : c[3] !== void 0 && (o = w) : o === w ? c[0] === ">" ? (o = s ?? M, l = -1) : c[1] === void 0 ? l = -2 : (l = o.lastIndex - c[2].length, d = c[1], o = c[3] === void 0 ? w : c[3] === '"' ? Lt : Nt) : o === Lt || o === Nt ? o = w : o === kt || o === Ot ? o = M : (o = w, s = void 0);
     const u = o === w && r[h + 1].startsWith("/>") ? " " : "";
-    n += o === L ? a + Ie : l >= 0 ? (i.push(c), a.slice(0, l) + se + a.slice(l) + A + u) : a + A + (l === -2 ? h : u);
+    n += o === M ? a + Ie : l >= 0 ? (i.push(d), a.slice(0, l) + se + a.slice(l) + A + u) : a + A + (l === -2 ? h : u);
   }
   return [ae(r, n + (r[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
 };
@@ -844,8 +844,8 @@ class J {
     let s;
     this.parts = [];
     let n = 0, o = 0;
-    const h = t.length - 1, a = this.parts, [c, d] = je(t, e);
-    if (this.el = J.createElement(c, i), U.currentNode = this.el.content, e === 2) {
+    const h = t.length - 1, a = this.parts, [d, c] = je(t, e);
+    if (this.el = J.createElement(d, i), U.currentNode = this.el.content, e === 2) {
       const l = this.el.content.firstChild;
       l.replaceWith(...l.childNodes);
     }
@@ -854,7 +854,7 @@ class J {
         if (s.hasAttributes())
           for (const l of s.getAttributeNames())
             if (l.endsWith(se)) {
-              const p = d[o++], u = s.getAttribute(l).split(A), g = /([.?@])?(.*)/.exec(p);
+              const p = c[o++], u = s.getAttribute(l).split(A), g = /([.?@])?(.*)/.exec(p);
               a.push({ type: 1, index: n, name: g[2], strings: u, ctor: g[1] === "." ? We : g[1] === "?" ? qe : g[1] === "@" ? Xe : st }), s.removeAttribute(l);
             } else
               l.startsWith(A) && (a.push({ type: 6, index: n }), s.removeAttribute(l));
@@ -885,7 +885,7 @@ class J {
 }
 function O(r, t, e = r, i) {
   var o, h;
-  if (t === H)
+  if (t === k)
     return t;
   let s = i !== void 0 ? (o = e._$Co) == null ? void 0 : o[i] : e._$Cl;
   const n = X(t) ? void 0 : t._$litDirective$;
@@ -907,8 +907,8 @@ class Be {
     let n = U.nextNode(), o = 0, h = 0, a = i[0];
     for (; a !== void 0; ) {
       if (o === a.index) {
-        let c;
-        a.type === 2 ? c = new K(n, n.nextSibling, this, t) : a.type === 1 ? c = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (c = new Je(n, this, t)), this._$AV.push(c), a = i[++h];
+        let d;
+        a.type === 2 ? d = new K(n, n.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (d = new Je(n, this, t)), this._$AV.push(d), a = i[++h];
       }
       o !== (a == null ? void 0 : a.index) && (n = U.nextNode(), o++);
     }
@@ -940,7 +940,7 @@ class K {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = O(this, t, e), X(t) ? t === m || t == null || t === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : t !== this._$AH && t !== H && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : Ve(t) ? this.T(t) : this._(t);
+    t = O(this, t, e), X(t) ? t === m || t == null || t === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : t !== this._$AH && t !== k && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : Ve(t) ? this.T(t) : this._(t);
   }
   k(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -962,8 +962,8 @@ class K {
     }
   }
   _$AC(t) {
-    let e = Lt.get(t.strings);
-    return e === void 0 && Lt.set(t.strings, e = new J(t)), e;
+    let e = Mt.get(t.strings);
+    return e === void 0 && Mt.set(t.strings, e = new J(t)), e;
   }
   T(t) {
     ne(this._$AH) || (this._$AH = [], this._$AR());
@@ -999,12 +999,12 @@ class st {
     const n = this.strings;
     let o = !1;
     if (n === void 0)
-      t = O(this, t, e, 0), o = !X(t) || t !== this._$AH && t !== H, o && (this._$AH = t);
+      t = O(this, t, e, 0), o = !X(t) || t !== this._$AH && t !== k, o && (this._$AH = t);
     else {
       const h = t;
-      let a, c;
+      let a, d;
       for (t = n[0], a = 0; a < n.length - 1; a++)
-        c = O(this, h[i + a], e, a), c === H && (c = this._$AH[a]), o || (o = !X(c) || c !== this._$AH[a]), c === m ? t = m : t !== m && (t += (c ?? "") + n[a + 1]), this._$AH[a] = c;
+        d = O(this, h[i + a], e, a), d === k && (d = this._$AH[a]), o || (o = !X(d) || d !== this._$AH[a]), d === m ? t = m : t !== m && (t += (d ?? "") + n[a + 1]), this._$AH[a] = d;
     }
     o && !s && this.O(t);
   }
@@ -1033,7 +1033,7 @@ class Xe extends st {
     super(t, e, i, s, n), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = O(this, t, e, 0) ?? m) === H)
+    if ((t = O(this, t, e, 0) ?? m) === k)
       return;
     const i = this._$AH, s = t === m && i !== m || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== m && (i === m || s);
     s && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
@@ -1092,13 +1092,13 @@ class j extends R {
     super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
   }
   render() {
-    return H;
+    return k;
   }
 }
 var zt;
 j._$litElement$ = !0, j.finalized = !0, (zt = globalThis.litElementHydrateSupport) == null || zt.call(globalThis, { LitElement: j });
-const ct = globalThis.litElementPolyfillSupport;
-ct == null || ct({ LitElement: j });
+const dt = globalThis.litElementPolyfillSupport;
+dt == null || dt({ LitElement: j });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.2");
 function Fe(r, t, e) {
   function i(s) {
@@ -1160,7 +1160,7 @@ function et(r) {
 class ni {
   constructor(t) {
     this._fetching = !1, this.getVouch = async (e, i, s) => {
-      var d;
+      var c;
       const { embedApiUrl: n } = et(e), o = P(), h = await fetch(`${n}/vouches/${s}`, {
         method: "GET",
         headers: [
@@ -1168,7 +1168,7 @@ class ni {
           ["X-Cache-Check", o]
         ]
       }), a = await h.json();
-      return this.host.dispatchEvent(new CustomEvent("vouch:loaded", { detail: a == null ? void 0 : a.id })), ((d = h == null ? void 0 : h.headers) == null ? void 0 : d.get("X-Cache-Check")) !== o && fetch(`${n}/vouches/${s}`, {
+      return this.host.dispatchEvent(new CustomEvent("vouch:loaded", { detail: a == null ? void 0 : a.id })), ((c = h == null ? void 0 : h.headers) == null ? void 0 : c.get("X-Cache-Check")) !== o && fetch(`${n}/vouches/${s}`, {
         method: "GET",
         headers: [
           ["X-Api-Key", i],
@@ -1176,7 +1176,7 @@ class ni {
         ]
       }), a;
     }, this.getTemplate = async (e, i, s) => {
-      var d;
+      var c;
       const { embedApiUrl: n } = et(e), o = P(), h = await fetch(`${n}/templates/${s}`, {
         method: "GET",
         headers: [
@@ -1184,7 +1184,7 @@ class ni {
           ["X-Cache-Check", o]
         ]
       }), a = await h.json();
-      return ((d = h == null ? void 0 : h.headers) == null ? void 0 : d.get("X-Cache-Check")) !== o && fetch(`${n}/templates/${s}`, {
+      return ((c = h == null ? void 0 : h.headers) == null ? void 0 : c.get("X-Cache-Check")) !== o && fetch(`${n}/templates/${s}`, {
         method: "GET",
         headers: [
           ["X-Api-Key", i],
@@ -1194,7 +1194,7 @@ class ni {
     }, this.host = t, new le(
       this.host,
       async ([e, i, s, n, o]) => {
-        var h, a, c, d;
+        var h, a, d, c;
         try {
           if (t.vouch = void 0, t.template = void 0, s) {
             let l;
@@ -1205,7 +1205,7 @@ class ni {
               this.getVouch(e, i, n),
               o ? this.getTemplate(e, i, o) : null
             ]);
-            t.vouch = l, t.template = p ?? ((d = (c = l == null ? void 0 : l.settings) == null ? void 0 : c.template) == null ? void 0 : d.instance);
+            t.vouch = l, t.template = p ?? ((c = (d = l == null ? void 0 : l.settings) == null ? void 0 : d.template) == null ? void 0 : c.instance);
           }
         } finally {
           this.fetching = !1;
@@ -1221,7 +1221,7 @@ class ni {
     return this._fetching;
   }
 }
-const oi = "@vouchfor/embeds", ai = "0.0.0-experiment.146014a", hi = "MIT", li = "Aaron Williams", ci = "dist/es/embeds.js", di = "dist/es/embeds.js", pi = "module", ui = "dist/es/index.d.ts", _i = {
+const oi = "@vouchfor/embeds", ai = "0.0.0-experiment.14fd0e7", hi = "MIT", li = "Aaron Williams", di = "dist/es/embeds.js", ci = "dist/es/embeds.js", pi = "module", ui = "dist/es/index.d.ts", _i = {
   ".": "./dist/es/embeds.js"
 }, mi = [
   "dist",
@@ -1245,11 +1245,11 @@ const oi = "@vouchfor/embeds", ai = "0.0.0-experiment.146014a", hi = "MIT", li =
   test: "true"
 }, gi = {
   "@lit/task": "^1.0.0",
-  "@vouchfor/media-player": "0.0.0-experiment.146014a",
+  "@vouchfor/media-player": "0.0.0-experiment.14fd0e7",
   uuid: "^9.0.1"
-}, yi = {
-  lit: "^3.1.0"
 }, vi = {
+  lit: "^3.1.0"
+}, yi = {
   "@esm-bundle/chai": "^4.3.4-fix.0",
   "@open-wc/testing": "^3.2.0",
   "@storybook/addon-essentials": "^7.4.5",
@@ -1283,8 +1283,8 @@ const oi = "@vouchfor/embeds", ai = "0.0.0-experiment.146014a", hi = "MIT", li =
   version: ai,
   license: hi,
   author: li,
-  main: ci,
-  module: di,
+  main: di,
+  module: ci,
   type: pi,
   types: ui,
   exports: _i,
@@ -1296,8 +1296,8 @@ const oi = "@vouchfor/embeds", ai = "0.0.0-experiment.146014a", hi = "MIT", li =
     "**/*.{md,json,yml}": "prettier --write"
   },
   dependencies: gi,
-  peerDependencies: yi,
-  devDependencies: vi
+  peerDependencies: vi,
+  devDependencies: yi
 }, Dt = 1;
 class bi {
   constructor(t) {
@@ -1310,8 +1310,8 @@ class bi {
       const [e, i] = ((o = (n = Intl.DateTimeFormat().resolvedOptions().timeZone) == null ? void 0 : n.split) == null ? void 0 : o.call(n, "/")) ?? [], s = {};
       return [...new URLSearchParams(location.search).entries()].forEach(([h, a]) => {
         if (/utm/.test(h)) {
-          const c = h.toLowerCase().replace(/[-_][a-z0-9]/g, (d) => d.slice(-1).toUpperCase());
-          s[c] = a;
+          const d = h.toLowerCase().replace(/[-_][a-z0-9]/g, (c) => c.slice(-1).toUpperCase());
+          s[d] = a;
         }
       }), {
         source: this.host.trackingSource,
@@ -1328,7 +1328,7 @@ class bi {
       const s = this._findVouchId(i);
       if (!s || this.host.disableTracking)
         return;
-      const { publicApiUrl: n } = et(this.host.env), { client: o, tab: h, request: a, visitor: c } = this._getUids();
+      const { publicApiUrl: n } = et(this.host.env), { client: o, tab: h, request: a, visitor: d } = this._getUids();
       navigator.sendBeacon(
         `${n}/api/v2/events`,
         JSON.stringify({
@@ -1341,7 +1341,7 @@ class bi {
             "x-uid-client": o,
             "x-uid-tab": h,
             "x-uid-request": a,
-            "x-uid-visitor": c,
+            "x-uid-visitor": d,
             "x-reporting-metadata": this._getReportingMetadata(),
             "x-embeds-version": Ai.version
           }
@@ -1377,22 +1377,26 @@ class bi {
         streamStart: this._streamStartTime[i],
         streamEnd: this._streamLatestTime[i]
       }), delete this._streamStartTime[i], delete this._streamLatestTime[i];
+    }, this._pageUnloading = () => {
+      this._streamEnded(), this.host.pause();
     }, this._handleVisibilityChange = () => {
-      document.visibilityState === "hidden" && (this._streamEnded(), this.host.pause());
+      document.visibilityState === "hidden" && this._pageUnloading();
+    }, this._handlePageHide = () => {
+      this._pageUnloading();
     }, this.host = t, t.addController(this);
   }
   _findVouchId(t) {
     return t && "vouchId" in t ? t.vouchId : this.host.vouch ? this.host.vouch.id : null;
   }
   _getUids() {
-    var n, o, h, a, c, d, l, p, u, g, F, $t;
+    var n, o, h, a, d, c, l, p, u, g, F, $t;
     if (typeof window > "u")
       return {
         client: null,
         tab: null,
         request: P()
       };
-    const t = this._visitorId || ((o = (n = window.localStorage) == null ? void 0 : n.getItem) == null ? void 0 : o.call(n, "vouch-uid-visitor")) || this._createVisitor(P()), e = this._clientId || ((a = (h = window.localStorage) == null ? void 0 : h.getItem) == null ? void 0 : a.call(h, "vouch-uid-client")) || P(), i = this._tabId || ((d = (c = window.sessionStorage) == null ? void 0 : c.getItem) == null ? void 0 : d.call(c, "vouch-uid-tab")) || P(), s = P();
+    const t = this._visitorId || ((o = (n = window.localStorage) == null ? void 0 : n.getItem) == null ? void 0 : o.call(n, "vouch-uid-visitor")) || this._createVisitor(P()), e = this._clientId || ((a = (h = window.localStorage) == null ? void 0 : h.getItem) == null ? void 0 : a.call(h, "vouch-uid-client")) || P(), i = this._tabId || ((c = (d = window.sessionStorage) == null ? void 0 : d.getItem) == null ? void 0 : c.call(d, "vouch-uid-tab")) || P(), s = P();
     return t !== this._visitorId && (this._visitorId = t, (p = (l = window.localStorage) == null ? void 0 : l.setItem) == null || p.call(l, "vouch-uid-visitor", t)), e !== this._clientId && (this._clientId = e, (g = (u = window.localStorage) == null ? void 0 : u.setItem) == null || g.call(u, "vouch-uid-client", e)), i !== this._tabId && (this._tabId = i, ($t = (F = window.sessionStorage) == null ? void 0 : F.setItem) == null || $t.call(F, "vouch-uid-tab", i)), {
       client: e,
       tab: i,
@@ -1403,12 +1407,12 @@ class bi {
   hostConnected() {
     requestAnimationFrame(() => {
       var t, e, i, s;
-      document.addEventListener("visibilitychange", this._handleVisibilityChange), this.host.addEventListener("vouch:loaded", this._handleVouchLoaded), (t = this.host.mediaPlayer) == null || t.addEventListener("play", this._handlePlay), (e = this.host.mediaPlayer) == null || e.addEventListener("video:play", this._handleVideoPlay), (i = this.host.mediaPlayer) == null || i.addEventListener("video:pause", this._handleVideoPause), (s = this.host.mediaPlayer) == null || s.addEventListener("video:timeupdate", this._handleVideoTimeUpdate);
+      "onvisibilitychange" in document ? document.addEventListener("visibilitychange", this._handleVisibilityChange) : window.addEventListener("pagehide", this._handlePageHide), this.host.addEventListener("vouch:loaded", this._handleVouchLoaded), (t = this.host.mediaPlayer) == null || t.addEventListener("play", this._handlePlay), (e = this.host.mediaPlayer) == null || e.addEventListener("video:play", this._handleVideoPlay), (i = this.host.mediaPlayer) == null || i.addEventListener("video:pause", this._handleVideoPause), (s = this.host.mediaPlayer) == null || s.addEventListener("video:timeupdate", this._handleVideoTimeUpdate);
     });
   }
   hostDisconnected() {
     var t, e, i, s;
-    this._streamEnded(), document.removeEventListener("visibilitychange", this._handleVisibilityChange), this.host.removeEventListener("vouch:loaded", this._handleVouchLoaded), (t = this.host.mediaPlayer) == null || t.removeEventListener("play", this._handlePlay), (e = this.host.mediaPlayer) == null || e.removeEventListener("video:play", this._handleVideoPlay), (i = this.host.mediaPlayer) == null || i.removeEventListener("video:pause", this._handleVideoPause), (s = this.host.mediaPlayer) == null || s.removeEventListener("video:timeupdate", this._handleVideoTimeUpdate);
+    this._streamEnded(), "onvisibilitychange" in document ? document.removeEventListener("visibilitychange", this._handleVisibilityChange) : window.removeEventListener("pagehide", this._handlePageHide), this.host.removeEventListener("vouch:loaded", this._handleVouchLoaded), (t = this.host.mediaPlayer) == null || t.removeEventListener("play", this._handlePlay), (e = this.host.mediaPlayer) == null || e.removeEventListener("video:play", this._handleVideoPlay), (i = this.host.mediaPlayer) == null || i.removeEventListener("video:pause", this._handleVideoPause), (s = this.host.mediaPlayer) == null || s.removeEventListener("video:timeupdate", this._handleVideoTimeUpdate);
   }
 }
 var Ei = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, f = (r, t, e, i) => {
@@ -1509,6 +1513,10 @@ let $ = class extends j {
     var r;
     return ((r = this._mediaPlayerRef.value) == null ? void 0 : r.scenes) ?? [];
   }
+  get sceneConfig() {
+    var r;
+    return ((r = this._mediaPlayerRef.value) == null ? void 0 : r.sceneConfig) ?? null;
+  }
   get videoState() {
     var r;
     return (r = this._mediaPlayerRef.value) == null ? void 0 : r.videoState;
@@ -1545,37 +1553,37 @@ let $ = class extends j {
   }
 };
 f([
-  y({ type: Object, attribute: "data" })
+  v({ type: Object, attribute: "data" })
 ], $.prototype, "data", 2);
 f([
-  y({ type: String })
+  v({ type: String })
 ], $.prototype, "vouchId", 2);
 f([
-  y({ type: String })
+  v({ type: String })
 ], $.prototype, "templateId", 2);
 f([
-  y({ type: String })
+  v({ type: String })
 ], $.prototype, "env", 2);
 f([
-  y({ type: String })
+  v({ type: String })
 ], $.prototype, "apiKey", 2);
 f([
-  y({ type: Boolean })
+  v({ type: Boolean })
 ], $.prototype, "disableTracking", 2);
 f([
-  y({ type: String })
+  v({ type: String })
 ], $.prototype, "trackingSource", 2);
 f([
-  y({ type: Array })
+  v({ type: Array })
 ], $.prototype, "controls", 2);
 f([
-  y({ type: String })
+  v({ type: String })
 ], $.prototype, "preload", 2);
 f([
-  y({ type: Boolean })
+  v({ type: Boolean })
 ], $.prototype, "autoplay", 2);
 f([
-  y({ type: Number })
+  v({ type: Number })
 ], $.prototype, "aspectRatio", 2);
 f([
   jt()